Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Usando Máscaras no Figma: Recorte e Sobreposição para Visuais Avançados | Criando Visuais no Figma
Design de UI/UX com Figma

bookUsando Máscaras no Figma: Recorte e Sobreposição para Visuais Avançados

Máscaras no Figma são usadas para revelar partes específicas de camadas ou objetos enquanto ocultam o restante.

Veja como 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 utilize 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;
  • Também é possível mascarar com texto. Coloque o texto atrás de uma imagem e use-o como máscara para criar efeitos criativos de texto. 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 posicione-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 o preenchimento de imagem, permitindo combinar múltiplos objetos em composições complexas. Mesmo que o Figma tenha relativamente poucas formas e ferramentas, ele fornece o essencial, e com esses elementos simples, é possível criar designs realmente brilhantes.

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.78

bookUsando Máscaras no Figma: Recorte e Sobreposição para Visuais Avançados

Deslize para mostrar o menu

Máscaras no Figma são usadas para revelar partes específicas de camadas ou objetos enquanto ocultam o restante.

Veja como 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 utilize 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;
  • Também é possível mascarar com texto. Coloque o texto atrás de uma imagem e use-o como máscara para criar efeitos criativos de texto. 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 posicione-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 o preenchimento de imagem, permitindo combinar múltiplos objetos em composições complexas. Mesmo que o Figma tenha relativamente poucas formas e ferramentas, ele fornece o essencial, e com esses elementos simples, é possível criar designs realmente brilhantes.

question mark

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

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2
some-alt