La guida per principianti ad Adobe Illustrator

Annuncio pubblicitario

Vuoi iniziare ad imparare Adobe Illustrator, ma ti senti sopraffatto? Scopri "Guida introduttiva di Illustrator", il primo manuale di Illustrator di MakeUseOf. Con istruzioni facili da seguire e un sacco di schermate annotate, questo manuale semplifica l'apprendimento di Illustrator.

Questa guida è disponibile per il download come PDF gratuito. Scarica la Guida per principianti ad Adobe Illustrator ora . Sentiti libero di copiare e condividere questo con i tuoi amici e familiari.

Adobe Illustrator è un programma di disegno vettoriale. Viene spesso utilizzato per creare loghi, icone, illustrazioni, grafici, infografica, t-shirt, biglietti da visita, articoli di cancelleria, buste, packaging design. Tutto sommato, è principalmente usato per creare grafica ad alta risoluzione, che può essere successivamente stampata.

A differenza di Photoshop, che memorizza le informazioni sull'immagine in punti, Illustrator usa le equazioni matematiche quando disegni forme. I disegni vettoriali possono essere ridimensionati per adattarsi a banner di dimensioni skyscraper; le immagini raster non possono. Per questo motivo, Illustrator viene utilizzato per creare disegni che devono essere scalati facilmente, ad esempio loghi.

Questo manuale di Adobe Illustrator illustra gli strumenti di base necessari per creare un logo, quindi dai un'occhiata. Apri Illustrator da solo e segui per avere un'idea del fantastico programma di grafica vettoriale di Adobe.

Sommario

§1. Introduzione

§2-L'area di lavoro di Illustrator

§3-Creazione di un logo in Illustrator

§4-Creazione di un testo 3D in Illustrator

§5 - Alcuni consigli utili

§6. Conclusione

1. Introduzione

Se hai deciso di imparare Illustrator, allora devi iniziare con le basi. È un programma davvero potente, ma anche complesso. Una volta acquisita familiarità con l'interfaccia, gli strumenti di base, le tavolozze e lo spazio di lavoro, risparmierai un sacco di tempo e nervi e il tuo flusso di lavoro sembrerà fluido e piacevole.

Adobe Illustrator è un programma di disegno vettoriale. Viene spesso utilizzato per creare loghi, icone, illustrazioni, grafici, infografica, t-shirt, biglietti da visita, cartoleria, buste, packaging design. Tutto sommato, è principalmente usato per creare grafica ad alta risoluzione, che può essere successivamente stampata.

A differenza di Photoshop, che memorizza le informazioni sull'immagine in punti, Illustrator usa le equazioni matematiche quando disegni forme. Di che si tratta?

