Crea un’icona della scatola di spedizione 3D in Illustrator

Anteprima

Passo 1: Disegna una scatola 3D

Apri un nuovo documento in Illustrator. Impostalo nel modo che preferisci. Selezionare lo strumento Rettangolo (M) dal Pannello Strumenti.

Disegna un oggetto quadrato sulla tavola da disegno; tieni premuto il tasto Maiusc per creare un quadrato perfetto. Riempi il quadrato di grigio. Successivamente, convertiremo la scatola grigia in una forma 3D.

Assicurati che la casella sia selezionata (in caso contrario, usa lo strumento Selezione) e poi vai su Effetto > 3D > Estrudi & Smusso. Per le opzioni di estrusione 3D & Smussatura, utilizzare le impostazioni riportate di seguito. Con la forma ancora selezionata, vai a Oggetto > Espandi aspetto.

Ora abbiamo una semplice forma di scatola 3D.

Passaggio 2: Disegna i lembi della casella

Seleziona il lato superiore della casella con lo strumento Selezione diretta (A). Con il lato superiore selezionato, copiarlo (Cmd / Ctrl + C) e quindi incollarlo davanti (Cmd/Ctrl + F).

Vogliamo aumentare proporzionalmente la dimensione del lato superiore copiato. Per fare ciò, possiamo applicare un percorso di offset (Oggetto > Percorso > Percorso di offset) di 25pt. Finiremo con due oggetti, il lato superiore originale (forma interna) e il percorso 25pt che lo circonda (forma esterna).

Ora vogliamo sottrarre la forma interna dalla forma esterna. Useremo il pannello Pathfinder (Shift + Cmd / Ctrl + F9) per questo. Selezionare i due oggetti e quindi fare clic sul pulsante Escludi nel pannello Pathfinder.

Questo taglierà la forma interna. Crea di nuovo 4 copie del lato superiore della scatola e poi allineale con ogni angolo della forma che abbiamo appena creato. Seleziona tutte le forme e applica l’opzione Dividi nel pannello Pathfinder.

Quindi con lo strumento Selezione diretta (A), eliminare tutti gli oggetti non necessari. Assicurati di eliminare la forma centrale perché vogliamo creare una scatola aperta.

Passo 3: Aggiungi un po ‘ di colore

Poiché stiamo creando una scatola di cartone, vogliamo aggiungere alcuni colori di cartone.

Seleziona ogni forma e aggiungi i colori di tuo gradimento. Per i lati più chiari della scatola, ho usato #c19862 e per la tonalità più scura, #6f431e.

Passo 4: Crea un bordo per i lembi

Seleziona la forma dei lembi e fai una copia sotto (Modifica > Copia e poi Modifica > Incolla sul retro).

