Este documento fornece um tutorial passo-a-passo para compor imagens e formas, criando uma peça publicitária para a campanha da Oral-B através de 10 passos que incluem adicionar gradientes, sombras, padrões e formas para simular uma medalha.

1. COMPOSIÇÃO DE
IMAGENS E FORMAS
RENATO MELO - 2014

2. No portfolio de Humberto
Gava no Behance,
encontramos várias peças
publicitárias, entre elas esta
campanha da P&G. Vamos
descobrir como faz uma
composição de imagens
e formas?

3. #NAPRÁTICA

4. Passo 1: Abra a imagem em png, crie uma nova
camada e faça um gradiente radial nas cores:
#67c0e3 e # 017cb6

5. A
B
Passo 2: Vamos usar a ferramenta Gradient Tool
(A) com a cor #002443 e escolher a opção da
figura B. Com tudo configurado, faça o
movimento da figura C com a ferramenta.
C

6. Passo 3: Repita o passo nos
outros 3 cantos igual aos
exemplos: # 003661(A),
#002d53 (B) e #004372 (C)
A B
C

7. Passo 4: Passe um pincel branco (A) para fazer uma
iluminação por trás da jogadora. Depois, deixe a camada
com 40% de opacidade (B)
A
B

8. Passo 5: Crie um arquivo novo com
90x90 pixels. Vá em Visualização -
Nova Guia (A), depois configure
linhas guias em 15px, 45px e 75px
tanto na horizontal quanto vertical (B)
para ficar como uma grade (C).
A
B
C

9. Passo 6: Faça um quadrado
na cor #aedcf2, duplique
até completar 9 quadrados
(A). Logo após, vá em
Imagem e Tamanho da
Imagem e redimensione a
imagem para 12x12 pixels
(B). Depois vá em editar e
definir padrão (C).
A
C
B

10. Passo 7: Crie uma camada
nova, vá em editar –
preenchimento (A), escolha
o padrão que você criou (B)
e reduza a opacidade para
30% (C).
A
C
B

11. Passo 8: Crie 4 círculos nas cores: #293b80 (azul escuro)
#ffffff (branco) e #94c0e7 (azul claro)

12. Passo 9: Utilize a PEN para criar as formas acima, simulando uma
medalha. Troque na barra de ferramentas de Demarcador para
Formas. #Dica: Faça apenas linhas retas e crie estas formas em
uma camada atrás da camada da bola.

13. Passo 10: Cole o logo da campanha da P&G para finalizar.

14. ORIGINAL RESULTADO DO TUTORIAL

15. LINK DAS IMAGENS:
JOGADORA - http://bit.ly/aula-oralb1
LOGO P&G - http://bit.ly/aula-oralb2

16. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br