Oii! Nesse post vou mostrar como fazer o efeito adesvio/sticker para ilustrações vetorizadas no Figma. Eu amo esse efeito, ele é super simples de fazer e fica muito legal a aplicação.
1. Duplique a ilustração (grupo) e coloque a cópia atrás
Para alterar a ordem dos elementos que aparecem no Figma você pode:
- Arrastar na parte de layers (parte lateral esquerda)
- Clicar com botão direto no elemento e selecionar “send to back”
- Usar o atalho de “[“
É importante que a ilustração esteja agrupada para todo tutorial funcionar. Para agrupar você seleciona todos os elementos e:
- Aperta CTRL + g
- Clica com botão direito e seleciona “group selection”
2. Aplique borda na cópia
Na cópia crie uma borda 20px (outside) branca com os cantos arredondados. Como mostra a imagem abaixo:
A grossura da borda define a quantidade de “branco” do adesivo. E depende do tamanho da ilustração.
Por exemplo, uma borda de 10px fica assim:
Já a borda de 20px fica assim:
3. Crie o efeito de sombra
Clique em + no effects para criar a sombra, por padrão ela vem essa configuração de sombra, que eu já acho ótima. Mas é possível personalizar clicando no “sol”.
O blur da sombra é o quanto a sombra se espalha
A porcentagem é o quão forte aparece a cor da sombra, no caso
O X e o Y dizem para qual lado a sombra vai.
X: horizontal e Y: vertical
Nesse caso ele esta para 52px direita e 44px para cima (por ser negativo)
E é assim que eu crio ilustrações no estilo adesivo/stiker no figma.
Se você quer aprender a ilustrar no Figma do zero tem vários vídeos no Canal do Youtube:
Siga nas rede sociais
Me segue no instagram (@made.by.bia) para ficar por dentro de todas as novidades sobre ilustração e design.
Aprenda a ilustrar do zero ao avançado
E para quem quer aprender a usar o Figma e fazer ilustrações lindas é só participar do meu curso Ilustrando no Figma.