63. Saturation
Eu mostro como retirar a saturação de uma imagem no Figma usando o blend mode Saturation, de forma a manter o brilho e a tonalidade base. Criei uma máscara em formato de elipse aplicada sobre uma cor de fundo (branco) e posicionei o Saturation por cima; isso transforma as cores em tons de cinza sem deixar a imagem “apagada”. Ao trabalhar com outras cores a interação muda, então é preciso testar para manter a harmonia visual. O objetivo é obter um efeito mais envelhecido ou menos vibrante, com contraste controlado. Na prática eu aplico um layer blur nas bordas da elipse para suavizar o corte e gerar uma transição mais natural entre o elemento dessaturado e o fundo. Dá para redimensionar e reposicionar a elipse para criar variações no layout — o efeito é não-destrutivo por ser um blend mode, então não prejudica a composição. Use com moderação para criar cenários de contraste e reduzir a intensidade da cor quando necessário. Significado dos termos: - saturation / saturação: redução das cores de uma imagem, tornando-a mais próxima do cinza sem alterar brilho. - blend mode (modo de mesclagem): modo que determina como uma camada interage visualmente com as camadas abaixo. - máscara: forma que limita a área onde um efeito ou camada é aplicado. - elipse: forma geométrica (circulo/ovalo) usada como máscara. - layer blur (desfoque de camada): efeito que suaviza bordas da máscara para uma transição mais natural.
Comentários
Eu mostro como retirar a saturação de uma imagem no Figma usando o blend mode Saturation, de forma a manter o brilho e a tonalidade base. Criei uma máscara em formato de elipse aplicada sobre uma cor de fundo (branco) e posicionei o Saturation por cima; isso transforma as cores em tons de cinza sem deixar a imagem “apagada”. Ao trabalhar com outras cores a interação muda, então é preciso testar para manter a harmonia visual. O objetivo é obter um efeito mais envelhecido ou menos vibrante, com contraste controlado. Na prática eu aplico um layer blur nas bordas da elipse para suavizar o corte e gerar uma transição mais natural entre o elemento dessaturado e o fundo. Dá para redimensionar e reposicionar a elipse para criar variações no layout — o efeito é não-destrutivo por ser um blend mode, então não prejudica a composição. Use com moderação para criar cenários de contraste e reduzir a intensidade da cor quando necessário. Significado dos termos: - saturation / saturação: redução das cores de uma imagem, tornando-a mais próxima do cinza sem alterar brilho. - blend mode (modo de mesclagem): modo que determina como uma camada interage visualmente com as camadas abaixo. - máscara: forma que limita a área onde um efeito ou camada é aplicado. - elipse: forma geométrica (circulo/ovalo) usada como máscara. - layer blur (desfoque de camada): efeito que suaviza bordas da máscara para uma transição mais natural.
Comentários
Eu mostro como retirar a saturação de uma imagem no Figma usando o blend mode Saturation, de forma a manter o brilho e a tonalidade base. Criei uma máscara em formato de elipse aplicada sobre uma cor de fundo (branco) e posicionei o Saturation por cima; isso transforma as cores em tons de cinza sem deixar a imagem “apagada”. Ao trabalhar com outras cores a interação muda, então é preciso testar para manter a harmonia visual. O objetivo é obter um efeito mais envelhecido ou menos vibrante, com contraste controlado. Na prática eu aplico um layer blur nas bordas da elipse para suavizar o corte e gerar uma transição mais natural entre o elemento dessaturado e o fundo. Dá para redimensionar e reposicionar a elipse para criar variações no layout — o efeito é não-destrutivo por ser um blend mode, então não prejudica a composição. Use com moderação para criar cenários de contraste e reduzir a intensidade da cor quando necessário. Significado dos termos: - saturation / saturação: redução das cores de uma imagem, tornando-a mais próxima do cinza sem alterar brilho. - blend mode (modo de mesclagem): modo que determina como uma camada interage visualmente com as camadas abaixo. - máscara: forma que limita a área onde um efeito ou camada é aplicado. - elipse: forma geométrica (circulo/ovalo) usada como máscara. - layer blur (desfoque de camada): efeito que suaviza bordas da máscara para uma transição mais natural.
Comentários

Olá 👋,
Aqui é o Will, em que posso ajudar?
Sugestões & Feedbacks


