Come creare un effetto di testo Lego 3D in Adobe Illustrator

Nei seguenti passaggi imparerai come creare un set di pezzi Lego e come trasformarli facilmente in un piacevole effetto testo. Per i principianti avrai solo bisogno di due semplici forme e l'effetto 3D Estrusione e Smusso. Una volta organizzate le forme iniziali continueremo con i punti salienti. Innanzitutto, per l'effetto ombra trarremo il massimo vantaggio dal pannello Aspetto. Successivamente, utilizzeremo le opzioni Pathfinder insieme ad alcune tecniche ed effetti di fusione di base. Infine, per la colorazione useremo un semplice trucchetto e una tecnica di mascheramento di base.


Passo 1

Premi Comando + N per creare un nuovo documento. Inserire 600 nelle caselle di larghezza e altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti in griglia pixel" sia deselezionata prima del tuo clic OK.

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Per questo tutorial avrai bisogno di una griglia ogni 1px. Basta andare su Modifica> Preferenze> Guide> Griglia, immettere 1 nella griglia ogni casella e 1 nella casella Sottori. Dovresti anche aprire il pannello Informazioni (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.


Passo 2

Usando lo strumento Rettangolo (M), crea un quadrato di 70 px e imposta il colore di riempimento su R = 128, G = 130, B = 133.


Passaggio 3

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il quadrato creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Inserisci le proprietà mostrate nell'immagine seguente, assicurati di selezionare la casella "Disegna volti nascosti" e poi OK.


Passaggio 4

Assicurati che il tuo quadrato grigio sia ancora selezionato e vai su Oggetto> Espandi aspetto. Passa al pannello Livelli (Finestra> Livelli) e dovresti trovare un gruppo appena creato. Selezionalo e premi Shift + Control + G due volte. Alla fine dovresti avere sei forme semplici. Continua a concentrarti sul pannello Livelli e semplicemente elimina le due forme in basso.


Passaggio 5

Concentrati sul pannello Livelli, fai doppio clic sulla forma in basso e chiamalo "ombra". Selezionalo e vai al pannello Aspetto (Finestra> Aspetto). Seleziona il riempimento esistente, fallo nero e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset 3px, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 1 pixel, fai clic su OK e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 4 pixel, fare clic su OK e tornare al pannello Aspetto. Assicurati che "ombra" sia ancora selezionata e aggiungi un secondo riempimento usando il pulsante Aggiungi nuovo riempimento (indicato dalla piccola freccia blu). Seleziona questo nuovo riempimento, imposta il colore al nero, abbassa l'opacità al 5% e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset di 4 pixel, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 6 pixel, fare clic su OK e tornare al pannello Aspetto. Aggiungi un terzo riempimento per questa forma, selezionalo, imposta il colore al nero, abbassa Opacità al 10% e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset 2px, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 4 pixel, fare clic su OK e tornare al pannello Aspetto. Aggiungi un riempimento finale per questa forma, selezionalo, imposta il colore al nero, abbassa Opacità al 20% e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset di 1px, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 2,5 px e fare clic su OK. Apri la finestra Stili grafica (Finestra> Stili grafica), assicurati che "ombra" sia ancora selezionata e fai semplicemente clic sul pulsante "Nuovo stile grafico" (puntato dalla freccia blu).


Passaggio 6

Concentrati sul pannello Livelli, fai doppio clic sulla forma sopra "ombra" e chiamala "leftSide". Selezionalo e sostituisci il colore piatto utilizzato per il riempimento con il gradiente lineare mostrato nell'immagine seguente. Il numero bianco dall'immagine del gradiente indica la percentuale di posizione. Concentrati sul pannello Sfumatura, fai clic su quella miniatura a gradiente quadrato e trascinala semplicemente all'interno del pannello Campioni (Finestra> Campioni) per salvarla. Continua a concentrarti sul pannello Campioni, fai doppio clic su questo gradiente appena aggiunto e chiamalo "Gradiente1". Ovviamente avrai di nuovo bisogno di questo gradiente. Salvare e nominare faciliterà il tuo lavoro più tardi. Tornare al pannello Livelli, fare doppio clic sulla forma sopra "leftSide" e denominarlo "rightSide". Selezionalo e sostituisci il colore piatto utilizzato per il riempimento con il gradiente lineare mostrato nell'immagine seguente. Salva questo nuovo gradiente e chiamalo "Gradient2". Torna al pannello Livelli, fai doppio clic sulla forma sopra "right Side" e chiamala "top". Selezionalo e sostituisci il colore piatto utilizzato per il riempimento con il gradiente lineare mostrato nell'immagine seguente. Ancora una volta, salva questo nuovo gradiente e chiamalo "Gradient3".


Passaggio 7

Vai a Modifica> Preferenze> Generali e assicurati che l'incremento della tastiera sia impostato su 1px.
Seleziona "leftSide" e "rightSide" e duplicali (Control + C> Control + F). Selezionare entrambe le copie, aprire il pannello Pathfinder (Finestra> Pathfinder) e fare clic sul pulsante Unite dal pannello Pathfinder. Seleziona la forma risultante e crea una copia in primo piano (Ctrl + C> Ctrl + F). Seleziona questa copia e premi la freccia su dalla tastiera per spostarla di 1px in su. Riselezionare entrambe le forme fatte in questo passaggio e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il nero, abbassa la sua opacità al 10% e cambia il metodo di fusione in luce soffusa.


Passaggio 8

Seleziona "top" e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 1 pixel verso il basso usando la freccia giù dalla tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente. Gli zeri gialli dall'immagine del gradiente indicano la percentuale di opacità.


Passaggio 9

Seleziona "top" e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 1px usando la freccia su dalla tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente.


Passaggio 10

Vai a Modifica> Preferenze> Generale e imposta l'incremento della tastiera a 0,5 px. Seleziona "rightSide" e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 0,5 px in su e verso destra usando i tasti freccia dalla tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco. Concentrati sul lato inferiore di questa forma bianca, afferra lo strumento Elimina punto di ancoraggio (-) e rimuovi semplicemente i tre punti di ancoraggio evidenziati nella terza immagine. Alla fine la tua forma bianca dovrebbe apparire nella quarta immagine.


Passaggio 11

Seleziona "leftSide" e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 0,5 px in su e a sinistra usando i tasti freccia della tastiera. Riselezionare entrambe le copie e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi la forma risultante con il bianco. Concentrati sul lato inferiore di questa forma bianca, afferra lo strumento Elimina punto di ancoraggio (-) e rimuovi semplicemente i tre punti di ancoraggio evidenziati nella terza immagine. Alla fine la tua forma bianca dovrebbe apparire nella quarta immagine.


Passaggio 12

Seleziona le due forme bianche create negli ultimi due passaggi e fai clic sul pulsante Unisci dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine seguente.


Passaggio 13

Seleziona le quattro forme create negli ultimi sei passaggi e raggruppale (Control + G). Passare al pannello Livelli, fare doppio clic su questo nuovo gruppo e denominarlo "evidenzia".


Passaggio 14

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Usando lo strumento Ellisse (L), crea un cerchio di 19px, riempilo con R = 147, G = 149, B = 152 e posizionalo come mostrato nell'immagine seguente.


Passaggio 15

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il cerchio creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Inserisci le proprietà mostrate nell'immagine seguente, assicurati di non selezionare la casella "Disegna volti nascosti" e poi fai clic su OK.


Passaggio 16

Assicurati che la tua cerchia sia ancora selezionata e vai su Oggetto> Espandi aspetto. Passare al pannello Livelli, selezionare il gruppo risultante e premere Shift + Control + G tre volte. Passare al pannello Livelli, selezionare il sottogruppo rimanente e fare clic sul pulsante Unisci dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine. Assicurati che questa forma rimanga selezionata, concentrati sul pannello Aspetto e aggiungi un secondo riempimento. Seleziona questo nuovo riempimento, modifica il suo Metodo di fusione su Luce soffusa e trascinalo nella parte inferiore del pannello Aspetto. Sostituisci il gradiente lineare esistente con quello mostrato nella quarta immagine, quindi vai su Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente e fare clic su OK.


Passaggio 17

Vai a Modifica> Preferenze> Generale e imposta l'incremento della tastiera a 1 pixel. Passa al pannello Livelli e seleziona l'altra forma creata nel passaggio precedente. Sostituisci il colore piatto usato per il riempimento con il gradiente lineare mostrato nella prima immagine, quindi crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 1px in alto a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nella terza immagine e modifica il suo metodo di fusione in Luce soffusa.


Passaggio 18

Riselezionare il cerchio schiacciato modificato nel passaggio precedente e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 1px in basso a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 80, G = 80, B = 80 e abbassa la sua opacità al 50%.


Passaggio 19

Seleziona tutte le forme create negli ultimi tre passaggi e raggruppale (Control + G). Seleziona questo nuovo gruppo e vai a Effetto> Distorci e Trasforma> Trasforma. Inserisci le proprietà mostrate nella finestra di sinistra, fai clic su OK e vai di nuovo su Effetto> Distorci e Trasforma> Trasforma. Immettere le proprietà mostrate nella finestra di destra e fare clic su OK. Passa al pannello Livelli, fai doppio clic su questo nuovo gruppo e chiamalo "notch".


Passaggio 20

Successivamente, è necessario aggiungere un po 'di colore al pezzo di Lego. Seleziona "leftSide", "rightSide" e "top" e duplicali (Control + C> Control + F). Seleziona queste copie, fai clic sul pulsante Unite dal pannello Pathfinder e porta in primo piano la forma risultante (Shift + Control +]). Assicurati che questa nuova forma rimanga selezionata e si concentri sul pannello Aspetto. Seleziona il riempimento esistente, imposta il colore su R = 0, G = 163, B = 75 e modifica la modalità di fusione su Colore. Aggiungi un secondo riempimento per questa forma, selezionalo, imposta il colore su R = 205, G = 205, B = 205 e modifica il metodo di fusione su Color Burn. Ora, sostituisci semplicemente il riempimento verde con uno blu (R = 39, G = 170, B = 225) e il tuo pezzo Lego diventerà blu. Sentiti libero di provare un altro colore o una diversa modalità di fusione. Passa al pannello Livelli, fai doppio clic sulla forma fatta in questo passaggio e chiamala "colore".


Passaggio 21

Passare al pannello Livelli, selezionare tutto ciò che è stato creato fino ad ora, ad eccezione della forma "ombra" e raggrupparli (Control + G). Apri questo gruppo, seleziona "Colore" e duplicalo (Control + C> Control + F). Seleziona questa copia e trascinala fuori dal gruppo, nella parte superiore del pannello Livelli. Assicurati che questa nuova forma sia selezionata e premi semplicemente il pulsante "D" dalla tastiera. Ciò aggiungerà le proprietà predefinite per la forma, che è un riempimento bianco e un tratto nero, 1pt. Rimuovi il tratto nero, quindi seleziona il riempimento e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, fare clic su OK e aprire il pannello Trasparenza (Finestra> Trasparenza). Seleziona questa forma bianca insieme al gruppo creato all'inizio del passaggio, apri il menu a comparsa del pannello Trasparenza e fai clic su Crea maschera di opacità. Ciò aggiungerà una rotondità discreta agli angoli del tuo pezzo dell'ego. Dai un'occhiata più da vicino e te ne accorgi.


Passaggio 22

Seleziona Tutte le forme create finora (Controllo + A) e raggruppale (Controllo + G). Questo sarà il primo pezzo di Lego. Concentrati sul pannello Livelli e chiamalo "quadrato".


Passaggio 23

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Usando lo strumento Rettangolo (M), crea una forma 140 x 70 px e imposta il colore di riempimento su R = 128, G = 130, B = 133.


Passaggio 24

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il rettangolo creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Inserisci le proprietà mostrate nell'immagine seguente, assicurati di selezionare la casella "Disegna volti nascosti", quindi fai clic su OK.


Passaggio 25

Assicurati che il tuo rettangolo grigio sia ancora selezionato e vai su Oggetto> Espandi aspetto. Passare al pannello Livelli, selezionare il gruppo appena creato e premere Shift + Control + G due volte per Separare. Seleziona il fondo, due forme e semplicemente eliminale. Continua a concentrarti sul pannello Livelli, fai doppio clic sulla forma in basso, chiamalo "ombra" e aggiungi lo stile grafico salvato nel quinto passaggio.


Passaggio 26

Continua con le altre tre forme create nel passaggio precedente. Assegnare loro il nome "leftSide", "rightSide" e "top", quindi utilizzare il gradiente lineare salvato nel sesto passo.


Passo 27

Continua a concentrarti sulle forme modificate nel passaggio precedente e aggiungi le forme sottili di evidenziazione proprio come hai fatto con il pezzo quadrato, l'ego. Fondamentalmente, devi ripetere le tecniche menzionate nei passaggi da 7 a 12. Dovrai fare due piccoli cambiamenti quando arrivi alla colorazione. Semplicemente, modifica i due gradienti lineari come mostrato nell'immagine seguente. Una volta che hai finito assicurati di raggruppare tutte queste forme e nominare il gruppo "evidenzia".


Passaggio 28

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Usando lo strumento Ellisse (L), crea un cerchio di 19px, riempilo con R = 147, G = 149, B = 152 e posizionalo come mostrato nell'immagine seguente.


Passaggio 29

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il cerchio creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Immettere le proprietà mostrate nell'immagine seguente, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 30

Passare al pannello Livelli, selezionare il gruppo risultante dal passaggio precedente e fare clic sul pulsante Unisci dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.


Passaggio 31

Concentrati sul pannello Livelli, apri il gruppo con il primo frammento di ego e duplica il gruppo "notch" (Ctrl + C> Ctrl + F). Seleziona questa copia di gruppo, spostati nel pannello Aspetto e rimuovi gli effetti di trasformazione esistenti. Continua a concentrarti su questa copia di gruppo, trascinala nella parte superiore del pannello Livelli e posizionala approssimativamente come mostrato nella prima immagine. Afferra lo strumento Selezione (V) e seleziona la copia del gruppo insieme alla forma bianca creata nel passaggio precedente. Fai clic sul bordo di questa forma bianca (dovrebbe essere enfatizzato), quindi fai semplicemente clic sui pulsanti Centro allineamento orizzontale e Centro allineamento verticale dal pannello Allinea (Finestra> Allinea). Alla fine la tua copia di gruppo dovrebbe essere posizionata come mostrato nella terza immagine. Tornare al pannello Livelli e rimuovere la forma bianca creata nel passaggio precedente.


Passo 32

Seleziona la copia del gruppo "notch" creata nel passaggio precedente e aggiungi i due effetti di trasformazione mostrati nell'immagine seguente.


Passaggio 33

Successivamente, è necessario aggiungere la forma "colore". Ripeti semplicemente le tecniche menzionate nel ventesimo passaggio. Assicurati di raggruppare questa forma a "colore" insieme a tutta la forma che compone questo secondo pezzo Lego (eccetto la forma "ombra").


Passaggio 34

Infine aggiungi la tecnica di mascheratura menzionata nel ventunesimo passaggio. Seleziona tutte le forme che compongono questo secondo frammento dell'Io e raggruppale (Control + G). Assegna un nome a questo nuovo gruppo "rettangolo1".


Passaggio 35

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Usando lo strumento Rettangolo (M), crea una forma 140 x 70 px e imposta il colore di riempimento su R = 128, G = 130, B = 133.


Passaggio 36

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il rettangolo creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Inserisci le proprietà mostrate nell'immagine seguente, assicurati di selezionare la casella "Disegna volti nascosti", quindi fai clic su OK.


Passaggio 37

Assicurati che la forma modificata nel passaggio precedente sia ancora selezionata e vai su Oggetto> Espandi aspetto. Passa al pannello Livelli, seleziona il gruppo appena creato e premi due volte Maiusc + Ctrl + G. Seleziona il fondo, due forme e semplicemente eliminale. Continua a concentrarti sul pannello Livelli, fai doppio clic sulla forma in basso, chiamalo "ombra" e aggiungi lo stile grafico salvato nel quinto passaggio.


Passaggio 38

Continua con le altre tre forme create nel passaggio precedente. Assegnare loro il nome "leftSide", "rightSide" e "top", quindi utilizzare il gradiente lineare salvato nel sesto passo.


Passaggio 39

Continua a concentrarti sulle tre forme modificate nel passaggio precedente e aggiungi le sottili evidenziature come hai fatto con il secondo pezzo dell'ego. Ancora una volta, dovrai fare due piccoli cambiamenti quando arrivi alla parte colorante. Semplicemente, modifica i due gradienti lineari come mostrato nell'immagine seguente. Una volta che hai finito assicurati di raggruppare tutte queste forme e nominare il gruppo "evidenzia".


Passaggio 40

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Usando lo strumento Ellisse (L), crea un cerchio di 19px, riempilo con R = 147, G = 149, B = 152 e posizionalo come mostrato nell'immagine seguente.


Passaggio 41

Disabilitare la griglia (Visualizza> Nascondi griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Seleziona il cerchio creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Immettere le proprietà mostrate nell'immagine seguente, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 42

Passare al pannello Livelli, selezionare il gruppo risultante dal passaggio precedente e fare clic sul pulsante Unisci dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.


Step 43

Concentrati sul pannello Livelli e crea una nuova copia di quel gruppo "notch" (Control + C> Control + F). Seleziona questa copia di gruppo, rimuovi gli effetti di trasformazione esistenti, quindi ripeti le tecniche di allineamento menzionate nel trentunesimo passaggio. Non dimenticare di rimuovere la forma bianca alla fine.


Passaggio 44

Seleziona la copia del gruppo "notch" creata nel passaggio precedente e aggiungi i due effetti di trasformazione mostrati nell'immagine seguente.


Passaggio 45

Continuiamo con la forma del "colore". Ripeti semplicemente le tecniche menzionate nel ventesimo passaggio. Assicurati di raggruppare questa nuova forma insieme a tutta la forma che compone questo terzo pezzo Lego (tranne la forma "ombra").


Passaggio 46

Infine aggiungi gli angoli arrotondati discreti usando la tecnica di mascheratura menzionata nel ventunesimo passaggio. Seleziona tutte le forme che compongono questo terzo frammento dell'ego e raggruppale (Control + G). Assegna un nome a questo nuovo gruppo "rectangle2".


Passaggio 47

Questi sono i tuoi tre pezzi dell'ego. Alla fine dovresti avere tre gruppi principali nel pannello Livelli.


Passaggio 48

Abilita la griglia (Visualizza> Mostra griglia) e lo snap alla griglia (Visualizza> Blocca sulla griglia). Infine, moltiplica i gruppi creati finora e costruisci le tue lettere dell'ego. Snap to Grid faciliterà il tuo lavoro. C'è solo una cosa che devi tenere a mente. Mantieni la visibilità della forma "ombra" per i pezzi Lego in basso, ma disattivala per i pezzi che vanno sopra. Questo non dovrebbe essere molto difficile considerando che tutto ciò che devi fare è andare nel pannello Livelli e semplicemente fare clic sull'icona dell'occhio piccolo.


Conclusione

Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.

Guarda la seconda immagine per una semplice guida su come sistemare i tuoi pezzi Lego per costruire tutte le lettere dell'alfabeto.