1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Come Ricreare il Personaggio di Hello Kitty in Adobe Illustrator

Scroll to top
Read Time: 11 min

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

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

Dato che ho una bambina piccola, sono diventata una fan di Strawberry Shortcake, Lillifee, My Little Pony e, ovviamente, Hello Kitty. Questo tutorial ti aiuterà a creare una piccola fan art dedicata a Hello Kitty. Adoro questo gattino! Se, per qualche orribile motivo, ancora non conoscete Hello Kitty - visitate il sito ufficiale.

Hello Kitty è una piccola esploratrice divertente e gioiosa, è sempre creativa e adora giocare. Ecco perché ho deciso di disegnarla insieme a un carrello di caramelle e palloncini - una scena tipica dei parchi divertimento. Come sempre, useremo forme basiche e effetti di alterazione per creare l'intera scena.

Non vedo l'ora di iniziare!

1. Disegnare la Testa e la Faccia

Passaggio 1

Dopo aver creato un nuovo documento (Control-N), disegneremo il nostro gattino. Seleziona lo Strumento Ellisse (L) e disegna un ellisse, il cui colore di riempimento sarà bianco e quello di contorno nero. Ora, clicca su Effetto > Altera > Arco. Nella nuova finestra di dialogo, inserisci le opzioni che vedi nell'immagine sottostante.

creating the head 1creating the head 1creating the head 1

Passaggio 2

Per ottenere la forma perfetta della testa, dobbiamo alterarla ancora un po'. Clicca su Effetto > Altera > Arco e inserisci le opzioni:

creating the head 2creating the head 2creating the head 2

Passaggio 3

Ora che la testa è pronta, disegniamo gli occhi. Con l'aiuto dello Strumento Ellisse (L), disegna due cerchi di colore nero e senza contorno.

Poi disegna un naso con il contorno nero e il colore di riempimento giallo (R=245, G=237, B=96).

creating the facecreating the facecreating the face

Passaggio 4

Ora disegneremo l'orecchio. Assicurati di avere ancora il bianco come colore di riempimento e il nero come contorno; usando lo Strumento Ellisse (L), disegna un ellisse.

Scegli lo Strumento di Selezione Diretta (A) e seleziona i punti di ancoraggio di destra e sinistra. Spostali leggermente in basso e otterrai la forma di un uovo. Ricordati questo semplice movimento per i tuoi progetti futuri - per esempio, quando crei qualcosa a tema pasquale.

creating the earcreating the earcreating the ear

Passaggio 5

Ma ora torniamo a Hello Kitty. Ruota a sinistra l'orecchio che hai creato nei passaggi precedenti e sistemalo come mostrato qui sotto. Non dimenticare di posizionare quest'orecchio dietro la testa (Control-X, Control-B).

Tieni selezionato l'orecchio e seleziona lo Strumento Riflessione (O); mentre tieni premuto il tasto Alt, clicca nel centro della faccia. Hai appena creato un riflesso dell'orecchio. Nella nuova finestra di dialogo, spunta Verticale, Angolo di 90 gradi e premi Copia. Sposta l'orecchio destro sul lato destro della testa.

placing the earsplacing the earsplacing the ears

Passaggio 6

Elimina il colore di riempimento e osserva il pannello Traccia. Toglia la spunta a Estremo Arrotondato. Poi, usando lo Strumento Matita (N), disegna tre baffi sul lato sinistro della faccia. Tieni selezionati i baffi e clicca sullo Strumento Riflessione (O). Crea un riflesso verticale come hai fatto prima per le orecchie.

Se non sei abituato allo Strumento Matita (N), puoi usare lo Strumento Segmento Linea (<) per disegnare i baffi e poi sposta le maniglie usando lo Strumento di Selezione Diretta (A) per ottenere il risultato che desideri.

creating the whiskerscreating the whiskerscreating the whiskers

2. Creare il Fiocco

Passaggio 1

