Tutorial - Criar Layout para Blog usando o Photoshop

Sejam Todos bem vindos a mais um tutorial aqui no Kelwin Designer, hoje vou mostrar como criar um Layout para blog no Photoshop, neste tutorial vamos utilizar apenas ferramentas básicas. O resultado sera um Layout profissional.

1.Passo
Criar 1200x1800px novo documento. Abra o arquivo arquivo bg , vá para Editar> Definir padrão e clique em OK. Volte para o novo documento, vá em Edit> Fill, escolha "padrão" e selecione o nosso padrão. Agora você deve ter documento preenchido com um padrão excelente!

2.Passo

Importar arquivo do logotipo e colocá-lo no topo. Use Rounded Rectangle Tool com raio definido para 10px e desenhar um retângulo. Em seguida, defina o seu estilo de camada:

cores de gradiente são # # 4e0101 e ad1414.
Agora nós devemos ter algo parecido com isso:

3.Passo

Segurando CTRL + clique na miniatura da camada. Em seguida, clique direito sobre a seleção e escolha Transform Selection. Transforme-lo como ele é apresentado a seguir: 

Na nova camada de preenchimento nova seleção com branco. Em seguida, adicione filtro Gaussian Blur com raio de 25-50. Depende de como a luz do menu deve ser. Duplicar camada poucas vezes e tentar experimentar com opacidade.
 

4.Passo

Com Horizontal Type Tool inserir algum texto utilizando Lucida Fax fonte. Para a camada de texto adicionar estilo: 

Usando Rounded Rectangle Tool crie submenu. Para a camada de adicionar o estilo: (cores Gradiente: # c35a0c, # ffae00)

Agora, temos:

5.Passo

Este é uma passo muito importante. A fim de fazer o nosso submenu mais interessante, vamos adicionar alguns gradientes oblíqua. CTRL + Clique na miniatura da camada e usando Gradient Tool fazer alguns gradientes. Você pode pressionar a tecla SHIFT enquanto desenha para se certificar de que os gradientes vai paralelas umas às outras. 

Você pode apagar os gradientes nas bordas. Defina a opacidade da camada para 17%;
 

6.Passo

Eu encontrei alguns ícones na Web e adicionou algumas posições submenu. Você pode colocar alguma coisa que você quiser. Como você pode ver, o título submenu não é visível, portanto, usando Horizontal Type Tool colocá-lo. Eu fiz uma caixa de busca no lado direito do menu, simplesmente porque eu não queria deixar muito espaço, mas se você tem um menu muito grande, não é necessário.
7.Step

Com a ferramenta Rounded Rectangle fazer caixa e estilo de jogo: (cores Gradiente: # 0a324c, # 0088b5)

Agora, fazer como fizemos no 5.step, mas gradientes podem ser mais grosso.

8.Passo

Encontre qualquer imagem, cortá-la e colocar sobre o fundo do controle deslizante. Adicione o estilo: (cor do curso: # 072231) 

Agora pressione Ctrl + Clique na miniatura da camada e usando Rectangular Marquee Tool, com interseção com a opção de seleção para selecionar uma parte inferior.

Criar uma nova camada, preencha a seleção com preto e mude a opacidade para 80-90%; adicionar algum texto.
 

9.Passo

Com Pencil Tool fazer alguns pontos. Adicione-style: (cor: # 072638) 

O "seleccionado" tem dot color: # estilo 73a7bf e adicionais:

10.Passo

Com a ferramenta Rounded Rectangle criar caixa. Adicione o estilo: (cores Gradiente: da690e # # e3b410) 

Faça como no 5.step com gradientes. Adicione um título (Lucida Fax, 14pt), estilo de camada de texto:

Encontre algumas fotos no Google e adicionar-lhes o mesmo curso em 8.step
 

11.Passo

Até agora, o nosso tutorial está terminada. Eu te ensinei base, mas se você quiser adicionar alguns novos módulos (Login caixa, controle deslizante Gallery) eu dou-lhe as cores que usei:

Log caixa de entrada: # cec0a5, # f7f6ef;
Galeria slider: # 410c1e, # ec4a7c;
Twitter: bbc9cf # # dee8ec; 

RESULTADO FINAL.

Creditos: PS Deulxe

Posted in: Inspiração,Photoshop