Ciò significa che la grafica vettoriale (come un disegno di Illustrator) può essere ridimensionata o ingrandita a qualsiasi dimensione senza perdere la qualità, mentre le immagini raster (come un'immagine modificata in Photoshop) verranno visualizzate come ridimensionate:

In sostanza, i disegni vettoriali possono essere ridimensionati per adattarsi a banner di dimensioni skyscraper; le immagini raster non possono. Quindi se hai intenzione di utilizzare il tuo lavoro per varie dimensioni, usa un programma basato su vettori come Illustrator.

• Vantaggi della grafica vettoriale:

• Alta risoluzione a qualsiasi dimensione;

• Dimensioni file ridotte;

• Stampa di alta qualità;

• Nessuna perdita di risoluzione durante la modifica.

svantaggi:

• Difficile produrre disegni realistici (ma ancora possibile).

Ok, quindi stai ancora leggendo questa guida. Questo mi dice che vuoi davvero avvicinarti a Illustrator, quindi sono qui per condividere le mie conoscenze con te. In questa guida, ti presenterò l'area di lavoro, gli strumenti di base e le forme e creeremo il nostro primo logo utilizzando questo fantastico software.

Nota che sto utilizzando Illustrator CS5 su Windows, quindi gli utenti Mac dovranno utilizzare combinazioni di tasti leggermente diverse: tasto Comando invece di Ctrl e Opzione invece di Alt .

2. L'area di lavoro di Illustrator

Se hai familiarità con Photoshop, l'area di lavoro di Adobe Illustrator non ti sorprenderà molto, poiché le sue parti principali sono fondamentalmente le stesse:

Utilizzerai principalmente il pannello Strumenti, dal momento che tutti gli strumenti di cui hai bisogno sono lì. Per configurare uno strumento attivo, verrà utilizzato il pannello Controllo, in cui vengono mantenute tutte le opzioni per lo strumento corrente. E, naturalmente, l'area di aggancio del pannello: mantiene tavolozze importanti come Campioni colore, Livelli, Opzioni tratto, Aspetto, Impostazioni sfumatura, ecc. (Tutte le tavolozze possono essere attivate o disattivate nel menu di Windows ).

Esaminiamo prima il pannello Strumenti .

2.1 Pannello degli strumenti

Ci sono molti strumenti disponibili nella casella degli strumenti, ma non è necessario memorizzare tutto. Solo alcuni di loro faranno il lavoro.

Ecco una tabella di riferimento (alcuni strumenti, come Rettangolo, contengono più strumenti all'interno, che possono essere selezionati tenendo l'icona dello strumento):

Dico sempre che il modo migliore di apprendere è praticare. Quindi, impariamo gli strumenti di base usandoli effettivamente.

3. Creazione di un logo in Illustrator

Di solito uso Adobe Illustrator per creare loghi per i miei clienti. Perché non proviamo uno?

Chiamiamo la nostra fantastica compagnia "LimeWorks" . Dovremo creare una calce e inserire il nome sotto di essa. Come questo:

Tieni presente però che creeremo un semplice logo, solo per familiarizzare con alcuni strumenti e metodi. Iniziamo con il disegno di segmenti di calce.

3.1 Utilizzo dello strumento Penna

Useremo lo strumento Penna, che è uno degli strumenti più usati in Illustrator. È usato per creare tutti i tipi di forme e oggetti. Selezionalo facendo clic sulla sua icona dalla casella degli strumenti o usa il tasto P.

Usando lo strumento Penna, crea il tuo primo triangolo cliccando tre volte dove vuoi che i bordi siano:

Nota: come vedi, io uso Griglia (Ctrl + ") per essere più preciso.

Per chiudere il percorso, fai clic sul primo punto:

Ora è pronto per essere riempito con un colore. Assicurati che il triangolo sia selezionato (fai clic su di esso con lo strumento Selezione, V ) e scegli un tono giallo:

3.2 Realizzare angoli arrotondati

Abbiamo bisogno di angoli arrotondati per rendere più liscio il nostro segmento di lime (triangolo). Useremo l'effetto Round Corners :

Nella finestra di dialogo Angoli arrotondati, inserisci qualcosa come 4 mm (uso i millimetri come unità) e fai clic su OK per applicare le modifiche:

Sembra buono. Ora aggiungiamo un po 'di consistenza, quindi sembra più realistico.

3.3 Aggiunta di effetti di Photoshop

In Adobe Illustrator, quando vai nel menu Effetti, vedrai che ci sono Effetti di Illustrator e Effetti di Photoshop:

Useremo il vetro colorato (Effetti-> Texture-> Vetro colorato) .

Ma prima, abbiamo bisogno di una copia del nostro triangolo sopra il livello originale.

3.4 Copia di oggetti

Ti mostrerò alcuni suggerimenti rapidi su come copiare e incollare facilmente gli oggetti sopra il livello corrente e sotto, mantenendo la posizione esatta.

Per incollare una copia di un oggetto selezionato sopra quella originale nella posizione esatta, prima copiarla ( Ctrl + C) e incollarla con Ctrl + F (se usi Ctrl + V la inciderà nel mezzo dello schermo ). Per incollarlo sotto l'oggetto originale usa Ctrl + B :

OK, quindi ora conosci i trucchi copia / incolla.

Copia e incolla il nostro triangolo proprio davanti a sé (Ctrl + F) e riempi l'oggetto incollato con il colore bianco:

Apri la finestra di dialogo Vetro colorato e imposta come miniera ( dimensione cella = 17; spessore bordo = 2; intensità luminosa = 0 ):

3.5 Espandi Aspetto

Espandi L'aspetto si trova nel menu Oggetto ed è uno degli strumenti più importanti in Illustrator. Potrebbe richiedere una guida separata per descrivere in dettaglio, ma oggi stiamo solo imparando le basi.

Quindi, in termini semplici, Espandi Aspetto viene utilizzato per dividere un oggetto in percorsi o immagini separati dopo l'applicazione di un effetto. Bene, questo suona un po 'confuso. Usiamolo e vediamo in azione.

Assicurati di aver selezionato il tuo triangolo bianco con l'effetto Vetrata e vai su Oggetto-> Espandi aspetto . Ora il nostro oggetto è un'immagine:

3.6 Traccia in diretta

Un'altra interessante funzionalità di Adobe Illustrator, Traccia live viene utilizzata per convertire le immagini raster in oggetti di traccia. Esistono già alcuni predefiniti di tracciamento predefiniti, ma utilizzeremo le impostazioni personalizzate.

Vai a Oggetto-> Traccia live -> Opzioni di tracciamento e imposta i valori come di seguito:

3.7 Espandi

Espansione viene utilizzato per convertire gli oggetti di tracciamento in tracciati modificabili (vettore). Dopo aver tracciato un'immagine raster, dovresti usare Expand .

Poiché il nostro oggetto strutturato è ora tracciato e pronto per essere restituito ai percorsi, utilizzeremo Expand :

Come vedi, la nostra trama ora è un insieme di percorsi, ma dobbiamo cambiare il suo colore dal nero al bianco. Questa volta useremo Stroke (dato che la texture è un insieme di tratti):

OK. Ma ora è un po 'troppo acuto. Facciamo un po 'sfocare un po'.

3.8 Effetto sfocatura

Vai a Effetti-> Sfocatura-> Controllo sfocatura, imposta il raggio su 2, 8 pixel e dovresti avere questo:

A questo punto, abbiamo finito con la nostra fetta di lime. Il resto è più facile.

3.9 Raggruppamento di oggetti

A questo punto il nostro cuneo di lime è pronto e dobbiamo duplicarlo. Ma è composto da più livelli (oggetti), quindi per semplificare le cose durante la duplicazione, raggruppiamoli .

Per raggruppare una serie di oggetti, selezionali tutti trascinandoli attorno con il mouse e facendo clic su Ctrl + G. Un altro modo conveniente di selezionare più oggetti è tenere premuto Maiusc e fare clic sugli oggetti.

Ma dal momento che non abbiamo altri oggetti sulla nostra tavola da disegno, puoi invece selezionare tutti gli oggetti ( Ctrl + A ) e raggrupparli ( Ctrl + G ):

3.10 Uso dello strumento Ruota

Lo strumento Rotate (R) è usato per ... indovinate cosa? Sì, per ruotare oggetti o forme.

Seleziona lo strumento Ruota e Alt + clic nella parte superiore del triangolo per impostare il nostro centro di rotazione. Nella casella pop-up impostare come segue e fare clic su Copia :

Dovresti avere questo ora:

3.11 Un piccolo trucco

C'è un piccolo trucco (uno dei tanti) che renderà la tua esperienza con Adobe Illustrator più facile nei progetti futuri. Il trucco è solo una scorciatoia da tastiera ( Ctrl + D ). Ripete o applica l'ultima trasformazione all'oggetto selezionato.

È utile anche per la nostra pratica. Seleziona la nuova sezione e usa Ctrl + D 6 volte:

Ecco! Abbiamo un gustoso limone. Ora per alcuni dettagli.

Prima di tutto raggruppa tutte le fette per mantenere le cose in ordine. Quindi assicurati che nulla sia selezionato facendo clic da qualche altra parte sulla tavola da disegno.

3.12 Disegnare un cerchio

Seleziona un colore verde chiaro per Fill e none per Stroke :

Seleziona lo strumento Ellisse (uno strumento secondario sotto Rettangolo o seleziona L ):

Tenere premuto MAIUSC + ALT, puntare il mouse verso il centro della calce e trascinare il mouse fino a ottenere un cerchio che copre l'intera calce:

Nota: non è necessario trovare il centro esatto per iniziare - allineeremo gli oggetti in un secondo momento.

3.13 Disposizione degli oggetti

Come vedi ora, il cerchio verde è davanti o sopra la nostra calce. Per rimandarlo indietro o in basso, selezionalo e premi Ctrl + [(Ctrl +] per portarlo sopra il livello corrente):

Buona. Seleziona quel cerchio e duplicalo sotto di sé (come abbiamo fatto in 3.4.) Con Ctrl + C e poi Ctrl + B :

Cambia il suo colore di riempimento in un verde più scuro e rendilo un po 'più grande del primo cerchio tenendo premuto Shift + Alt e trascinando uno dei suoi punti di riferimento:

Sembra abbastanza buono. Ancora meglio: abbiamo finito con la parte difficile.

3.14 Aggiunta di testo

Aggiungiamo il nome della nostra azienda sotto la calce. Seleziona lo strumento Tipo ( T ), fai clic sotto la calce e digita " LimeWorks" :

Ora allineamo tutto al centro.

3.15 Allineare gli oggetti

Per allineare perfettamente gli oggetti, utilizzare gli strumenti di allineamento. Questi strumenti si trovano nel Pannello di controllo, quando lo strumento Selezione è attivo. Vedi sotto per capire i vari allineamenti:

Nota che questi esempi sono veri per Allinea a tavola da disegno :

Se si seleziona Allinea alla selezione, gli oggetti saranno allineati rispetto ai confini esterni della selezione.

OK. Seleziona tutti gli oggetti (Ctrl + A) e dal pannello di controllo, fai clic su Align Center orizzontale (numero 2):

Questo è tutto. Ora puoi giocare con dimensioni e colori se vuoi.

Se riduci il lime e cambi i colori del testo, apparirà molto meglio:

OK, congratulazioni con il tuo primo logo!

Andiamo a salvare ed esportare.

3.16 Salvataggio ed esportazione

Per salvare i file di Illustrator, premi Ctrl + S (come sempre) e lo salverà in formato .ai .

Se vuoi salvare il tuo logo. png, quindi puoi utilizzare due modi: File-> Esporta o File-> Salva per Web e dispositivi .

Mentre il secondo modo esporta l'intera tavola da disegno, il primo modo ti consente di esportare solo i tuoi oggetti.

Ecco un esempio:

Nota : puoi sempre modificare le dimensioni del tuo Artb oard (File-> Impostazione documento e fare clic su Modifica tavole da disegno ). Dopodiché, quando utilizzi Salva per Web e Dispositivi, vedrai che la dimensione dell'immagine è la nuova dimensione della tavola da disegno.

Nota anche: puoi verificare la trasparenza quando si salva per il Web e si avrà il logo con uno sfondo trasparente.

Esaminiamo un altro tutorial per imparare altri strumenti di base. Creeremo un testo 3D con uno sfondo sgangherato.

4. Creazione di un testo 3D in Adobe Illustrator

Mentre la grafica vettoriale è in genere a due dimensioni è possibile creare anche oggetti 3D di bell'aspetto. In questo tutorial creeremo un semplice testo 3D con uno sfondo sgangherato come di seguito:

Come ho detto, stiamo imparando le nozioni di base, in modo da familiarizzare con l'interfaccia e alcuni strumenti utili. Una volta che sei, vedrai che non ci sono limiti a ciò che puoi fare con Illustrator.

4.1 Aggiunta di uno sfondo sgangherato

Iniziamo con uno sfondo interessante.

Vai al tuo sito Web preferito per trame e sfondi gratuiti e trova uno sfondo sgangherato. Ne ho preso uno da Stock Image:

Copia e incolla nel documento Adobe Illustrator. Molto probabilmente sarà troppo grande, quindi sarà necessario ridimensionarlo. Usa il pannello Trasforma per controllare la dimensione della tua immagine:

Nota: puoi usare i tuoi valori, ma assicurati che si adatti al documento.

Ora abbiamo la nostra immagine di sfondo pronta, ma aggiungiamo alcuni effetti in più. Per prima cosa creeremo un rettangolo e quindi aggiungeremo l'effetto Bagliore interno e utilizzare il pannello Trasparenza per modificare la fusione tra l'immagine e il rettangolo.

4.2 Creazione di un rettangolo

Seleziona Rettangolo da Strumenti (M), disegna un rettangolo, stessa dimensione dell'immagine di sfondo (potresti utilizzare il pannello Trasforma per impostare valori esatti) e imposta il colore di riempimento su marrone chiaro e nessun tratto:

4.3 Aggiunta dell'effetto bagliore interno

Vai a Effetto-> Stilizzazione-> Bagliore interno e imposta i valori come mostrato:

Ecco cosa dovresti avere:

4.4 Utilizzo del pannello Trasparenza

Puoi sempre usare il pannello Trasparenza per cambiare il modo in cui un oggetto o un livello si fondono con i livelli sottostanti. Prima di tutto, mandiamo il nostro rettangolo dietro l'immagine. Seleziona il rettangolo facendo clic su di esso e usa Ctrl + [ .

Ora seleziona il livello dell'immagine facendo clic sull'immagine e apri il pannello Trasparenza (Finestra-> Trasparenza) e seleziona Moltiplica come modalità di fusione:

Bello. Abbiamo finito con lo sfondo. Andiamo al testo 3D stesso.

4.5 Lavorare con lo strumento testo

Usando lo strumento testo (T) scrivi "MakeUseOf" con un font carino (ho scelto Diavlo Bold, che può essere scaricato da exljbris Font Foundry). Rendilo grande come 65pt, imposta il tracciamento a -20 e scegli il colore bianco :

4.6 Creazione di contorni

Usa Crea contorni : fai clic con il tasto destro del mouse sul testo e seleziona Crea contorni per convertire il testo in tracciati vettoriali:

4.7 Aggiunta di effetti 3D

Gli effetti 3D possono essere applicati a qualsiasi oggetto e testo. Seleziona il testo, vai a Effetto-> 3D-> Estrusione e smusso e applica come segue:

Questo è quello che dovresti avere fin qui:

Ora abbiamo bisogno di separare le facce del testo e il nostro effetto 3D l'uno dall'altro. Usa Espandi aspetto per farlo ( Oggetto-> Espandi aspetto ).

Con lo Strumento selezione diretta (A), seleziona solo i volti del testo (tieni premuto Shift per selezionare più oggetti):

Suggerimento : durante la selezione, assicurarsi che gli ancoraggi siano blu e nessuno di essi sia bianco. Per fare ciò, ingrandisci leggermente e fai clic in qualche punto nel mezzo degli oggetti (qui - facce di testo).

4.8 Uso di Unite dal pannello Pathfinder

Ora copia e incolla la selezione e usa Unite dal pannello Pathfinder per unire tutte le facce selezionate in un unico percorso raggruppato:

Posiziona il nuovo livello sopra quello vecchio e imposta Colore traccia su bianco e Peso tratto su 1pt:

Ci siamo quasi.

4.9 Aggiunta di uno stile sfumato

Aggiungere la sfumatura è piuttosto semplice: basta selezionare l'oggetto, fare clic sul pannello Sfumatura sulla destra e impostare i colori. Inoltre, puoi sempre utilizzare le librerie predefinite da Window-> Swatch Libraries-> Gradients . Ma questa volta, impostiamo manualmente.

Nel pannello Sfumatura, imposta Tipo su Lineare, imposta il primo colore a 0% posizione a rosso scuro, secondo colore a 80% posizione a arancione e il colore finale a 100% a rosso vivo, Angolo a -90 °:

Suggerimento : usa il cursore superiore per controllare l'intervallo di colori del gradiente.

4.10 Aggiunta di ombra

Per dare profondità al nostro testo, aggiungiamo un po 'di ombra. Useremo l'effetto Sfocatura gaussiana .

Per prima cosa copia ( Ctrl + C ) il nostro nuovo livello e incollalo in primo piano ( Ctrl + F ). Quindi, cambia il suo colore in nero e imposta il tratto su none, invialo dietro il livello effetto 3D con Ctrl + [ (assicurati che sia sopra i livelli di sfondo):

Spostalo verso il basso usando i tasti freccia (puoi anche cambiare le coordinate Y dal pannello Trasforma per essere più precisi):

4.11 Applicazione di sfocatura gaussiana

La nostra ombra non sembra realistica ora; abbiamo bisogno di sfocare un po '. Vai a Effect-> Blur-> Gaussian Blur e imposta Radius a 9 pixel:

Abbiamo chiuso!

5. Alcuni consigli utili

Suggerimenti e trucchi sono infiniti, ma ti mostrerò alcuni di loro:

• Blocca livelli: quando desideri selezionare alcuni piccoli oggetti che si trovano di fronte ad altri oggetti (come uno sfondo), invece di Maiusc + clic su ognuno di essi puoi semplicemente bloccare lo sfondo con Ctrl + 2 o inserire un lucchetto il pannello Livelli.

• Controlla sempre la palette Livelli: quando lavori con molti oggetti e livelli, è molto utile assegnare un nome ai livelli e verificare come i livelli sono allineati (se un livello è sopra o sotto l'altro, è bloccato, ecc.);

• Modifica degli stili di livello in qualsiasi momento: Sì, puoi sempre modificare le impostazioni di stile o di effetti che hai già applicato a un oggetto oa un livello prima attraverso il pannello Aspetto (Finestra-> Aspetto);

• Usa librerie: ci sono alcune belle librerie predefinite da utilizzare nei tuoi lavori. Vai a Finestra-> Librerie e seleziona da Librerie di pennelli, Librerie di campioni, Librerie di stili di grafica o Librerie di simboli. Ce ne sono molti.

6. Conclusione

Spero che tutto sia stato abbastanza chiaro per iniziare ad amare Adobe Illustrator. Quello che ho spiegato in questa guida sono solo le basi. La prossima volta mostrerò usi più complessi di altri fantastici strumenti e trucchi. Fino ad allora - pratica .

Guida pubblicata: agosto 2012