Neste artigo vamos aprender a fazer uma imagem com uma técnica que permite obter umas sombras suaves e realistas..

O tutorial vai ter quatro partes.. Na primeira parte, vamos fazer o fundo da imagem; na segunda vamos fazer o logo da imagem; na terceira vamos fazer o texto e na quarta vamos finalizar o logo e a imagem

Só é preciso o Photoshop para este tutorial.. Vamos começar:

Parte 1: O Fundo

Criem um novo documento no Photoshop.. Eu decidi fazer um wallpaper, por isso vou dar ao meu documento a dimensão 1920×1200..

Com a Paint Bucket Tool (G), preencham toda a layer com um cinzento à vossa escolha..

Agora, vão ao menu Filters>Render>Lighting Effects e brinquem com os parâmetros até obterem qualquer coisa que gostem.. Eu pus assim:

Aceitem as alterações e agora vamos a Filters>Blur>Gaussian Blur e vamos escolher um valor que ponha a imagem quase uniforme..

A minha ainda não ficou muito uniforme, por isso vou pressionar Ctrl+F para aplicar o último filtro usado novamente – que é o Gaussian Blur.

Podíamos agora aplicar uma textura ao nosso fundo ou uma cor, mas não vou fazer isso neste tutorial.. Mas vocês estejam à vontade para fazer o que quiserem..

Parte 2: O Logo

Agora vamos desenhar um foguetão com a Pen Tool (P).. Vamos criar um novo Grupo acima da nossa layer actual e criar uma nova layer lá dentro.

Certifiquem-se que a vossa Pen Tool está configurada para criar shapes.. É só clicar aqui:

Agora vamos ao menu View>Show>Grid e deve aparecer a grelha na vossa imagem.. Para a fazer aparecer e desaparecer, é só pressionar Ctrl+H..

Com a Grid visível vamos fazer zoom até cerca de 200% para se verem melhor os quadrados da grelha.. Agora com a Pen Tool vamos criar um ponto:

E agora vamos continuar a desenhar a estrutura do nosso foguetão com mais alguns pontos.. Ao pressionar prolongadamente, ele cria um ponto de Bezier, o qual permite desenhar uma curva.. Tentem obter qualquer coisa parecida com isto:

Podem sempre ajustar a posição dos pontos pressionando Ctrl e movendo-os para o novo local. E podem ajustar a curva deles com a tecla Alt..

Criem agora uma nova layer abaixo desta e vamos desenhar as.. mm.. como será que se chamam aquelas coisas que parecem asas?.. oh, que importa.. vocês sabem o que é..

Agora vamos buscar a Path Selection Tool (A) e vamos seleccionar esta “asa” e com a tecla Alt pressionada, vamos arrastar o path para o duplicarmos (depois de ter aparecido o clone, pressionem também a tecla Shift para o clone se deslocar alinhado com o original).

Com o clone ainda seleccionado vamos ao menu Edit>Transform Path>Flip Horizontal e movam o clone até parecer alinhado com a nave..

Com um dos paths ainda seleccionado, vamos desenhar com a Pen Tool o tubo por onde saem as chamas..

Lembrem-se, isto é uma ilustração, por isso não precisa de ser perfeita =D

Claro que se quiserem ser perfeccionistas, podem sempre criar os paths em layers separadas e alinhá-las com a Move Tool (V) e depois juntar tudo outra vez (Com a Path Selection Tool, seleccionem a máscara da layer a copiar e pressionem Ctrl+C e depois seleccionem a máscara da layer para onde querem copiar o path e pressionem Ctrl+V)..

Agora vamos alterar um pouco as cores do nosso foguetão porque não se percebe muito o que se passa ali.. É só clicar duas vezes no ícone da layer respectiva para mudar a cor..

Agora vamos criar uma nova layer abaixo das duas do foguetão e é nesta layer que vai ficar a parte amarela das chamas =D

Nesta layer, com a Pen Tool desenhem algo parecido com isto:

Com este objecto, vamos desenhar as nossas chamas =D

Com a Path Selection Tool posicionem a nossa chama logo a seguir ao tubo das chamas e se for preciso, redimensionem e rodem – é só pressionar Ctrl+T..

Para duplicar o objecto, já sabem: pressionar Alt e depois arrastar.. Para inverter, vão ao menu Edit>Transform Path>Flip Horizontal.

Tentem criar umas chamas assim:

Ok? Agora dupliquem esta layer – é só arrastá-la para o botão de nova layer -  e mudem a cor dela para vermelho..

Com a Move Tool, redimensionem o objecto para ficar numa posição realista e novamente com a Path Selection Tool mudem um pouco o aspecto dos nossos paths..

Que tal? Foi mais fácil do que o que pensavam, não foi?

Agora, numa nova layer acima de todas do foguetão, vamos desenhar a tão característica janela circular.. Com a Ellipse Tool (U)..

Como a janela não está muito interessante, vamos dar-lhe algum brilho.. Numa nova layer acima desta, de cor branca, vamos desenhar um círculo pequeno:

Com a Path Selection Tool, vamos duplicá-lo, e esticá-lo um pouco para ficar com bom aspecto..

Ok.. Quanto ao foguetão, acho que está tudo..

Parte 3: O Texto

Vamos fechar e esconder o Grupo do foguetão para não ocupar espaço na lista das layers e acima dele vamos criar uma nova layer e vamos escrever qualquer coisa com o tipo de letra Impact..

