Share
Crea rapidamente confezioni regalo incartate e scartate utilizzando l'effetto 3D di estrusione e smusso incorporato di Illustrator. Scopri come realizzare un nastro 3D completamente modificabile e una tipografia 3D mascherata. Inoltre, creeremo delle scintille usando Symbol Tools.
Per cominciare diamo un'occhiata all'immagine che creeremo.
Crea il nostro documento a 800 pixel per 600 pixel. Assicurati che le unità siano impostate su pixel. Attiva le guide sensibili premendo Comando + U. Nelle nostre Preferenze generali imposta Incremento tastiera su 1 pixel.
Crea un livello e assegnagli un nome di "Modello di casella". Quindi attiva Modalità contorno (Comando + Y), in modo da non distrarti da riempimenti e tratti.
Iniziamo con forme semplici. Disegna un rettangolo a 150 px per 150 px. Quindi selezionalo e Duplicalo (tieni premuto Alt + Shift mentre trascini verso l'alto) e imposta le sue dimensioni a 155 px per 65 px. Quindi, selezionare lo strumento Penna e disegnare i contorni del nastro seguendo i contorni del riquadro. Lascia uno spazio tra la linea e le scatole.
Seleziona il contorno del nastro e scegli lo strumento Rifletti (O). Quindi trascinare il punto centrale della rotazione sul punto di ancoraggio inferiore, come mostrato di seguito. Sposta il cursore sul punto di ancoraggio superiore più basso e, tenendo premuto Alt + Maiusc, sposta il cursore a destra oa sinistra. Il percorso del nastro verrà specchiato, duplicato e perfettamente allineato orizzontalmente allo stesso tempo. Quindi salva il file.
Ora, creeremo una seconda scatola, ma questa volta scartati e scoperti. Seleziona tutti gli elementi e Alt + Maiusc + Trascinali a destra. Ricorda di mantenere abbastanza spazio tra le scatole, ne avremo bisogno nei passaggi successivi. Aumenta lo zoom nella casella a destra e seleziona il percorso della barra a destra ed eliminalo. Seleziona il percorso del nastro sinistro, scegli lo strumento Elimina punto di ancoraggio ed elimina i punti "arco", come mostrato di seguito.
Utilizzare lo strumento selezione diretta per modificare il percorso, spostando i singoli punti di ancoraggio in una forma, come mostrato di seguito. Duplica e rispecchia il percorso.
Quindi sposta il percorso del coperchio della scatola nella grande scatola e ruotalo finché il risultato non assomigli all'immagine qui sotto. Il centro di rotazione è il punto finale in basso a destra sul percorso. Quindi salva il file.
I nastri sono abbastanza nitidi ora, quindi daremo una bella forma regolare regolando i punti di ancoraggio usando lo strumento Converti punto di ancoraggio. Inoltre, sposta i punti di ancoraggio del nastro verso i contorni del riquadro, ma lascia uno spazio tra di essi.
Organizziamo gli elementi in livelli separati. Fondamentalmente, ogni elemento box e ogni percorso nastro dovrebbe avere il proprio livello. Usa Taglia (Comando + X) e Incolla in primo piano (Comando + F) per incollare gli elementi in livelli separati. Attiva la modalità Anteprima (Comando + Y). Imposta i nastri a contorno solido (senza riempimento) e le caselle a riempimento solido (senza contorno) e imposta il colore di riempimento su K = 30 e traccia su K = 50.
Quindi trasformeremo il 2D in 3D. Seleziona tutti gli oggetti e vai al menu Effetto> 3D> Estrusione e smusso. Impostare il X / Y / Z coordinare i valori a -10, -30 e 3 gradi. Inoltre, imposta la prospettiva su 50 gradi, come mostrato di seguito. Consiglio vivamente di annotare tutti i valori da qualche parte sul foglio, poiché li useremo in seguito. Di solito faccio anche duplicati di tutti gli elementi, solo una copia di backup e li sposto da qualche parte fuori dalla tavola da disegno. Quindi salva il file.
Ora, ecco la parte divertente di giocare con colori e trame. Seleziona "Riquadro 1" e cambia il colore di riempimento (C = 85, M = 50, Y = 0 e K = 0). Quindi cambia anche il "Box 1 Cover" Fill (C = 60, M = 40, Y = 5 e K = 0). Quindi cambia "Colore casella 1 nastro 1" Colore (C = 5, M = 90, Y = 75 e K = 0) e utilizza lo stesso colore di contorno per "Nastro 2."
Impostare successivamente il colore di riempimento per "Casella 2" (C = 5, M = 90, Y = 75 e K = 0) e impostare successivamente il colore di copertina (C = 5, M = 70, Y = 90 e K = 0). Quindi imposta il colore del contorno "Riquadro 2 nastri 1" e "Riquadro 2 nastro 2" (C = 70, M = 15, Y = 0 e K = 0). Ora dovresti vedere qualcosa di simile all'immagine qui sotto. Non preoccuparti dell'aspetto piatto, aggiungeremo luci e ombre in ulteriori passaggi.
Apportiamo alcune modifiche alle dimensioni e alla posizione dei modelli 3D. Seleziona "Box 1" e cambia il X / Y / Z valori a -10, 27 e -6 gradi. Inoltre, impostare Profondità di estrusione su 150 gradi. Impostare gli stessi valori per "Box 1 Cover", "Box 2" e "Box 2 Cover 2."
Afferra lo strumento Elimina punto di ancoraggio ed elimina tutti i punti di ancoraggio mostrati sotto.
Selezionare il punto di ancoraggio finale e spostarlo verso l'alto fino a raggiungere il bordo superiore della copertina.
Seleziona "Box 1 Ribbon 2" e sposta il punto di ancoraggio dell'estremità inferiore verso destra (usando i tasti freccia). Fallo finché non raggiunge il lato destro della scatola. Potresti voler modificare la prospettiva e allineare la geometria manualmente per ottenere un aspetto ancora migliore, quindi sposta i punti di ancoraggio nelle posizioni richieste.
Aggiungi altre due geometrie del nastro duplicando 1 e 2 e posizionale su singoli livelli "Riquadro 3, barra multifunzione 3" e "Riquadro 1 barra multifunzione 4." Ruota gli oggetti attorno all'asse Y ed elimina i punti di ancoraggio nascosti per ottenere una scatola 3D completa avvolta attorno ad essa con un nastro rosso. Quindi assicurati di salvare.
"Box 2" è fondamentalmente realizzato e modificato allo stesso modo di "Box 1." Ciò significa che l'impostazione di profondità di estrusione di scatole e riquadri può essere ridotta a 150, duplicando i nastri in nuovi livelli e ruotandoli attorno all'asse Y. Dovrai trascinare i livelli "Box 2 Cover", "Ribbon 2" e "Ribbon 4" in modo che si trovino in "Box 2 layer", come mostrato di seguito.
E ancora, regolando i punti di ancoraggio e i cavi degli elementi di posizionamento in qualcosa di simile nell'immagine seguente.
Abbiamo bisogno di mascherare la geometria del nastro sotto il coperchio arancione. Disegna un percorso e usalo come maschera di ritaglio per ottenere un risultato simile all'immagine seguente. Quindi assicurati di salvare il tuo documento.
A questo punto, abbiamo due scatole regalo e nastri, che sono completamente modificabili e personalizzabili, quindi puoi ruotarli, cambiare i valori di estrusione, la prospettiva, spostare i punti di ancoraggio e i risultati sono visibili in tempo reale.
Giocheremo un po 'con luci e ombre. Diciamo che c'è un punto di luce da qualche parte su tutta la scena. Questo ci aiuterà a definire luci e ombre. Innanzitutto, seleziona l'oggetto "Riquadro 1" e fai doppio clic sul livello Estrusione e smusso 3D nella palette Aspetto.
Assicurati di avere l'Anteprima attivata e fai clic sul pulsante Altre opzioni. Segui l'immagine qui sotto per impostare i valori. Per ottenere un contrasto più forte, aggiungi più luce facendo clic sull'icona Nuova luce. Trascina quei piccoli cerchi sopra la sfera e posizionali in modo da creare belle luci e ombre.
Applica impostazioni simili alla copertina blu chiaro. Per i nastri, imposta l'Intensità di evidenziazione su 90%, Dimensiona su 90% e Passa a 150 su sfumature (le sfumature saranno più uniformi). Si noti che ho anche modificato i punti di ancoraggio utilizzando lo strumento Converti punto di ancoraggio per ottenere bordi arrotondati e un aspetto più liscio.
Puoi anche provare a arrotondare gli angoli applicando l'effetto Round Corners dal menu Effetto> Stilizzazione. Ho usato un raggio di 2 pixel per "Ribbon 2", "Ribbon 3" e "Ribbon 4". Quindi salva il file.
Imposta più luci, che creeranno le alte luci per tutti gli altri elementi. Ricorda, puoi sempre modificare i punti di ancoraggio per arrotondare le curve.
Stiamo per far aprire la scatola rossa. Questo è un po 'complicato, non possiamo semplicemente usare il comando Espandi aspetto mentre la geometria è ombreggiata. Illustrator rende solo le parti visibili, quindi se facciamo questo e separiamo gli oggetti espansi, questo è ciò che otteniamo.
Quindi, facciamo due copie di backup della scatola rossa e della copertina arancione. Quindi spostali lontano dalla tavola da disegno. Una copia è un backup (nel caso decidessimo di creare più scatole con colori e forme diversi). Il secondo sarà un riferimento di colore per le scatole, usato nella scena principale. Quindi usa il comando Espandi aspetto su una copia di backup (espandi sia la casella rossa che quella arancione).
Ingrandisci la tavola da disegno, seleziona la casella rossa e imposta la superficie su Wireframe facendo clic su Estrusione e smusso 3D nel pannello Aspetto, che apre il dialogo in cui puoi scegliere le impostazioni. Fai lo stesso con la scatola arancione. Ora, ogni scatola è composta da sei piani. Espandi l'aspetto. Quindi seleziona la casella rossa e premi Comando + Maiusc + G sei volte. Fai lo stesso con la scatola arancione.
Seleziona i piani superiori del riquadro rosso e imposta il suo riempimento su none e traccia il colore verso il giallo (è solo un indizio visivo, in seguito useremo questo piano come maschera di ritaglio). Quindi spostalo da qualche parte fuori dalla tavola da disegno. Fare clic con il tasto destro e selezionare Rilascia maschera di ritaglio. Ora, seleziona il piano frontale, scegli lo strumento contagocce (O) e scegli il colore rosso dal piano frontale della casella espansa ombreggiata in rosso.
O puoi semplicemente mescolare il tuo rosso. Si noti che il piano posteriore è posizionato sopra quello anteriore. Vai a Oggetto> Disponi e seleziona Invia Indietro.
Riempi l'ultimo piano con un rosso più scuro e disponi il piano inferiore sul retro. Fai lo stesso con la scatola arancione. Quindi salva il file.
Aggiungiamo un po 'di consistenza al riquadro rosso. Disegna un rettangolo e riempilo di verde. Duplicalo per sei volte. Tenere premuto Alt e fare clic sul pulsante Aggiungi alla forma area nella palette Pathfinder. Quindi duplica il motivo a strisce (avremo bisogno anche di una copia per il piano laterale). Quindi posizionare l'oggetto modello in modo che copra il piano anteriore della casella rossa.
Ricorda, quando ho suggerito di annotare tutte quelle coordinate 3D e valori prospettici? Lo useremo ora. Seleziona il motivo a strisce e applica un effetto 3D> Ruota con questi valori -10, -30 e 3 gradi. Inoltre, una prospettiva di 50 gradi. Quindi espandere l'aspetto.
Sposta le strisce sul nuovo livello, chiamalo "Motivo". Disattiva il livello facendo clic sull'icona dell'occhio). Seleziona il piano frontale del riquadro rosso e copialo negli appunti Comando + C. Questa sarà una maschera di ritaglio. Incollalo davanti (Comando + F) del modello (assicurati che il tuo livello attivo sia Pattern).
Quindi Alt + clic per selezionare entrambi gli oggetti, fare clic con il tasto destro e scegliere Crea maschera di ritaglio. Fare doppio clic per accedere alla Modalità isolamento, in modo da poter modificare i colori del motivo. Espandi i gruppi di livelli facendo clic sulle frecce e fai clic sull'icona del cerchio denominata Compound Path. Questo selezionerà la geometria delle strisce. Imposta il colore su una sfumatura da arancione a viola con un valore Angolo di -90.
Fare doppio clic in un punto esterno alla tavola da disegno per lasciare la modalità di isolamento. Quindi Alt + Fai clic sul livello "Motivo" e imposta la modalità Trasparenza su Sovrapponi. Fare clic sulla piccola freccia per espandere i livelli, fare doppio clic su Livello gruppo e rinominarlo su "Modello 1". Seleziona tutti gli oggetti sul livello "Motivo", tagliali, seleziona il livello "Riquadro 2" e incollali in primo piano. Ciò porterà il modello davanti ai piani della scatola, ma dietro la geometria del nastro.
Per creare un motivo sul lato della scatola, utilizziamo strisce verdi duplicate seguendo tutti i passaggi sopra descritti, con un'eccezione: le coordinate 3D devono essere modificate per ottenere una rotazione e una prospettiva corrette. Inoltre, imposta l'oggetto Trasparenza su Luce soffusa.
Ora, aggiungeremo alcune ombre. Questo è piuttosto semplice, crea un nuovo livello e disegna alcune forme semplici usando lo strumento Penna. Quindi riempili con sfumature dal nero al bianco e imposta la modalità Trasparenza per ciascun oggetto separatamente su Moltiplica. Di solito blocco tutti i livelli tranne quello corrente per evitare di aggiungere punti di ancoraggio a percorsi diversi. Disegna un'ombra per ogni singolo elemento, come mostrato di seguito.
Aggiungi un semplice sfondo sfumato per dare profondità alla scena. Ho usato tre tonalità di marrone per il gradiente. Consiglio di bloccare questo livello, poiché lavoreremo con l'area.
Quindi riempiremo una scatola con la tipografia 3D. Crea un nuovo livello e chiamalo "Testo 3D". Metti un testo e scegli un font (io ho usato Myriad Pro Black). Quindi riempilo con qualsiasi colore chiaro (C = 30, M = 0, Y = 10 e K = 0). Seleziona tutto il testo che desideri inserire nella casella, applica 3D Estrusione e smusso e premi OK. Non preoccuparti di altre impostazioni, le modificheremo individualmente. Ora, seleziona ciascun testo e posizionali vicino all'area del riquadro.
Disattiva il livello di testo 3D. Seleziona il piano delineato in giallo, che dovrebbe trovarsi da qualche parte intorno alla tavola da disegno, posizionalo sopra il riquadro e vai al menu Oggetto> Disponi> Porta in primo piano.
Se non riesci a vederlo, controlla la visibilità del livello. Se l'hai cancellato per sbaglio, basta disegnare un nuovo rettangolo. Inoltre, lo spostamento dei punti di ancoraggio mediante lo strumento selezione diretta e le guide intelligenti ti aiuterà a posizionare e allineare i punti di ancoraggio agli angoli. Assicurati di aggiungere altri punti al percorso.
Copia il percorso, attiva la visibilità del livello Testo 3D e incolla il percorso sul livello Testo 3D. Seleziona tutti gli oggetti su questo livello e crea una maschera di ritaglio. Ottieni qualcosa come l'immagine qui sotto.
Ora, rivela tutti i livelli finché non ne vedi due denominati "Percorso di ritaglio". Elimina il secondo e sposta i singoli punti di ancoraggio sul primo. Puoi vedere il risultato qui sotto. Se hai problemi nella selezione dei punti, disattiva le Smart guide (Comando + U).
Fai doppio clic all'interno del percorso per accedere alla modalità Isolamento, in modo che possiamo giocare con il testo 3D. Sposta e ruota gli oggetti usando la finestra di dialogo Effetto estrusione e smusso 3D per adattarla ai tuoi gusti. Gioca con le impostazioni di luce, puoi aggiungere più luci, come ho fatto io. Questo mostrerà più contrasto e profondità tra luci e ombre. Ricordarsi di impostare il valore Prospettiva su 50. Quindi modificare colori, caratteri e salvare.
Aggiungi un bagliore all'interno della scatola creando un nuovo livello sopra tutti gli altri livelli e chiamalo "Glow". Fai un cerchio di 100 px di larghezza e riempilo di bianco puro. Applica un effetto Sfocatura gaussiana con un Diametro di 50 px. Disegna una maschera di ritaglio seguendo i contorni del riquadro. Seleziona entrambi gli oggetti e maschera il cerchio con il percorso. Quindi imposta la Trasparenza dell'oggetto su Luce soffusa e premi Salva.
Crea un nuovo livello, chiamalo "Sparkles". Seleziona lo strumento Stella dalla tavolozza degli strumenti. Fare clic sulla tavola da disegno e impostare il primo raggio su 10 px, da 2 a 20 px e i punti su 5. Riempirlo con bianco puro. Attiva la tavolozza dei simboli e trascina la stella in un posto vuoto. Quando si apre la finestra di dialogo Opzioni simboli, impostare il nome su "stella" e digitare su grafica.
Seleziona lo strumento Spruzzatore del simbolo e spruzza le stelle sulla tavola da disegno.
Seleziona lo strumento Symbol Sizer, tieni premuto il tasto Alt e fai clic sulle stelle per ridurle. Usa lo strumento Symbol Spinner per dare la rotazione casuale delle stelle. Vai alla palette Simboli, fai doppio clic sul simbolo "stella" e riempilo con un colore giallo del 30%. Uscire dalla modalità Isolamento, selezionare oggetti sul livello "Sparkles", impostare la modalità Trasparenza su Sovrapponi e salvare.
Abbiamo quasi finito! È possibile aggiungere un'ombreggiatura uniforme a "Blue Box 1", "Blue Box 2", "Orange Box 2" e "Cover 2". Basta tracciare percorsi e riempirli con sfumature dal nero al bianco e impostare la trasparenza su Moltiplica.
Mancia: Se si prevede di ridimensionare le caselle, espandere prima il loro aspetto. Quindi raggruppare gli oggetti e modificare il gruppo a piacimento.
Abbiamo finito! Il risultato è sotto Spero vi sia piaciuto questo tutorial sull'uso di effetti 3D di Illustrator, maschere di ritaglio e strumenti di simboli. Naturalmente, ci sono un paio di altri modi per ottenere risultati come questo, ma l'uso di strumenti 3D ti dà la possibilità di modificare e personalizzare liberamente quasi ogni singolo elemento nella scena. Non solo una volta, ma ancora e ancora.
Accentsconagua