Riempi la forma duplicata con un marrone più scuro (#6f431e).

Passo 5: Aggiungere le pareti interne

Utilizzare lo strumento Penna (P) per disegnare le pareti interne della scatola. Disegna i percorsi sotto tutti gli altri oggetti per nascondere eventuali cuciture scomode.

Assicurati che ogni forma abbia un colore marrone diverso in modo che possiamo distinguere ogni forma e rendere la nostra scatola di spedizione tridimensionale. Poiché la scatola avrà alcune ombre che cadono in essa, abbiamo bisogno di simulare quel tipo di illuminazione con alcune forme semplici.

Passo 5: Correggere e migliorare i lembi della scatola

In un passaggio precedente, abbiamo fatto una copia dei lembi e l’abbiamo posizionata sotto per supportare la forma 3D della nostra scatola.

Tuttavia, gli angoli non sembrano giusti. Dobbiamo rimediare. Con lo strumento Selezione diretta (A), selezionare l’ancora angolare del lembo inferiore e trascinarlo verso l’interno in modo che sia allineato verticalmente.

Ripeti questo con ogni angolo dove è necessario. Sulle parti frontali del bordo del lembo, dobbiamo aggiungere alcune forme rettangolari in modo da ottenere lo spessore del cartone. Crea semplicemente alcune forme rettangolari (mostrate in rosso) con lo strumento Penna (P) e riempile con un colore marrone più scuro.

Passo 6: Aggiungi punti salienti della superficie e nastro di imballaggio

Diamo alla nostra superficie della scatola un tocco di dettaglio. Più specificamente, daremo al lato sinistro un punto culminante che ci aiuterà a mantenere la nostra illuminazione coerente. Crea una forma triangolare e posizionala sotto il lembo, quindi riempila con un colore marrone più scuro.

Modificheremo la trasparenza della forma triangolare usando il pannello Trasparenza (Shift + Cmd / Ctrl + F10). Nel pannello Trasparenza, impostare la modalità di fusione per moltiplicare e ridurre l’opacità al 30%. Le scatole di spedizione di solito hanno del nastro su di esso per sigillarlo.

Facciamo un semplice dettaglio del nastro di imballaggio che va verticalmente lungo la parte anteriore della scatola. Aggiungi un rettangolo come una striscia di nastro sul davanti.

Passo 7: Crea l’ombra della scatola

Ora lanceremo un’ombra sul pavimento.

Utilizzare lo strumento Penna (P) per creare un percorso rettangolare nella parte anteriore della scatola (sotto dove abbiamo posizionato il nastro di imballaggio). Useremo il Pannello Gradiente (Cmd / Ctrl + F9) per riempire il percorso con un gradiente lineare da nero a trasparente angolato in modo tale da corrispondere alla prospettiva della scatola. Si noti che poiché la nostra fonte di luce proviene dall’alto a sinistra, l’ombra è leggermente più grande a destra.

Passo 8: Aggiungi nastro di imballaggio strappato sui lembi

Rafforziamo il realismo della nostra icona facendo appendere il nastro di imballaggio al lembo per farlo sembrare una scatola aperta. Creare una forma rettangolare con lo strumento Penna (P) allineato con l’aletta della scatola a sinistra. Aggiungere alcuni punti di ancoraggio in più alla fine in modo che sembra che il nastro è strappato e penzoloni fuori il lembo.

Quindi riempire il percorso del nastro di imballaggio con un colore beige. Assicurati di aver posizionato la forma sotto il lembo; puoi spostarlo verso il basso premendo Cmd / Ctrl + [se lo hai disegnato sopra.

Passaggio 9: Creazione di un timbro “Fragile”

Per un ulteriore dettaglio aggiunto, aggiungiamo un timbro rosso che dice “Fragile.”Spesso, lo vedrai in situazioni in cui il contenuto di un pacco è facilmente fragile, come parti di computer o stoviglie (ad esempio

piatti di porcellana). Creeremo un timbro da zero rapidamente e facilmente. Ho scelto un font chiamato Portago ITC TT.

Qualsiasi font stencil dovrebbe funzionare bene. Tutto quello che vuoi fare è usare lo strumento Tipo (T) per digitare il testo in maiuscolo. Impostare il colore su un colore rosso.

In seguito, basta usare lo strumento Rettangolo arrotondato con un tratto rosso per disegnare un bordo attorno al testo “Fragile”. Quindi creare contorni per il testo (Digitare > Crea contorni o Maiusc + Cmd/Ctrl + O), selezionare il testo e il rettangolo arrotondato, quindi raggrupparli insieme (Oggetto > Gruppo o Cmd/Ctrl + G). Posiziona il timbro “Fragile” sul lato della scatola.

Abbina la prospettiva/angolo della nostra scatola usando Effect > Distorcere & Trasformare > Distorcere libero.

Passaggio 10: Dettagli di finitura

Ho pensato che la scatola di spedizione sarebbe stata perfetta su uno sfondo beige, quindi ho appena creato un rettangolo per fungere da sfondo sotto la scatola e l’ho riempito di beige (#e4d0b5). Sentitevi liberi di aggiungere ulteriori dettagli alla scatola.

Ad esempio, ho aggiunto un codice a barre creato utilizzando linee verticali nere poste sopra un rettangolo beige (disegnato con lo strumento Rettangolo). Ho usato lo stesso metodo (Effect > Distort & Transform > Free Distort) per abbinare l’angolo e la prospettiva della scatola.

Riepilogo del tutorial

Questo tutorial ha coinvolto la produzione di un’icona della scatola di spedizione 3D in Illustrator.

Abbiamo utilizzato l’effetto 3D Estrusione & Smussatura per creare la forma di base. Abbiamo usato una tecnica elegante per disegnare i lembi usando il comando Offset Path. Abbiamo dettagliato la nostra scatola con cose come nastro adesivo, un timbro rosso “Fragile”, luci e ombre.

Di seguito, ho raggruppato tutte le forme della scatola, duplicato il gruppo e ridimensionato in una varietà di dimensioni di icone popolari. Spero che ti sia piaciuto questo tutorial.