Share
Oggi ho preparato qualcosa di speciale per te. Vogliamo confrontare due strumenti essenziali di Illustrator, il Livelli pannello e il Tavole da disegno uno, e parlare dei vantaggi di uno rispetto all'altro quando si tratta del processo di esportazione di un pacchetto di icone.
Quindi, se ti occupi di design di icone o sei solo all'inizio, potresti leggere questo articolo poiché potrebbe aiutarti a lavorare più velocemente quando si tratta della fase finale di esportazione individuale dei tuoi file.
Prima di iniziare il nostro confronto, voglio prendere un paio di momenti e parlare dei due strumenti da una prospettiva di "destinazione d'uso". In altre parole, vediamo qual è lo scopo di ciascuna di esse e cominciamo a farlo dando prima una breve definizione che caratterizzi brevemente la loro natura.
Se hai lavorato con Illustratore prima, e credo che tu abbia, hai sicuramente armeggiato con il Livelli pannello. Se sei nuovo nel gioco, beh, non temere, sarò il più esplicito possibile.
Da un punto di vista strutturale / organizzativo, questo strumento ti dà la possibilità di sorvegliare il posizionamento di tutti gli oggetti e gruppi di oggetti che fanno parte del documento su cui stai lavorando, isolandoli su diversi Livelli.
Puoi pensare a Layer come a fogli di carta trasparenti che possono contenere oggetti diversi, fogli che si sovrappongono in modo da poter creare una struttura gerarchica, e quindi un pezzo di lavoro dettagliato.
Nel caso in cui non ne capissi molto, lascia che la metta in questo modo: se stai lavorando su un'illustrazione elaborata che ha sezioni di oggetti che vanno sotto e sopra l'una sull'altra, puoi facilmente separare queste sezioni su diversi livelli, rendendola più facile da accedere, modificare e riorganizzare.
Hmm, ma tienilo premuto per un secondo, non puoi raggiungere la stessa gerarchia usando solo un livello, e quindi creare le forme una sull'altra, poiché l'ultima forma è sempre quella che si trova di fronte al resto?
Certo che puoi, ma perché dovresti? Capisco che puoi pianificare in anticipo e creare utilizzando una forma alla volta, ma cosa succede quando devi lavorare su una sezione specifica del tuo progetto? Alcuni di voi potrebbero dire che è possibile utilizzare lo strumento di isolamento. Potrebbe funzionare, ma devi assicurarti di raggruppare oggetti mentre sviluppi la composizione, e talvolta potresti scoprire di aver creato gruppi all'interno di altri gruppi, il che significa che devi andare in uno stato di isolamento più profondo, e questo complica le cose.
Se scegli di lavorare con i livelli, non solo infidi il tuo design, ma renderà molto più facile l'accesso e la modifica, offrendo così meno problemi e permettendoti di concentrarti maggiormente sul processo creativo.
Inoltre, poiché Illustrator ti consente di creare e nominare tutti i livelli che desideri o di cui hai bisogno, puoi diventare pazzo e creare cose interessanti.
Mentre il Livelli strumento ti consente di organizzare la tua opera d'arte, il tavola da disegno definisce lo spazio di lavoro sul quale si progetta. Puoi immaginarlo come la tela del pittore, una tela che puoi scalare verso l'alto o verso il basso a seconda delle esigenze del progetto.
La cosa interessante è che mostrerà solo cose che hai posizionato su di esso, quindi qualsiasi cosa al di fuori della sua superficie non finirà nell'anteprima finale / file.
Ora, rispetto al Livelli pannello, che ti dà la possibilità di strutturare un design, il Tavole da disegno pannello porta le cose ad un livello completamente nuovo consentendo di strutturare e visualizzare più opere d'arte allo stesso tempo.
Ciò è di grande aiuto se sei un progettista dell'interfaccia utente e devi creare mockup o interfacce del sito web, poiché puoi creare le diverse sezioni nello stesso documento, dandoti un senso di continuità e rendendo più facile spedire il prodotto a il cliente.
Anche se si tratta di un ottimo strumento, ha un leggero svantaggio dal momento che consente di creare un numero finito di tavole da disegno, circa 100, e questo è quando le loro dimensioni non superano l'area di lavoro che Illustrator gli ha assegnato.
A questo punto abbiamo un'idea di base su cosa erano inizialmente previsti i due strumenti, ma vediamo come possiamo trarne beneficio in uno dei processi più lunghi e frustranti: quello di esportare singolarmente i file di un pacchetto di icone.
Se hai mai lavorato su un pacchetto di icone, sicuramente sai quanto può essere irritante il passaggio finale del processo, dal momento che Illustratornon ha alcun pulsante magico per esportarli uno per uno.
La maggior parte delle volte le persone che stanno creando il loro primo pacchetto si trovano in un sottaceto, dal momento che non sanno come spedire il loro prodotto come file PNG e altri formati. So che l'ho fatto, e mi ci è voluto un po 'di tempo per giocare e vedere cosa mi ha funzionato meglio in termini di tempo e facilità d'uso.
Quindi vi mostrerò tre scenari per esportare le icone da un pacchetto (che contiene 12 righe ciascuna con otto icone, quindi esattamente 96 icone), durante le quali parlerò dei vantaggi e dei limiti di ciascun metodo.
OK, quindi prima useremo il Livelli pannello, e vedere come si comporta in termini di flusso di lavoro.
Questo metodo è un po 'complicato dal momento che dovremo creare un secondo documento e impostare la larghezza e l'altezza del nostro tavola da disegno a circa la stessa dimensione della griglia di base della nostra icona.
Le icone che sto usando come esempio sono costruite attorno a 128 x 128 px griglia, a cui ho aggiunto una imbottitura a tutto tondo di 8 px, quindi è così 136 x 136 px (evidenziato con un colore grigio chiaro sotto le icone stesse).
Poiché questo metodo presuppone che ogni icona si trovi da sola Strato, ora puoi capire perché abbiamo bisogno di quel secondo documento, dato che copieremo le icone su di esso e poi le separeremo usando 100 Livelli.
In realtà non copierò l'intero set per questo esempio, poiché un numero più piccolo renderà l'esempio più chiaro di uno più grande.
Quindi, prima ho creato il mio secondo 136 x 136 px documento, dopodiché ho iniziato a copiare una decina di icone, mettendo ognuna per conto suo Strato, etichettandoli da "documento 1" a "documento 10".
Ora, dal momento che ogni icona è indipendente, posso nascondere facilmente tutti quelli di cui non ho bisogno e creare quello che attualmente voglio esportare visibile, che per questo esempio è "documento 1".
Ciò è molto utile poiché posso gradualmente passare attraverso il pacchetto, senza perdere traccia dell'ultimo elemento esportato.
OK, quindi ho la prima icona visibile, e voglio salvarla come PNG, posso farlo facilmente andando a File> Salva per Web e quindi semplicemente selezionando una posizione all'interno delle mie cartelle e assegnandogli un nome.
Esportare usando il Livelli Il metodo è un'ottima opzione quando si ha il tempo necessario per creare effettivamente il secondo documento. Sì, potrebbe richiedere più tempo, ma trovo che tra tutti i metodi sia il più utile quando si tratta di tenere traccia del processo di esportazione.
Un altro vantaggio è che quando si tratta di esportare più formati, quindi non solo PNG, forse SVG e persino singoli EPS, il processo è molto più veloce, dal momento che basta selezionare il livello e modificare le impostazioni di esportazione: è semplice come quello.
Il suo unico svantaggio potrebbe essere il processo iniziale, in cui devi copiare le icone nel documento più piccolo, il che potrebbe richiedere del tempo se hai un grande pacchetto di icone (300+).
Abbiamo visto come possiamo esportare i nostri file usando il Livelli metodo, quindi ora proviamo il tavola da disegno uno.
Bene, il tavola da disegno il metodo è leggermente diverso poiché può essere fatto in due modi. Sì, mi hai sentito bene, abbiamo delle opzioni.
Il primo riguarda l'utilizzo di uno solo tavola da disegno, che ridimensioneremo usando le griglie di base di ciascuna icona, una alla volta, mentre la seconda è simile alla Livelli uno, dal momento che dobbiamo creare un numero maggiore di tavole da disegno di dimensioni più ridotte.
Ci sono ovviamente pro e contro, ma arriveremo a quelli in un secondo.
Iniziamo parlando del singolo tavola da disegno metodo. È piuttosto semplice, ad essere onesti. Prima assicurati di averlo impostato due Livelli: uno per le icone reali e uno per le griglie di base.
Una volta separati i due, puoi iniziare ad esportare le tue icone selezionando una griglia di base alla volta e poi andando a Oggetto> tavole da disegno> Adatta all'arte selezionata.
Questo ridimensiona il tuo tavola da disegno in modo che si adatti alla griglia di base effettiva dell'icona che si desidera salvare. Dato che probabilmente vorrai salvarlo come PNG (con trasparenza) o forse SVG, dovresti rimuovere la griglia di base prima di esportarla.
Quindi, come puoi vedere, questa è un'altra opzione relativamente semplice per esportare le tue icone, ma anch'essa ha alcuni aspetti negativi.
Innanzitutto, parliamo dei suoi punti di forza. È veloce, non veloce come il metodo Layers, ma richiede facilmente il numero due per la velocità. Come con il metodo precedente, puoi tenere traccia dell'ultima icona esportata, dal momento che eliminerai le griglie di base, rendendo più semplice la ripresa da dove ti eri interrotto.
Inoltre, come con il metodo Layers, può gestire pacchetti di icone più grandi, quindi non ci sono limitazioni in termini di numero di elementi che è possibile conservare ed esportare, il che è molto importante una volta che si ha un enorme set di icone.
Ora parliamo degli aspetti negativi. Diventa noioso veloce, molto veloce, dal momento che devi fare clic, selezionare, e quindi passare più volte allo stesso modo per plasmare l'opzione. Quindi se il tuo pacco è più grande di 100 icone, indossa le cuffie e prendi una tazza di caffè, poiché ne avrai bisogno.
E siamo giù al metodo numero tre, le tavole multipleuno. Come ho detto prima, questo è molto simile ai Layeruno, ma sfortunatamente è limitato a quel massimo di solo 100 tavole da disegno. Quindi, se il tuo icon pack supera la barriera di 100, dovrai utilizzare uno degli altri metodi, ma se è entro il limite, allora il ragazzo ti piacerà questo metodo.
Rispetto ai due precedenti, le tavole multipleuno può e dovrebbe essere implementato fin dall'inizio. Se ti stai chiedendo perché, diciamo solo che sarebbe molto più facile creare un paio di tavole da disegnoe costruisci le tue icone una alla volta, invece di creare usando una tavola da disegnoe quindi spostandoli su un secondo documento multi-artboard.
Quindi, se usiamo questo metodo, creeremo semplicemente un Nuovo documento (Control-N)che ha le stesse dimensioni della griglia di base della nostra icona (136 x 136 px), ma invece di lasciare il Numero di tavole da disegno impostazione a 1, andremmo con qualcosa di più alto, come 96. Quindi potremmo giocare con il Spaziatura e colonne opzioni per ottenere la giusta configurazione, a seconda di come ci piacciono le cose da organizzare.
Una volta che il nostro documento è pronto, possiamo iniziare a lavorare sul design delle nostre icone, posizionandole singolarmente tavola da disegno.
Ora arriva la parte dolce. Quando avvii il processo di esportazione, fai semplicemente clic sull'icona tavola da disegno e poi andare a Salva per Web o qualunque altro metodo di esportazione tu preferisca, e questo è quanto.
OK, OK, quindi forse ho mentito quando ho detto che gli Stratiil metodo è il più veloce, quando chiaramente la tavola da disegno multiplauno è il vincitore qui. Ma, siamo onesti, oggi quando qualcuno crea un pacchetto di icone, quella persona di solito ne aggiunge più di 100, e quindi il terzo metodo non sarebbe nemmeno un'opzione.
Hmm, aspetta un secondo, è proprio vero? Voglio dire che puoi creare due, quattro documenti ciascuno con 100 tavole da disegno e raggruppare le icone per categorie. In questo modo, quando si passa attraverso il processo di esportazione, le cose andrebbero molto male. L'unica volta che si rallenta sarebbe quando è necessario modificare il documento, che in realtà non richiede molto tempo.
Quindi, il terzo metodo sembra piuttosto buono rispetto alla sua concorrenza, ma per quanto riguarda i suoi contro?
Beh, se stai lavorando su un piccolo pacchetto di icone, potrei davvero dire che non ne ha. Se stai lavorando su uno più grande, beh, l'unica cosa negativa che riesco a pensare è che a un certo punto potresti perdere la traccia dell'ultima icona esportata, ma se usi un buon sistema di denominazione, ciò non accadrà.
Ecco qui: un confronto rapido e approfondito di tre metodi di esportazione efficaci che possono davvero aiutarti a decidere quale sia l'opzione migliore per te quando si tratta di consegnare le tue preziose icone come singole risorse.
Come sempre spero che ti sia piaciuto il tutorial e, soprattutto, ho imparato qualcosa di nuovo e interessante lungo la strada.
Accentsconagua