Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Máscaras | Criando Visuais
UI/UX com Figma
course content

Conteúdo do Curso

UI/UX com Figma

UI/UX com Figma

1. Ferramentas Básicas do Figma
2. Criando e Organizando Objetos
3. Criando Visuais
4. Prototipagem
5. Submetendo Trabalho

book
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.

Ao usar um PNG transparente como máscara, o que determina a forma da máscara?

Ao usar um PNG transparente como máscara, o que determina a forma da máscara?

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2
We're sorry to hear that something went wrong. What happened?
some-alt