Home-theater-designers
Vuoi iniziare a imparare? Adobe Illustrator , ma ti senti sopraffatto? Dai un'occhiata a 'Introduzione a Illustrator', il primo manuale di Illustrator da MakeUseOf. Con istruzioni facili da seguire e molti screenshot annotati, questo manuale semplifica l'apprendimento di Illustrator.
Adobe Illustrator è un programma di disegno vettoriale. Viene spesso utilizzato per creare loghi, icone, illustrazioni, grafici, infografiche, t-shirt, biglietti da visita, articoli di cancelleria, buste, packaging design. Tutto sommato, viene utilizzato principalmente per creare grafica ad alta risoluzione, che può anche essere stampata in seguito.
A differenza di Photoshop, che memorizza le informazioni sull'immagine in punti, Illustrator utilizza equazioni matematiche quando disegni le forme. I disegni vettoriali possono essere ridimensionati per adattarsi a banner di dimensioni grattacieli; le immagini raster non possono. Per questo motivo, Illustrator viene utilizzato per creare disegni che devono essere ridimensionati facilmente, ad esempio i loghi.
Questo manuale di Adobe Illustrator spiega gli strumenti di base necessari per creare un logo, quindi dai un'occhiata. Apri Illustrator tu stesso e segui per farti un'idea del fantastico programma di grafica vettoriale di Adobe.
Sommario
§2–L'area di lavoro di Illustrator
§3–Creazione di un logo in Illustrator
§4–Creazione di un testo 3D in Illustrator
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 l'area 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, infografiche, t-shirt, biglietti da visita, articoli di cancelleria, buste, packaging design. Tutto sommato, viene utilizzato principalmente per creare grafica ad alta risoluzione, che può anche essere stampata in seguito.
A differenza di Photoshop, che memorizza le informazioni sull'immagine in punti, Illustrator utilizza equazioni matematiche quando disegni le forme. Di cosa si tratta?
Significa che la grafica vettoriale (come un disegno di Illustrator) può essere ridimensionata o ingrandita a qualsiasi dimensione senza perdere qualità, mentre le immagini raster (come un'immagine modificata in Photoshop) verranno pixelate mentre si ridimensiona:
Fondamentalmente, i disegni vettoriali possono essere ridimensionati per adattarsi a banner di dimensioni grattacieli; 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 in qualsiasi dimensione;
• File di piccole dimensioni;
• Stampa di alta qualità;
• Nessuna perdita di risoluzione durante la modifica.
Svantaggi:
• Difficile produrre disegni realistici (ma ancora possibile).
Ok, 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, le forme e creeremo il nostro primo logo utilizzando questo fantastico software.
Tieni presente che sto utilizzando Illustrator CS5 su Windows, quindi gli utenti Mac dovranno utilizzare combinazioni di tasti leggermente diverse: Comando chiave invece di Ctrl e Opzione invece di Tutto quanto .
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 sostanzialmente le stesse:
Utilizzerai principalmente il pannello Strumenti, poiché tutti gli strumenti di cui hai bisogno sono lì. Per configurare uno strumento attivo, utilizzerai il Pannello di controllo, dove sono conservate 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 in finestre menù).
Diamo un'occhiata al Utensili pannello prima.
2.1 Pannello 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 premuta l'icona dello strumento):
Dico sempre che il modo migliore per imparare è esercitarsi. Quindi, impariamo gli strumenti di base utilizzandoli effettivamente.
3. Creazione di un logo in Illustrator
Di solito uso Adobe Illustrator per creare loghi per i miei clienti. Perché non ne proviamo uno?
Chiamiamo la nostra fantastica compagnia LimeWorks . Dovremo creare un lime e metterci il nome sotto. Come questo:
Tieni presente, tuttavia, che creeremo un logo semplice, solo per familiarizzare con alcuni strumenti e metodi. Iniziamo con il disegno degli spicchi di lime.
3.1 Utilizzo dello strumento Penna
Useremo il Penna strumento, che è uno degli strumenti più utilizzati 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.
dov'è il microfono sugli airpod?
Usando lo strumento Penna, crea il tuo primo triangolo facendo clic tre volte dove vuoi che siano i bordi:
Nota: come vedi, uso Grid (Ctrl+) per essere più preciso.
Per chiudere il percorso cliccare sul primo punto:
Ora è pronto per essere riempito con un colore. Assicurati che il triangolo sia selezionato (fai clic su di esso con Strumento di selezione, V ) e scegli un tono giallo:
3.2 Fare angoli arrotondati
Abbiamo bisogno di angoli arrotondati per rendere il nostro segmento di lime (triangolo) più liscio. Useremo il Angoli arrotondati effetto:
Nel Angoli arrotondati finestra di dialogo, metti qualcosa come 4 mm (Uso i millimetri come unità) e fare clic su OK per applicare le modifiche:
Sembra buono. Ora aggiungiamo un po' di texture, in modo che sembri più realistico.
3.3 Aggiunta di effetti Photoshop
In Adobe Illustrator, quando vai al menu Effetti, vedrai che ci sono Effetti Illustrator ed Effetti Photoshop:
Noi useremo Vetrata (Effetti->Texture->Vetrata) .
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 oggetti sopra e sotto il livello corrente, mantenendo la posizione esatta.
Per incollare una copia di un oggetto selezionato sopra l'originale nella posizione esatta, prima copialo ( Ctrl+C) e poi incollalo usando Ctrl+F (se usi Ctrl+V lo incollerà al centro dello schermo). Per incollarlo sotto l'oggetto originale usa Ctrl+B :
OK, ora conosci i trucchi del copia/incolla.
Copia e incolla il nostro triangolo davanti a se stesso (Ctrl+F) e riempi l'oggetto incollato con il colore bianco:
Apri il Vetrate finestra di dialogo e imposta come mio ( Dimensione cella=17; Spessore bordo=2; Intensità luminosa=0 ):
3.5 Espandi aspetto
Espandi aspetto si trova in Oggetto menu ed è uno degli strumenti più importanti di Illustrator. Potrebbe essere necessaria una guida separata da descrivere in dettaglio, ma oggi stiamo solo imparando le basi.
Quindi, in parole povere, Espandi aspetto viene utilizzato per dividere un oggetto in percorsi o immagini separati dopo che gli è stato applicato un effetto. Beh, suona un po' confuso. Usiamolo e vediamolo in azione.
Assicurati di aver selezionato il tuo triangolo bianco con il Vetrate effetto su di esso e vai a Oggetto->Espandi aspetto . Ora il nostro oggetto è un'immagine:
3.6 Traccia in tempo reale
Un'altra caratteristica interessante di Adobe Illustrator, Tracciamento in tempo reale viene utilizzato per convertire le immagini raster in oggetti di tracciamento. Esistono già alcuni preset di tracciamento predefiniti, ma utilizzeremo le impostazioni personalizzate.
Vai a Oggetto->Traccia in tempo reale ->Opzioni di tracciamento e impostare i valori come di seguito:
3.7 Espandi
Espandere viene utilizzato per convertire gli oggetti di tracciamento in percorsi modificabili (vettoriali). Dopo aver tracciato un'immagine raster, dovresti usare Espandere .
Poiché il nostro oggetto con texture è ora tracciato e pronto per essere restituito ai percorsi, useremo Espandere :
Come vedi, la nostra texture ora è un insieme di percorsi , ma dobbiamo cambiarne il colore da nero a bianco. Questa volta useremo Ictus (poiché la trama è un insieme di tratti):
OK. Ma ora è un po' troppo nitido. Sfochiamolo un po'.
3.8 Effetto sfocatura
Vai a Effetti->Sfocatura->Sfocatura gaussiana , 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 spicchio di lime è pronto, e dobbiamo duplicarlo. Ma è composto da più livelli (oggetti), quindi per semplificare le cose durante la duplicazione, diamo Gruppo loro.
Per raggruppare un insieme di oggetti, selezionali tutti trascinandoli con il mouse e facendo clic su Ctrl+G . Un altro modo conveniente per selezionare più oggetti è tenere premuto Spostare e cliccando sugli oggetti.
Ma poiché non abbiamo altri oggetti sulla nostra tavola da disegno, puoi invece selezionare tutti gli oggetti ( Ctrl+A ) e raggrupparli ( Ctrl+G ):
3.10 Utilizzo dello strumento Ruota
Ruotare lo strumento (R) viene utilizzato per... indovina un po'? 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 finestra 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 semplificherà la tua esperienza con Adobe Illustrator 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 fetta e usa Ctrl+D 6 volte:
Ecco! Abbiamo un limone gustoso. Ora per alcuni dettagli.
Prima di tutto, raggruppa tutte le fette insieme per mantenere le cose in ordine. Quindi assicurati che non sia selezionato nulla facendo clic da qualche altra parte sulla tavola da disegno.
3.12 Disegnare un cerchio
Seleziona un colore verde chiaro per Riempire e nessuno per Ictus :
Seleziona il Ellisse strumento (uno strumento secondario sotto Rettangolo o colpisci L ):
Presa Maiusc + Alt , punta il mouse al centro del lime e trascina il mouse fino a ottenere un cerchio che copre l'intero lime:
Nota: non è necessario trovare il centro esatto con cui iniziare: allineeremo gli oggetti in seguito.
3.13 Disposizione degli oggetti
Come vedi ora, il cerchio verde è davanti o sopra la nostra calce. Per inviarlo Indietro o sotto , selezionalo e premi Ctrl+[ (Ctrl+] per portarlo sopra il livello corrente):
Bene. Seleziona quel cerchio e duplicalo sotto di sé (come abbiamo fatto in 3.4.) con Ctrl+C 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 Maiusc+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 il lime. Selezionare Tipo attrezzo ( T ), clicca sotto il lime e digita LimeWorks :
Ora allineiamo tutto al centro.
3.15 Allineamento di oggetti
Per allineare perfettamente gli oggetti, usa gli strumenti di allineamento. Questi strumenti si trovano nel Pannello di controllo, quando lo Strumento di selezione è attivo. Vedi sotto per capire i vari allineamenti:
Nota che questi esempi sono veri per Allinea alla tavola da disegno :
Se scegli Allinea alla selezione , gli oggetti verranno allineati rispetto ai limiti esterni della selezione.
OK. Seleziona tutti gli oggetti (Ctrl+A) e dal pannello di controllo, fai clic su Centro allineamento orizzontale (numero 2):
Questo è tutto. Ora puoi giocare con taglie e colori se vuoi.
Se rimpicciolisci il lime e cambi i colori del testo, avrà un aspetto molto migliore:
Bene, congratulazioni per il tuo primo logo!
Passiamo a Salvataggio ed Esportazione.
3.16 Salvataggio ed esportazione
Per salvare i tuoi file Illustrator, premi Ctrl+S (come sempre) e lo salverà in .ai formato.
Se vuoi salvare il tuo logo in formato . png , quindi puoi utilizzare uno dei 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 usi Salva per Web e dispositivi vedrai che la dimensione dell'immagine è la nuova dimensione della tua tavola da disegno.
Nota anche: puoi controllare Trasparenza quando salvi per il web e avrai il tuo logo con uno sfondo trasparente.
Passiamo attraverso 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
Sebbene la grafica vettoriale sia in genere bidimensionale, puoi anche creare oggetti 3D di bell'aspetto. In questo tutorial creeremo un semplice testo 3D con uno sfondo sgangherato come di seguito:
Come ho detto, ora stiamo imparando le basi, in modo da acquisire maggiore familiarità con l'interfaccia e alcuni strumenti utili. Una volta che ci sei, vedrai che non ci sono limiti a ciò che puoi fare con Illustrator.
4.1 Aggiungere uno sfondo sgangherato
Iniziamo con uno sfondo interessante.
Vai al tuo sito Web preferito per trame e sfondi gratuiti e trova un bel sfondo sgangherato. ne ho preso uno da Immagini Stock :
Copialo e incollalo nel tuo documento di Adobe Illustrator. Molto probabilmente sarà troppo grande, quindi dovrai ridimensionarlo. Utilizzo Pannello Trasforma per controllare le dimensioni dell'immagine:
Nota: puoi usare i tuoi valori, assicurati solo che si adattino al documento.
Ora abbiamo la nostra immagine di sfondo pronta, ma aggiungiamo altri effetti. Innanzitutto, creeremo un rettangolo, quindi aggiungeremo l'effetto Bagliore interno e utilizzeremo 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, delle stesse dimensioni dell'immagine di sfondo (potresti usare il pulsante Trasformare pannello per impostare i valori esatti) e impostare il Riempire colore al marrone chiaro e nessun tratto:
4.3 Aggiunta dell'effetto bagliore interno
Vai a Effetto->Stilizzazione->Bagliore interno e impostare i valori come mostrato:
Ecco cosa dovresti avere:
4.4 Utilizzo del pannello Trasparenza
Puoi sempre usare Pannello di trasparenza per cambiare il modo in cui un oggetto o un livello si fonde con i livelli sottostanti. Prima di tutto, inviamo 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 Pannello Trasparenza (Finestra->Trasparenza) e scegli Moltiplicare come modalità di fusione:
Bello. Abbiamo finito con lo sfondo. Passiamo al testo 3D stesso.
4.5 Lavorare con lo strumento testo
Usando il Strumento tipo (T) scrivi MakeUseOf con un bel font (ho scelto Diavlo Bold , che può essere scaricato su exljbris Font Foundry ). Rendilo abbastanza grande come 65pt , imposta il monitoraggio su -venti e scegli il bianco colore:
4.6 Creazione di contorni
Utilizzo Crea contorni - fare clic con il tasto destro sul testo e scegliere 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 applicare come segue:
Questo è quello che dovresti avere fino a questo punto:
Ora dobbiamo separare le facce del testo e il nostro effetto 3D l'una dall'altra. Utilizzo Espandi aspetto fare quello ( Oggetto->Espandi aspetto ).
Insieme a Strumento selezione diretta (A) , seleziona solo le facce del testo (tieni premuto Spostare per selezionare più oggetti):
Consiglio : durante la selezione assicurarsi che gli ancoraggi siano blu e nessuno di loro bianco. Per farlo, ingrandisci un po' e fai clic da qualche parte nel mezzo degli oggetti (qui - facce di testo).
4.8 Utilizzo di Unite dal pannello Pathfinder
Ora copia e incolla la tua selezione e usa Unito a partire dal Pathfinder pannello per unire tutte le facce selezionate in un unico percorso raggruppato:
Posiziona il nuovo livello sopra quello vecchio e impostalo Colore tratto al bianco e Peso del colpo a 1pt:
Ci siamo quasi.
4.9 Aggiunta di uno stile sfumatura
Aggiungere il gradiente è abbastanza semplice: basta selezionare l'oggetto, fare clic su Pendenza pannello a destra e imposta i colori. Inoltre, puoi sempre utilizzare le impostazioni predefinite Biblioteche a partire dal Finestra->Librerie campioni->Gradienti . Ma questa volta, impostiamolo manualmente.
Nel Pendenza pannello, set Tipo a Lineare , imposta il primo colore alla posizione 0% su rosso scuro, il secondo colore alla posizione 80% su arancione e il colore finale al 100% su rosso brillante, Angolo su -90°:
Consiglio : usa il cursore superiore per controllare la gamma di colori del gradiente.
4.10 Aggiungere ombra
Per dare una certa profondità al nostro testo, aggiungiamo un po' di ombra. Useremo il Sfocatura gaussiana effetto.
Per prima cosa, copia ( Ctrl+C ) il nostro nuovo livello e incollalo davanti ( Ctrl+F ). Quindi, cambia il suo colore in nero e imposta il tratto su nessuno, invialo dietro il livello dell'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 Trasforma pannello per essere più precisi):
4.11 Applicazione della sfocatura gaussiana
La nostra ombra non sembra realistica ora; dobbiamo sfumarlo un po'. Vai a Effetto->Sfocatura->Sfocatura gaussiana e imposta Raggio su 9 pixel:
Abbiamo chiuso!
5. Alcuni consigli utili
Suggerimenti e trucchi sono infiniti, ma te ne mostrerò alcuni:
• Blocca livelli: quando si desidera selezionare alcuni piccoli oggetti che si trovano di fronte ad altri oggetti (come uno sfondo), invece di Maiusc+clic su ciascuno di essi si può semplicemente bloccare lo sfondo con Ctrl+2 o inserire un segno di blocco il pannello Livelli.
• Controlla sempre la palette Livelli – quando lavori con molti oggetti e livelli, è davvero utile dare un nome ai tuoi livelli e controllare come sono allineati i tuoi livelli (se un livello è sopra o sotto l'altro, è bloccato, ecc.);
• Modifica nuovamente gli stili di livello ogni volta che ne hai bisogno: sì, puoi sempre modificare le impostazioni di stile o effetto che hai già applicato a un oggetto oa un livello in precedenza tramite il pannello Aspetto (Finestra->Aspetto);
• Usa biblioteche – ci sono alcune belle biblioteche predefinite da usare nei tuoi lavori. Vai a Finestra-> Librerie e seleziona da Librerie di pennelli, Librerie di campioni, Librerie di stili grafici o Librerie di simboli. Ce ne sono molti.
6. Conclusione
Spero che tutto sia stato abbastanza chiaro da farti iniziare ad amare Adobe Illustrator. Quello che ho trattato in questa guida sono solo le basi. La prossima volta mostrerò usi più complessi di altri strumenti e trucchi sorprendenti. Fino ad allora - la pratica .
Guida Pubblicata: Agosto 2012
Condividere Condividere Tweet E-mail Come accedere alla livella a bolla integrata di Google su AndroidSe hai mai avuto bisogno di assicurarti che qualcosa sia livellato in un pizzico, ora puoi ottenere una livella a bolla sul tuo telefono in pochi secondi.
Leggi Avanti Argomenti correlati- Creativo
- Progettazione assistita da computer
- Forma lunga
- Guida lunga
Iscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per consigli tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti