Conteúdo do Curso
UI/UX com Figma
UI/UX com Figma
1. Ferramentas Básicas do Figma
Máscaras
Máscaras no Figma são usadas para revelar partes específicas de camadas ou objetos enquanto ocultam o restante.
Veja como elas funcionam:
- Coloque um objeto (por exemplo, uma imagem) e a forma da máscara (por exemplo, uma elipse) juntos, com a forma da máscara atrás do objeto;
- Selecione ambas as camadas, clique com o botão direito e escolha Usar como Máscara, ou use o atalho Ctrl+Alt+M (Windows) / Command+Option+M (Mac). A base da máscara se torna invisível, mostrando apenas as partes selecionadas da camada acima dela;
- Você também pode fazer mascaramento com texto. Coloque o texto atrás de uma imagem e use-o como máscara para criar efeitos de texto criativos. As camadas na máscara podem ser redimensionadas ou escaladas independentemente;
- A forma base de uma máscara se torna invisível quando vários objetos são mascarados juntos. Para adicionar um fundo a um design mascarado, crie uma nova forma e coloque-a atrás da base da máscara;
- PNGs transparentes também podem atuar como máscaras, e formas podem ser mascaradas com PNGs para criar designs complexos.
Máscaras geralmente oferecem mais flexibilidade do que preenchimento de imagem, permitindo que você combine vários objetos em designs complexos. Embora o Figma tenha relativamente poucas formas e ferramentas, ele fornece o essencial, e com esses elementos simples, você pode criar designs verdadeiramente brilhantes.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 3. Capítulo 2