Mantieni il contorno nero e scegli il colore di riempimento R=218, G=30, B=74. Crea un cerchio. Usando lo Strumento di Selezione Diretta (A), seleziona i punti di ancoraggio superiori e inferiori e spostali a destra. Questa è la parte sinistra del fiocco.

creating the left part of the bowcreating the left part of the bowcreating the left part of the bow

Passaggio 2

Disegna un altro cerchio come mostrato nell'immagine sottostante. Poi crea un riflesso verticale del lato sinistro del fiocco per creare la sua controparte, come hai fatto per le orecchie e i baffi.

creating the right part of the bow and the middle partcreating the right part of the bow and the middle partcreating the right part of the bow and the middle part

Passaggio 3

Sistemando due ellissi tra il cerchio centrale e la parte destra e quella sinistra del fiocco completerai l'intero fiocco. Raggruppalo (pulsante destro del mouse > Raggruppa).

completing creating the bowcompleting creating the bowcompleting creating the bow

Passaggio 4

Sistema il fiocco sull'orecchio destro del gattino.

placing the bow on the headplacing the bow on the headplacing the bow on the head

3. Creare il Vestito

Passaggio 1

Iniziamo con il collo. Sotto la testa, disegna un cerchio, il cui colore di riempimento sarà bianco e quello di contorno sarà nero.

creating the neckcreating the neckcreating the neck

Passaggio 2

Ora seleziona lo Strumento Contagocce (I) e clicca sul fiocco. Otterrai la stessa tonalità di rosso. Con questo colore devi disegnare un vestito. Seleziona, quindi, lo Strumento Rettangolo (M) e crea un rettangolo, inserendo le opzioni indicate qui sotto:

creating the dress 1creating the dress 1creating the dress 1

Passaggio 3

E alteralo ancora:

creating the dress 2creating the dress 2creating the dress 2

Passaggio 4

Sistema il vestito sotto il collo del gattino.

placing the dressplacing the dressplacing the dress

4. Creare le Gambe

Passaggio 1

Per creare le gambe, inizieremo con un ellisse. Dovresti già sapere che strumento usare per crearlo! Ora, seleziona lo Strumento di Selezione Diretta (A), clicca direttamente sul tratto e vedrai le maniglie. Spostali per ottenere il risultato che vedi nell'immagine sottostante. Dopo averlo fatto, crea un riflesso verticale per avere l'altra gamba.

creating the legscreating the legscreating the legs

Passaggio 2

Sistema le gambe al loro posto.

placing the legsplacing the legsplacing the legs

5. Creare le Braccia

Passaggio 1

Avremo bisogno di un ellisse ruotato e di un cerchietto per creare il braccio. Seleziona queste due forme e, nel pannello Elaborazione Tracciati (Finestra > Elaborazione Tracciati), premi il tasto Unifica.

creating the armcreating the armcreating the arm

Passaggio 2

Sistema il braccio sul lato sinistro del corpo, ma sotto il vestito. Poi crea un riflesso verticale per avere l'altro braccio.

placing the armsplacing the armsplacing the arms

6. Crea il Banchetto del Dolci

Passaggio 1

Cambia il colore di riempimento in R=245, G=237, B=96, seleziona lo Strumento Rettangolo (M) e disegna un rettangolo. Aggiungi alla base un rettangolo stresso rosa (R=247, G=170, B=188). Ritorna al precedente colore di riempimento giallo e, usando lo Strumento Rettangolo con Angoli Arrotondati, aggiungi un piccolo rettangolo arrotondato. Sistemalo dietro i due rettangoli creati precedentemente (Control-X, Control-B).

creating the base of the candy cartcreating the base of the candy cartcreating the base of the candy cart

Passaggio 2

Ora disegniamo la ruota. Crea due cerchi, uno piccolo e uno più grande, e imposta come colore di riempimento R=163, G=165, B=16. Apri il pannello Elaborazione Tracciati (Finestra > Elaborazione Tracciati) e premi Escludi.

