1. Design & Illustration
  2. Graphic Design
  3. Techniques & Workflow

Come creare una Illustrazione Fashion Anni '50 in Adobe Illustrator

Scroll to top
Read Time: 9 min
This post is part of a series called Grease Movie Week.
How to Create a Vintage Event Poster in Adobe InDesign
How to Create a Retro Funfair Vector in Adobe Illustrator

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In questo tutorial imparerai a creare un'illustrazione di moda stile vintage. Il film "Grease" con splendidi costumi, musica meravigliosa e un'atmosfera anni 50 ci servirà come fonte di ispirazione. Fantastichiamo insieme su come dovrebbe essere un abito ideale per un ballo.

1. Fai una Bozza

Step 1

Crea un Nuovo documento, 600 x 900 px, RGB. Modificare il nome del primo livello in "bozza".

Step 2

All'inizio, disegna uno schizzo schematico utilizzando una silhouette e alcuni attributi inerenti a questo periodo. Se hai bisogno di più ispirazione prima di iniziare a disegnare, puoi ricavare un sacco di idee guardando 50s dresses su Envato Market!

Creo il mio sketch direttamente in Adobe Illustrator utilizzando la mia tavoletta grafica. Per lo sketch, qualsiasi pennello dal pannello Pennelli Predefiniti sarà adatto. Ho scelto il Pennello Calligrafico Ovale con diametro di 2 pt, 20% Opacità.

a sketch of the charactera sketch of the charactera sketch of the character

2. Creare un Pennello per il Contorno

Step 1

Create un Nuovo Livello per le linee. Disegneremo tutte le linee in questo livello, perché il colore di tutte le linee sarà lo stesso.

Step 2

Per prima cosa apri le Opzioni dello Strumento Pennello facendo doppio clic sull'icona Strumento Pennello (B). Utilizza le seguenti impostazioni e clicca OK.

paintbrush tool optionspaintbrush tool optionspaintbrush tool options

Step 3

Ora abbiamo bisogno di creare un Nuovo Pennello Calligrafico. Premi l'icona Nuovo Pennello nel pannello Pennelli e scegliere il tipo di Pennello Calligrafico. Quindi premere OK e verrà visualizzata la finestra con le opzioni del pennello. Utilizza le impostazioni riportate di seguito.

creation of a new calligraphic brushcreation of a new calligraphic brushcreation of a new calligraphic brush

Step 4

Scegliamo il nostro nuovo pennello e facciamo qualche linea di prova. Lo spessore della linea dipende dalla pressione del pennino. Cerca di percepire le linee.

testing the brushtesting the brushtesting the brush

Step 5

È il momento di applicare le nostre abilità nella pratica. Iniziamo a creare la nostra linea artistica.

Inizia a disegnare il volto. Disegna le linee morbide come piacciono a te. Non preoccuparti per linee storte, perché è sempre possibile correggerle utilizzando lo Strumento di Selezione Diretta (A). La nostra missione è quella di disegnare linee "dal vivo" e imitare l'inchiostro.

contour of the facecontour of the facecontour of the face

Step 6

Ora disegna l'acconciatura. In primo luogo fai solo le linee principali e quindi aggiungi i dettagli.

contour of the hairstylecontour of the hairstylecontour of the hairstyle

In una sola volta è possibile utilizzare il nostro pennello per aggiungere un po' di volume e profonde ombre di contrasto per l'acconciatura.

deep shadows of the hairstyledeep shadows of the hairstyledeep shadows of the hairstyle

Step 7

Ora disegna il vestito. Cominciamo con il corpetto. Disegna in questo modo, rendendo le linee più spesse sulla zona d'ombra. Il tessuto sulle maniche sarà trasparente, così rendi le linee delle pieghe più sottili.

contour of the bodicecontour of the bodicecontour of the bodice

Step 8

Ora disegna le mani e le gambe. Rendi più agevoli le linee del corpo. Decora le scarpe con le cinghie.

contour of the handscontour of the handscontour of the hands
contour of the legscontour of the legscontour of the legs

Step 9

Dobbiamo ancora finire la parte inferiore del vestito. La gonna è costituita da due parti: sottoveste e gonna trasparente superiore. Disegneremo la parte inferiore con linee più sottili per renderle quasi impercettibili.

contour of the skirtcontour of the skirtcontour of the skirt

Step 10

Rendi invisibile il livello di "bozza". Aggiungi alcune ombre di profondo contrasto ed ammira il risultato.

line art of the characterline art of the characterline art of the character

3. Crea le Forme Principali

