12.2 - 07. Diogo Matias



Como fazer um efeito de texto parecido com o de uma banda desenhada


Breve descrição e objetivo:
Este é um tutorial para fins escolares e educativos criado por mim. Alguns dos passos para a realização do tutorial podem não se encontrar totalmente específicos e daí a ajuda do professor. O tutorial encontra-se dividido em três partes (Imagem de fundo, Figuras, Texto) tendo um total de 20 passos. Este tem como objectivo mostrar ao aluno que também é possível fazer outras coisas no Photoshop, para além da manipulação de imagem, e ensinar algumas das ferramentas desta aplicação e a dominá-las.


Antes da realização deste, fazer o download dos seguintes ficheiros:

As minhas imagens





1º Parte (Imagem de Fundo)



1º Passo:
Vamos abrir o Photoshop. File > New... e colocar as dimensões 1200x800, como mostra a figura:
(Não esquecer de escolher no "Background Contents", White)




2º Passo:
Agora vamos criar a nossa primeira camada, dando-lhe alguma cor:

   - Arrastar primeiro o cadeado para o lixo e de seguida clicar 2x sobre essa camada;
   - Irá aparecer um quadro, no qual vamos selecionar e colocar as seguintes coisas demonstradas nas figuras:




Aplicar as cores ao gradiente e clicar "OK".




3º Passo:
   - Criar uma nova camada, clicar nas teclas Shift+Ctrl+N e depois "OK";

Vamos então fazer desta camada a textura, como se fosse um papel de banda desenhada...
Clicamos 2x na camada e selecionamos o seguinte:


Nota: Não esquecer de escolher "Soft Light" no Blend Mode.

"OK" > Opacity 55%



4º Passo:
   - Criar uma nova camada (Shift+Ctrl+N e depois "OK") e clicar na tecla "B" que vai selecionar a ferramenta Brush do Photoshop;
   - Escolher o pincel número 1957 e colocá-lo com a dimensão de 1150px;
   - Obter um resultado semelhante à da figura > Fill 15%.




5º Passo:
Acabámos agora a imagem de fundo da mesma, por isso vamos agrupá-la numa pasta para estar tudo mais organizado:

   - Escolher as camadas mantendo primido CTRL e clicando em cada umas das camadas;
   - De seguida CTRL+G para a criação da pasta, clicando duas vezes podemos lhe dar um nome, vamos escrever "BACKGROUND":










2º Parte (Figuras)



6º Passo:
Observar com atenção este tutorial, pois vai ser realizado um semelhante com as mesmas ferramentas e objectivos:

Depois de visualizado o vídeo, fazer o polígono a baixo:
   
   - Cor:




   - Criar:


Nota: Quando se cria o polígono, colocar as medidas de 1200x800px (Width x Height).



   - Confirmar as medidas:

 


7º Passo:
   
   - Cor:




   - Criar:


Nota: Quando se cria o polígono, colocar as medidas de 1200x800px (Width x Height).


   - Confirmar medidas:




8º Passo:
Para centrar ambas as figuras... https://youtu.be/oYRxCPzX-5Q?t=5m34s



9º Passo:
Vamos agora dar um toque de banda desenhada ao balão.
Para isso selecionei o "Polygon 2" com a Quick Selection Tool, como mostra na figura:
(Escondi as outras camadas para a seleção do polígono ser feita mais rapidamente e com melhor resultado)




De seguida criei uma nova camada (SHIFT+CTRL+N) e com a Brush Tool (B):

   - Escolher o pincel 2557 e colocá-lo com uma dimensão de 1000px;
   - Pintar o polígono de modo a obter um resultado semelhante, como mostra a figura:




Por último:

   - Voltar a por todas as camadas visíveis;
   - Opacity 18%.
   
Resultado esperado:


Nota: Clicar nas teclas CTRL+D para desselecionar tudo e começar um novo passo!



10º Passo:
Agora vamos colocar uma sombra a este balão para dar uma ideia de dimensão.
Começamos por converter as duas camadas que contêm os polígonos em "Smart Objects", como podemos ver na figura:




11º Passo:

   - Clicar 2x no Smart Object criado;
   - Prencher o quadro com os mesmos valores mostrados na figura:




12º Passo:
Acabámos agora as figuras, por isso vamos agrupá-las numa pasta para estar tudo mais organizado:

   - Escolher as camadas mantendo primido CTRL e clicando em cada umas das camadas pretendidas;
   - De seguida CTRL+G para a criação da pasta, clicando duas vezes podemos lhe dar um nome, vamos escrever "Shapes":










3º Parte (Texto)



13º Passo:
Acabando a 3º Parte, vamos agora criar o texto que vai aparecer no balão.
Comecemos por clicar na tecla "T" para a criação do texto.
Selecionar o tipo letra e o seu tamanho, como mostra a figura:
(Escrever "BAZINGA!" a branco)




14º Passo:
Vamos agora dar uma outra forma ao texto, para isso:




15º Passo:
De seguida vamos posicionar o nosso texto no meio.
Clicar na camada do texto e depois CTRL+A para selecionar todo o trabalho.
Clicar, de seguida, nas coisas onde mostra a figura:


Nota: Clicar CTRL+D para desselecionar tudo.



16º Passo:
Vamos agora começar a "efeitar" o nosso texto.
Comecemos por clicar 2x na camada do texto para abrir o seguinte quadrado, já visto algumas vezes.
Vamos então adicionar os seguintes efeitos:

   - Bevel & Emboss:




   - Contour:




   - Stroke:




   - Inner Glow:




   - Drop Shadow:




Ficando assim no final deste passo:




17º Passo:
CTRL+T > Rodar o texto até uma posição semelhante à da imagem.
Aumentar o texto, clicando e arrastando, primindo a tecla SHIFT para não modificar.
Repetir o 15º Passo para obter a imagem no meio, outra vez:




18ª Passo:
Vamos agora escurecer as letras que estão demasiado brancas para o resultado pretendido.
Para isso criamos uma nova camada (CTRL+SHIFT+N) e clicamos na tecla "W" para nos abrir a Magic Hand Tool:
(Escondi as outras camadas, excepto a do texto, e efeitos para a seleção das letras ser feita mais rapidamente e com melhor resultado)




19º Passo:
Com a Paint Bucket Tool, tecla "G", vamos agora pintar de preto as letras.
Fill > 20%




20º Passo:
Voltar a tornar tudo visível.
Primindo ALT, clicar entre as camadas de texto e da criada anteriormente:







Fim
Subpáginas (1) Ferramentas do Photoshop
Comments