Vamos clicar com o botão direito do rato na layer do texto e escolher Convert to Shape.. Agora vamos seleccionar tudo (Ctrl+A) e vamos com a Move Tool centrar o texto na imagem:

Agora vamos aumentar o tamanho do texto para ocupar a maior parte do espaço.. Pressionem Shift e Alt enquanto aumentam para manter a relação altura-largura e redimensionar mantendo o centro da layer..

Vamos duplicar esta layer e na que estiver embaixo, vamos clicar com o botão direito do rato e escolher Rasterize Layer.. Isto transformou a nossa layer vectorial numa layer normal, que podemos editar.. Também mudei a cor da minha para preto pressionando Ctrl+I para inverter a cor, mas se a vossa for de outra cor, podem pressionar Ctrl+L para abrir os Levels e arrastar o node branco até ao lado preto.. Mudem o nome desta layer para SOMBRA.

Com a tecla Ctrl pressionada cliquem no ícone da layer sombra para criar uma selecção só com o conteúdo da layer, e vão ao menu Select>Modify>Contract e ponham 1px no valor e pressionem o Ok.. Isto fez diminuir toda a selecção em 1 pixel a toda a volta.. Agora vamos inverter a selecção – Ctrl+Shift+I – e vamos pressionar Del para apagarmos 1 pixel a toda a volta da nossa sombra..

Seleccionem a layer de texto que tem a máscara e diminuam a Opacity dela para 5%, de forma a quase não se ver.. E, pressionando Alt, arrastem a máscara para a nossa layer da sombra..

Com a Path Selection Tool seleccionem todas as letras na máscara da layer sombra e alterem o modo para Subtract:

Isto fez a layer desaparecer.. Mas não faz mal.. Agora, só vai aparecer o que sair para fora das letras, que é o que nós queremos =D

Agora vai começar a magia..

Seleccionem a layer sombra (não a máscara) e peguem na Rectangular Marquee Tool e seleccionem uma das letras do texto..

Com a Blur Tool a usar um pincel suave de cerca de 65px e com o Strength a 100%, vamos tentar criar uma sombra realista para parecer que a nossa imagem é uma folha de papel na qual cortamos algumas partes das letras com um x-acto e que as dobramos para fora da folha..

Lembrem-se, para uma sombra ser realista, tem que ficar menos visível e mais suave com a distância..

Tentem fazer assim:

Vamos agora fazer isto para cada letra.. Seleccionar e Blur.. Tentem aplicar mais blur nas zonas que fossem ficar mais afastadas do papel..

Depois de acabarem todas as letras, ponham a layer de cima completamente invisível para ver se as letras se percebem ou não..

O meu ficou assim:

Os que já tiverem feito clay renderings 3D vão achar este efeito muito semelhante ás sombras obtidas lá..

Ok.. Vamos agora dar alguma dimensão ao texto com iluminação..

Vamos duplicar a layer de texto que tem a máscara e vamos clicar com o botão direito do rato e escolher Rasterize Layer.. Depois vamos alterar a Opacity dela de volta para 100%..

Vamos alterar o Blending Mode desta layer para Overlay e pressionar Ctrl+L para abrir os Levels.. Lá, vamos arrastar o node branco até a layer ficar invisível..

Agora vamos buscar a Dodge Tool e vamos dar brilho ás partes das latras que estão mais afastadas do papel (as que têm mais sombra).. Temos de seleccionar novamente letra a letra e dar brilho onde for preciso com um pincel suave de cerca de 300px (aumentem ou diminuam conforme necessário)..

Vejam como as letras ganham logo um aspecto completamente novo..

Ok.. Agora o texto está pronto..

Parte 4: Finalizar

Vamos põr o Grupo do foguetão visivel e com a Move Tool vamos aumentá-lo e mudar a posição dele..

Vamos abrir o Grupo e vamos criar uma nova layer abaixo de todas.. Com a tecla Ctrl pressionada, vamos clicar na máscara da penúltima layer (a das chamas amarelas) para criar essa selecção e com a Paint Bucket Tool, vamos pintar essa selecção na nova layer de preto..

Agora com a Blur tool, vamos também criar as nossas sombras especiais aqui.. Lembrem-se, mais blur nas zonas que fiquem mais levantadas: pontas e tal..

E vamos agora fazer isto para cada layer do foguetão.. Criar nova layer abaixo da layer actual, criar selecção da layer actual, preencher com preto, blur..

Usem a Eraser Tool em algumas zonas em que seja preciso apagar um pouco de preto..

Agora vamos criar uma nova layer abaixo da layer do brilho e da respectiva sombra..

E vamos pressionar Ctrl e criar uma selecção com a layer das chamas do foguetão.. e depois com o Paint Bucket, preencher e nova layer na selecção com cinzento médio.. Agora vamos põr a layer a Overlay e pegar na Dodge Tool e dar algum volume ás chamas.. É só passar onde quisermos para dar brilho e pressionar Alt enquanto passamos para escurecer..

Agora vamos seleccionar a área das asas do foguetão, preencher a layer de cinzento aí e Dodge & Burn =D

Agora vamos fazer o mesmo para o centro do foguetão..

Agora vamos criar uma selecção com apenas a janela do foguetão e dar-lhe volume também.

E pronto.. Já está a nossa imagem..

Eu pus o fundo um pouco mais claro e gravei.. está aqui o resultado final:

Clicar na imagem para aumentar

Espero que tenham gostado e aprendido alguma coisa e até à próxima =D