Não é muito difícil criar um modelo de site no Photoshop. O modelo inclui menus, formulários de pesquisa, gráficos, talvez algum texto, por exemplo. O próprio site já estará programado com base nisso.
Instruções
Passo 1
Comece a moldar o modelo do seu site no Photoshop criando um novo documento com um tamanho de 1020 por 1020 imagens. Deixe o fundo branco. Defina a cor do primeiro plano como # c5e0dd e a cor do plano de fundo como # ece5cf.
Passo 2
Pegue a ferramenta Gradiente e selecione o primeiro tipo de preenchimento em seu painel de configurações. Arraste uma linha de gradiente pelo campo branco de cima para baixo.
etapa 3
Pegue a ferramenta Texto, escreva o título do seu site no canto superior direito para que se alinhe com o formulário de pesquisa, que estará localizado no canto superior esquerdo. Defina o tamanho da fonte, por exemplo, 12.
Passo 4
Para criar a forma de pesquisa, selecione a ferramenta Retângulo e desenhe um retângulo branco no canto superior direito. Aplique as seguintes configurações de camada: Inner Shadow - Blend Mode - Multiply, Color - # a2b7b1, Opacity - 43, Angle - 90, Distance - 0, Choke - 0, Size - 10.
Etapa 5
Use a ferramenta Texto para criar um texto suave dentro desta forma.
Etapa 6
Selecione a ferramenta Retângulo arredondado e faça um botão dentro da forma de pesquisa em sua borda direita. Aplique os seguintes estilos de camada: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (cores de # 754f39 a # a1704f), Style - Linear, Angle - 90, Scale - 59.
Etapa 7
Use a ferramenta Texto para escrever "ir" ou algo parecido neste botão.
Etapa 8
Para criar a navegação, use a ferramenta Retângulo arredondado e desenhe um retângulo longo abaixo do título e da forma de pesquisa. Aplique os seguintes estilos de camada: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark a light (cores de # 76503e a # a46ecd), Style - Linear, Angle - 90, Scale - 59; Estrutura do traço - 1, Posição - Interno, Modo de mesclagem - Normal, Opacidade - 100, Tipo de preenchimento - Cor, Cor # 9F6038.
Etapa 9
Pegue a ferramenta Retângulo arredondado e desenhe um pequeno retângulo no lado esquerdo da barra de navegação. Aplique os seguintes estilos de camada: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Angle - 90, Distance - 1, Choke - 0, Size - 8; Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient from dark to light (cores de # 76503c a # a46e4d), Style - Linear, Angle - 90, Scale - 59; Stroke - Structure - 1, Position - Inside, Blend Mode - Normal, Opacity - 100, Fill Type - Color, Color # 8f6347.
Etapa 10
Adicione rótulos à barra de navegação.
