Selo de Cera no Illustrator e Photoshop

Algumas semanas atrás enquanto tomava meu Maker's Mark decidi que era hora de fazer um efeito de selo de cera, inspirado com o que eles usam na marca deles, usando o Photoshop. Depois de olhar algumas referências, encontrei coisas bacanas e comecei a criar um selo usando o Illustrator e o Photoshop.

Neste tutorial nós vamos criar um efeito de selo de cera usando o Adobe Illustrator e o Photoshop. O processo todo é feito basicamente usando Layer Styles e não vai levar mais de 45 minutos para ser alcançado.

Passo 1

Abra o Illustrator e com a Ellipse Tool (L) crie 3 círculos.

Passo 2

Usando a Type on Path tool para usar um dos círculos adicionar o seguinte texto. Eu adicionei "Approved by Abduzeedo" e "Design-Inspiration-Tutorials". Depois disso, para o círculo de fora use a Warp Tool para distorcer o círculo como na imagem abaixo.

Passo 3

Selecione o círculo de fora e o maior de dentro e então, usando Pathfinder você "subtract" a área central para ter apenas a parte derretida da cera. Depois copie isso no Illustrator e cole no Photoshop em um novo documento.

Passo 4

Vá até Layer>Layer Styles>Ineer Shadow. Use Multiply no Blend Mode, preto na cor, 30% em Opacity, 90º em Angle, 20 pixels em Distance, 0 em Choke e 75 pixels em size.

Passo 5

Selecione Inner Glow. Use Overlay no Blend Mode, 45% em Opacity, branco na cor, Center em Edge, 1 em Choke, 30 pixels em Size e use o mesmo contour da imagem abaixo.

Passo 6

Selecione Bevel and Emboss. Use Inner Bevel em Style, Smooth em Technique, 150% em Depth, Up em Direction, 30 pixels em Size, 10 pixels em Soften, 90º em Angle, 32º em Altitutde. Para Highight Mode use Screen no Blend Mode, branco na cor com 65%. Para Shadow Mode use Color Burn no Blend Mode, preto na cor com 20% Opacity.

Passo 7

No color overlay use a cor Burgundy (borgonha).

Passo 8

Esse é o efeito que terá depois de aplicar os primeiros layer styles.

Passo 9

Crie um círculo usando a Ellipse Tool (U), adicione um círculo abaixo do efeito de cera que criamos no passo anterior.

Passo 10

Duplique o círculo e aplique os mesmos layer styles, mas vamos editar alguns deles.

Passo 11

Aqui está uma lista com os layer styles do círculo que ficará acima das outras layers. A ideia é fazer o círculo menos uniforme, como se fosse mesmo cera.

Passo 12

Com a Eraser Tool (E) você pode deletar algumas partes do círculo. Lembre que a ideia é deixar o círculo menos uniforme.

Passo 13

Adicione outro círculo no meio do efeito de cera.

Passo 14

Os layer styles serão praticamente os mesmos, mas seguem alguns screenshots dos novos layer styles.

Passo 15

Esse é o efeito que terá depois dos layer styles.

Passo 16

Copie o texto do Illustrator e cole no Photoshop. Redimensione para caber no design do Photoshop.

Passo 17

Novamente aqui os layer styles são basicamente os mesmos com pequenos ajustes no Bevel and Emboss e Inner Shadow values.

Passo 18

O texto com layer styles vai ser parecido com a imagem abaixo.

Passo 19

Hora de adicionar o símbolo Abduzeedo.

Passo 20

Aqui novamente os layer styles serão os mesmos dos primeiros passos da era, no entanto Bevel and Emboss será uma técnica diferente. Usaremos Chisel Hard.

Passo 21

Aqui está o símbolo com Layer Styles.

Passo 22

Selecione todas as layers e as duplique, depois faça merge delas em uma. Depois vá até Filter>Blur>Gaussian Blur. Use 10 px em Radius.

Passo 23

Importe uma textura de areia e a coloque acima das outras layers. Faça mask da areia usando a forma da cera.

Passo 24

Troque o Blend Mode da textura de areia para Overlay. Lembre de deixar a textura em grey scale, ou vá até Image>Adjustments>Desaturate.

Passo 25

Vá até Layer>New Adjustment Layer>Hue and Saturation. Reduza Saturation para -20.

Passo 26

Agora coloque uma textura de papel no background. A que estou usando é de Polina Katritch e se chama old paper background. A imagem é cortesia do Shutterstock.

Conclusão

Esse é mais um daqueles efeitos que podem ser melhorados. Eu me diverti criando o efeito e tenho certeza que você podem melhorar o resultado final colocando seu estilo pessoal nele. Agora é com você.

Download Arquivos

Clique aqui para fazer o download dos arquivos do tutorial