Come progettare un'icona utilizzando le operazioni booleane in Sketch

Le "operazioni booleane" di Sketch ci consentono di creare percorsi complessi combinando forme esistenti. Impariamo come sfruttarli al massimo progettando un'icona in questo tutorial screencast.

Guarda Screencast

Cosa sono le operazioni booleane?

"Boolean", in termini di programmazione per computer, è un tipo di dati che può essere "vero" o "falso". In termini di applicazioni grafiche come Sketch, usiamo "boolean" per descrivere come vengono combinate le forme, usando valori come "e", "o", "non" ecc..

A volte sentirai operazioni booleane denominate strumenti "Pathfinder" e le opzioni disponibili sono: 

• Unione: Dove il risultato è la somma delle aree di entrambi i percorsi.
• Sottrarre: Dove l'area del percorso superiore viene rimossa da quella sottostante.
• intersecare: Che lascia l'area in cui le forme originali si sovrappongono.
• Differenza: Effettivamente il contrario di "intersecare", lasciando le parti in cui i percorsi originali non si sovrappongono.

Utilizzo delle operazioni booleane

Creare forme complesse è qualcosa che inevitabilmente trovi nella progettazione di icone, quindi diamo un'occhiata a come gli strumenti booleani possono aiutarci. 

Ad esempio, nel tentativo di ricreare questa icona di ancoraggio, potremmo iniziare con due forme di cerchio, la più alta delle quali lo faremo sottrarre dal basso.

Dopo un po 'più di sottrazione, aggiungeremo dei triangoli alla fine della base dell'ancora, usando il unione operazione per combinare tutte e tre le forme in una sola.

La modifica

Potresti aver sentito il termine design "non distruttivo", che si riferisce a un modo di lavorare in applicazioni grafiche che non distruggono le informazioni vitali mentre vai avanti. Qui, ad esempio, potresti pensare che avremmo un problema se volessimo ingrandire i nostri triangoli, ma grazie alle tecniche non distruttive di Sketch non abbiamo bruciato i nostri ponti.

Ogni oggetto all'interno di questo Forma combinata è ancora accessibile come un proprio livello, quindi isolare e modificare i triangoli non è un problema:

In definitiva, quando le tue forme sono tutte create, combinate, sottratte, intersecate, qualunque cosa tu debba fare, puoi fare clic Appiattire rimuovere le capacità di isolamento. Proprio come Adobe Illustrator Espandere opzione, questo ti lascerà con singoli percorsi complessi, che potrebbero essere più appropriati per la distribuzione della tua icona.

Conclusione

Le quattro operazioni boolearie di Sketch ci consentono di costruire percorsi complessi combinando forme in modi diversi. Come abbiamo dimostrato, sono molto utili per il design di icone. Usali oggi!

link utili

• Disegna documenti di operazione booleana
• Suggerimento rapido: come utilizzare i simboli aggiornati di Sketch
• 2 metodi rapidi per la creazione di grafici a torta nello schizzo