1. Design & Illustration
  2. Icon Design

Confronto dei Due Metodi per la Creazione di Icone a Linee: Scostamento Tracciato vs. Tracce

by
Read Time:22 minsLanguages:

Italian (Italiano) translation by Manuela Langella (you can also view the original English article)

Confronto dei Due Metodi per la Creazione di Icone a Linee: Scostamento Tracciato vs. Tracce

Offset paths or strokes for line iconsOffset paths or strokes for line iconsOffset paths or strokes for line icons

Questo articolo è dedicato ad un argomento che mi sta a cuore, ma che allo stesso tempo mi ha dato alcuni forti mal di testa nei primi giorni del mio processo di progettazione.

Se non hai già indovinato dal titolo, beh, è qualcosa di profondamente legato al disegno dell'icona, più precisamente icone linea e due metodi molto diversi per loro produzione: scostamento tracciato vs tracce. Così se ne stai creando uno tuo o stai modificando un pacchetto di icone da Envato Market, questo articolo ti aiuterà.

Detto questo, allaccia le cinture e andiamo a vedere i principali vantaggi e svantaggi dell'utilizzo di uno o dell'altro.

1. Cosa Sono le Icone Linea?

Beh, è una domanda davvero buona, soprattutto se stai cominciando ora come designer di icone, poiché ricordo che ad un certo punto anch'io mi sono fatto la stessa esatta domanda.

Per chi conosce già la risposta, sosteneteci, poiché ci vorranno solo un paio di secondi per far andare tutti a gran velocità.

Le icone linea sono icone che delimitano i differenti blocchi di una composizione, utilizzando contorni più sottili o più spessi, o linee.

Ci sono due tipi principali di icone linea, che sono in realtà abbastanza simili, la differenza fondamentale è l'uso o piuttosto la mancanza di forme colorate di riempimento.

naked line and colored fill line icon examplenaked line and colored fill line icon examplenaked line and colored fill line icon example

Se decidi di andare completamente a nudo e utilizzare solo le linee, o vuoi aggiungere dettagli riempiendo lo spazio vuoto tra le righe, sta a te.

A questo punto, le cose possano sembrare non così complicate, almeno in superficie, ma appena entri nel processo di creazione delle icone, le cose potrebbero cominciare a diventare un po' confuse. Questo principalmente perché ci sono molte opinioni là fuori che parlano dei diversi metodi di creare le icone attuali, ma non ci sono molti di loro che fanno un confronto diretto tra i due processi.

Così ho pensato che potevo intervenire e scrivere questo articolo per fare giustizia ad entrambi i metodi.

2. Come Vengono Create le Icone Linea?

Ok, quindi ora sappiamo cosa sono le icone linea, ma come possiamo fare per crearle?

Come ho già detto nell'introduzione, ci sono due modi di base per creare queste icone. Il primo utilizza lo scostamento tracciato, che ti richiede di creare una forma base e poi aggiungerle uno scostamento, che trasformerai in un pezzo di linea tagliando fuori la forma più piccola da quella più grande.

Il secondo si basa sull'utilizzo di forme base di Illustrator combinate con lo Strumento Penna (P) per creare tracciati che utilizzano solo linee più sottili o più spesse, senza riempimenti.

Ho intenzione di spiegarti ognuno di essi nei prossimi minuti e cercherò di far quanta più luce possibile su ciascuno di essi in modo che alla fine potrai decidere quale si adatta meglio a te.

2.1. Il Metodo Scostamento Tracciato

Prima di tutto, che cosa significa la parola "scostamento"?

Beh, se utilizzato come sostantivo, devo dire che davvero non ho trovato alcuna definizione valida che possa avvicinarsi al suo utilizzo nel design. Dall'altro lato, quando viene usato come aggettivo, le cose cominciano ad avere un po' più senso dal momento che la spiegazione  "disposto lontano da una linea centrale; fuori centro" ci porta più vicino al modo in cui viene usato da Illustrator.

Ora, ad per essere onesti, non posso dire che il manuale ufficiale di Adobe Illustrator fa un ottimo lavoro nello spiegare le cose, poiché lo strumento è elencato sotto un titolo piuttosto ingannevole "Scostare oggetti duplicati", che non è molto corretto.

