15
jun
08

Cool Fotografia layout

Neste tutorial Photoshop, você vai aprender a desenhar um layout simples azul com Photoshop pela combinação camada formas e estilos.

Etapa 1

Em primeiro lugar, criar um novo documento com as dimensões: 1080 por 880 pixels. Agora nós estamos indo para preencher o fundo com uma cor sólida em curso Edit> Fill, e usar a cor # CDECFF.

STEP1

Etapa 2

Estamos agora em vias de o ser da 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, na parte superior do documento, para que o fundo só estão mostrando curvas (esconder o topo queridos fora o documento a que se deslocam a selecção para cima). Preencher (Edit> Fill) a seleção com a cor # 151515 utilizando o mesmo método que utilizamos na primeira etapa.

STEP2

Etapa 3

Navegação sobre a camada de fundo ir Layer> Layer Estilos> Gradiente Overlay e entrar nas configurações abaixo. Clicando na imagem ao lado “Gradiente:” traz a janela para o topo.

step3a

Agora a sua navegação deverá ser procurando desta forma:

step3b

Etapa 4

Agora estamos em vias de o ser, em alguns textos acrescentando links para agir como a navegação para o site. Selecione a ferramenta de texto a caixa das ferramentas e adicionar em alguns nomes de páginas que você poderia ter uma fotografia para o site. Eu escolhi casa, cerca de carteiras, serviços e contacto. Eu utilizei a fonte é Verdana (16pt), e as cores estão os links para EAEAEA # # 010101 e para as ligações entre as barras.

step4

Etapa 5

Em seguida, vamos acrescentando-se no logotipo / cabeçalho para o site. Portanto, criar 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 é utilizada para tornar a navegação de fundo de modo que apenas a parte inferior curvas são exibidos (não superior a dimensão). Selecione a ferramenta gradiente e ajuste-a radial. Defina o seu primeiro plano a cor # E0E1E1 e seu pano de fundo # F1F1F1, preencher a seleção com um gradiente (clique esquerdo algures perto do topo centro e arraste e solte para a parte inferior).

step5

Etapa 6

Agora estamos em vias de o ser acrescentando uma camada de estilo (um brilho exterior) para o logotipo de fundo. Para fazê-lo, vá Layer> Layer Estilos> Outer Glow. Eu usei as definições abaixo.

step6a

Sua apresentação deve ser agora olhando como este.

step6b

Etapa 7

Utilizando a ferramenta texto acrescentar o nome do site e uma pequena descrição abaixo. Eu fiz até um nome “PhotoSmart” para o local e a descrição é “fotógrafos” – Aliteração:) O colorus Eu tenho usado são # 272727 (para a cor mais escura) e # 7b7b7b (para o isqueiro cor).

step7

Etapa 8

Agora que vamos estar a fazer o próprio logotipo do logotipo;) Se você não quiser fazer uma forma de raiz para o seu logotipo, basta usar uma forma personalizada do Photoshop. Eu tenho o meu carrapato cheia com a cor # 85c7ff e acrescentou um pequeno brilho branco exterior (Layer> Layer Style> Outer Glow).

step8

Etapa 9

Criar uma nova camada (Layer> New> Layer) para o conteúdo principal área de fundo. Utilizando a ferramenta retângulo arredondado fazer uma seleção de 860 por 590 pixels e preencha (Edit> Fill) com # 181818.

step9

Etapa 10

Criar outra camada e fazer uma selecção de 860 arredondado por 400 pixels no fundo do fundo (deixar uma margem de 10 pixels na parte inferior). Preencha esta seleção com o branco (# FFFFFF).

step10

Etapa 11

Adicionar em alguns preenchimento de texto para o conteúdo principal área. A cor que tenho usado para os títulos é # 85C7FF.

step11

Etapa 12

Agora estamos em vias de o ser adicionando um divisor entre os dois pontos. Em uma nova camada de fazer uma selecção de 40 por 180 pixels (alta no entanto, é entre a parte superior e inferior da seção preto). Preencha a seleção com um gradiente linear de 181818 # # 1e1e1e utilizando a ferramenta de gradiente.

step12

Passo 13

Duplicar o divisor camada e ir Edit> Transform> Flip Horizontal. Mova a camada duplicada para a direita para que haja um pixel um fosso entre o original ea segunda via.

step13

Etapa 14

Adicionar em alguns preencher e rodapé texto em branco o conteúdo área e você está completo.

step14

Resultados Finais

Adicionar alguns retoques finais, talvez um pincel no fundo debaixo da navegação e você estiver completo.

step15-integral


0 Responses to “Cool Fotografia layout”



  1. Deixe um comentário

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


FONTES TOTAL

TUTORIAIS PHOTOSHOP | TEXTUREKING | OFICINA DA NET | NEOSITE.ILOGIC | PHOTOSHOP TUTORIALS | BRUSHEEZY | BRUNO AVILA |

Arquivos

Estatística

  • 293,757 usuários

%d blogueiros gostam disto: