Facciamo un progetto di lettere 3D giocoso ma robusto

Un paio di volte al mese rivisitiamo alcuni dei post preferiti del nostro lettore da tutta la cronologia di Vectortuts +. Questo tutorial di Jonathan è stato pubblicato per la prima volta il 24 febbraio 2009.

Questo tutorial è perfetto per i principianti avanzati che vogliono portare le sue abilità al livello successivo. Esploreremo come creare testo 3D e utilizzare la profondità di campo per migliorare un design.

Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Iscriviti a VECTORTUTS PLUS per soli 9 / mese.


Passo 1

Inizia digitando ciascuna lettera separata in modo da poter regolare l'angolo e le qualità 3D di ciascuna. Sto usando un font chiamato Futura Bold. Consiglierei di usare un font che non sia sottile e delicato. Più peso ha il carattere, meglio è.

Inoltre, utilizza un colore grigio o chiaro, quindi quando passi al passaggio successivo sarai in grado di vedere come appare il tuo testo 3D.


Passo 2

Vai a Effetto> 3D> Estrusione e smusso? Inserisci le variabili in cui ho evidenziato di seguito per ottenere l'aspetto indicato.


Passaggio 3

Anche dopo aver applicato gli effetti 3D che ti piacerebbe avere la tua lettera, puoi anche continuare a ruotare la lettera in qualsiasi angolo tu voglia, come ho fatto in seguito. Basta usare lo strumento di selezione (V) per ruotare la lettera.

Fare clic su un colore e l'ombreggiatura verrà applicata automaticamente ai diversi volti della lettera.


Passaggio 4

Usa la stessa tecnica sulle altre lettere. Usa la tavolozza Campioni per selezionare rapidamente una gamma di colori vibranti e applicarli a ciascuna lettera.


Passaggio 5