creating the wheel of the candy cart 1creating the wheel of the candy cart 1creating the wheel of the candy cart 1

Passaggio 3

Aggiungi un piccolo cerchio in mezzo. Per posizionarlo esattamente al centro, seleziona tutti i cerchi e, sul pannello Allinea (Finestra > Allinea), seleziona Allineamento Orizzontale al Centro e Allineamento Verticale al Centro.

Poi elimina il colore di riempimento e disegna una linea usando lo Strumento Segmento Linea (<). Sistema questa linea dietro (Control-X, Control-B).

Tienilo selezionato, seleziona lo Strumento Rotazione (R) e, allo stesso tempo, premi il tasto Invio sulla tua tastiera. Nella nuova finestra di dialogo, inserisci Angolo di 45 gradi e premi Copia. Tieni premuto Control-D per ripetere l'ultima azione. Rilascia i tasti quando hai riempito la ruota.

Raggruppa l'intera ruota (tasto destro del mouse > Raggruppa).

creating the wheel of the candy cart 2creating the wheel of the candy cart 2creating the wheel of the candy cart 2

Passaggio 4

Sistema la ruota sul carrellino.

placing the wheelplacing the wheelplacing the wheel

Passaggio 5

Ora dovremo disegnare le decorazioni del carretto del dolci. Usando lo Strumento Contagocce (I), individua il colore di riempimento dalla ruota e disegna un piccolo cerchio. Mentre tieni premuto Shift e Alt, inizia a spostare il cerchio. Dovresti ottenere due cerchi. Poi tieni premuto Control-D finché hai una linea di cerchi.

Elimina il colore di riempimento e, senza aver selezionato un colore di contorno, disegna un rettangolo come mostrato nell'immagine sottostante. Seleziona questo rettangolo e tutti i cerchi verbi. Premi Copia in Elaborazione Tracciati.

Tenendo selezionato il tuo risultato, perché adesso dobbiamo pulirlo. Clicca su Oggetto > Tracciato > Pulisci. Assicurati che tutti i campi siamo spuntati e premi OK. E infine, usando lo Strumento Contagocce (I), seleziona lo stesso colore della ruota.

creating the decorations for the candy cartcreating the decorations for the candy cartcreating the decorations for the candy cart

Passaggio 6

Posiziona questa decorazione come mostrata nell'immagine sottostante. Aggiungi due rettangoli verticali rosa (R=247, G=170, B=188).

placing the decorationsplacing the decorationsplacing the decorations

Passaggio 7

Disegniamo la maniglia. Un piccolo rettangolo giallo (R=245, G=237, B=96) e un rettangolino rosa arrotondato (R=247, G=170, B=188) completeranno la maniglia.

continuing creating the candy cartcontinuing creating the candy cartcontinuing creating the candy cart

Passaggio 8

Mettiamo un tetto al carrello dei dolci. Inizia con il colore di riempimento bianco e di contorno nero e disegna un rettangolo. Elimina poi il colore di contorno e cambia il colore in R=218, G=30, B=74.

Disegna un rettangolo come quello nell'immagine sottostante. Copialo tenendo premuto Shift-Alt e spostandolo contemporaneamente a sinistra, come abbiamo fatto prima. Premi Control-D alcune volte. Assicurati che i rettangoli rossi siano in mezzo a quelli bianchi. Seleziona l'intera creazione e raggruppala (tasto destro del mouse > Raggruppa). Clicca su Effetto > Altera > Arco e inserisci le seguenti opzioni:

creating the roof of the candy cartcreating the roof of the candy cartcreating the roof of the candy cart

Passaggio 9

Seleziona le decorazioni verdi che hai fatto prima per il carrello dei dolci, copiali e attaccali al tetto. Cambia poi il colore di riempimento delle decorazioni, alternando il rosso e il bianco. Usa lo Strumento Contagocce (I) per individuare il colore esatto.