Questo perché gli oggetti risultanti non sono realmente duplicati, dal momento che un duplicato ha le stesse caratteristiche della sua controparte originale, come la dimensione, il colore e la forma. Penso che la parola che avrebbero dovuto usare è "copia", poiché una copia può essere "simile o identica" all'originale, cosa che fa lo scostamento di Illustrator.

Credo davvero che avrebbero potuto fare un lavoro migliore se solo lo avessero denominato in modo semplice come "Strumento Scostamento Tracciato" e descritto le sue funzioni utilizzando un paio di sezioni e diversi sottotitoli.

Rendono le cose un po' più chiare, una volta che inizi a leggere il testo:

"È possibile creare una replica di un oggetto, scostandolo dall'oggetto selezionato da una distanza specificata, utilizzando il comando Scostamento Tracciato o l'effetto Scostamento Tracciato. Lo scostamento di oggetti è utile quando desideri creare forme concentriche o fare molte copie di un oggetto con regolari distanze tra ogni copia."

Ho trovato che la definizione sia ancora un po' vaga, così ho deciso di cercare di spiegare il concetto dando un'occhiata da vicino al processo reale che Illustrator segue per crearlo.

Uno scostamento tracciato è sostanzialmente una copia dell'oggetto selezionato che è stato creato spingendo il suo tracciato verso l'esterno a partire dalla forma originale, dando così una versione leggermente più grande di quell'oggetto che è identico in forma e colore, ma non in dimensioni.

Ora, non so dire nulla riguardo la creazione di molteplici forme concentriche, ma questo strumento può essere perfetto per la creazione di icone linea.

Sì, ci sono un paio di trucchi che devi conoscere quando lo utilizzi per questo scopo, ma te ne parlerò dopo.

Il Processo

Bene, il processo dipende dal tipo di icona che vuoi creare. Se ricordi bene, nel primo capitolo ho parlato di due tipi di icone linea che vengono attualmente utilizzate dai progettisti: semplici linee pure o icone linea con forme di riempimento.

Poiché lo strumento Scostamento Tracciato crea una copia della forma originale, ciò implica che il processo di creazione delle linee si concentrerà sull'utilizzo di due oggetti, identici in termini di forma, ma di diverse dimensioni.

Non importa il tipo di icone linea con cui decidi di lavorare, il processo di creazione dello scostamento è identico. In primo luogo, crea la forma originale, e quindi mantenendola selezionata, vai a Oggetto > Tracciato > Scostamento Tracciato dove sarai accolto da una piccola finestra pop-up con un sacco di opzioni.

La prima è Scostamento che, come già sai, controlla la distanza sulla quale Illustrator creerà e posizionerà il tracciato copia.

La seconda opzione è Spigoli, che controlla l'aspetto generale degli spigoli finali di una forma, dando le tre opzioni seguenti:

  • Vivo, che lascia gli angoli dritti e appuntiti
  • Arrotondato, che rende gli angoli arrotondati
  • Smusso, che aggiunge una base piana a ciascuno degli angoli

A seconda dello stile che vuoi creare, è possibile sceglierne uno o l'altro. Una cosa che dovresti prendere in considerazione è che tali Spigoli funzionano solo sulle forme che hanno angoli appuntiti e non angoli arrotondati.

Così, ad esempio, se hai un quadrato e desideri creare uno scostamento e impostare gli angoli su Arrotondato, puoi facilmente farlo. D'altra parte, se disponi di un rettangolo arrotondato, l'unico tipo di Scostamento che otterrai sarà quello Arrotondato, non importa cosa imposti sull'opzione Spigoli.

Questo non dovrebbe essere un problema dal momento che non credo che qualcuno desideri creare una forma con angoli arrotondati e con strani scostamenti con angoli aguzzi.

La terza e ultima opzione è Limite Smusso. Ho provato a cercare una presentazione ufficiale di Adobe di questa opzione, ma non sono riuscito a trovarne una diretta. Invece, ho trovato una spiegazione veramente bella di Limite Smusso dell'Angolo del Tratto, che immagino funzioni allo stesso modo dello Scostamento:

"Il Limite smusso controlla quando il programma passa da uno spigolo ad angolo (appuntito) ad uno spigolo smussato (squadrato). Il limite smusso predefinito è 10, che significa che quando la lunghezza del punto raggiunge dieci volte lo spessore del tratto, il programma passa ad uno spigolo di un angolo smussato. Un limite smusso di 1 si traduce in un angolo smussato".

Se lo verifichi, potresti trovare che il Limite Smusso predefinito per lo Scostamento è 4 (non 10) ma a parte questo, sono praticamente identici.

Ok, quindi probabilmente siamo stati un po' troppo tecnici sull'argomento, ma ho voluto spiegare le cose nel miglior modo possibile.

A questo punto sappiamo come creare lo scostamento, ma come lo utilizziamo per creare l'icona linea effettiva? Ti mostrerò prima il processo per la linea nuda.

Creare Icone Linea Nude usando lo Strumento Scostamento Tracciato

Per coloro che stanno chiedendo perché le chiamo "icone dalla linea nuda", diciamo solo che ho trovato l'espressione più semplice da capire per chi è nuovo del gioco. Detto questo, non importa il tipo di icona scegli, se è nuda o riempita, sono entrambe icone linea.

Ora, dal momento che io di solito trovo esempi più espliciti piuttosto che scrivere solo puro testo, ti porterò attraverso il processo di creazione di un'icona di tua scelta.

Dal momento che avevo bisogno di qualcosa di base, che potrebbe facilmente spiegare il concetto, ho deciso di creare una piccola icona documento, che è veloce e facile da creare.

Durante la creazione delle icone, ci sono un paio di cose che il designer deve decidere. La prima decisione è solitamente quella di scegliere la dimensione di base per l'icona. Questo passaggio è molto importante dal momento che partirai dalla più piccola dimensione per poi crearne versioni più grandi, che, a seconda delle esigenze del progetto, potrebbero essere 32 x 32 px, 64x64 px, 96 x 96 px, ecc.

Suggerimento rapido: se ti stai chiedendo perché dovresti iniziare da una dimensione più piccola per poi andare a qualcosa di più grande, beh, è abbastanza semplice: quando crei icone di pixel perfetti che hanno valori di numeri dispari (ad esempio 3) e scegli una dimensione di base relativamente più grande (64x64 px) e poi decidi di aggiungerne una più piccola (32 x 32 px) allora potresti notare che le cose cominciano a non funzionare. Questo perché un numero dispari diviso a metà ti darà un valore decimale, che non può essere correttamente ancorato alla Griglia dei Pixel.

Puoi leggere di più sull'argomento andando su alcuni miei altri tutorial:

Nel nostro caso, diciamo che vogliamo partire da una base relativamente grande di 96 x 96 px.

creating the icons base gridcreating the icons base gridcreating the icons base grid

Una volta che abbiamo deciso il nostro formato, dobbiamo iniziare a pensare allo spessore delle nostre linee. Questo passaggio è ugualmente importante dal momento che abbiamo bisogno di creare la forma principale, assicurandoci di lasciare uno spazio tra essa e i lati della nostra griglia di 96 x 96 px, dal momento che questo è dove le linee saranno effettivamente posizionate.

Quel divario rappresenterà lo spessore effettivo delle nostre linee, poiché applicheremo uno scostamento tracciato alla forma originale e quindi creeremo l'icona "linea" portando fuori la forma più piccola da quella più grande utilizzando l'opzione Sotto meno Sopra del pannello Elaborazione Tracciati.

Per questo esempio, useremo uno spessore di 4 px, che significa che la nostra forma principale avrà un vuoto di 4 px tra i lati superiore e inferiore della nostra griglia.

Se ti stai chiedendo perché ci stiamo solo interessati ai lati superiore e inferiore, è perché le icone documento sono solitamente più alte ma leggermente più strette in termini di larghezza. Se questo fosse un oggetto diverso, noi potremmo aver bisogno di considerare entrambi i lati di destra e sinistra poiché vogliamo che le cose siano coerenti.

Ora, iniziamo a costruire l'icona disegnando un rettangolo arrotondato di 64 x 88 px con Raggio d'Angolo di 4 px, che coloreremo utilizzando una tonalità più scura di grigio e lo posizioneremo al centro della nostra griglia.

Come puoi vedere, i lati superiore e inferiore della forma hanno quel divario di 4 px che useremo come nostro valore di scostamento.

positioning the main shape for the document icon created using the offset path methodpositioning the main shape for the document icon created using the offset path methodpositioning the main shape for the document icon created using the offset path method

Ora selezioniamo la forma e creiamo lo scostamento andando su Oggetto > Tracciato > Scostamento Tracciato e inserendo 4 px nel campo del valore di Scostamento, lasciando gli Spigoli e il Limite Smusso sui valori predefiniti.

creating the outline for the naked line document icon using the offset path methodcreating the outline for the naked line document icon using the offset path methodcreating the outline for the naked line document icon using the offset path method

Non appena si clicca su OK, Illustrator creerà il nostro scostamento, che avrà la stessa esatta forma e colore della forma originale del nostro documento.

Ora, per creare la linea contorno, dobbiamo semplicemente selezionare entrambe le forme, mentre l'opzione Sotto Meno Sopra dal pannello Elaborazione Tracciati ci consente di ritagliare la forma più piccola da quella più grande.

using pathfinders minus front option to create the main outline for the document icon using the offset path methodusing pathfinders minus front option to create the main outline for the document icon using the offset path methodusing pathfinders minus front option to create the main outline for the document icon using the offset path method

Come vedi, abbiamo ora una nuova forma che ha un contorno spesso 4 px.

Forte, vero?

Ora, finiamo l'icona, aggiungendo un paio di linee di testo utilizzando lo Strumento Rettangolo (M), in modo che sembrerà un documento vero e proprio. Quando creiamo le forme, assicuriamoci che abbiano lo stesso valore di spessore di 4 px come il contorno principale, poiché la icone linea sono solitamente coerenti in termini di spessore.

adding the text line to the document icon using the offset path methodadding the text line to the document icon using the offset path methodadding the text line to the document icon using the offset path method

Crea Icone Linea Con Forme Riempimento con lo Strumento Scostamento Tracciato

A questo punto dovresti avere un'idea di come creare "icone linea nude" utilizzando il potente Strumento Scostamento Tracciato.

Ora daremo un sguardo su come creare  la stessa icona documento, ma questa volta utilizzando linee in combinazione con forme di riempimento.

Il processo è quasi identico — l'unica differenza fondamentale è che questa volta non dobbiamo portare fuori la forma più piccola da quella più grande. Invece useremo quella più piccola come una forma di riempimento e lo scostamento come contorno dell'icona.

Quindi, creiamo lo stesso rettangolo arrotondato 64 x 88 px con 4 px di Raggio Angolo e posizionalo verso il centro della nostra griglia.

Poi, dopo avere selezionato la forma, vai su Oggetto > Tracciato > Scostamento Tracciato e dagli uno scostamento di 4 px come abbiamo fatto con l'icona precedente.

Una volta che hai finito, colora semplicemente la forma originale con una tonalità più chiara di grigio per farla distinguere dalla tavola da disegno e quindi aggiungi le piccole linee di testo.

creating the fill color line icon using the offset path methodcreating the fill color line icon using the offset path methodcreating the fill color line icon using the offset path method

Come puoi vedere, entrambi i processi sono davvero facili da capire e da applicare, ma ci sono un paio di cose che dovresti sapere quando utilizzi lo Strumento Scostamento Tracciato per creare questi tipo di icone. Parleremo di quegli aspetti non appena vedremo il metodo Linee in modo tale da avere una prospettiva più ampia delle due.

2.2. Il Metodo Linea

Questo metodo è per molti designer quello "giusto" poiché " le icone linea" devono essere create utilizzando linee / tracciati effettivi e non riempire forme. E' probabilmente una dichiarazione equa, ma cerchiamo di essere onesti, alla maggior parte delle persone là fuori che acquista le nostre icone non importa, dal momento che finiranno comunque per usarli come file con estensione png.

Il Processo

Rispetto al metodo precedente, il processo in sè non è diverso, poiché useremo ancora alcune delle forme di base di Illustrator come il Rettangolo (M) e lo Strumento Rettangolo Arrotondato, ma senza tagliare nulla. Invece trasformeremo le forme in linee, rimuovendo il loro colore di riempimento e dando loro un tratto più sottile o più spesso.

