Share
Cosa starai creandoNei seguenti passaggi imparerai come creare un'illustrazione di un semplice cartello in Adobe Illustrator.
Per i principianti imparerai come impostare una griglia semplice. Successivamente, utilizzando gli strumenti e gli effetti di base insieme ad alcune tecniche di base per la creazione di forme vettoriali, imparerai come creare il palo. Usando principalmente il pannello Aspetto e alcune semplici parti di testo imparerai come creare le targhe segnaletiche.
Infine, imparerai come cambiare l'orientamento delle lastre e come creare uno sfondo semplice.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nella casella di larghezza e 630 nella casella dell'altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.
Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Per i principianti avrai bisogno di una griglia ogni 5px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, accedere 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta quella griglia, faciliterà il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera. Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Scegli il Strumento rettangolo (M), creare un 15 x 480 px forma e posizionalo approssimativamente come mostrato nell'immagine seguente. Assicurati che questa forma rimanga selezionata, apri il Pendenza pannello (Finestra> Gradiente) e fai semplicemente clic sulla miniatura della sfumatura per aggiungere il gradiente lineare da nero a bianco predefinito.
Continua a concentrarti sul Pendenza pannello, impostare il Angolo a 0 gradi quindi passare ai colori sfumati. Seleziona il cursore del gradiente di sinistra e imposta il colore su R = 15 G = 20 B = 25 quindi seleziona il cursore del gradiente giusto e imposta il colore su R = 55 G = 60 B = 65. Concentrati sulla barra della sfumatura e fai semplicemente clic su di essa per aggiungere un nuovo cursore sfumatura. Assicurati che questo nuovo slider sia selezionato, imposta il suo colore su R = 100 G = 105 B = 110, concentrarsi sul Posizione scatola (dal Pendenza pannello) e impostarlo su 35%. Tieni presente che i numeri bianchi dal Pendenza le immagini stanno per Posizione percentuale. Aggiungi altri due cursori per il tuo gradiente, quindi usa il colore e Posizione attributi mostrati nell'immagine seguente.
Assicurati che il tuo rettangolo sia ancora selezionato e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un 1px raggio, clic ok e vai a Effetto> Deformazione> Arco superiore. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Per i seguenti passaggi avrai bisogno di una griglia ogni 1px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 1 nel Gridline ogni scatola. Usando il Strumento ellisse (L), creare un 11px cerchio, riempirlo con il gradiente radiale mostrato di seguito e posizionarlo come mostrato nell'immagine seguente. Concentrati sulla tua tavola da disegno e usa il Strumento sfumatura (G) per allungare il gradiente radiale come mostrato di seguito.
Usando il Strumento ellisse (L), creare un 19 x 8 px forma, imposta il colore di riempimento su R = 39 G = 170 B = 225 e posizionarlo come mostrato nella prima immagine. Passare al Strumento rettangolo (M), creare un 19 x 5 px forma e posizionalo come mostrato nella seconda immagine. Riselezionare entrambe le forme create in questo passaggio, aprire il esploratore pannello (Finestra> Pathfinder) e fare clic su Unire pulsante.
Usando il Strumento ellisse (L), creare un 19 x 8 px forma, riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nella prima immagine. Seleziona questo cerchio schiacciato insieme alla tua forma blu e fai clic su Fronte meno pulsante dal esploratore pannello. Assicurati che il gruppo risultante sia selezionato e semplicemente colpito Maiuscole-Ctrl-G a Separa esso. Seleziona le forme in basso, blu (evidenziate nella terza immagine) e rimuovile usando il Elimina pulsante dalla tua tastiera. Seleziona la forma blu rimanente e sostituisci il colore di riempimento esistente con R = 225 G = 225 B = 225.
Disabilitare il Aggancia alla griglia (Visualizza> Aggancia alla griglia) quindi vai a Modifica> Preferenze> Generale e assicurarsi che il Incremento della tastiera è impostato a 1px. Riseleziona il tuo cerchio schiacciato e fai due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 1px giù usando il tasto freccia giù dalla tastiera.
Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurati che la forma risultante rimanga selezionata e si concentri su Aspetto pannello. Sostituisci il colore di riempimento esistente con il bianco (R = 255 G = 255 B = 255) quindi basta fare clic su "Opacità"pezzo di testo per aprire il Trasparenza pannello a scomparsa. Abbassare il Opacità a 80% e cambia il Modalità di fusione a Luce soffusa.
Seleziona tutte le forme evidenziate nella prima immagine e semplicemente premi Controllo-G a Gruppo loro. Assicurati che il tuo nuovo gruppo sia selezionato e colpito Shift-Control-[ per rimandarlo indietro.
Abilita il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Usando il Strumento rettangolo (M), creare un 17 x 52 px forma, imposta il colore di riempimento su R = 26 G = 29 B = 31 e posizionarlo come mostrato nell'immagine seguente.
Assicurati che il tuo rettangolo scuro sia ancora selezionato e vai su Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok e vai a Oggetto> Espandi Aspetto. Seleziona il gruppo risultante di forme e premi Maiuscole-Ctrl-G due volte.
Riseleziona i cinque rettangoli scuri fatti nel passaggio precedente e semplicemente premi Control-8 per trasformarli in a Percorso composto. Usando il Strumento di selezione diretta (A), seleziona l'intero percorso composto, concentrati sul pannello di controllo e inserisci "1px" In ciò angoli scatola.
Assicurati che il tuo percorso composto sia ancora selezionato e vai a Effetto> Ordito> Rigonfiamento. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok poi semplicemente colpito Shift-Control-[ per rimandarlo indietro.
Usando il Strumento rettangolo (M), creare un 17 x 52 px forma, imposta il colore di riempimento su R = 39 G = 170 B = 225 e posizionarlo come mostrato nell'immagine seguente.
Assicurati che il tuo rettangolo blu sia ancora selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok e vai a Oggetto> Espandi Aspetto. Assicurati che il gruppo risultante di forme sia selezionato, colpito Maiuscole-Ctrl-G due volte poi trasforma i tuoi rettangoli blu in un percorso composto semplice.
Assicurati che il tuo percorso composto blu sia ancora selezionato e vai a Effetto> Ordito> Rigonfiamento. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok e vai a Oggetto> Espandi Aspetto.
Usando il Strumento di selezione diretta (A), seleziona l'intero percorso composto blu, concentrati sul pannello di controllo e inserisci "1px" In ciò angoli scatola. Assicurati che il percorso composto blu sia ancora selezionato e fai clic su Dividere pulsante dal esploratore pannello. Seleziona il gruppo di forme risultante e semplicemente premi Maiuscole-Ctrl-G a Separa esso. Alla fine dovresti avere cinque forme blu separate.
Disabilitare il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Concentrati in alto, forma blu, selezionalo e fai due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 1px giù usando il tasto freccia giù dalla tastiera. Riselezionare entrambe le copie e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurati che la forma risultante sia selezionata e sostituisci il colore di riempimento esistente con R = 76 G = 79 B = 81.
Riseleziona la tua forma superiore blu e crea due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 1px usando il tasto freccia su dalla tastiera. Riselezionare entrambe le copie e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurati che la forma risultante sia selezionata e sostituisci il colore di riempimento esistente con R = 76 G = 79 B = 81.
Riseleziona la tua forma superiore blu e crea due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 3px giù. Riselezionare entrambe le copie e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurati che la forma risultante sia selezionata e sostituisci il colore di riempimento esistente con il gradiente lineare mostrato nell'immagine seguente.
Riseleziona la tua forma superiore blu e crea due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 3px su. Riselezionare entrambe le copie e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurarsi che la forma risultante sia selezionata e sostituire il colore di riempimento esistente con lo stesso gradiente lineare utilizzato nel passaggio precedente.
Riseleziona la forma superiore blu e sostituisci il colore di riempimento esistente con il gradiente lineare mostrato nell'immagine seguente.
Passa alle forme blu successive e ripeti semplicemente le tecniche utilizzate per la tua forma superiore blu. Alla fine le cose dovrebbero assomigliare all'immagine seguente.
Abilita il Aggancia alla griglia (Visualizza> Aggancia alla griglia) e tornare a gridline ogni 5px, quindi semplicemente vai Modifica> Preferenze> Guide e griglia ed entra 5 nel Gridline ogni scatola. Usando il Strumento rettangolo (M), creare un 155 x 50 px forma, riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nell'immagine seguente. Non dimenticare che il numero bianco dal Pendenza immagine sta per Posizione percentuale.
Sposta in Livelli pannello (Finestra> Livelli), fai semplicemente clic sulla forma fatta in questo passaggio e rinominala "piatto".
Assicurati che il tuo "piatto"la forma rimane selezionata e va a Oggetto> Percorso> Aggiungi punti di ancoraggio. Passare al Strumento di selezione diretta (A) e concentrati sul lato destro della tua forma. Seleziona i punti di ancoraggio superiore e inferiore e trascinali semplicemente 25px a sinistra. Assicurarsi che il Strumento di selezione diretta (A) rimane attivo, selezionare il punto di ancoraggio evidenziato dal cerchio viola nella seconda immagine, mettere a fuoco sul pannello di controllo e semplicemente inserire 5px nel angoli scatola. Seleziona i due punti di ancoraggio evidenziati dai cerchi verdi nella seconda immagine e inserisci 10px in quello stesso angoli casella dal pannello di controllo. Alla fine il tuo "piatto"dovrebbe apparire nella terza immagine.
Assicurati che il tuo "piatto"la forma rimane selezionata, si concentra su Aspetto pannello, selezionare il tratto, impostare il colore sul nero (R = 0 G = 0 B = 0), quindi fare semplicemente clic su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 5px e controllare il Allinea Stroke to Inside pulsante.
Ritorna al Aspetto pannello e fai semplicemente clic sul pulsante "Opacità"pezzo di testo che rappresenta il tuo tratto per aprire il Trasparenza pannello a scomparsa. Abbassare il Opacità a 20% e cambia il Modalità di fusione a Luce soffusa.
Assicurati che il tuo "piatto"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un secondo tratto utilizzando il Aggiungi nuovo tratto pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona il tuo nuovo tratto, imposta il Peso a 2px, controlla il Allinea Stroke to Inside pulsante dal Ictus pannello a comparsa e aggiungere il gradiente lineare mostrato nell'immagine seguente.
Assicurati che questo nuovo tratto sia ancora selezionato e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px offset, clic ok e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Assicurati che il tuo "piatto"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un terzo tratto utilizzando lo stesso Aggiungi nuovo tratto pulsante. Seleziona questo nuovo tratto, imposta il Peso a 1px, controlla il Allinea Stroke to Inside pulsante dal Ictus pannello a comparsa e imposta il suo colore su R = 76 G = 79 B = 81.
Usando il Strumento rettangolo (M), creare un 10 x 50 px forma, imposta il colore di riempimento sul nero e posizionalo come mostrato nella prima immagine. Assicurati che questo nuovo rettangolo rimanga selezionato, concentrati su Aspetto pannello, abbassatelo Opacità a 20% e cambia il Modalità di fusione a Luce soffusa. Scegli il Tipo Strumento (T), semplicemente fai clic sul tuo artbboard e aggiungi il testo. Assicurati che rimanga selezionato e apri il Personaggio pannello (Finestra> Tipo> Carattere). Utilizzare il Agenzia FB carattere, fallo Grassetto quindi imposta la dimensione a 20px e il colore a R = 245 G = 245 B = 245.
Passa a gridline ogni 1px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 1 nel Gridline ogni scatola. Usando il Strumento penna (P), creare un 14px, percorso verticale e posizionarlo come mostrato nell'immagine seguente. Seleziona questo nuovo percorso e concentrati sul Aspetto pannello. Assicurati che non vi sia alcun colore impostato per il riempimento, quindi seleziona il tratto. Imposta il suo colore a R = 225 G = 225 B = 225 quindi apri il Ictus pannello a scomparsa. Impostare il Peso a 3px quindi controllare il Tappo rotondo e il Round Join pulsanti.
Assicurati che il tuo percorso verticale sia ancora aperto e vai Oggetto> Percorso> Aggiungi punti di ancoraggio. Usando il Strumento di selezione diretta (A), seleziona il punto di ancoraggio appena aggiunto e trascinalo 8px a destra. Alla fine le cose dovrebbero assomigliare alla terza immagine. Assicurati che il percorso della tua freccia rimanga selezionato e vai su Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Riseleziona il tuo "piatto"forma insieme al pezzo di testo, il rettangolo nero e il piccolo percorso della freccia e Gruppo loro (Controllo-G). Assicurati che questo nuovo gruppo sia selezionato, semplicemente mandalo indietro (Shift-Control-[ ) quindi passare a Livelli pannello e rinominarlo "signplate".
Ritornare a gridline ogni 5px, quindi semplicemente vai Modifica> Preferenze> Guide e griglia ed entra 5 nel Gridline ogni scatola. Moltiplica il tuo "signplate"gruppo (Control-C> Control-F), distribuire le copie come mostrato nell'immagine seguente e modificare le parti di testo come mostrato nell'immagine seguente.
Crea altre due copie del tuo "signplate"gruppo, seleziona entrambi e vai a Oggetto> Trasforma> Rifletti. Controlla il Verticale casella e fare clic su ok pulsante. Posiziona questi nuovi gruppi come mostrato nell'immagine seguente, rimuovi le parti di testo esistenti e aggiungine di nuove con attributi simili.
Seleziona la parte superiore, a destra "signplate"raggruppa e vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti di ancoraggio come mostrato nell'immagine seguente e fai clic ok.
Seleziona il centro, a destra "signplate"raggruppa e vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti di ancoraggio come mostrato nell'immagine seguente e fai clic ok.
Seleziona il fondo, a destra "signplate"raggruppa e vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti di ancoraggio come mostrato nell'immagine seguente e fai clic ok.
Seleziona la parte superiore, a sinistra "signplate"raggruppa e vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti di ancoraggio come mostrato nell'immagine seguente e fai clic ok.
Seleziona il fondo, a sinistra "signplate"raggruppa e vai a Effetto> Distorsione e trasformazione> Distorsione libera. Trascina i punti di ancoraggio come mostrato nell'immagine seguente e fai clic ok.
Scegli il Strumento rettangolo (M) e fai semplicemente clic sulla tua tavola da disegno per aprire il Rettangolo finestra. accedere 610 nel Larghezza scatola e 640 nel Altezza casella quindi fare clic su ok pulsante per creare il tuo nuovo rettangolo. Assicurati che questa nuova forma rimanga selezionata, imposta il colore di riempimento su R = 239 G = 253 B = 225, inviarlo di nuovo (Shift-Control-[ ) quindi apri il Allineare pannello (Finestra> Allinea).
Imposta l'allineamento su tavola da disegno (apri il menu a tendina e vai a Mostra opzioni se non riesci a vedere il Allinea a sezione come mostrato nell'immagine seguente), assicurarsi che la forma sia selezionata, quindi fare semplicemente clic sul Centro allineamento orizzontale e Centro di allineamento verticale pulsanti. Alla fine la tua forma dovrebbe coprire l'intera tavola da disegno come mostrato nell'immagine seguente.
Assicurati che il tuo rettangolo blu sia ancora selezionato, concentrati su Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona questo nuovo riempimento, abbassalo Opacità a 20%, cambiare il Modalità di fusione a Moltiplicare e aggiungi il gradiente radiale mostrato nell'immagine seguente.
Tieni presente che lo zero giallo dal Pendenza immagine sta per Opacità percentuale. Ciò significa semplicemente che è necessario selezionare quel cursore sfumatura, concentrarsi su Opacità scatola (dal Pendenza pannello) e impostarlo su 0%.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua