Advertisement
  1. Web Design
  2. Sketch

Como Desenhar um Ícone Usando Operações Booleanas no Sketch

by
Read Time:2 minsLanguages:

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

As "operações booleanas" do Sketch permitem criar caminhos complexos ao combinas formas existentes. Aprendamos a usá-las, projetando um ícone nesse tutorial em vídeo.

Assita o Vídeo

O Que São Operações Booleanas?

"Booleano", em termos de programação computacional, e um tipo de dado que pode ser "verdadeiro" ou "falso". Em aplicações gráficas como Sketch, usamos "booleano" para descrever como formas são combinas, usando valores como "e", "ou", "não", etc.

Podemos over operações booleanas chamadas de ferramentas de "Pathfinder" e as operações disponíveis são:

  • União: onde o resultado é a soma das área dos caminhos
  • Subtração: Onde a área do topo é removida da em baixo..
  • Interseção: Que deixa a área onde as formas originais se encontram.
  • Diferença: O oposto de "interseção", deixando as partes dos caminhos originais que não se encontram.

Usando Operações Booleanas

Criar formas complexas é algo que teremos de lidar em design de ícones, então, vejamos como as ferramentas booleanas podem nos ajudar.

Por exemplo, ao tentar recriar um ícone de âncora, podemos começar com dois círculos, onde substrairemos o de cima do de baixo.

Após alguma subtração, adicionaremos triângulos ao final da base da âncora, usando a operação de união, para combinar as três formas em uma.

Edição

Talvez tenha ouvido o termo design "não destrutivo", que se refere à forma de aplicações gráficas trabalharem sem destruir informação vital ao manipulá-la. Aqui, por exemplo, pode parecer que temos um problema se quisermos tornar os triângulos maiores, mas, graças às técnicas não destrutivas do Sketch, não teremos problemas.

Cada objeto na Forma Combinada ainda é acessível em sua própria camada, assim, isolar e editar os triângulos é fácil:

No fim, quando as formas são criadas, combinadas, subtraidas, interseccionadas ou qualquer coisa que fizermos, clicamos em Achatar para remover o isolamento. Como a opção Expandir do Adobe Illustrator, isso nos dará um único caminho complexo que pode ser mais apropriado para distribuir o ícone.

Conclusão

As operações booleanas do Sketch permitem construir caminhos complexos ao combinar formas de diversas maneiras. Como visto, são úteis para design de ícones. Usemo-nas hoje!

Links Úteis

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.