Advertisement
  1. Design & Illustration
  2. Illustration
Design

Come Creare dei Personaggi Sposa & Sposo Flat in Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Love Week.
10 Design Tips for Creating Amazing Wedding Invitations
This post is part of a series called Celebration Week!.
How to Create a 90s Style Event Flyer in Adobe InDesign
How to Decorate Photos for Instagram With Drawings: Photoshop in 60 Seconds

Italian (Italiano) translation by Manuela Langella (you can also view the original English article)

Final product image
What You'll Be Creating

In questo tutorial disegneremo personaggi stilizzati flat, raffiguranti una coppia felice che sta per sposarsi. Modificheremo un sacco di forme geometriche di base, applicando vari effetti di distorsione e utilizzando pratici strumenti e funzioni di Adobe Illustrator per rendere i caratteri di aspetto lussuoso e vivace.

Alla fine di questo tutorial sarai in grado di progettare una sposa e uno sposo in fantasioso stile flat e cambiare il loro aspetto a tuo piacimento, variandone le acconciature, i vestiti, il colore della pelle e altri dettagli. Inoltre, possiamo combinare i caratteri, raffigurando sia due coppie di sposi eterosessuali che omosessuali!

Se vuoi dare un'occhiata a come è stato progettato ogni carattere o vuoi utilizzarli per i design dei tuoi inviti a nozze, cartoline o altro, assicurati di aver dato un'occhiata a queste 9 Coppie di Sposi Flat su GraphicRiver per scoprire tutte le numerose combinazioni di coppie felici e tutte le varietà del loro aspetto!

Wedding Couples on GraphicRiver

Iniziamo!

1. Come Creare il Volto del Personaggio Sposo in Stile Flat

Step 1

Inizia creando la testa con l'aiuto dello Strumento Rettangolo (M) o lo Strumento Rettangolo Arrotondato, che puoi trovare nello stesso menu a discesa del pannello Strumenti. Fai una forma di 65 x 80 px gialla e imposta il Raggio dell'Angolo a 20 px. Possiamo farlo selezionando la nostra forma con Strumento di Selezione Diretta (A) e quindi utilizzando la funzionalità di Angoli Dinamici (tirando i piccoli cerchi marcatori) o dal pannello di controllo sulla parte superiore.

make the head with the help of the Rectangle Tool

Step 2

Aggiungiamo gli occhi. Prendi lo Strumento Ellisse (L), tieni premuto MAIUSC e fai un cerchio di marrone 6 x 6 px. Selezionalo con lo Strumento di Selezione (V), tieni premuto Alt-Maiusc e trascina sul lato, creando una copia per il secondo occhio.

Al fine di tenere tutto organizzato e allineato, selezionare entrambi gli occhi e Raggruppali (CTRL-G). Seleziona il gruppo di occhi e la testa, quindi clicca di nuovo sulla la testa per renderlo un Oggetto Chiave. Noterai un contorno di selezione più spesso intorno alla testa, che indica che tutti gli altri oggetti ora saranno allineati all'Oggetto Chiave. Apri il pannello Allinea e fai clic su Allinea al Centro Orizzontale per rendere gli occhi perfettamente centrati.

Tieni gli occhi più vicini alla parte bassa della metà del viso, formando un fronte di grandi dimensioni.

make the eyes with the ellipse tool

Step 3

Ora raffiguriamo le sopracciglia per dare al viso un'espressione vivace. Utilizzare lo Strumento Rettangolo Arrotondato per fare una forma di 7 x 3 px blu con bordi completamente arrotondati.

Mantenendo la fronte selezionata, fai doppio clic sullo Strumento Rotazione (R) e impostare il valore dell'Angolo a 15 gradi. Fare clic su OK per applicare le modifiche.

Fai doppio clic sullo Strumento Riflessione (O). Capovolgi la fronte sopra l'Asse Verticale e fare clic su Copia per creare una seconda fronte.

Use the Rounded Rectangle Tool to make the brows

Step 4

Prendi lo Strumento Ellisse (L) e crea un naso. Tieni premuto MAIUSC e crea un cerchio giallo-arancio di 10 x 10 px. Seleziona il suo punto di ancoraggio superiore con lo Strumento di Selezione Diretta (A), tieni premuto MAIUSC e trascina il punto verso l'alto, creando una forma a goccia per il naso.

