Creare un nastro è come creare qualsiasi altra forma in Adobe Illustrator. In altre parole, si parte dalle forme di base come un rettangolo. Fate un paio di copie e combinate le forme per crearne una nuova. Oppure potete creare un nastro contorto partendo da una linea.

Sembra intrigante, vero?

Esistono così tanti tipi di nastri che è impossibile trattarli tutti in un solo tutorial. In questo tutorial vi mostrerò quindi come realizzare un classico banner a nastro e alcuni trucchi per abbellirlo. Inoltre, imparerete anche a realizzare un nastro attorcigliato in 3D.

Nota: le schermate di questa esercitazione sono tratte da Adobe Illustrator CC 2022 versione Mac. Windows o altre versioni possono avere un aspetto diverso.

Come creare un nastro in Adobe Illustrator

È possibile disegnare un nastro utilizzando gli strumenti di forma di Adobe Illustrator, come lo strumento Rettangolo e lo strumento Costruttore di forme.

Seguite i passaggi seguenti per realizzare un nastro vettoriale.

Fase 1: Scegliere il Strumento Rettangolo (scorciatoia da tastiera M ) dalla barra degli strumenti per disegnare un rettangolo lungo.

Fase 2: Disegnate un altro rettangolo più corto e spostatelo nel punto di intersezione con il rettangolo più lungo.

Fase 3: Scegliere il Strumento Punto di ancoraggio (scorciatoia da tastiera Turno + C ) dalla barra degli strumenti.

Fate clic sul bordo sinistro del rettangolo più piccolo e trascinatelo verso destra.

Passo 4: Duplicare la forma e spostarla sul lato destro del rettangolo.

Capovolgete la forma e vedrete un banner a nastro.

No, non abbiamo ancora finito.

Passo 5: Selezionate tutte le forme e scegliete l'opzione Strumento Costruttore di forme (scorciatoia da tastiera Turno + M ) dalla barra degli strumenti.

Fare clic e trascinare le forme che si desidera combinare. In questo caso, stiamo unendo le parti a, b e c.

Dopo aver combinato le forme, l'immagine dovrebbe avere questo aspetto.

È possibile utilizzare lo strumento linea per aggiungere un piccolo dettaglio al nastro.

È possibile modificare il colore o aggiungere del testo e creare un banner a nastro. Se si desidera aggiungere un colore diverso a quel piccolo triangolo, è possibile utilizzare lo strumento Costruttore di forme per creare una forma.

Come creare un banner a nastro in Adobe Illustrator

Ora che avete creato la forma del nastro, il passo successivo è quello di creare uno stile per il nastro e aggiungere del testo per creare un banner a nastro. Salterò qui i passaggi per creare un nastro, dato che li ho già trattati sopra.

Ora iniziamo con la parte dello styling: a proposito di styling, il colore viene prima di tutto.

Fase 1: Riempire il nastro di colori.

Suggerimento: dopo aver riempito il colore, è possibile raggruppare gli oggetti per il momento, nel caso in cui si spostino accidentalmente alcune parti.

Fase 2: Usare lo strumento Tipo per aggiungere testo. Scegliere un carattere, una dimensione, un colore e spostare il testo sulla parte superiore della barra multifunzione.

Se siete soddisfatti dell'aspetto, potete fermarvi qui, ma di seguito vi mostrerò un paio di trucchi per realizzare nastri curvi.

Come creare nastri curvi in Adobe Illustrator

Non disegneremo un nastro da zero, ma potremo distorcere il nastro vettoriale creato in precedenza per renderlo curvo utilizzando l'opzione Distorsione inviluppo.

Semplicemente selezionare la barra multifunzione, andare al menu sopraelevata Oggetto > Distorsione dell'inviluppo > Realizzare con Warp Viene visualizzata la finestra Opzioni Warp.

Lo stile predefinito è un arco orizzontale con una curvatura del 50%. È possibile regolare la curvatura spostando il cursore. Ad esempio, l'ho modificato al 25% e l'effetto è abbastanza buono.

Cliccare OK E il gioco è fatto: avete creato un nastro curvo.

È inoltre possibile fare clic sul menu a discesa Stile per visualizzare altre opzioni di stile.

Ad esempio, ecco come si presenta lo stile Bandiera.

Come creare un nastro ritorto in Adobe Illustrator

Per creare un nastro attorcigliato in Adobe Illustrator bastano due passaggi: disegnare una linea e applicare un effetto 3D alla linea. In realtà, è possibile utilizzare questo metodo anche per creare un nastro 3D.

Fase 1: disegnare una linea curva/ondulata. Qui ho usato lo strumento pennello per disegnare una linea.

Fase 2: Selezionare la linea, andare al menu sopraelevata Effetto > 3D e materiale > Estrusione e smussatura .

L'effetto non si vede molto perché è in nero. Cambiare il colore della linea per vedere come appare.

È possibile regolare l'illuminazione e il materiale, oppure ruotare il nastro per ottenere l'aspetto preferito.

La forma del nastro dipende dalla linea tracciata e, a seconda della forma, si può regolare l'illuminazione per ottenere il risultato migliore.

Conclusione

Ora dovreste sapere come creare diversi tipi di striscioni a nastro e nastri attorcigliati. Quando create uno striscione a nastro, assicuratevi che le forme siano create correttamente con lo strumento Costruttore di forme, altrimenti potreste avere problemi nel colorare le diverse parti.

Realizzare nastri 3D è piuttosto semplice, l'unico "problema" che si può incontrare è quello di capire l'illuminazione e la prospettiva. Beh, non lo chiamerei nemmeno problema. È più che altro un problema di pazienza.

Fatemi sapere se avete domande sulla creazione di un nastro in Adobe Illustrator.