Step 1

Prima coloriamo i contorni del nostro carattere. Seleziona tutte le linee e vai su Oggetto > Espandi Aspetto. Apri il Pannello Elaborazione tracciati e fai clic su Unisci tenendo premuto il tasto Alt. Quindi premere OK per creare un oggetto solido.

making one solid objectmaking one solid objectmaking one solid object

Ora riempi le linee con colore Bordeaux.

coloring of the line artcoloring of the line artcoloring of the line art

Step 2

Abbiamo bisogno di creare il campione dei colori principali. Ho scelto il blu per il vestito e il rosa per gli accessori.

swatch of the main shapesswatch of the main shapesswatch of the main shapes

Step 3

Aggiungi un Nuovo Livello per lo sfondo. Crea un rettangolo di 570 x 870 px utilizzando lo strumento Rettangolo Arrotondato e riempilo con il colore del tuo campione.

creation of the background shapecreation of the background shapecreation of the background shape

Apri il pannello Allinea e scegli Allinea alla tavola da disegno e quindi Allinea oggetti: orizzontale e verticale.

alignment of the backgroundalignment of the backgroundalignment of the background

Step 4

Ora è il momento di iniziare a dipingere. Scegli i colori dal tuo campione. Puoi usare lo Strumento Matita (N) o lo Strumento Penna (P), se preferisci. Lo strumento Pennello Tracciato Chiuso (Shift-B) può essere comodo per le principali forme.

skin coloringskin coloringskin coloring

Step 5

Utilizzare il bianco per la sottoveste e il blu principale con 50% Opacità per la gonna superiore.

skirt coloringskirt coloringskirt coloring

Per un processo di lavoro conveniente, creeremo livelli separati per ogni parte del personaggio. Organizza i livelli come mostrato nello screenshot qui sotto.

organization of the layersorganization of the layersorganization of the layers

Step 6

Ed ecco quello che abbiamo in questa fase.

character in the main colorscharacter in the main colorscharacter in the main colors

4. Aggiungi Ombre e Luci

Step 1

È il momento di disegnare il bellissimo volto del nostro carattere. Lavoreremo sul livello di "corpo".

Disegna in primo luogo il rossore. Crea due forme: una forma più piccola rosa sulla parte superiore e una forma più grande del colore della pelle. Poi vai a Oggetto > Fusione > Opzioni di Fusione e scegli Passaggi Specificati: 50. E ora vai su Oggetto > Fusione > Crea. Abbiamo una sfumatura del rossore troppo luminosa, così riduciamo l'Opacità al 75% nel pannello Trasparenza.

creation of the blushcreation of the blushcreation of the blush

Allo stesso modo, aggiungi alcuni rossori alla seconda guancia, naso, collo e gomito. Quindi aggiungi alcuni rossori anche alle gambe sul livello "body_back".

adding the blushes to the skinadding the blushes to the skinadding the blushes to the skin

Step 2

Aggiungiamo alcune ombre alla pelle. Scegli il colore del contorno e ridurre l'Opacità all'8%. Disegneremo forme base sulla zona d'ombra, utilizzando lo strumento Matita (N) o lo strumento Penna (P).

adding the shadows to the skinadding the shadows to the skinadding the shadows to the skin
adding the shadows to the legsadding the shadows to the legsadding the shadows to the legs

Step 3

Ora disegna ombre più profonde sugli occhi e collo e sotto il naso e le labbra. Cambia l'Opacità al 20%.

adding the deep shadows to the skinadding the deep shadows to the skinadding the deep shadows to the skin

In questo modo, aggiungi alcune forme delle ombre per le mani e le gambe.

adding the deep shadows to the handsadding the deep shadows to the handsadding the deep shadows to the hands
adding the deep shadows to the legsadding the deep shadows to the legsadding the deep shadows to the legs

Step 4

Aggiungiamo le ombre cadenti. Scegli lo stesso colore del contorno e riduci l'Opacità al 50%. Disegna le ombre sotto gli occhi e la linea di crescita dei capelli, sul collo, mani e gambe e sotto le pieghe del suo vestito.

adding the falling shadows to the skinadding the falling shadows to the skinadding the falling shadows to the skin
adding the falling shadows to the handsadding the falling shadows to the handsadding the falling shadows to the hands
adding the falling shadows to the legsadding the falling shadows to the legsadding the falling shadows to the legs

Step 5

Successivamente aggiungiamo alcuni punti luce. Seleziona una tinta più chiara a partire dal colore di base della pelle e ridurre l'Opacità al 20%. Disegneremo forme base sulla zona più chiara.

adding the highlights to the skinadding the highlights to the skinadding the highlights to the skin
adding the highlights to the legsadding the highlights to the legsadding the highlights to the legs

Step 6

Cambiare l'Opacità al 60% e aggiungi alcuni riflessi luminosi e bagliori verso il bordo esterno della zona illuminata.

adding the bright highlights to the skinadding the bright highlights to the skinadding the bright highlights to the skin

Step 7

Ora scegli il colore blu con 60% Opacità e disegna delle luci sul lato sinistro del carattere.

adding blue highlights to the skinadding blue highlights to the skinadding blue highlights to the skin
adding blue highlights to the legsadding blue highlights to the legsadding blue highlights to the legs

Step 8

Ora arriveremo al lavoro sugli occhi e labbra sul livello "faccia". Disegna l'ombretto utilizzando un colore blu con 20% Opacità e quindi aggiungi alcuni bagliori brillanti con colore ciano.

Il lato sinistro del viso è all'ombra, quindi disegna alcune forme di Bordeaux con 8-20% di Opacità sulla parte bianca dell'occhio di sinistra.

Ora aggiungi la forma di Bordeaux con 50% di Opacità tra le labbra, e la forma sul lato sinistro delle labbra con 25% Opacità. Alla fine puoi disegnare un luccichio brillante sul lato destro del labbro inferiore.

making makeupmaking makeupmaking makeup

Step 9

Cominciamo a colorare l'acconciatura. In primo luogo seleziona la forma dei capelli e riempila con una sfumatura lineare da marrone chiaro a marrone scuro.

adding gradient to the hairadding gradient to the hairadding gradient to the hair

Quindi disegna le forme dei punti luce, selezionali e clicca Unisci dal pannello Elaborazione tracciati. Riempi questa forma solida con una sfumatura lineare verticale dal giallo all'arancio, riduci l'Opacità al 60%.

adding highlights to the hairadding highlights to the hairadding highlights to the hair

Alla fine, aggiungi alcune forme blu sul lato sinistro dell'acconciatura e alcuni riflessi luminosi sul lato destro. Basta selezionare questi colori della pelle utilizzando lo Strumento Contagocce (I).

adding bright highlights to the hairadding bright highlights to the hairadding bright highlights to the hair

Step 10

È il momento di aggiungere un po' di volume al vestito. Cominciamo con il corpetto. Disegna le forme delle ombre e riempile di colore blu scuro, 30% Opacità. Quindi aggiungi le ombre cadenti utilizzando lo stesso colore con 60% Opacità.

adding shadows to the bodiceadding shadows to the bodiceadding shadows to the bodice

Ora disegnare le forme dei punti salienti e riempirli con colore blu chiaro, 30-60% di Opacità.

adding highlights to the bodiceadding highlights to the bodiceadding highlights to the bodice

Aggiungi qualche volume ai dettagli trasparenti del corpetto. Prima utilizza lo Strumento Contagocce (I) per scegliere il colore principale da questi dettagli e disegna le forme sulla zona dove il tessuto si piega. Poi usa gli stessi colori per le ombre e le luci dal corpetto per disegnare il volume sulle maniche e sul collo. Riduci l'Opacità al 20%.

adding volume to the transparent detailsadding volume to the transparent detailsadding volume to the transparent details

Aggiungi alcune forme blu sul lato sinistro del corpetto e alcuni riflessi luminosi sul lato destro. Utilizza lo Strumento Contagocce (I) per scegliere questi colori dal corpo.

adding bright highlights to the bodiceadding bright highlights to the bodiceadding bright highlights to the bodice

Step 11

Ora disegneremo la sottoveste. In primo luogo rendi invisibile il livello "gonna" (skirt). Renderà più facile il nostro lavoro sulla parte bianca della gonna.

Aggiungi alcune ombre con il colore grigio 50% Opacità. Qui sei libero di disegnare le forme non ordinatamente.

adding shadows to the petticoatadding shadows to the petticoatadding shadows to the petticoat

Scegli il colore del contorno, riduci l'Opacità al 60% e disegnare le ombre profonde.

adding deep shadows to the petticoatadding deep shadows to the petticoatadding deep shadows to the petticoat

Ora rendi visibile il livello "gonna". Ecco come la gonna appare ora.

look of the skirtlook of the skirtlook of the skirt

Step 12

Disegneremo la gonna utilizzando gli stessi principi di quando abbiamo usato i dettagli trasparenti del corpetto.