Insieme alle forme di base, utilizzeremo anche lo Strumento Penna (P) per aggiungere dettagli e delimitazioni di sezione alle icone a seconda della complessità della composizione.

Detto questo, andiamo ai processi di creazione di entrambe le icone linea, quella nuda e quella riempita, utilizzando questo metodo e creando la stessa piccola icona documento.

Crea Icone Linea Nude Usando Linee

Non importa come procedi sulla creazione di questo tipo di icone, dovrai sempre decidere la loro dimensione di base e lo spessore della linea che utilizzerai.

Poiché in questo caso creeremo la stessa esatta icona, la nostra dimensione rimarrà la stessa, così 96 x 96 px, e così sarà lo spessore della linea (4 px).

Se per il metodo precedente avevamo bisogno di creare due forme, per questa ce ne basterà una, che trasformeremo nel contorno del documento invertendo il colore di riempimento con la sua traccia.

Quindi, utilizzando lo Strumento Rettangolo Arrotondato, seleziona lo stesso colore grigio di prima e poi scambia il riempimento con la traccia premendo Shift-X. Come puoi vedere, questo rimuoverà qualsiasi colore di riempimento e ti consentirà di disegnare utilizzando tracciati, che è esattamente ciò che vogliamo.

Suggerimento Rapido: L'inversione di colore con Shift-X funziona finchè non hai colori assegnati sia al riempimento che alla traccia. Se hai due colori, allora questo li invertirà solamente, che non è quello che vogliamo quando si tratta di icone linea. Quindi, se disponi di più di un colore di riempimento, assicurati di rimuovere il secondo.

Ora, modifica lo Spessore della Linea a 4 px e inizia a disegnare la forma principale dell'icona facendo clic e trascinando, in modo tale che alla fine avrai una forma di 68 x 92 px con un Raggio d'Angolo di 6 px.

size comparison document icon created using the stroke methodsize comparison document icon created using the stroke methodsize comparison document icon created using the stroke method

Se ti stai chiedendo perché i valori sono cambiati, questo succede perché invece di creare una forma di base e quindi aggiungere uno scostamento, creeremo la struttura del documento direttamente utilizzando linee. Ora, se dovessimo dare un'occhiata da vicino alla struttura creata con il metodo scostamento tracciato, ci accorgeremmo che ha una larghezza di 72 px...

size comparison document icon created using the offset path methodsize comparison document icon created using the offset path methodsize comparison document icon created using the offset path method

... e un Raggio d'Angolo esterno di 8 px con soli 4 px per quello interno.

corner radius values for the document icon created using the offset path methodcorner radius values for the document icon created using the offset path methodcorner radius values for the document icon created using the offset path method

La spiegazione è abbastanza semplice. Poiché Illustrator per impostazione predefinita allinea il tratto all'interno, significa che lo spessore della linea sarà ugualmente diviso su ogni lato del tratto, così 2 px per un lato e un altro 2 per l'altro.

example of how the stroke weight align itself to the centerexample of how the stroke weight align itself to the centerexample of how the stroke weight align itself to the center

Ora, anche se la forma ha la stessa esatta larghezza del precedente contorno creato utilizzando il metodo di scostamento, se controlliamo il Pannello Trasforma vedremo che il valore di Larghezza è in realtà più piccolo, poiché Illustrator indica la dimensione del percorso effettivo e non l'oggetto. Se espandiamo il tracciato e lo trasformiamo in una forma, avrebbe gli stessi esatti valori di quello creato utilizzando il primo metodo, poiché Illustrator considera quei 2 px da ogni lato (68 + 4 = 72).

Rispetto al metodo precedente dove si doveva lasciare un vuoto che aveva lo stesso valore dello spessore della linea, questa volta dovrai posizionare la forma in modo che il suo tratto (che di solito è rappresentato dal colore del livello) lasci uno spazio di soli 2 px fra le sezioni inferiore e superiore della griglia.

Suggerimento rapido: a seconda del Peso del tuo Tratto¸ sarà sempre necessario assicurarsi che quando progetti l'icona sulla griglia di partenza, lasci un vuoto che abbia un valore di metà dello Spessore del Tratto, poiché quando disegni le forme facendo clic e trascinando, Illustrator non conta il numero di pixel che vanno fuori dall'indicatore del percorso linea. Così dovrai ricordarti di disegnare lasciando un piccolo spazio dove i lati del tracciato incontrano i bordi della griglia effettiva, in modo che il tuo disegno si inserisca all'interno di quello spazio.

example of how to position the document icon outline using the stroke methodexample of how to position the document icon outline using the stroke methodexample of how to position the document icon outline using the stroke method

Una volta che abbiamo il contorno del nostro documento, possiamo selezionare lo Strumento Penna (P) e iniziare ad aggiungere le linee di testo di 4 px di spessore per finire l'icona.

adding the line details to the document icon using the stroke methodadding the line details to the document icon using the stroke methodadding the line details to the document icon using the stroke method

Ora che abbiamo visto come creare l'icona linea nuda, diamo un'occhiata al processo di creazione delle icone di linea con forme di riempimento utilizzando lo stesso metodo.

Crea Icone Linea Con Forme di Riempimento Usando i Tratti

Il processo per la creazione di questo tipo di icona è praticamente identico a quello per le linee nude. L'unica differenza è che dovrai creare un duplicato della struttura principale e trasformarlo in una forma di riempimento, scambiando il suo tratto con il riempimento.

Così, iniziamo a creare il contorno principale disegnando una forma di 68 x 92 px con un Raggio d'Angolo di 6 px. Se ti senti pigro, puoi semplicemente creare una copia di quella che abbiamo già, in modo da accelerare un po' le cose.

Una volta che abbiamo la forma posizionata sopra la griglia, abbiamo bisogno di creare una copia (CTRL-C > Ctrl-F) e poi scambiare il suo tratto con il riempimento premendo Shift-X. Ora basta cambiare il colore utilizzando lo stesso grigio scuro di prima, assicurandoti di portarlo indietro utilizzando l'opzione Ordina > Porta indietro. Infine aggiungi le piccole linee di testo e sei a posto.

creating the fill colored line icon using the strokes methodcreating the fill colored line icon using the strokes methodcreating the fill colored line icon using the strokes method

3. Confronto tra i Due Metodi

A questo punto, abbiamo visto ciascuno dei due metodi che possiamo usare per creare icone linea. Come promesso all'inizio di questo articolo, ho intenzione ora di parlare brevemente dei vantaggi e svantaggi dell'utilizzo di un metodo rispetto all'altro, così che alla fine, puoi decidere quello che si adatta meglio a te.

3.1. Il Metodo Scostamento Tracciato

Vantaggi dell'Utilizzo del Metodo Scostamento Tracciato

Non importa il tipo di icona linea che stai creando, il metodo Scostamento Tracciato può essere facilmente il tuo strumento "go", e non lo dico non solo perché io lo uso ogni giorno. Lo dico perché ci sono diverse cose che lo rendono davvero speciale:

  • In primo luogo, il metodo è veramente veloce e semplice, quindi, non appena prendi in mano il processo, potrai creare icone belle e dettagliate in poco tempo.
  • Utilizza forme anziché percorsi, cosa che, per alcuni clienti che non sanno come utilizzare Illustrator, potrebbe essere più facile da modificare e lavorare.
  • Gestisce il processo di ridimensionamento molto meglio quando le icone vengono create senza pensare al pixel perfetto.
  • Ti dà un migliore controllo del posizionamento e la spaziatura degli oggetti.
  • Se le tue icone non sono state progettate utilizzando un flusso di lavoro di pixel perfetto, è più facile vedere e riparare difetti visivi dove due linee non si sovrappongono perfettamente.
  • Per alcuni, utilizzare il metodo di Scostamento Tracciato permette loro di selezionare le forme più facilmente, poiché non hanno bisogno di trascinare o fare clic al centro della linea al fine di effettuare la selezione.
  • Usato in combinazione con la modalità Anteprima Pixel, ho trovato che fosse molto più facile creare forme, dato che dovevo controllare se lo spessore del mio tratto fosse coerente.
  • Fornisce un processo più semplice per colorare le icone, utilizzando lo Strumento Contagocce (I).
  • È più facile aggiungere dettagli, dato che gli scostamenti si posizionano sotto la forma originale, che significa che non dovete portarli indietro manualmente ogni volta — basta creare lo scostamento e quindi assegnare un colore.
  • Gestisce meglio i valori dispari, dal momento che le forme si agganciano perfettamente alla Griglia Pixel se è attivata l'opzione.
  • Gioca davvero bene con la Maschera di Ritaglio.

