Primeiro de tudo criar um novo documento com as dimensões: 1080 por 880 pixels. Agora estamos indo para preencher o fundo com uma cor sólida, indo Edit> Fill, e use a cor # CDECFF.
Passo 2
Estamos indo agora para a criação do fundo de navegação. Criar uma nova camada (Layer> New> Layer) e usando a ferramenta retângulo arredondado fazer uma seleção (860 por 120 pixels), no centro, no topo do documento de modo que apenas as curvas de fundo estão a mostrar (ocultar os melhores fora o documento por mover a selecção para cima). Preencher (Edit> Fill) a seleção com a cor # 151515 utilizando o mesmo método foi utilizado na primeira etapa.
Passo 3
Sobre a camada de fundo de navegação vá Layer> Layer Styles> Gradient Overlay e entrar nas configurações abaixo. Clicando na imagem ao lado de "Gradiente:" abre a janela no alto.
Agora sua navegação deve olhar como este:
Passo 4
Agora vamos estar adicionando em alguns links de texto para agir como a navegação do site.Selecione a ferramenta texto da caixa de ferramenta e adicionar em alguns nomes de páginas que você teria para um site de fotografia. Eu escolhi para casa, aproximadamente, de carteira, serviços e contato. A fonte que usei é Arial (16pt) e as cores são # EAEAEA para as ligações e # 010101 para as barras entre as ligações.
Passo 5
Em seguida acima, vamos estar adicionando no logotipo / cabeçalho do site. Então, crie uma nova camada e usando a ferramenta retângulo arredondado novamente fazer uma selecção de cerca de 200 por 240 pixels (com um raio de 10 pixels) no lado direito da navegação, e usando a técnica empregada para o fundo de navegação mais de modo que apenas as curvas de fundo estão mostrando (não os de topo). Selecione a ferramenta gradiente e defina-o radial. Defina a sua cor de primeiro plano para # E0E1E1 e seu pano de fundo # F1F1F1, preencher a seleção com um clique (gradiente deixou em algum lugar perto da parte superior central e arraste até o fundo e solte).
Passo 6
Agora nós estamos indo adicionar um estilo de camada (um brilho externo) para o fundo do logo.Para fazer isso, vá Layer> Layer Styles> Outer Glow. Eu usei as configurações abaixo.
Sua apresentação deve agora ser vista como este.
Passo 7
Usando a ferramenta de texto adicionar o nome do site e uma pequena descrição abaixo. Fiz até um nome "Photosmart" para o local ea descrição é "fotografia profissional" aliteração -:) O colorus eu usei são # 272727 (para a cor mais escura) e # 7b7b7b (para a cor mais clara).
Passo 8
Agora nós estamos indo fazer o logotipo atual do logotipo;) Se você não quer fazer de uma forma a partir do zero para o seu logotipo, basta utilizar uma forma personalizada do Photoshop. Eu enchi meu carrapato com a cor # 85c7ff e acrescentou um pequeno brilho branco exterior (Layer> Layer Style> Outer Glow).
Passo 9
Criar uma nova camada (Layer> New> Layer) para a área de alto conteúdo de fundo. Utilizando a ferramenta retângulo arredondado fazer uma selecção de 860 por 590 pixels e preencha (Edit> Fill) com # 181818.
Etapa 10
Criar uma nova camada e faça uma seleção arredondado de 860 por 400 pixels no fundo do fundo (deixar uma margem de 10 pixels na parte inferior). Preencha esta seleção com o branco (# FFFFFF).
11 Etapa
Adicionar em alguns preencher o texto para a área de conteúdo superior. A cor que tenho usado para os títulos é 85C7FF #.
Etapa 12
Agora nós estamos indo adicionar um divisor entre os dois parágrafos. Em uma nova camada faça uma seleção de 40 por 180 pixels (por mais alto que está entre o topo ea base da seção de preto).Preencha a seleção com um gradiente linear de # 181818 a # 1e1e1e usando a ferramenta de gradiente.
Etapa 13
Duplicar a camada divisor e vai em Editar> Transform> Flip Horizontal. Mova a camada duplicada para a direita, há uma lacuna um pixel entre o original eo duplicado.
Etapa 14
Adicionar em alguns preencher e texto de rodapé na área de conteúdo branca e você está completo.
Resultados Finais
Adicione alguns retoques, talvez uma escova no fundo debaixo da navegação e está completo.Clique na imagem abaixo para ver a versão completa.
Só falta é ensinar como depois hospedar e mapear o layout e colocar no blog através do kompozer e/ou dreamweaver x.x