Crea una profondità di campo (l'aspetto degli oggetti è più vicino e più lontano) andando su Effetti> Sfocatura> Sfocatura gaussiana? Inserire la variabile sottostante e fare clic su OK.

Nota: assicurati che la tua lettera non debba essere ridimensionata ingrandita o ridotta dopo aver applicato la sfocatura, poiché gli effetti di sfocatura non vengono ridimensionati indipendentemente dalle preferenze che hai designato in Adobe Illustrator.


Passaggio 6

Per creare una gamma focale ancora più ampia, puoi assegnare a lettere diverse una quantità di sfocatura unica.

Osserva come l'angolo, la scala, la sfocatura e il colore sono tutti fattori in base al modo in cui viene percepita l'intera parola. Ogni lettera ha una qualità casuale al riguardo. La scala è variata per suggerire la distanza. Di nuovo, la sfocatura rinforza la profondità ei colori sono tutti luminosi e non si ripetono uno accanto all'altro.


Passaggio 7

Digita il resto della frase. Il carattere che sto usando è Bickham Script. Come puoi vedere, il carattere è molto diverso dal font in cui è scritta la parola "Playful". Questo crea una bella gamma e un contrasto tra i due. Fai lo stesso per il tuo layout.


Passaggio 8

Utilizzando lo strumento Rettangolo arrotondato per disegnare un rettangolo come mostrato di seguito.

Nota: puoi regolare la curvatura degli angoli tenendo la freccia su o giù mentre disegni la forma.


Passaggio 9

Riempi il rettangolo con un gradiente di 3 punti. Il colore verde più a destra aiuta a creare un verde leggermente più scuro che inquadrerà ulteriormente il rettangolo.


Passaggio 10

Sposta il testo sullo sfondo. Per applicare un gradiente al testo, devi prima trasformarlo in contorni. Vai a Tipo> Crea contorni. Ora seleziona il testo e assegna un gradiente da grigio a bianco.


Passaggio 11

Per rendere il testo ancora più 3D aggiungi un Bagliore interno andando su Effetto> Stilizzazione> Bagliore interno? Seleziona Schermo, nel menu a discesa Modalità. Immettere circa 75 per Opacità e impostare la sfocatura a proprio piacimento.


Passaggio 12

Ora che la lettera sembra un po 'arrotondata, faremo un ulteriore passo avanti e aggiungeremo un'ombra esterna. Vai a Effetto> Stilizzazione> Sfalsa ombra? Imposta la modalità su Moltiplica (quindi l'ombra si fonde piacevolmente con lo sfondo). Imposta la tua opacità a circa 20 e dagli una sfocatura a tua scelta.


Passaggio 13

Questo è come dovrebbe essere il tuo design adesso.


Passaggio 14

Daremo a certi volti di ogni lettera un aspetto migliore dandogli sfumature. Per prima cosa, fai una copia della lettera. Seleziona la copia e vai su Oggetto> Espandi aspetto. Ora vai su Oggetto> Separa. Continua a Separare l'oggetto fino a quando non puoi selezionare la faccia dell'oggetto.


Passaggio 15

Seleziona la faccia della lettera e assegnala una sfumatura da rosso a rosso scuro.


Passaggio 16

Ora puoi eliminare le parti rimanenti della lettera a cui non hai applicato un gradiente. Posiziona la faccia della lettera sulla lettera con gli effetti 3D applicati.


Passaggio 17

Usa questa stessa tecnica per creare profondità su tutte le altre lettere che ne hanno bisogno. Per i casi in cui le lettere sono sfocate basta applicare la stessa sfocatura alla faccia di quella lettera. Per vedere quanto sfocatura una lettera fa doppio clic su quell'effetto nella palette Aspetto.


Passaggio 18

Successivamente daremo allo sfondo uno schema circolare casuale. Disegna un cerchio usando lo strumento Ellisse (L). Per gli scopi di questo tutorial ho usato un cerchio nero ma il tuo cerchio dovrebbe essere bianco o di qualsiasi colore tu voglia che il tuo pattern sia. Trascina il cerchio nella tavolozza Pennelli. Si aprirà la finestra di dialogo nel prossimo passaggio?


Passaggio 19

Seleziona Nuovo pennello di dispersione e fai clic su OK?


Passaggio 20

Seleziona Casuale per dimensioni, spaziatura e dispersione. Quindi, trascina i piccoli triangoli su entrambi i lati del cursore per tutte e tre le opzioni. Ciò assicurerà che il modello del cerchio sia vario e non troppo ripetitivo. Clicca OK.


Passaggio 21

Nella tavolozza Pennelli selezionare il pennello cerchio appena creato. Seleziona lo strumento Pennello (B) e disegna una linea arbitraria. La tua linea verrà sostituita da un motivo circolare simile a quello sottostante. Se le tue cerchie non sono casuali come vuoi, basta fare doppio clic sul cerchio nella palette Pennelli per cambiare i parametri.


Passaggio 22

Metti i cerchi sul loro stesso livello dietro le lettere. Sentiti libero di disegnare più linee o copia e incolla l'altro motivo circolare per creare una massa di cerchi.


Passaggio 23

Usando lo strumento Ellisse, disegna un cerchio e assegnagli un riempimento radiale con un gradiente di 3 punti. L'utilizzo di 3 punti ti consentirà di dare al cerchio un tocco in più che aggiungerà al suo realismo. Copia e incolla questa forma alcune altre volte nel layout.


Passaggio 24

Puoi creare altri pennelli usando forme diverse come quadrati, triangoli e versioni evidenziate di ogni forma per mantenere le cose interessanti.


Passaggio 25

Usando lo Strumento Matita (N) disegna alcune forme irregolari che funzioneranno come muschio o verde generale sulle lettere.

Quando si disegna con lo strumento Matita a volte è difficile chiudere la forma. Il modo più semplice per chiudere una forma è tenere premuto il tasto Opzione quando ti avvicini al punto iniziale della forma. Questo chiuderà automaticamente la forma.


Passaggio 26

Aggiungi altre forme assortite e dai loro un gradiente da verde a verde scuro.


Passo 27

Per produrre viti ho semplicemente usato uno dei caratteri alternativi che era incluso nel font Bickham Script. Se il tuo font non ha caratteri alternativi puoi provare a usare parti di altre lettere, come un S per esempio. Altrimenti dovrai disegnare alcune forme ricci alla vecchia maniera? usando una tavoletta Wacom e lo strumento penna.


Passaggio 28

Crea una forma fogliare più o meno come hai fatto per le forme di muschio. Otterrai risultati migliori nel disegnare forme più pratichi.


Passaggio 29

Per amplificare l'aspetto della foglia dargli un bagliore interno andando su Effetto> Stilizzazione> Bagliore interno?


Passaggio 30

Questo è come dovrebbe apparire il tuo layout adesso.


Passaggio 31

Daremo allo sfondo un po 'di movimento usando lo strumento Penna (P) per tracciare una forma simile a quella sottostante.


Passo 32

Duplica la forma un paio di volte e regola l'opacità per ridurre l'aspetto della forma. Dare ad alcune delle forme un tenue sfocatura per creare nuovamente l'illusione che alcuni dei swooshes si stiano allontanando.


Passaggio 33

Usando lo strumento Rettangolo, disegna un rettangolo e assegnagli un gradiente di 4 punti con l'essere bianco su entrambe le estremità.


Passaggio 34

Posiziona la sfumatura sullo sfondo e dona una sfocatura. Nella palette Trasparenza imposta la forma su Moltiplica, quindi si fonde bene con lo sfondo. Sentiti libero di regolare anche l'Opacità, se necessario.


Immagine finale

Ecco l'immagine finale. Hai appena imparato a creare un disegno di lettera 3D vettoriale. Saluti!

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