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:
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:
- https://youtu.be/oYRxCPzX-5Q?t=2m49s
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