Poster Minimalista no Photoshop

abduzeedo seg, 12/28/2009 - 09:41

Chegamos no final do ano, e no último tutorial de 2009 vou mostrar a você como criar um inspirado no trabalho incrível de Simon Page, especialmente aqueles posters lindos do International Year of Astronomy. Primeiro eu criei esse design para o poster de aniversário de 3 anos do Abduzeedo, mas para esse tutorial fiz algumas alterações.

Então vou mostrar a você como criar um poster minimalista no Photoshop brincando com algumas stock photos, com blend modes e filtros. Nós também vamos usar uma textura de papel para dar um toque retro ao design.

Passo 1

Abra o Photoshop e crie um documento novo. Para o tamanho, estou usando 900x1440 pixels. Preencha a background layer com preto e então vá até Edit>Transform>Scale. Redimensione a background layer como na imagem abaixo.

Minimalistic Poster Design with Photoshop

Passo 2

Vá até Layer>Layer Style>Color Overlay. Selecione marrom para a cor, o que usei foi o #37281e

Minimalistic Poster Design with Photoshop

Passo 3

Depois da Color Overlay, selecione Stroke. Use 4 pixels para Size, Inside para Position, Color Dodge para Blend Mode e Branco para Color.

Minimalistic Poster Design with Photoshop

Passo 4

Adicione outra layer abaixo da layer marrom e preencha com bege, o que usei foi o #edd3aa.

Minimalistic Poster Design with Photoshop

Passo 5

Vamos importar uma foto de uma escada. A que usei é uma cortesia do Shutterstock e você encontra ela em http://www.shutterstock.com/pic-39923698/stock-photo-ladder-leading-up-t...

Minimalistic Poster Design with Photoshop

Passo 6

Selecione a image layer e vá até Image>Adjustments>Hue and Saturation. Reduça o Hue para -170 e deixe os outros valores como estão.

Minimalistic Poster Design with Photoshop

Passo 7

Ainda com a image layer selecionada, vá até Image>Adjustments>Levels. Aumento o black input para 87, o middle input para 0.93. Para os Output Leves use 0 e 130.

Minimalistic Poster Design with Photoshop

Passo 8

Vá até Layer>New Adjustment Layer>Hue and Saturation. Essa adjustment layer precisa ficar acima das outras layers, da escada e do background. Aumente a Lightness para 12.

Minimalistic Poster Design with Photoshop

Passo 9

Vamos usar outra imagem, dessa vez algumas estrelas com uma névoa. A que usei é cortesia do Shutterstock e você pode encontrá-la em http://www.shutterstock.com/pic-1611518/stock-photo-space-heart.html

Minimalistic Poster Design with Photoshop

Passo 10

Com a Polygonal Lasso Tool (L) crie uma marquee selection do céu amarelo. Depois disso, com a imagem das estrelas selecionadas, vá até Layer>Layer Mask>Reveal Selection.

Minimalistic Poster Design with Photoshop

Passo 11

Vá até Image>Adjustments>Hue and Saturation. Reduza o Hue para 30, a Saturation para 30 e aumente a Lightness para 13. Selecione também Colorize. Use a imagem abaixo como referência.

Minimalistic Poster Design with Photoshop

Passo 12

Agora vamos adicionar um texto. Adicionei o 2010 usando Helvetica Neue Bold, 107pt e marrom (9e7539) na cor. Abaixo do 2010 adicionei "Happy New Year" usando Helvetica Neue Light, 33pt com o mesmo marrom. Na parte de baixo da página adicionei uma citação de Paulo Coelho usando Helvetica Neue Regular, 16pt. Use a imagem abaixo como referência.

Minimalistic Poster Design with Photoshop

Passo 13

Adicione uma nova layer acima das outras e a preencha com branco. Vá então até Filter>Render>Lighting Effects. Para Style selecione RGB lights e deixe os outros valores como estão.

Minimalistic Poster Design with Photoshop

Passo 14

Vá até Filter>Blur>Gaussian Blur. Use 120 pixels para Radius.

Minimalistic Poster Design with Photoshop

Passo 15

Reduza a Opacity da layer para 30% e vá também até Edit>Transform>Rotate. Gire a imagem para que o vermelho fique na parte de baixo. Depois disso vá até Image>Adjustments>Levels. Aumente o Black input para 70.

Minimalistic Poster Design with Photoshop

Passo 16

Vamos usar outra imagem, agora uma textura de papel. Mais uma vez a que estou usando é cortesia do Shutterstock e pode ser encontrada em http://www.shutterstock.com/pic-20845342/stock-photo-old-yellow-paper-ba...

Minimalistic Poster Design with Photoshop

Passo 17

Troque o Blend Mode da textura de papel para Multiply. Essa layer ficará acima das outras.

Minimalistic Poster Design with Photoshop

Passo 18

Vá novamente até Layer>New Adjustment Layer>Hue and Saturation. Essa adjustment layer ficará acima das outras layers. Reduza a Saturation para -32 e aumente a Lightness para +28.

Minimalistic Poster Design with Photoshop

Conclusão

Nesse tutorial nós brincamos apenas com Blend Modes, masks e filtros básicos. A idéia foi criar algo minimalista mas bonito, e com um ar retro. Também pode ser usado como um cartão de Ano Novo muito legal!

Nós aqui do Abduzeedo desejamos a vocês um Feliz Ano Novo! 2009 foi incrível e aprendemos muito com vocês. Obrigado pelo ótimo ano... e que o próximo seja ainda melhor!

Minimalistic Poster Design with Photoshop

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivoPhotoshop usado nesse tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.

Sponsored Links

More articles about: