Advertisement
  1. Web Design
  2. UX/UI

Guia para Modos de Mesclagem no Sketch

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

Nesse tutorial, mostraremos como trabalhar com os vários modos de mesclagem disponíveis no Sketch.

Assista o Screencast

Sketch é uma aplicação de design vetorial, mais voltada para design de interfaces e ícones e menos para edição de bitmap. Contudo, ele possui alguns recursos que podemos usar para criar imagens mais interessantes e chamativas. Uma delas é o modo de mesclagem. Sketch possui quinze desses modos e todos devem ser familiares de outras aplicações gráficas:

  • Escurecer
  • Multiplicação
  • Superexposição de cor
  • Clarear
  • Divisão
  • Subexposição de cor
  • Sobrepor
  • Luz Indireta
  • Luz Direta
  • Diferença
  • Exclusão
  • Matiz
  • Saturação
  • Cor
  • Luminosidade

Modos de mesclagem podem ser aplicados diretamente aos objetos ou ao definir o preenchimento.

Modos de mesclagem pegam dois ou mais objetos (imagens, texto ou formas) e aplicam algoritmos em seus canais de cores. Cad mapa de pixel é recalculado e apresentado.

O modo Escurecer, por exemplo, substituirá os pixeis mais claros com a cor base mais escura do objeto de baixo. Também afeta gradientes, assim, os pixeis mais claros serão substituidos completamente, enquanto os "menos claros" serão menos impactados. Para mais detalhes sobre o que cada um faz, veja o tutorial do Jonathan Cutrell sobre modes de mesclagem no CSS:

Conclusão

Modos de mesclagem, mesmo em aplicações baseadas em vetor, podem gerar imagens muito poderosas em designs. Brinque com elas, descubra o que cada um fará em diversas situações e veja como usá-los em seus trabalhos.

Inspiração

Veja essas ações e filtros do GraphicRiver que lançam mão dos modos de mesclagem para ótimos efeitos!

Kit de Exposição Dupla

Ação para Photoshop de Superexposição de Luz

Ação para Photoshop de Pintura Intensa

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.