Poster Retro Futurisa no Photoshop [Iniciante]
:: Design Zone :: Design • Tutoriais :: Iniciantes
Poster Retro Futurisa no Photoshop [Iniciante]
O tutorial é bastante simples, é para iniciantes, mas caso seja um usuário mais avançado, pode achar alguns truques interessantes, então não deixem de conferir o tutorial dessa semana.
Passo 1
Abra o Adobe Photoshop e crie um A4 canvas ( 21 x 29,7 cm ou 8,26 x 11,69 inches), ajuste em 300 dpi, mesmo se você trabalha apenas com web, é bom testar resoluções maiores. Primeiro posicione alguns rulers (ctrl + R / command + R) com a distância de 1 cm (2,54 inches) das bordas. Crie então um retângulo verde no centro usando a retangle tool (U) .
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora crie uma layer mask, selecione e usando a linear gradient tool (G) crie um gradiente claro na parte de baixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Uma coisa que muitas pessoas esquecem quando tentam fazer algum efeito com nuvens é que as cores usadas no efeito são as do foreground e do background, então ajuste uma delas para branco e a outra para verde claro como a imagem acima (R:179 G:255 B:104). Vá até Filter > Render > Clouds e você terá algo assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Acesse o painel de blending modes e escolha color burn. Você terá o seguinte efeito:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Crie uma nova layer ( ctrl + alt + shift + N / command + alt + shift + N ) e repita o processo, mas depois de gerar as nuvens vá até Filter > Render > Fibers, ajuste Variance em 8 e Strenght em 64, como na imagem abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Acesse novamente o painel blending options e escolha color burn.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Repita o mesmo processo de criar as nuvens, use preto e branco nas cores de foreground e background. Depois vá até Filter > Render > Difference clouds, faço isso umas 6 vezes. Use o atalho ctrl + F / command + F e você terá algo assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Ajuste Opacity em 25% e escolha o blending mode soft light. Não bagunce as layers, crie um grupo (ctrl + G / command + G) e as posicione como no exemplo abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 2
Vamos adicionar a paisagem ao nosso design, Achei que montanhas seriam uma boa opção, essa imagem que usei você encontra [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]. Abra a imagem no PS e vamos "desaturate it" (ctrl + shift + U / command + shift + U).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Coloque a imagem no canvas, selecione a layer com o retângulo verde com ctrl + click / command click para fazer a seleção. Depois selecione a layer da montanha e press ctrl + J / command + J para cropar a imagem.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora vá até o painel de blending modes e escolha Linear light.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Duplique essa layer (ctrl + J / command + J) e vá até Filter > Other > High Pass, ajuste radius para 9,9 pixels. Acesse novamente o painel blending mode e escolha Overlay.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 3
Não lembro exatamente onde encontrei essa foto de uma noite estrelada, mas ela pode ser usada em projetos não comerciais, então faça o download dela diretamente [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]. Abra a imagem no PS e vamos repetir o processo de usar o high pass filter que fizemos nas montanhas, no passo 2.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Vamos aumentar a intensidade das estrelas, então duplique a layer original ( ctrl + J / command + J ) e use o blending mode Overlay. Vamos então desaturate it ( ctrl + shift U / command + shift + U ). Um bom truque para destacar ainda mais as estrelas é usar o levels panel, ajuste-o conforme abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Cole a imagem final no canvas que estamos usando. Vá até blending modes panel e escolha Linear light. Faça uma layer mask nessa layer e a deixe do tamanho dessa área do canvas. Isso pode levar um tempo pois a melhor maneira de ter um resultado legal no gradiente é usando a brush tool (B) na mask.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Use novamente a seleção do quadrado verde que fizemos no início clicando na layer com ctrl / command pressed. Faça uma nova layer ( ctrl + alt + shift + N / command + alt + shift + N ) e crie um gradiente metálico usando a gradient tool (G). Ajuste Opacity em 70% e escolha o blending mode Soft light.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 4
Agora vamos criar o grid do background. Alguns de você vão dizer que existem maneiras mais fáceis de fazer isso usando o Adobe illustrator, vamos estamos usando o PS, então vamos fazer tudo dentro dele. Usando a rectangle tool (U) crie uma linha branca bem fina, com no mínimo 1,5 pixels. Use zoom (ctrl + / command + ) para ajustar corretamente usando transform (ctrl + T / command + T).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Duplique várias vezes usando move tool (V) + alt.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Acredito que a maioria de vocês já estejam familiarizados com as align tools, quando usarem a move tool (V) elas vão aparecer na parte de cima, selecione todas as layers com linhas brancas e escolha a opção chamada Distribute horizontal center (a do meio da imagem abaixo). Isso vai deixar o espaço entre elas igual. Faça Merge das layer com linhas depois disso ( ctrl + E / command + E )
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Duplique as linhas horizontais usando a move tool (V) + alt. Depois, usando transform (ctrl + T / command + T), e rotate it em 180 graus. Você terá um grid como esse:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Faça um grupo com as layers ou simplesmente faça merge delas em uma única layer, depois faça uma layer mask no grupo ou layer, escolha o gradiente chamado reflected gradient e o coloque na mask na direção diagonal.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 5
Uma coisa que acho muito importante em manipulação de imagens é encontrar a imagem correta para expressar aquilo que você quer. Quando fiz esse poster quis mostrar um cara de terno e procurei várias fotos assim. Mas queria mesmo mostrar algo como se ele estivesse dando algum discurso, então decidi usar uma imagem com o cara apontando o dedo. Você encontra essa foto [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Vá até o Channels panel e duplique o red channel dessa foto. Depois acesse o Levels panel (ctrl + L / command + L) e o ajuste conforme a imagem abaixo.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Vá novamente até o levels panel e ajuste conforme a imagem abaixo. Assim a seleção será mais fácil, apenas use magic wand (W) para selecionar o cara (Sim, eu sei que a magic wand é um saco, mas em algumas ocasiões você pode utilizá-la).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora precisamos tirar a cabeça dele, então use a lasso tool (L) e seja cuidadoso com o dedo dele pois vamos precisar disse depois.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Repita o processo do high pass filter e de duplicar e depois overlaying para destacar mais a imagem. Depois de tudo isso a coloque no canvas.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Crie uma nova layer usando a seleção do corpo e a preencha com verde usando a paint bucket tool (G). Depois acesse o blending mode panel e escolha Color burn
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Faça um grupo (ctrl + G / command + G) com as layers do corpo e faça uma layer mask. Selecione e usando a gradient tool (G) faça um gradiente no corpo. A ordem das layers do grupo deve ser assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 6
Com a cabeça da águia tive a mesma dúvida para escolher a foto. Sites de stock fotos tem muitas imagens então você leva um tempo para encontrar exatamente o que quer. Eu queria algo com uma expressão autoritária, então escolhi essa, que você encontra [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Abra a foto no PS. Primeiro vamos fazer flip usando transform (ctrl + T / command + T ) + right click . Repita o processo para destacar a imagem (High pass layer + soft light layer).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Isso é muito parecido com o que fiz no passo anterior, mas dessa fiz uma cópia do channel e decidi aplicar esses levels na imagem, depois cortei as margens da cabeça da águia e colei o grupo todo no canvas.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Repita o procedimento do passo anterior para ter esse look verde.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Crie uma layer mask no grupo usando a brush tool (B) para fazer a mão aparecer. A ordem das layers deve ser assim, então se não conseguir o efeito é porque algo na ordem está errado.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 7
Super simples: usando a text tool (T) escreva primeiro "LET IT" em maiúscula, depois escreva "Just" e "HAPPEN", use a move tool (V) para posicionar corretamente. Usei a fonte walkway que você encontra [Tens de ter uma conta e sessão iniciada para poderes visualizar este link].
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Faça uma nova layer (ctrl + shift + alt + N / command + shift + alt + N ) e use a seleção das letras clicando + ctrl/command + shift nas layers. Depois adicione um gradiente usando a gradient tool (G) com a parte mais escura na parte de baixo. Adicione um pouco de drop shadow e ajuste opacity em 50%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 8
Vamos criar alguns detalhes, então crie um retângulo usando a rectangle tool (U), depois usando transform (ctrl + T/command + T) ajuste para que fiquem sharp.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Use Soft light no blending mode. Duplique o detalhe que fizemos, agrupe e duplique novamente, depois faça flip.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Adicionei uma layer mask ao grupo e usei um gradiente, dupliquei tudo e obtive um efeito bem interessante.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 9
Dica rápida: crie elipses usando a ellipse tool (U) e vá até Filter > Blur > Motion Blur, ajuste angle em 82 e distance em 998 pixels. Use overlay no blending mode. Duplique até que tenha um efeito de luz.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Resultado Final
Hora de comparar as duas versões, a de 2010 e a de 2011.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Eu não consegui definir qual é a melhor... acho que cada imagem representa um momento diferente da minha carreira. Como falei antes, essa ideia de refazer um trabalho antigo usando novos métodos é muito legal, vale a pena tentar!
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
'KinG~*- Membro
- Posts : 18
Data de Ingresso : 23/04/2012
Re: Poster Retro Futurisa no Photoshop [Iniciante]
levo meus thanks...
Rocket- Light Member
- Posts : 813
Data de Ingresso : 10/01/2012
Idade : 26
Localização : Da minha casa
Re: Poster Retro Futurisa no Photoshop [Iniciante]
Quero os créditos...
Abraços.
Convidad- Convidado
» [Tutorial]Reflexo - Iniciante
» sign modelada nivel iniciante
» [Tutoriail Iniciante] Sign Obito
» Tutorial sign Killzone Bem iniciante
:: Design Zone :: Design • Tutoriais :: Iniciantes