creating the decorations for the roofcreating the decorations for the roofcreating the decorations for the roof

Passaggio 10

Sistema il tetto in cima al carrellino dei dolci. Ecco! È pronto!

placing the decorated roofplacing the decorated roofplacing the decorated roof

7. Creare il Gelato

Passaggio 1

Un cerchio grande arancione e tre piccoli cerchi alla base ci aiuteranno a creare il nostro gelato. Il colore di riempimento è R=250, G=166, B=52. Selezionali tutti e, in Elaborazione Tracciati, premi Unifica.

creating the top of the ice creamcreating the top of the ice creamcreating the top of the ice cream

Passaggio 2

Lavoriamo sul cono. Tieni il nero come colore del contorno e crea un triangolo. Prima di tutto, imposta il colore di riempimento R=187, G=129, B=59, seleziona lo Strumento Poligono e clicca sul tuo foglio. Nella nuova finestra di dialogo, crea 3 Parti e clicca OK. Il raggio non importa.

Creando un riflesso Orizzontale, rifletti il triangolo a testa in giù e allungalo un pochino. Ora dobbiamo arrotondare gli angoli. Clicca su Effetto > Stilizzazione > Angoli Arrotondati. Nella nuova finestra, inserisci Raggio 10 px e clicca OK.

Concentriamoci nel pannello Aspetto. Clicca nel triangolino nell'angolo in alto a destra e, nel menù pop-up, seleziona Aggiungi Nuovo Riempimento. Ora osserva il pannello Campioni. Clicca su Campioni > Motivo > Grafie Basi > Grafie e Texture Basi e seleziona Diamante per questo nuovo riempimento. Imposta l'Opacità su Luce Soffusa.

creating the cone of the ice creamcreating the cone of the ice creamcreating the cone of the ice cream

Passaggio 3

Crea diversi gusti di gelato combinando diversi colori delle palline con i coni. Io ho scelto i colori blu (R=164, G=215, B=244) e verde (R=163, G=165, B=16).

creating different colors of ice creamscreating different colors of ice creamscreating different colors of ice creams

8. Creare lo Zucchero Filato

Passaggio 1

Dopo aver creato un cerchio (R=183, G=0, B=80), clicca su Oggetto > Tracciato > Aggiungi Punti di Ancoraggio. Otterrai altri quattro punti di ancoraggio come nell'immagine sottostante (il secondo cerchio). Poi clicca Effetto > Distorci e Trasforma > Effetto Risucchio e Gonfiamento e imposta la barra su 13%.

creating the cotton candy creating the cotton candy creating the cotton candy

Passaggio 2

Aggiungi un rettangolino arrotondato usando lo Strumento Rettangolo con Angoli Arrotondati (colore di riempimento R=187, G=129, B=59). E un altro pezzo di zucchero filato rosa chiaro (R=247, G=170, B=188). Ma non devono volare, giusto? Allora aggiungiamo un bastoncino - usando un rettangolo giallo (R=245, G=237, B=96).

creating another cotton candy creating another cotton candy creating another cotton candy

9. Posizionare i Gelati e lo Zucchero Filato sul Carrello dei Dolci

Sistema tutti gli elementi al loro posto. O posizionali come desideri!

placing all the items on the candy cartplacing all the items on the candy cartplacing all the items on the candy cart

10. Creare un Barattolo con i Lecca Lecca

Passaggio 1

Imposta il colore di riempimento R=164, G=215, B=244 e disegna un rettangolo con gli angoli arrotondati. Aggiunge un altro sopra. Poi disegna un ellisse dietro ai rettangoli e un piccolo cerchio in cima. Il barattolo è pronto!

creating the jarcreating the jarcreating the jar

Passaggio 2

Per il nostro lecca lecca, disegna un cerchio rosa (R=247, G=170, B=188) e un piccolo rettangolo con gli angoli arrotondati, come hai fatto con lo zucchero filato. Aggiungi un nuovo colore di riempimento come hai fatto per il cono (Campioni > Motivo > Grafie Basi > Grafie e Linee Basi e seleziona 10 dpi 50%). Imposta l'Opacità su Sovrapponi.

creating the lollipopcreating the lollipopcreating the lollipop

Passaggio 3

Crea diversi gusti di lecca lecca cambiando il colore di riempimento. Ma stai attento: nel pannello Aspetto, devi selezionare il livello inferiore e cambiare solo quello, non il riempimento con le linee. Io ho scelto un rosa acceso (R=198, G=0, B=111) e un arancione (R=250, G=166, B=52).

creating different colors of the lollipopcreating different colors of the lollipopcreating different colors of the lollipop

Passaggio 4

Ora posiziona i lecca lecca nel barattolo.

placing the lollipops in the jarplacing the lollipops in the jarplacing the lollipops in the jar

Passaggio 5

Posiziona il barattolo sul carrello dei dolci.

placing the jur on the candy cartplacing the jur on the candy cartplacing the jur on the candy cart

11. Creare i Palloncini

Passaggio 1

Disegna un ellisse blu usando lo Strumento Ellisse (L) e imposta il colore di riempimento R=164, G=215, B=244. Scegli lo Strumento di Selezione Diretta (A), seleziona i punti di ancoraggio di destra e sinistra e spostali in basso. Crea un cerchio più grandi in cima. Abbiamo appena creato un palloncino!

creating the blue ballooncreating the blue ballooncreating the blue balloon

Passaggio 2

Usando lo stesso procedimento, crea altri due palloncini di diversi colori. Io ho scelto R=245, G=237, B=96 per quello giallo e R=247, G=170, B=188 per quello rosa.

creating another colors balloonscreating another colors balloonscreating another colors balloons

Passaggio 3

Sistema tutti i palloncini vicino al carrello dei dolci. Per creare un filo per i palloncini, useremo lo Strumento Segmento Linea (<). Scegli quello strumento nel pannello Strumenti e disegna un linea. Seleziona lo Strumento di Selezione Diretta (A) e, spostando i punti di ancoraggio e le maniglie, allunga questa linea: una cima al palloncino, l'altra al carrello dei dolci.

Poi disegna un'altra linea e sposta un punto di ancoraggio al palloncino e l'altro al carrello dei dolci. Ripeti questa operazione con l'ultimo palloncino. Non dimenticare di sistemare tutti i fili dietro ai palloncini (Control-X, Control-B).

placing the balloons on the candy cartplacing the balloons on the candy cartplacing the balloons on the candy cart

12. Sistema Tutti gli Elementi e Crea lo Sfondo

Passaggio 1

Raggruppa Hello Kitty (tasto destro del mouse > Raggruppa) e posizionala vicino al carrello dei dolci.

placing all the elements together placing all the elements together placing all the elements together

Passaggio 2

Disegna un quadrato per lo sfondo, con il colore di riempimento R=253, G=234, B=237 e di 600 px di larghezza e altezza. Assicurati che lo sfondo sia dietro a tutto (Control-X, Control-B).

creating the background 1creating the background 1creating the background 1

Passaggio 3

Aggiungi un nuovo riempimento allo sfondo come hai fatto per i lecca lecca e i coni gelato (Campioni > Motivo > Grafie Basi > Grafie Basi_Puntini e seleziona 6 dpi 20%).  Imposta l'Opacità su Luce Soffusa. Ecco fatto! L'illustrazione è pronta!

creating the background 2 creating the background 2 creating the background 2

Conclusione

Evviva! Quello di oggi è stato un gran lavoro, ma ce l'hai fatta. Se prima non ti piaceva Hello Kitty, spero che ora ti piaccia.

Final Hello Kitty imageFinal Hello Kitty imageFinal Hello Kitty image
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