No Photoshop, você pode fazer um layout de site, de acordo com o qual já é criado em html. Este processo é relativamente simples.
Necessário
Programa Adobe Photoshop
Instruções
Passo 1
Abra o Photoshop e crie um documento de imagem de 1020 x 1200 nele. Defina a cor de fundo para # a8a995. Se o site for dedicado a uma empresa, você poderá colocar seu logotipo no canto superior esquerdo da barra de navegação. Deixe algum espaço à direita para links para navegar no site.
Passo 2
Pegue a ferramenta Rectangle e crie um retângulo de 80 por 54 pic na barra de navegação do site. Ele indicará o item de menu ativo na navegação do site.
etapa 3
Vá para o menu Layer-Layer Style, marque a caixa de seleção Color Overlay, cor # ADAE9E, Opacity - 100%, e a caixa de seleção Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Passo 4
No topo do retângulo que você já tem, adicione outra foto 71x50, pinte-a com # cfbe28. Vá para o menu Layer-Layer Style, defina os seguintes parâmetros para este retângulo: Drope Shadow: Blend Mode - Multiply, cor # 000000, Opacity - 27%, Angle - 90, Distance - 1, Spread - 0, Size - 5; Sombra interna: Modo de mesclagem - Multiplicar, cor # 000000, opacidade - 27%, ângulo - 90, distância - 1, bloqueio - 0, tamanho - 18; Traço: Tamanho - 1, Posição - Exterior, Opacidade - 100, Tipo de preenchimento - Cor, Cor # D6C72C.
Etapa 5
Adicione sombra para links localizados na barra de navegação. Para fazer isso, selecione a camada com o texto desses links, vá ao menu Layer-Layer Style e defina os seguintes parâmetros: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Repita essas etapas para cada camada que conterá o texto dos links.
Etapa 6
Agora você precisa fazer uma parte introdutória do modelo. Selecione a ferramenta Retângulo e faça um retângulo sob o logotipo, preencha com branco, reduza a opacidade para 20%.
Etapa 7
Selecione a ferramenta Elipse e faça um oval sob este retângulo. Vá para Filter> Blur> Gaussian Blur e defina o raio para 7, 8.
Etapa 8
Pegue a Rectangular Marque Tool e selecione a parte inferior do retângulo e o oval desfocado. Delete isso.
Etapa 9
Depois disso, insira o texto no botão retângulo. Crie uma linha diretamente acima dela com os seguintes parâmetros: 866 por 1 foto.