Ricorda di usare il pannello Allinea per centrare il naso al viso, utilizzando la forma della testa come un Oggetto Chiave.

make the nose from the ellipse

Step 5

Ora formiamo un'ampia bocca sorridente utilizzando lo Strumento Rettangolo (M). Crea una forma bianca di 25 x 10 px. Seleziona i punti di ancoraggio inferiori con lo strumento Selezione Diretta e tira i cerchietti marcatori degli Angoli Dinamici, arrotondando gli angoli di 6 px.

make a smiling mouth using the Rectangle Tool

Step 6

Passa allo Strumento Rettangolo Arrotondato e disegna l'orecchio. Fai una forma di 10 x 20 px di un colore leggermente più scuro rispetto al volto. Tieni premuto Alt-Maiusc e trascinare l'orecchio verso destra, creando una copia per il lato opposto della testa.

Infine, seleziona entrambe le orecchie, Raggruppale (CTRL-G) e fai clic con il tasto destro del mouse > Ordina > Porta Dietro o semplicemente Shift - CTRL-[ per mettere le orecchie dietro la testa.

make the ear from rounded rectangles

Step 7

Stilizziamo una pettinatura fantasia per il nostro sposo. Armati dello Strumento Rettangolo (M) e crea una forma di 85 x 50 px blu. Seleziona il rettangolo e la forma della testa e Allinea orizzontalmente a destra, utilizzando la testa come Oggetto Chiave per agganciare i capelli nella parte destra della testa.

Prendi lo Strumento Punto di Ancoraggio (Maiusc-C), tieni premuto MAIUSC e tira e posiziona verticalmente le maniglie del punto di ancoraggio superiore sinistro, come mostrato nello screenshot qui sotto.

Ora seleziona il punto di ancoraggio opposto (in alto a destra) con lo Strumento di Selezione Diretta (A) e tira il marcatore dell'Angolo Dinamico per rendere questa parte della forma completamente liscia e arrotondata.

Ripeti lo stesso per l'angolo inferiore sinistro, rendilo arrotondato per creare un'elegante frangia.

make a hairdo from rectangle

Step 8

Possiamo sistemare la forma dei capelli, utilizzando lo Strumento di Selezione Diretta (A) mentre tiriamo le maniglie di ancoraggio in cima ai capelli, rendendoli piatti per preservare lo stile geometrico complessivo con linee rette.

edit the anchor handles

Step 9

Aggiungiamo il collo prima di procedere a creare il corpo. Utilizza lo Strumento Rettangolo Arrotondato per creare una forma di 20 x 35 px con angoli pienamente arrotondati. Premi Maiusc - Control-[ per inviare la forma Sotto, sotto la testa.

make the neck with the rounded rectangle tool

2. Come Progettare il Corpo del Personaggio Sposo Flat

Step 1

Prendi lo Strumento Rettangolo (M) e inizia a disegnare il corpo dalla camicia. Crea una forma bianca di 80 x 150 px, seleziona i suoi punti di ancoraggio inferiori con lo strumento di Selezione Diretta (A) e rendi gli angoli arrotondati, impostando il Raggio dell'Angolo a 40 px nel pannello di controllo sulla parte superiore.

Prendi lo Strumento Aggiungi Punto di Ancoraggio (+), inserisci un nuovo punto di ancoraggio al centro del bordo superiore e trascinarlo verso l'alto, utilizzando lo strumento di Selezione Diretta (A).

make a white shirt from rectangle

Step 2

Formiamo la parte superiore dei pantaloni. Posiziona un rettangolo grigio scuro sopra la parte inferiore del corpo, come mostrato nell'immagine sottostante.

Seleziona la forma del corpo e il rettangolo e passa allo Strumento Crea Forme (Shift-M). Tieni premuto Alt e fai clic sul pezzo del rettangolo esterno ai bordi del corpo. In questo modo possiamo eliminare le parti indesiderate delle forme.

Aggiungi un paio di strisce blu sopra i pantaloni, usando la stessa tecnica con lo Strumento Crea Forme (Shift-M) per eliminare i pezzi indesiderati esterni alla forma del corpo.

form the top part of the trousers

Step 3

Passiamo alla giacca dello sposo. Crea un rettangolo grigio (di un colore leggermente più chiaro dei pantaloni) e fagli coprire la parte sinistra del corpo del personaggio. Seleziona il rettangolo e la forma del corpo ed elimina la parte non necessario, utilizzando lo Strumento Crea Forme (Shift-M).

make a jacket from rectangle

Step 4

Selezionare il punto di ancoraggio destro nella parte inferiore del rettangolo con lo strumento di Selezione Diretta (A) e arrotondalo.

Ora aggiungiamo una seconda metà della giacca. Seleziona la metà creata e fai doppio clic sullo Strumento Riflessione (O) per riflettere la forma sull'Asse Verticale e fai clic su Copia.

Abbiamo bisogno di Allineare la parte creata sul lato opposto del corpo. Per farlo in modo preciso e veloce, seleziona sia la parte riflessa che il corpo e clicca di nuovo sulla forma del corpo per renderla un Oggetto Chiave. Dirigiti verso il pannello Allinea e fai clic su Allinea orizzontalmente a sinistra per agganciare la giacca al bordo sinistro del corpo. Facile!

add and align the second half of the jacket

Step 5

Aggiungiamo risvolti alla tuta. Prendi lo Strumento Poligono e fai un singolo clic in qualsiasi punto della Tavola da disegno per aprire la finestra a comparsa Opzioni. Imposta il numero dei Lati su 3 e disegna un triangolo. Seleziona il suo punto di ancoraggio laterale con lo Strumento di Selezione Diretta (A) e compatta la forma, rendendola molto più stretta.

Fissa il risvolto verso la metà sinistra della giacca e utilizza la funzione Allinea a Destra OrizzontalmenteAllinea Verticalmente in alto, utilizzando la giacca come Oggetto Chiave per agganciare il risvolto al bordo.

Aggiungiamo un'ombra sotto il risvolto. Copia il risvolto e Incolla Dietro (CTRL-C > Ctrl-B). Spostare il punto di ancoraggio laterale della copia inferiore verso il basso e a sinistra, rendendo la forma un po' più ampia e rendendo un po' più scuro il colore di Riempimento.

Raggruppa (CTRL-G) il risvolto e sua ombra e usa lo Strumento Riflessione (O) per capovolgere il gruppo del risvolto alla metà opposta della giacca e aggancialo al bordo, utilizzando il pannello Allinea.

make the lapel from triangle using the polygon tool

Step 6

Raffiguriamo un papillon per dare al nostro sposo un aspetto elegante. Utilizza lo Strumento Rettangolo Arrotondato per creare una forma di 10 x 15 px con 2 px di Raggio dell'Angolo e riempilo con lo stesso colore blu dei capelli. Utilizza lo Strumento Contagocce (I) per scegliere il colore da una forma e applicarlo ad un'altra.

Allega un rettangolo di 10 x 12 px di un colore blu leggermente più scuro al bordo sinistro e usa lo Strumento di Selezione Diretta (A) per selezionare i punti di ancoraggio superiore e inferiore sinistro e spostarli in direzioni opposte con l'aiuto dei tasti freccia per rendere la forma più ampia.

Utilizza lo Strumento di Riflessione (O) per aggiungere la seconda metà del farfallino.

make a bow tie from blue rectangles

Step 7

Utilizza lo Strumento Rettangolo (M) e lo Strumento Poligono per aggiungere una piccola tasca con all'interno un fazzoletto triangolare blu.

add details to the jacket

Step 8

Aggiungi due pulsanti rotondi grigio scuro alla giacca e procediamo con le braccia del nostro personaggio.

Utilizza lo Strumento Arco (lo troverai nel stesso menu dello Strumento Segmento Linea (\) ) o lo Strumento Matita (N) per disegnare una linea arcuata liscia per il braccio destro.

Imposta il colore del Tratto con la stessa tinta di giallo del viso. Apri il pannello Traccia e imposta lo Spessore a 20 pt, rendendo la linea molto spessa. Imposta l'Estremo come Estremo Arrotondato al fine di rendere le punte della linea completamente arrotondate.

Trova un punto di ancoraggio al centro del braccio o, se non ne hai uno, crealo utilizzando lo Strumento Aggiungi Punto di Ancoraggio (+). Seleziona con lo Strumento di Selezione Diretta (A) e rendi le maniglie di ancoraggio un po' più corte al fine di piegare il gomito in maniera più realistica.

Aggiungi un breve tratto per il pollice, impostando lo Spessore a 10 pt.

make an arm from a thick arched stroke

Step 9

Aggiungiamo una manica della giacca. Seleziona il braccio con lo Strumento Selezione (V), Copia e Incolla Sopra  (CTRL-C > Ctrl-F). Modifica il colore del Tratto dello stesso grigio scuro come abbiamo fatto per la giacca. Trasforma l'Estremo in Estremo Troncato, rendendo le punte dritte. Sposta i punti di ancoraggio superiore e inferiore del braccio insieme alla manica per adattarli alla spalla della giacca.

Aggiungi e rimuovi i punti di ancoraggio delle estremità delle linee per rendere i tratti più brevi, se necessario, ma cerca di mantenere entrambe le linee combinate tra loro, in modo che il tratto giallo sia proprio sotto il tratto grigio.

add a sleeve of the jacket

Step 10

Aggiungi il secondo braccio, utilizzando la stessa tecnica, ma questa volta cambia la sua posizione come mostrato nell'immagine sottostante.

Add the second arm

Step 11

Ora disegniamo le gambe. Utilizzare lo Strumento Segmento Linea (\) o lo Strumento Penna (P) mentre tieni premuto Shift per fare una linea retta verticale. Applica un colore grigio scuro per la Traccia e imposta lo Spessore a 20 pt e l'Estremo a Estremo Arrotondato, facendo una linea spessa.

use the Line Segment Tool to make the leg

Step 12

Prendi lo Strumento Rettangolo (M) e crea una forma grigio scuro di 50 x 16 px  per lo stivale. Seleziona il suo punto di ancoraggio superiore sinistro con lo Strumento di Selezione Diretta (A) e rendi l'angolo completamente arrotondato, impostando il Raggio dell'Angolo a 16 px.

make a boot from the rectangle

Step 13

Utilizza lo Strumento Arco per creare una linea arcuata liscia per la seconda gamba, facendola apparire leggermente piegata.

A quanto pare il nostro sposo è finito! Passiamo alla sposa!

Use the Arc Tool to make a leg

3. Come Disegnare la Testa di un Personaggio Sposa Flat

Step 1

Iniziamo formando la testa da un rettangolo giallo di 55 x 80 px. Seleziona entrambi i punti di ancoraggio superiori e arrotonda gli angoli, impostando il Raggio dell'Angolo a 20 px.

Arrotonda la parte inferiore del rettangolo, che è per il mento.

make a head from the rectangle

Step 2

Seleziona il punto di ancoraggio inferiore al centro del mento con lo Strumento di Selezione Diretta (A) e fai clic su Converti Punti di Ancoraggio selezionati in angolo nel menu Converti del pannello di controllo sulla parte superiore per rendere il mento a punta.

Possiamo anche trascinare il punto del mento un po' per rendere il viso più piccolo.

make the chin pointed

Step 3

Aggiungi gli occhi, naso e collo nello stesso modo in cui abbiamo fatto il nostro personaggio precedente, con l'unica differenza che abbiamo anche bisogno di disegnare le ciglia. Utilizza lo Strumento Arco per fare un piccolo arco con 1,5 pt di Spessore della traccia ed Estremo Arrotondato.

Add the eyes nose and neck

Step 4

Aggiungiamo una bocca sorridente. Continua a utilizzare lo Strumento Arco per fare una linea arcuata rossa con 1,5 pt di spessore e Estremo rotondo.

Prendi lo Strumento Ellisse (L) e crea una forma rosa chiaro di 15 x 6 px per le labbra. Sposta Dietro (Control-[), sotto il tracciato.

Seleziona entrambi i punti di ancoraggio laterali dell'ellisse e spostali in su di pochi pixel utilizzando il tasto freccia su per adattare la traccia rossa con le labbra.

add a smiling mouth with stroke and ellipse

Step 5

Aggiungi due ovali rosati sulle guance per il rossore e andiamo avanti per la messa in piega.

Posiziona due ovali marroni sopra la fronte e falli sovrapporre, come mostrato nell'immagine sottostante. Seleziona entrambi ovali e Uniscili in Elaborazione Tracciati in un'unica forma.

Ora abbiamo bisogno di eliminare la parte indesiderata dei capelli, che sono esternamente alla la testa. Seleziona la forma dei capelli e la testa e utilizzare lo strumento Genera Forme (Shift-M) tenendo premuto Alt per scegliere ed eliminare il pezzo.

Ce l'abbiamo! Una pettinatura elegante è pronta!

make a hairdo from ellipses

Step 6

Prendi un'ellisse di 40 x 30 px per lo chignon e Sposta Sotto (Shift-Control-[), sotto la testa. Rendi il colore leggermente più scuro del colore generale dei capelli.

Aggiungi due cerchi bianchi 5 x 5 px per gli orecchini di perle. Utilizza lo Strumento Matita (N) per disegnare una linea arcuata alla base del collo per la collana e vediamo come possiamo aggiungerci delle perle in pochi clic.

Applica il colore bianco per la Traccia e aprire il pannello Traccia. Imposta lo spessore a 5 px, l'Estremo Rotondo e spunta la casella di controllo per la Linea tratteggiata. Imposta il valore di tratteggio a 0 px e il valore di distanza a 4.5. In questo modo stiamo creando una bella collana con perle rotonde. Se ti capita di avere alcuni spazi vuoti tra le perle, prova a regolare il valore dello Spazio, eliminando così gli spazi indesiderati.

add a bun pearl earrings and necklace

Step 7

Ora aggiungeremo dei fiori per rendere la pettinatura più festosa. Prendi lo Strumento Poligono e imposta il valore dei lati a 6, creando di un esagono rosa. Posizionalo davanti allo chignon e vediamo come possiamo trasformarlo in un fiore. Vai su Effetti > Distorci & Transforma > Risucchio & Rigonfiamento e sposta il cursore verso il lato di Rigonfiamento, impostandolo su 60%.

Vai su Oggetto > Espandi Aspetto per applicare l'effetto, rendendo il fiore modificabile.

make a flower with pucker and bloat effect

Step 8

Utilizza lo Strumento Ellisse (L) per aggiungere qualche dettaglio al fiore.

Infine, aggiungiamo un velo per finire la pettinatura. Crea un rettangolo di 85 x 85 px rosa chiaro e fai la sua parte superiore completamente arrotondata utilizzando la funzionalità di Angoli Dinamici e lo strumento di Selezione Diretta (A).

Ora possiamo andare avanti con il corpo!

make a veil from the rectangle

4. Come Disegnare il Corpo & Vestito del Personaggio Sposa Flat

Step 1

Crea un rettangolo di 60 x 105 px giallo per il corpo e rendi i suoi angoli arrotondati, utilizzando lo strumento di Selezione Diretta (A) e la funzionalità di Angoli Dinamici.

make a body from rounded rectangle

Step 2

Aggiungiamo un paio di punti di ancoraggio nel mezzo di entrambi i lati del rettangolo con l'aiuto dello strumento Aggiungi Punto di Ancoraggio (+). Seleziona il punto a sinistra e premi INVIO per aprire la finestra di opzioni di Spostamento.

Imposta il valore orizzontale a 5 px e il valore verticale a 0 px. Fai clic su OK per spostare il punto di 5 px a destra.

Ripeti lo stesso per il punto opposto, ma questa volta applica un valore negativo (-5 px) al fine di spostare il punto nella direzione opposta, formando un morbido giro vita.

form the waistline

Step 3

Tenendo entrambi i punti selezionati, fai clic su Converti i punti di ancoraggio selezionati in punti morbidi nel pannello di controllo sulla parte superiore, rendendo i bordi più morbidi.

convert selected anchor points to smooth

Step 4

Ora disegniamo il vestito!

Posiziona un rettangolo rosa chiaro su tutto il corpo, seleziona entrambe le forme e utilizza lo Strumento Genera forme (Shift-M) mentre si tiene premuto Alt per eliminare il pezzo non necessario all'esterno del corpo.

Aggiungi due cerchi sovrapposti per il busto e Uniscili nel pannello Elaborazione Tracciati. Elimina le parti indesiderate, utilizzando lo strumento Genera Forme (Shift-M).

design the wedding dress

Step 5

Aggiungiamo due altri cerchi (40 x 40 px ciascuno) per le maniche, applicando un colore leggermente più scuro. E ora abbiamo bisogno di tagliare i cerchi per farli stare ben sul corpo.

Avremmo solo potuto spostare le forme sotto il corpo, ma in realtà abbiamo bisogno che queste forme rimangano in cima alla forma del corpo nel pannello Livelli, poiché copriranno le parti superiori delle braccia.

Quindi, selezioniamo la forma del corpo, facciamo Copia e Incolla Sopra due volte (CTRL-C > CTRL-F > CTRL-F). Quindi seleziona la copia del corpo superiore e la manica destra e utilizza la funzione Sotto Meno Sopra del pannello Elaborazione Tracciati per tagliare la metà sinistra del cerchio.

Ripeti lo stesso per la manica sinistra, utilizzando la seconda copia della forma del corpo.

make sleeves from circles

Step 6

Ora disegniamo una gonna lunga gonfia. Inizia collegando un rettangolo di 55 x 230 px al corpo. Seleziona il suo punto di ancoraggio in basso a destra con lo Strumento di Selezione Diretta (A) e premi il tasto INVIO per aprire la finestra di spostamento. Impostare il valore Orizzontale a 80 px e il valore Verticale a 0 px. Fai clic su OK, spostando il punto 80 px a destra.

Ripeti lo stesso per il punto opposto, applicando un valore negativo (-80 px), rendendo così la gonna ampia nella parte inferiore.

make a long skirt from rectangle

Step 7

Mantenendo la gonna selezionata, vai su Effetto > Distorci > Rigonfiamento. Imposta il valore di Curvatura Verticale al 40% e fai clic su OK. Continua utilizzando Oggetto > Espandi aspetto per applicare l'effetto.

Finisci con la gonna aggiungendo due ampie strisce più scure nella parte inferiore.

apply bulge effect to make the skirt puffy

Step 8

Disegniamo un festoso bouquet da sposa, usando i fiori che abbiamo già creato per la pettinatura.

Fai un cerchio verde di 47 x 47 px e riempilo con fiori bianchi e piccoli cerchi. Aggiungi un rettangolo verde più scuro sotto il bouquet, rendendo la parte inferiore della forma un po' più ampia.

Utilizzare lo Strumento Arco o Strumento Matita (N) per aggiungere le braccia che sostengono il mazzo. Impostare il colore del tratto sul giallo, 12 px di Spessore e Estremo arrotondato.

Posiziona le braccia sotto le maniche nel pannello Livelli.

design a bridal bouquet and add strokes for the arms

Step 9

Ci siamo! La nostra coppia felice è pronta per il matrimonio! Mettiamo i nostri personaggi uno accanto all'altra e aggiungiamo qualche piccolo dettaglio a proprio piacimento. Ad esempio, qui ho usato lo strumento Segmento Linea (\) per aggiungere alcune linee orizzontali per il pavimento.

happy couple is ready to get married

Congratulazioni! I Nostri Sposi sono Finiti!

Spero che ti sia piaciuto questo tutorial e disegnare personaggi fantasiosi. Puoi cambiare il loro aspetto a tuo piacimento e raffigurare anche te stessi insieme con la tua metà o qualcuno dei tuoi amici e parenti in modo flat stilizzato!

Flat Wedding Characters are Finished

Dai un'occhiata alla varietà di coppie che possiamo creare utilizzando i nostri personaggi e variando la loro acconciature, colore della pelle e vestiti. Per di più, possiamo rappresentare coppie felici sia eterosessuali che omosessuali! Se vuoi scoprire come sono fattii personaggi, o vuoi ottenere un set completo per i tuoi disegni in vari formati (vettoriale e raster), assicurati di controllare questi 9 coppie di Sposi con Stile Flat su GraphicRiver.

Wedding Couples on GraphicRiver
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.