In primo luogo disegneremo le forme sulla zona in cui il tessuto forma pieghe. Utilizzare il colore di base blu del vestito con 35% di Opacità.

making creases on the skirtmaking creases on the skirtmaking creases on the skirt

Quindi disegna le ombre principali utilizzando lo stesso colore blu scuro del corpetto. Riduci l'Opacità al 20%.

adding shadows to the skirtadding shadows to the skirtadding shadows to the skirt

Ora aggiungi alcune ombre profonde a piccole pieghe utilizzando lo stesso colore con 40% di Opacità.

adding deep shadows to the skirtadding deep shadows to the skirtadding deep shadows to the skirt

Scegli il colore bianco con 15% di Opacità e disegna le zone di luce sulla parte più chiara. Non dimenticare di aggiungere qualche volume sul lato posteriore della gonna.

adding highlights to the skirtadding highlights to the skirtadding highlights to the skirt

Alla fine, aggiungi alcuni punti brillanti al lato destro della gonna.

adding bright highlights to the skirtadding bright highlights to the skirtadding bright highlights to the skirt

Step 13

È il momento di aggiungere un po' di volume agli accessori. Cominciamo con i guanti. Scegli il colore grigio dalla sottoveste e disegna le forme delle ombre utilizzando 35-50% di Opacità. Quindi disegna le forme blu con 15% Opacità, aggiungendo alcuni riflessi dalla gonna.

adding shadows to the glovesadding shadows to the glovesadding shadows to the gloves

Aggiungeremo qualche volume agli elementi decorativi del vestito e le scarpe seguendo questo metodo. Utilizza il colore Bordeaux dal contorno per le ombre, riduci l'Opacità al 50%.

adding shadows to the accessoriesadding shadows to the accessoriesadding shadows to the accessories

Utilizza il colore rosa per le luci e riduci l'Opacità al 70%.

adding highlights to the accessoriesadding highlights to the accessoriesadding highlights to the accessories

Alla fine, aggiungi alcuni riflessi blu e luminosi.

adding reflections to the accessoriesadding reflections to the accessoriesadding reflections to the accessories

Step 14

Finalmente il nostro personaggio è pronto!

ready characterready characterready character

5. Creare un Pattern per il Vestito

Step 1

Crea un Nuovo Livello sopra il livello di "corpetto" (bodice). Qui disegneremo un semplice pattern per la decorazione del vestito.

Crea due cerchi di 3x3 px e 4 x 4 px utilizzando lo Strumento Ellisse (L). Disegna alcuni fiori semplici utilizzando il nostro pennello, 2 pt di traccia. Selezionali, espandili e premi Control-G.

drawing of the patterndrawing of the patterndrawing of the pattern

Step 2

Duplica queste forme, premi Alt e inseriscile sul vestito in modo casuale, come ti piace. Elimina inutili dettagli sulle pieghe utilizzando lo Strumento Gomma (Shift-E) con Diametro di 2-3 pt.

adding the pattern to the dressadding the pattern to the dressadding the pattern to the dress

Step 3

Selezionare il pattern per intero e riduci l'Opacità al 70%.

pattern on the dresspattern on the dresspattern on the dress

6. Crea uno Sfondo Semplice

Step 1

Prima riempi lo sfondo con sfumatura lineare verticale dallo scuro al chiaro basato sul colore principale.

making gradient on the backgroundmaking gradient on the backgroundmaking gradient on the background

Step 2

Disegna un pattern. Crea un rettangolo di 10 x 10 px utilizzando il colore principale dello sfondo.

Ora crea due cerchi 5 x 5 px e allineali utilizzando il pannello Allinea, come illustrato di seguito.

creating the pattern shapecreating the pattern shapecreating the pattern shape

Quindi unisci questi cerchi, seleziona entrambi gli oggetti (cerchi e rettangolo) e fare clic su Sotto meno Sopra nel pannello Elaborazione tracciati.

use of the pathfinder paneluse of the pathfinder paneluse of the pathfinder panel

Come risultato abbiamo un rettangolo con due fori. Trascina la forma al pannello Campioni.

making a swatchmaking a swatchmaking a swatch

Seleziona la forma di sfondo, premi Control-C e CTRL-F e applica il nostro modello dal pannello Campioni.

background patternbackground patternbackground pattern

Wow! Abbiamo finito!

Mi piace molto questo stile di moda old fashion, e spero che vi sia piaciuto il procedimento. Grazie per aver creato con me! Per favore, condividere il risultato!

finished illustrationfinished illustrationfinished illustration
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads