Usa Illustrator per creare un logo di caratteri 3D divertente

In questo tutorial useremo lo strumento 3D di illustratori per creare testo con profondità. Daremo le lettere alla personalità ponendole agli angoli e scegliendo un font divertente. Aggiungiamo un personaggio pazzo di coniglio e uniamo tutti i colori mentre aggiungiamo semplici ombreggiature. Infine, daremo a questo divertente logo un effetto adesivo. Copriamo un po 'di terreno in questo tutorial, quindi accendi Illustrator e cominciamo!

Anteprima dell'immagine finale

Di seguito è l'immagine finale su cui lavoreremo. Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.

Dettagli dell'esercitazione

  • Programma: Adobe Illustrator CS4
  • Difficoltà: Intermedio
  • Tempo di completamento stimato: 1,5 ore

Passo 1

Apriamo un nuovo documento in Illustrator (File> Nuovo) e seleziona la dimensione "Lettera" (ma puoi scegliere qualsiasi dimensione desideri). Ho usato la modalità colore RGB per questo, ma se vuoi usarlo per la stampa devi scegliere CMYK.

Passo 2

Inizieremo con il carattere di ricerca 3D. Innanzitutto, trova un font carino (in questo tutorial uso Lamebrain BRK, quindi assicurati di avere abbastanza spazio tra ogni lettera (ho usato 100 qui) e vai a Tipo> Crea contorni.

Passaggio 3

Prendi il punto sulla "i" di distanza usando lo strumento selezione diretta e aggiungi un tratto al testo. Assicurati di selezionare Round Cap e Round Join nella casella del tratto per ottenere un effetto più fluido.

Passaggio 4

Seleziona il testo e vai su Percorso> Traccia contorno.

Passaggio 5

Quindi vai su Oggetto> Separa. Seleziona una delle lettere e fai clic su Unite nella casella Pathfinder. Fai lo stesso per ogni lettera.

Passaggio 6

Per ottenere un buon effetto cartoon, puoi selezionare ogni lettera e spostarti, ruotare e ridimensionare un po '.

Passaggio 7

È ora di fare l'effetto 3D. Ho cambiato il colore del testo in rosso, quindi sarà più facile vedere l'effetto 3D su di essi. Seleziona una lettera e vai a Effetto> 3D> Estrusione e smusso.

Passaggio 8

Nel pannello Estrusione e smusso 3D, seleziona l'opzione Anteprima e scegli Profondità estrusione (ho utilizzato il valore predefinito). Quindi puoi spostare la casella per ottenere l'angolo desiderato. Puoi anche cambiare la prospettiva. fai lo stesso per ogni lettera e modifica l'angolo un po 'per ciascuna.

Passaggio 9

Per ogni lettera fatta, selezionala e vai su Oggetto> Espandi aspetto.

Passaggio 10

Vedrai uno spazio bianco tra le forme, ma non ti preoccupare, lo porteremo via. Seleziona una lettera e premi Shift + Comando + G (Oggetto> Separa) due volte. Quindi seleziona solo la forma frontale della lettera (es. La luce rossa "C") e crea una copia (Comando + C).

Seleziona l'intera lettera, inclusa la forma frontale, e aggiungi un piccolo tratto (0,5) con il Tappo rotondo e il Riunione circolare selezionati. Vai a Oggetto> Tracciato> Tracciato contorno, apri la casella Pathfinder e fai clic su Unisci. Al termine di questi passaggi, incolla la copia della forma anteriore in alto (Comando + F). Hai bisogno di fare lo stesso per ogni lettera di nuovo.

Passaggio 11

Ora hai il tuo effetto 3D! Ho cambiato il colore delle forme prima che il rosso mi facesse impazzire.

Passaggio 12

Ricorda che abbiamo cancellato il punto sulla "i" in precedenza? Creiamo una bella stella rossa usando lo Strumento Stella!

Passaggio 13

Ripeti i passaggi da 7 a 10 per ottenerlo in 3D e quindi modificare i colori.

Passaggio 14

Ora aggiungi un tratto nero al testo. Seleziona tutto, copia (Comando + C) e incollalo sul retro (Comando + B). Fai clic su Unite nella casella Pathfinder.

Passaggio 15

Aggiungi un tratto nero di 10 pt!

Passaggio 16

Vai su Oggetto> Percorso> Traccia contorno e fai clic su Unisci nella casella Pathfinder.

Passaggio 17

Fare doppio clic sulla forma nera per entrare e creare una forma per coprire ogni parte lasciata in bianco.

Passaggio 18

Seleziona la forma nera e quella nuova e fai clic su "Unisci" nella casella Pathfinder. Fare doppio clic all'esterno della forma per tornare al testo.

Passaggio 19

Per aggiungere qualche effetto al testo, crea delle forme rotonde.

Passaggio 20

Seleziona le lettere anteriori nel testo e fai clic su Unite nella casella Pathfinder. Fai una copia della forma davanti (Comando + C e Comando + F). Seleziona quella forma e quella rotonda (in verde) e fai clic su Interseca nella casella Pathfinder, tenendo premuto Alt. Quindi fare clic su Espandi. Fai lo stesso con la stella.

Passaggio 21

Usa alcuni colori chiari per ottenere un bell'effetto.

Passaggio 22

Per la parte di coniglio, andrò un po 'più veloce. Penso che ci siano sufficienti tutorial per disegnare i vettori qui. Alcuni partiranno da uno schizzo a mano, ma preferisco iniziare direttamente con Illustrator. Quindi tracciamo le linee del personaggio usando lo strumento Penna, come ho fatto qui.

Passaggio 23

Un modo semplice per creare le ombre è creare una copia della tua forma (un braccio qui), incollarla davanti (Comando + F), quindi tracciare una nuova forma su di essa e selezionando la copia e la nuova forma, fai clic su su Intersect nella casella Pathfinder.

Passaggio 24

Quando le linee sono terminate, scegli i colori e non dimenticare di aggiungere un bel tratto nero dietro al tuo personaggio!

Passaggio 25

Quando il tuo personaggio ha finito, crea due forme rotonde nella parte posteriore.

Passaggio 26

Seleziona la pennellata nera del testo, crea una copia e incollala in primo piano. Seleziona una delle forme rotonde con la copia del tratto e fai clic su Interseca nella casella Pathfinder. Fai lo stesso per la seconda forma.

Passo 27

Usa lo strumento selezione diretta per eliminare la parte più bassa di ogni forma.

Passaggio 28

Usa lo strumento Penna per disegnare delle linee corte attorno alle forme e scegli un pennello nelle Librerie dei pennelli (Finestra> Librerie pennello> Artistico> Artistico_italiano). Cambia il peso del tratto per ottenere l'effetto desiderato. Crea delle linee per la prima forma rotonda (marrone) e alcune per la seconda (nera).

Seleziona le linee che hai creato e vai su Oggetto> Espandi aspetto. Seleziona tutte le linee in marrone con la forma rotonda marrone e fai clic su Unifica nella casella Pathfinder. Fai lo stesso per le linee nere con le forme rotonde nere. Seleziona entrambe le forme finali e rimandale indietro (Oggetto> Disponi> Invia a Indietro).

Passaggio 29

L'effetto Grunge è terminato, ma ora aggiungeremo un tratto bianco dietro l'intero logo per conferirgli un aspetto adesivo. Seleziona tutto, fai una copia e incollala indietro (Comando + B). Fare clic su Unify nella palette Pathfinder. Come puoi vedere, la palette Pathfinder è una delle mie migliori amiche! ;-)

Passaggio 30

Cambia il colore di questa forma in modo che tu possa vederlo e aggiungi un tratto con un peso di 8 pt. Come visto prima, vai su Oggetto> Percorso> Cenni di contorno e poi fai nuovamente clic su Unifica.

Passaggio 31

Per sembrare un adesivo, deve essere UNA forma. Quindi fai doppio clic sulla forma per entrare e disegnare forme per nascondere le parti bianche e anche per collegare le forme più piccole a quelle grandi. Seleziona tutte le tue forme e clicca su Unify.

Passo 32

Ora che hai una forma grande, cambia il colore in bianco, quindi fai doppio clic all'esterno per tornare alla tua illustrazione principale.

Passaggio 33

Seleziona quella forma bianca, copiatela indietro (Command + C e Command + B) e spostala un po 'verso destra e verso il basso. Cambia il colore in nero. Vai a Effetto> Sfocatura> Sfocatura gaussiana.

Passaggio 34

Ho usato un raggio di 7,2 pixel qui.

Passaggio 35

Nella palette Trasparenza seleziona Moltiplicare e metti l'opacità al 50%.

Conclusione

Ora puoi aggiungere un bel sfondo o colore ed è fatto! Spero che questo tutorial ti sia piaciuto!

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.