Svantaggi dell'utilizzo del Metodo di Scostamento Tracciato

Come con qualsiasi strumento, lo Scostamento Tracciato ha un paio di svantaggi che per alcuni potrebbe essere un problema:

  • Il più grande è probabilmente il modo i cui i contorni si comportano quando utilizzati su icone linea colorate, dove le forme più grandi che agiscono come linee tendono ad andare fuori e non sopra la principale forma colorata, cosa che si traduce in un aspetto leggermente diverso da quelli creati usando i tratti.
  • Ci saranno situazioni in cui lo scostamento potrebbe rompersi a causa della forma dell'oggetto principale che utilizzi come un ritaglio. Questo è dovuto principalmente al fatto che gli scostamenti sono rivolti verso l'esterno, mentre i tratti di solito sono allineati al centro.
  • Non è sempre la soluzione migliore quando si tratta di creare icone elaborate con linee più organiche, poiché il processo di utilizzo di forme di base ha i suoi limiti.
  • Se, per qualche motivo, devi regolare lo spessore delle linee, devi passare attraverso un lungo processo di eliminazione e ricreazione della maggior parte delle tue linee.

3.2. Il Metodo Linee

Vantaggi dell'utilizzo del Metodo Linee

Anche se lo Scostamento Tracciato è un grande strumento, questo non significa che il metodo Linee non possa essere una valida alternativa. Ci sono un paio di vantaggi di cui dovresti essere consapevole prima di decidere se questo metodo è giusto per te:

  • Potrebbe non essere il più veloce, ma una volta che impari a usarlo, il processo di creazione di icone è veramente facile e divertente. Alcune volte ti potrebbe far sentire più creativo dal momento che hai a che fare con tracciati e non forme.
  • Probabilmente è l'unico metodo che ti consente di modificare facilmente lo Spessore delle linee al volo semplicemente regolando i livelli del Tratto.
  • Ti costringe a sporcarti con lo Strumento Penna (P), che alla fine migliorerà il modo di gestire la cosa.
  • Rispetto al metodo Scostamento Tracciato, puoi creare facilmente terminazioni rotonde poiché il pannello Linea ti dà la possibilità di usare Estremità Arrotondate.

Svantaggi dell'Utilizzo del Metodo Linee

Ora che abbiamo visto i le parti positive, prendiamoci un paio di secondi e parliamo di quelle negative:

  • In primo luogo, è modo più difficile controllare le tue linee, poiché il processo di selezione è piuttosto difficile.
  • A seconda del modo in cui il designer crea le icone, queste possono essere più difficili da ridimensionare.
  • Colorare i diversi elementi può diventare davvero seccante se non sai come lavorare con lo strumento Secchiello Pittura Dinamica (K).
  • Spostare le cose sulla Tavola da Disegno, a volte può rompere alcune parti delle linee.
  • Essi non bene gestiscono i valori dispari, dal momento che il Tratto è di regola allineato all'Interno, il che significa che i punti di ancoraggio non si agganciano alla Griglia Pixel, rendendo più difficile creare linee organiche.
  • Icone create usando le Linee possono rivelarsi una sfida per coloro che stanno cercando di modificarle.
  • Se non utilizzi una base di pixel perfetti, le linee di sovrapposizione potrebbero rompere il tuo disegno.
  • A volte potresti perdere punti di ancoraggio, che potrebbero rompere l'aspetto della forma di cui fanno parte.
  • Non funziona tanto bene con le maschere di ritaglio, poiché è necessario creare nuove forme di riempimento al fine di nascondere le varie sezioni che altrimenti sarebbero ancora visibile.

È Finito!

Così ora hai un confronto veloce ma approfondito dei due fantastici metodi per creare icone linea che dovrebbero indicarti quale dei due fa meglio al caso tuo.

Come sempre, spero tu abbia imparato qualcosa di nuovo e se hai domande o vuoi semplicemente condividere alcune delle tue conoscenze, posta il tuo commento nella sezione qui sotto e ti risponderò appena possibile!

One subscription.
Unlimited Downloads.
Get unlimited downloads