Comment concevoir une icône à l'aide d'opérations booléennes dans Sketch

Les «opérations booléennes» de Sketch nous permettent de créer des chemins complexes en combinant des formes existantes. Apprenons à en tirer le meilleur parti en concevant une icône dans ce didacticiel de screencast..

Regarder Screencast

Que sont les opérations booléennes??

«Booléen», en termes de programmation informatique, est un type de données qui peut être «vrai» ou «faux». En termes d'applications graphiques telles que Sketch, nous utilisons “boolean” pour décrire la manière dont les formes sont combinées, en utilisant des valeurs telles que “et”, “ou”, “not”, etc..

Vous entendrez parfois des opérations booléennes appelées «outils Pathfinder» et les options disponibles sont les suivantes: 

• syndicat: Où le résultat est la somme des zones des deux chemins.
• Soustraire: Où la zone du chemin du haut est enlevée de celle du dessous.
• Couper: Ce qui laisse la zone où les formes originales se chevauchent.
• Différence: En réalité l'opposé de "intersecter", laissant les parties où les chemins d'origine ne se chevauchent pas.

Utilisation d'opérations booléennes

La création de formes complexes est une chose que vous rencontrerez inévitablement dans la conception d'icônes. Voyons donc comment les outils booléens peuvent nous aider.. 

Par exemple, en essayant de recréer cette icône d'ancre, nous pourrions commencer par deux formes de cercle, dont la plus haute soustraire du bas.

Après plus de soustraction, nous allons ajouter quelques triangles à la fin de la base de notre ancre, en utilisant le syndicat opération de combiner les trois formes en une seule.

Édition

Vous avez peut-être entendu parler de «conception non destructive», qui désigne une manière de travailler dans les applications graphiques qui ne détruit pas les informations vitales au fur et à mesure. Ici, par exemple, vous pourriez penser que nous aurions un problème si nous voulions agrandir nos triangles, mais grâce aux techniques non destructives de Sketch, nous n’avons pas brûlé nos ponts..

Chaque objet dans cette Forme combinée est toujours accessible en tant que son propre calque, isoler et éditer les triangles ne pose donc aucun problème:

En fin de compte, lorsque vos formes sont toutes créées, combinées, soustraites, intersectées, vous pouvez cliquer sur ce que vous devez faire. Aplatir supprimer les capacités d'isolation. Un peu comme Adobe Illustrator Développer option, cela vous laissera avec des chemins complexes uniques, ce qui pourrait être plus approprié pour distribuer votre icône.

Conclusion

Les quatre opérations booléennes de Sketch nous permettent de créer des chemins complexes en combinant des formes de différentes manières. Comme nous l'avons démontré, ils sont très utiles pour la conception d'icônes. Utilisez-les aujourd'hui!

Liens utiles

• Sketch Boolean Opération docs
• Astuce: comment utiliser les symboles mis à jour de Sketch
• 2 méthodes rapides pour créer des camemberts dans l'esquisse