Aprenda a criar um layout de site de carros

Criar um novo documento 850 x 1000 pixels, preencher o seu camada de fundo com a cor # 1e1e1e. Selecione a ferramenta letreiro retangular (Tecla de Atalho M) e crie um retângulo da largura da sua tela, coloque o retângulo na parte superior de sua tela, preencha usando a ferramenta de gradiente (Tecla de Atalho G), utilizando o gradiente radial e um tom claro de cinza. Você deve ter algo como isto.

Com a ferramenta laço poligonal (Tecla de Atalho L) criar uma forma como este.

Encha com a cor branca, mas deixe a seleção ainda selecionado. Enquanto a sua cabeça ainda selecionado até a paleta de canais e clique em salvar seleção como canal.

Depois de ter clicado o botão Salvar seleção como canal você deve ter uma outra camada chamada “alfa1” selecioná-lo, pressione Ctrl + D para desmarcar a seleção, então ir em  Filtro>Desfoque> Desfoque Gaussiano, raio 10 pixels. Você deve ser deixado com isso.

Pressione CTRL + L para abrir o painel de níveis, arrastar os 3 pontos trianglar no meio, você vai notar a forma se torna mais arredondado.

Clique com o “alfa1” camada, enquanto mantém pressionada a tecla ctrl no teclado para carregar uma nova seleção. Clique em voltar para a sua paleta de layers, crie uma nova camada e preencha a seleção com a cor branca. Eliminar a sua outra camada que você criou anteriormente com a ferramenta polygonal lasso. Adicione estes estilos de camada à sua nova forma.

Você deve ter algo parecido com este.

Com o retângulo ferramenta letreiro acrescentar um pequeno retângulo em cima do topo de sua forma, preencha com a cor branca e opacidade conjunto de camadas de 5%.

Adicione algum texto de navegação de cada lado de sua forma.

Agora com a ferramenta marquee retângulo, ou a ferramenta lápis adicionar duas linhas de pixels 1 lado a lado para criar um divisor, coloque o divisor inbetween seu texto de navegação.

Para esta etapa você vai precisar de uma imagem independente de um carro de sua escolha, im usando uma imagem de digimods (crédito total vai para o autor “Norder”). Remova o fundo da sua imagem carro, escalá-lo para baixo com a ferramenta de transformação e lugar no meio de sua navegação.

Duplicar a imagem do carro e lançá-lo na vertical, alinhe a imagem abaixo do orginal, em seguida, adicione uma máscara Lyer, arraste um gradiente linear ao longo do topo para produzir uma reflexão. Diminua a opacidade para servir a si mesmo.

Adicione algum título logotipo do texto, e no site adicional para completar o cabeçalho.

Usando o mesmo método como fizemos para a navegação criar mais 2 caixas de cada lado, sob a nossa navegação. Não se esqueça de borrar por 10pixels e mover os níveis.

Adicione estes estilos de camada para os seus 2 caixas de conteúdo.

No topo das suas caixas de conteúdo, onde o guia é, adicionar o conteúdo de texto de título caixa e um logotipo de sua escolha, im usando a seta do

formas personalizadas libary no photoshop.

Crie uma seleção como na imagem abaixo, preencha com a cor branca e diminuir a opacidade.

Preencha suas caixas de conteúdo com o seu conteúdo, e coloque um divisor de debaixo de seus títulos caixa de de conteúdo, os divisores de são o mesmo como os entes criados no a navegação.

Criar um mais dois caixas de debaixo suas caixas principais, adicione um acidente vascular cerebral simples para cada caixa para dar-lhe algum detalhe.

Adicione o seu conteúdo do rodapé, duplicando o texto do cabeçalho e logotipo. Adicione um pouco de conteúdo para preencher sua caixa de outro conteúdo.

Para criar os botões selecione a ferramenta retângulo arredondado, desenhe um retângulo preto arredondado, em seguida, adicionar esses estilos de camada.

Acabado

Deixe uma resposta

Faça o login usando um destes métodos para comentar:

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