Adobe Illustrator è una delle mie applicazioni preferite in assoluto. Per il lavoro vettoriale, Illustrator non può essere battuto e dovresti davvero mettere da parte le tue prenotazioni e dargli una possibilità. Anche se di solito stai creando grafica raster per il Web, ci sono alcune cose che Illustrator fa semplicemente meglio di Photoshop, quindi conoscere le app e i loro punti di forza / debolezza è un must.
L'articolo di oggi è per i novizi di Illustrator estremi. Hai Adobe Creative Suite installato sul tuo computer e hai visto Illustrator seduto lì in silenzio chiedendo di essere giocato, ma non sei mai saltato dentro. Andremo oltre dieci cose di base che dovresti sapere prima di iniziare.
Una discussione incentrata su Photoshop
Nello scrivere questo articolo, uno dei principali presupposti che sto facendo è che tu abbia abbastanza familiarità con Photoshop. La maggior parte dei web designer vive in Photoshop e / o Fireworks quindi questo dovrebbe funzionare bene per te se ti adatti a questa descrizione.
Seguendo i suggerimenti di seguito, gran parte della spiegazione si baserà su come lavorare in Illustrator è diverso da Photoshop. Le due app sono abbastanza simili quindi dovresti essere in grado di sfruttare le tue conoscenze esistenti purché tenga presenti le informazioni di seguito.
Come Photoshop, Illustrator è un'app enorme, quindi non possiamo coprire tutto in un solo post, ma questa è una buona panoramica di alcune tecniche, strumenti e conoscenze da tenere a mente.
La grafica vettoriale è magica
La prima cosa assoluta che devi sapere su Illustrator è che è usato per creare grafica vettoriale. Come probabilmente saprai, la grafica vettoriale è molto diversa dalla grafica raster che in genere crei in Photoshop (è vero che Photoshop ha alcune funzionalità vettoriali limitate, ma non è vicino a ciò che puoi ottenere in Illustrator.). Invece di essere costituiti da singoli pixel statici, la grafica vettoriale viene elaborata matematicamente dal computer e può quindi essere drasticamente modificata con una perdita assolutamente nulla di qualità.
Ciò che significa a livello pratico è che quando si crea l'arte in Illustrator, indipendentemente dalle dimensioni originali, in qualsiasi momento si desidera renderlo grande come un tabellone o piccolo come un pollice tac. Ciò ha importanti implicazioni positive sul modo in cui lavori.
Per esempio, diciamo che sei in Photoshop e hai un logo circolare che è piccolo e vuoi che sia grande. Come probabilmente probabilmente avrai incontrato un milione di volte, se provi ad aumentare le dimensioni di quell'elemento, viene praticamente distrutto. Guarda quanto un cerchio semplice perde qualità al crescere delle sue dimensioni:
Ciò rende difficile la creazione e l'utilizzo di grafica complessa in raster, poiché la libertà di cambiare idea è limitata, anche se si utilizzano oggetti intelligenti, si è vincolati alla dimensione originale dell'oggetto.
Con la grafica vettoriale, questi problemi semplicemente non esistono, dandoti la libertà di cambiare continuamente la tua mente e la tua grafica a piacimento senza preoccuparti di alcun degrado visivo.
Inoltre, poiché la grafica vettoriale comprende punti e linee, hai una quantità illimitata di libertà per entrare e modificare i singoli segmenti di linea.
Ma lo hai già capito
Le probabilità sono, se stai leggendo questo blog, sai già quali sono le differenze tra grafica vettoriale e grafica raster. La cosa che devi accettare ora è che Illustrator fa davvero saltare Photoshop in quest'area (Fireworks è un'interessante via di mezzo che fa entrambi abbastanza bene). Ancora meglio, non è necessario scegliere l'uno rispetto all'altro, ma possono invece utilizzarli e tutte le altre app in Creative Suite in modo sinergico attraverso i vari progetti.
Cos'è tutto questo schifo sul mio schermo?
La prima cosa che probabilmente noterai quando inizi a utilizzare Illustrator è che c'è un sacco di cose in corso quando selezioni e modifichi qualcosa. Questo è un aspetto che molti nuovi utenti tendono a odiare a prima vista perché sembra confusionario, ma in realtà tutte le informazioni e i controlli che Illustrator genera sono estremamente utili.
La scatola delimitata
Per i principianti, ogni volta che selezioni qualcosa, vedrai la sua casella di delimitazione. Questa è una funzione intuitiva che dovresti immediatamente capire, la parte che non è intuitiva è il motivo per cui non andrà via.
In Photoshop, si vede solo il riquadro di delimitazione di un oggetto quando ci si trova nel mezzo di una trasformazione. In Illustrator, vedi il riquadro di delimitazione quando hai selezionato un oggetto completo e lo strumento attivo è lo Strumento selezione diretta (V).
Se hai selezionato più oggetti, il riquadro di delimitazione apparirà attorno a tutti, permettendoti di spostarli o trasformarli insieme. Le stesse regole si applicano a Photoshop: tieni premuto MAIUSC per scalare in modo uniforme, usa il tasto Alt / Opzione per scalare dal centro, ecc.
Una delle differenze principali qui è che non è possibile afferrare e muovere indipendentemente uno specifico angolo del riquadro di delimitazione come in una trasformazione di Photoshop. Ciò rende la tosatura e la messa in prospettiva degli oggetti un po 'più complicati in quanto è necessario utilizzare gli strumenti dedicati per questi tipi di trasformazioni. Più avanti vedremo come usare Free Transform, che sarà molto più simile a quello a cui sei abituato in Photoshop.
Guide intelligenti
Le guide intelligenti sono la cosa principale che infetta allo stesso modo molti neofiti e professionisti. Questi sono i piccoli frammenti di informazioni e profili che compaiono mentre passi il mouse sopra, muovi o trasformi qualcosa. Potrebbero sembrare che ti stiano solo intromettendo, ma cerca di abituarti a loro e usarli il più possibile, presto inizierai a vedere il loro valore.
Le Smart Guides ti consentono di dimensionare gli oggetti al volo utilizzando misure precise e allineare ciò che hai selezionato con punti e linee da altri oggetti intorno ad esso. Rendono molto facile la creazione di layout complessi molto rapidamente e sono molto più facili di? Eyeballing? cose. Ovviamente hai anche un set completo di strumenti di allineamento per questi tipi di operazioni:
Spegni tutto
Consiglio vivamente di lavorare con tutti questi extra attivati, ma alcuni utenti semplicemente odiano tutte le distrazioni. Devo ammettere che mi sento allo stesso modo riguardo agli extra di InDesign, quindi ho sicuramente capito questa mentalità.
Fortunatamente, Illustrator ti consente di silenziare il rumore e disattivare tutte queste cose. Come un modo rapido per disattivare il riquadro di delimitazione, colpisci Comando-Maiuscole-Bo andare a Visualizza> Nascondi riquadro limite.
Allo stesso modo, spegnere le Smart Guides è facile come colpire Comando-Uo andare a vista e deselezionando Guide intelligenti.
I livelli sono diversi
Passando da Photoshop a Illustrator, è importante notare le modifiche concettuali nel flusso di lavoro. Nonostante il fatto che le due applicazioni condividano così tante funzioni, è frequente che la funzione venga utilizzata in un modo molto diverso.
Gli strati sono un eccellente esempio di questo. In Photoshop, ogni pezzo ha il proprio livello. In effetti, un singolo oggetto è veramente definito dal livello su cui si trova. Se lanci due elementi sullo stesso livello, diventano un singolo elemento e se si sovrappongono, non sarai più in grado di separarli. Inoltre, l'applicazione di un effetto a un oggetto influenza l'intero livello.
In Illustrator, i livelli non sono tanto il modo di accedere a ogni singolo pezzo della pagina, quanto piuttosto una comoda utilità organizzativa. Se si sceglie, è possibile creare un'opera d'arte incredibilmente complessa con migliaia di singoli elementi tutti utilizzando un singolo livello. Inoltre, gli elementi su quel livello hanno una propria sotto-gerarchia e possono essere modificati e organizzati in modo indipendente in qualsiasi momento.
Quindi, ad esempio, invece di avere uno strato per ogni elemento, sarebbe piuttosto tipico creare un livello che contiene tutti i vari elementi di testo, un altro per la grafica vettoriale e forse anche un terzo per l'arte Photoshop importata.
Come funzionano i livelli in Ai
C'è una tonnellata di funzionalità nei livelli di Illustrator che non vedrai in Photoshop. Per cominciare, ogni livello ha una piccola freccia che ti permette di vedere la gerarchia di ogni elemento all'interno di quel livello. Qui gli elementi possono essere riorganizzati per regolare l'ordine di impilamento visivo del risultato (usare Comando- [e Comando-] per portare un oggetto in avanti o spingerlo indietro).
Sul lato destro della tavolozza dovresti vedere un cerchio accanto a un riquadro colorato. Facendo clic sul cerchio è possibile selezionare facilmente un elemento. Fai clic sulla circonferenza del livello per selezionare tutto all'interno del livello o il cerchio di un singolo elemento per selezionare solo quell'elemento.
Il quadrato colorato indica il colore di quel livello. Per comodità, il riquadro di delimitazione e altri elementi grafici a comparsa sono codificati a colori in base ai livelli, in questo modo quando selezioni qualcosa puoi vedere immediatamente a quale livello appartiene. Per spostare un oggetto da un livello all'altro, è sufficiente fare clic e trascinare il suo quadratino.
The Pathfinder è fantastico
Ammettiamolo, disegnare su un computer è difficile. Anche le forme semplici possono essere difficili da creare se non sei un maestro dello strumento Penna. Come con la maggior parte dei software vettoriali professionali, Illustrator rende la creazione di forme complesse molto più semplice attraverso l'uso di operazioni booleane trovate nella palette Pathfinder.
Le piccole anteprime sui pulsanti Pathfinder sono piuttosto auto-esplicative. Tutti in sostanza ti permettono di combinare due forme in un modo interessante. Quando si usa Ai per la prima volta si potrebbe essere tentati di pensare che questa è una caratteristica di novità che non userete mai, ma credetemi, se avete intenzione di fare illustrazioni, mettere il Pathfinder in funzione vi farà risparmiare un sacco di tempo.
Un po 'di creatività fa molta strada e una volta che puoi imparare a vedere le forme semplici che costituiscono oggetti complessi, il Pathfinder sarà il tuo migliore amico.
Shape Builder
Se si dispone di CS5, Illustrator offre un altro modo per eseguire operazioni booleane complesse. Lo strumento Shape Builder (Shift + M) ti consente semplicemente di fare clic e trascinare gli oggetti sovrapposti per unirli.
Prova a tenere premuto il tasto Opzione chiave per sottrarre la geometria piuttosto che aggiungerla. Guarda qui un tutorial video sul nuovo strumento di Shape Builder.
Tavole da disegno, non pagine
Per oltre un decennio gli utenti di Illustrator hanno pianto il fatto che è impossibile creare documenti di più pagine. Adobe mantiene intenzionalmente i progetti multi-pagina come una caratteristica chiave di InDesign, quindi non c'era molta speranza per una soluzione.
Di recente, tuttavia, il problema è stato risolto in modo interessante consentendo agli utenti di creare più tavole da disegno. Questi possono essere usati in diversi modi: idee separate per lo stesso progetto, progettando sia la parte anteriore che quella posteriore di un oggetto, ecc.
Puoi creare tutte le tavole da disegno che desideri in un singolo documento. Possono anche essere di dimensioni diverse. Funzionalmente, ci sono molti vantaggi nell'usare più tavole da disegno all'interno di un singolo documento invece di creare semplicemente più documenti. Puoi facilmente spostare / copiare oggetti avanti e indietro e stampare o esportare contemporaneamente tutte le tavole da disegno selezionate.
Gli effetti sono strani
Al posto di? Filtri? come in Photoshop, Illustrator ti offre vari? Effetti? che può essere usato per manipolare la tua opera d'arte e ci si abitua. Per vedere cosa intendo, usiamone uno. Di seguito ho un testo che è stato convertito in contorni e voglio dargli una prospettiva.Come ho detto sopra, il bounding box non mi dà questa libertà, quindi sono andato a Effetti> Distorsione e trasformazione> Distorsione libera.
Ora, quando applico la trasformazione, le cose si fanno un po 'confuse. L'effetto può essere chiaramente visto sul mio testo, ma quando seleziono l'oggetto, tutti i miei punti sono ancora nelle loro posizioni originali e non riflettono affatto la mia opera attuale.
Questo perché la trasformazione non è effettivamente applicata in modo permanente. Invece di pasticciare con la forma del tuo oggetto, gli effetti sono applicati? Dal vivo ?. Questa è davvero una grande cosa perché significa che tu mantenga sempre l'integrità del tuo oggetto originale e puoi tornare indietro e modificare l'effetto in qualsiasi momento.
Per modificare l'effetto, seleziona il tuo oggetto e fai apparire la tavolozza dell'aspetto. Ci dovrebbe essere un po '? Fx? icona da qualche parte con il nome dell'effetto che hai applicato. Basta fare doppio clic su quell'icona per modificarla o trascinarla nel cestino per eliminarla.
Effetti di Photoshop
Potresti aver notato che in realtà è disponibile un set di effetti Photoshop all'interno di Illustrator. Questi possono essere divertenti da giocare, ma in tutta onestà raccomanderei di usarli con parsimonia, se non del tutto. Gli effetti Illustrator sono costruiti per i vettori e usano calcoli matematici per adattarsi ai cambiamenti nel disegno, gli effetti di Photoshop sono raster e quindi non sono affidabili quando si tenta di applicarli in un'area di lavoro vettoriale.
Il Eyedropper fa molto
All'interno di Photoshop, lo strumento Eyedropper cattura un colore dal tuo documento o schermo? questo è tutto. In Illustrator, tuttavia, lo strumento è molto più potente. Ecco alcune cose che puoi fare con esso.
Prendi un colore da un altro oggetto
Questo lo sai. Seleziona un oggetto, contagocce un altro, il colore del secondo oggetto sarà applicato al primo.
Esempio: selezionare la casella rossa, la casella blu di Eyedropper, entrambe le caselle saranno ora blu.
Applica il colore dell'oggetto altrove selezionato
Un modo alternativo per usare lo strumento Eyedropper è selezionare l'oggetto di cui si desidera replicare il colore altrove, quindi tenere premuto il Opzione chiave e clicca su qualsiasi altra cosa a cui vuoi dare quel colore.
Esempio: selezionare la casella rossa, Opzione-Fare clic sulla casella blu, entrambe le caselle ora saranno rosse.
Afferra lo stile da testo e altri oggetti
Lo strumento Eyedropper di Illustrator non solo afferra il colore ma anche lo stile. Puoi usarlo per fare in modo che due oggetti di testo abbiano caratteri, colori e dimensioni identici o afferrare il tratto da un oggetto forma.
Esempio 1: Seleziona il testo rosso Futura 12pt, Eyedropper blu Helvetica 15pt, entrambi gli oggetti diventano blu Helvetica 15pt testo.
Esempio 2: selezionare una casella bianca con tratto nero, contagocce una casella blu con tratto giallo, entrambe le caselle diventano blu con tratti gialli.
Suggerimento: tieni premuto Maiusc per afferrare solo il colore di primo piano di un oggetto.
I caratteri rendono difficili i file di condivisione
Quando passo a qualcuno un documento di Photoshop, non importa quali siano i caratteri utilizzati, in realtà possono aprirlo e vedere come era il design originale. Senza i caratteri, non possono modificare il testo, ma possono almeno visualizzarlo.
In Illustrator questo non è il caso. Se crei un'opera d'arte per qualcuno e la mandi insieme, se ci sono font non comuni usati, le probabilità sono che quella persona non sarà in grado di visualizzare correttamente il tuo file .ai (vedranno i caratteri sbagliati).
In pratica, la maggior parte delle persone invia solo i caratteri, ma questa potrebbe essere una scelta sbagliata per diversi motivi. Innanzitutto, le licenze dei font sono complicate e tecnicamente non dovresti semplicemente fornire i tuoi costosi font a chiunque desideri vedere il tuo file.
Inoltre, è spesso il caso che qualcuno come una stampante commerciale richieda i tuoi file ma in realtà non vuoi che cambi nulla. In entrambi i casi, puoi risparmiare un sacco di problemi andando a Tipo> Crea contorni (Comando-Maiuscole-O). In pratica questo trasforma il tuo testo in forme vettoriali e quindi elimina qualsiasi problema di carattere e toglie la capacità dello spettatore di cambiare il testo.
In alternativa, è possibile salvare il documento come PDF e condividerlo in questo modo. Molti client richiedono i "file con livelli originali", nel qual caso un PDF non è sufficiente, ma se la persona non si preoccupa dei formati di file, allora il PDF è la strada da percorrere.
Trattare con i font mancanti
Se sei dall'altra parte di questa discussione e ricevi un file con caratteri mancanti, c'è poco che puoi fare per risolverlo. Tuttavia, Illustrator semplifica il targeting di determinati font mancanti e li sostituisce in tutto il documento con qualcosa dal tuo sistema. Questo è fatto nel Tipo> Trova carattere dialogo.
Utili scorciatoie da tastiera
Per finire la discussione sulla base di Illustrator, dovresti familiarizzare con il modo di aggirare l'interfaccia rapidamente e senza intoppi usando le scorciatoie da tastiera. Ovviamente, passando sopra a qualsiasi strumento ti mostrerà la scorciatoia equivalente, quindi ecco alcuni altri trucchi utili che potresti non sapere. Molti di questi sono appena usciti da Photoshop, quindi dovresti sentirti come a casa.
Mi limiterò a inserire le scorciatoie Mac qui. Gli utenti di PC dovrebbero saperlo? (Comando) = Controllo e? (Opzione) = Alt.
Zoom
- Zoom avanti / indietro: ? + o? -
- Adatta tavola da disegno a schermo: ?0
- Zoom alla dimensione effettiva: ?1
Cambio utensile temporaneo
- Strumento a mano temporanea: Tieni premuto lo spazio da qualsiasi strumento
- Strumento di selezione temporanea: Tieni? da qualsiasi strumento (ti dà selezione diretta se già in strumento di selezione)
- Strumento di zoom temporaneo: Tieni premuto lo spazio da qualsiasi strumento
incollare
- Incolla davanti: ? F
- Incolla dietro: ? B
- Incolla in luogo: ?? V
Lavorare con gli oggetti
- Duplica un oggetto: Tieni? mentre si trascina
- Oggetti del gruppo: ? G
- Separa oggetti: ?? G
- Portare in primo piano: ??]
- Mandare indietro: ??[
- Seleziona tutto solo su tavola da disegno attiva: ??UN
- Blocca selezione: ? 2, ?? 2 per sbloccare tutto
- Nascondi selezione: ? 3, ?? 3 per mostrare tutto
Altro
- Controllo ortografico: ?IO
- Mostra griglia: ??
- Crea guide: ? 5 (seleziona prima una forma)
Conclusione
Spero che i dieci suggerimenti sopra ti abbiano incoraggiato a dare a Illustrator un altro aspetto. È un'applicazione complicata, ma non può essere battuta per il lavoro vettoriale e una volta capito come è diverso da Photoshop, tutto ha un senso.
Lascia un commento qui sotto e dicci tutti i fantastici suggerimenti di Illustrator che ti vengono in mente. Con cosa hai combattuto quando hai iniziato questa applicazione? Con cosa combatti ancora?