Tutorial: Criando layout no Photoshop

Aprenda a criar um layout com efeitos usando o photoshop. O layout criado tem bastante detalhes e requer um bom conhecimento na ferramenta.

Por | @oficinadanet Photoshop

Vamos criar um layout qualificado e criativo utilizando ferramentas do Photoshop. Para isto, é necessário que você tenha um conhecimento básico no software além de exercitar a sua criatividade. Primeiramente vamos ver como ficará nosso projeto com a imagem abaixo. Resultado final:

Tutorial: Criando layout no Photoshop

Abra um novo documento com as seguintes características.

Tutorial: Criando layout no Photoshop

Veja que a camada esta com um cadeado... clique duas vezes sobre a camada para tirar este cadeado deixando assim a camada livre para trabalhar-mos.

Tutorial: Criando layout no Photoshop
Tutorial: Criando layout no Photoshop

Só por uma questão de organização, renomei a camada para fundo.

Tutorial: Criando layout no Photoshop

Vá em add a layer style e adicione a opção gradient overlay. Aparecerá a seguinte opção.

Tutorial: Criando layout no Photoshop

Clique na parte que está marcada com vermelho. Teremos a seguinte opção já alterada para nosso fundo. ( mude as cores para a 2020e1)

Tutorial: Criando layout no Photoshop

Até aqui teremos o seguinte resultado.

Tutorial: Criando layout no Photoshop

Selecione a ferramenta Rectangle tool (U) e faça um retangulo como mostra a imagem abaixo.

Tutorial: Criando layout no Photoshop

Ainda com a ferramenta rectangle tool selecione a opção subctract shape area (subtrair shape)

Tutorial: Criando layout no Photoshop

e divida o retângulo como mostra a imagem

Tutorial: Criando layout no Photoshop

Tereremos o seguint resultado:

Tutorial: Criando layout no Photoshop

O próximo passo é adicionar uma imagem no retângulo branco que criamos. Selecione uma foto e adicione ao documento... Foto Download

Tutorial: Criando layout no Photoshop

Para deixar a imagem com a mesma forma do retangulo acima, você deve fazer o seguinte. Coloque sua atenção sobre a camada da foto, segure alt e na transição de uma foto para outra de um clique( simplesmente selecione a camada da foto e aperte Ctrl + AZlt + G). Isso vai fazer uma clip layer mask.

Camada sem a clip mask

Tutorial: Criando layout no Photoshop

Camada com a clip mask

Tutorial: Criando layout no Photoshop

Vamos aplicar um tom de laranja na imagem. para isso vá em adjustments > color filter e configure como mostra a imagem abaixo.

Tutorial: Criando layout no Photoshop

Resultado:

Tutorial: Criando layout no Photoshop

Baixe o seguinte brush pack 1 e download (rosas) faça mais ou menos como mostra a imagem abaixo ( vou deixar para a ultima etapa)

Tutorial: Criando layout no Photoshop

Tutorial: Criando layout no Photoshop

Baixe a Fonte Bahaus. Digite como mostra a imagem. Você pode alterar é claro.

Tutorial: Criando layout no Photoshop


Mais sobre: photoshop tutorial layout
Share Tweet
Recomendado
Comentários
Carregar comentários
Destaquesver tudo