Advertisement
  1. Design & Illustration
  2. How-To
Design

Com Crear un Adorable Gatet Cartoon en Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Catalan (Català) translation by Óscar Salas Fernández (you can also view the original English article)

Final product image
What You'll Be Creating

Alguna vegada quisíste il·lustrar un llibre per a nens o aprendre a dissenyar adorables personatges de cartoon? Pot ser que aquest tutorial sigui interessant per a tu! Recorrerem un divertit i fàcil procés de crear un adorable gatet Siamés en Adobe Illustrator, usant formes senzilles, Efectes de Deformació i l'Eina Llapis amb una mica de dibuix a mà alçada. Llest per començar?

Al final d'aquest tutorial, hauràs descobert nous consells i trucs que pots aplicar als teus futurs treballs, creant més personatges com aquests Adorables Animals Cartoon de GraphicRiver.

cute cartoon animals from graphicriver

1. Com Dibuixar el Cap del Gat

Pas 1

Comencem per crear un Nou Document de grandària 600 x 600 px i Modo de Color RGB. Usa l'Eina Rectangle (M) per fer un rectangle de la mateixa grandària i Emplena-ho d'un color blau clar per al fons.

create a new document

Pas 2

Començarem amb la base del cap. Utilitza l'Eina El·lipse (L) per fer un oval beix clar de 285 x 215 px. Selecciona els seus punts d'ancora laterals amb l'Eina Selecció Directa (A) i arrossega'ls uns quants píxels cap avall, fent la part inferior de la forma una mica més plana. Pots moure'ls en mantenir pressionada la tecla Majúscules i fent clic i arrossegant el teu ratolí o en usar la tecla Fletxa A baix.

Copia (Control-C) la forma i Pega-la Davant (Majúscules-Control-V). Mantingues pressionades les tecles Alt-Majúscules i fes la copia més petita. Canvia el seu color a gris pàl·lid.

create a head from ellipse

Pas 3

Anem a adjuntar un parell d'orelles al capdavant del gatet. Primer, pren l'Eina Polígon (està localitzada en el mateix menú desplegable que l'Eina Rectangle (M) i només un clic en qualsevol part de la Taula de Treball per obrir el menu Opcions.

Estableix el valor de Costats en 3 i crea un triangle de la mateixa forma grisa pàl·lid que tenim per a la cara. Pots usar l'Eina Comptagotes (I) per prendre i aplicar el color si no està seleccionat en el panell Colors.

Ara anem a transformar la forma per fer-la lluir més com una orella. Mantenint-la seleccionada, veu a Efecte > Deformar > Bombar i estableix el valor de Corbar Vertical en 40%; Distorsió Horitzontal en -10%. D'aquesta forma, estem bombant la nostra forma i corbant-la cap a l'esquerra.

Objecto > Expandir Aparença per aplicar l'efecte. Selecciona el seu punt d'ancora superior amb l'Eina Selecció Directa (A) i arrossega el marcador circular de les Cantonades Vives cap avall, fent arrodonida la part superior de la forma. També podem ajustar el Radi del Vèrtex des del panell de control en la part superior, si es necessita.

create the ear and use the warp effect

Pas 4

Mantenint la forma seleccionada, ve a Objecte > Traçat > Desplaçament i estableix el valor de Desplaçament en -15 px, deixant les altres opcions com a Predeterminades. Fes clic en OK per crear un triangle més petit i Emplena-ho de color rosa, creant així la part interna de l'orella.

Fes la part superior de la forma rosa arrodonida també, usant l'Eina Selecció Directa (A) i l'opció Escaires Vives.

use the Offset path function

Pas 5

Agrupa (Control-G) tots dos elements de l'orella i uneix-los al capdavant, Girant i redimensionant l'orella per fer-la encaixar en el cap.

Doble clic en l'Eina Reflex (O), selecciona l'Eix Vertical i fes clic a Copiar per fer una copia calcada de l'orella. Acobla-la en la part contrària del cap.

reflect the ear and attach to the head

Pas 6

Anem a continuar i a dibuixar la cara del nostre personatge. Utilitza l'Eina El·lipse (L) per fer una el·lipse blanca de 65 x 55 px per a l'ull. Usa l'Eina Selecció Directa (A) per escurçar el manejador dret del punt d'ancora superior i el manejador superior del punt d'ancora dret, fent la vora dreta de l'ull més inclinada.

Ara agrega un oval blau clar de 50 x 60 px per a l'iris i una el·lipse blava fosc de 30 x 37 px per a la pupil·la. Col·loca la formes com es mostra en la captura de pantalla d'a baix, cobrint la meitat dreta de l'ull.

make an eyeball from ellipse

Pas 7

Agrega una diminuta el·lipse blanca per a la il·luminació, i vegem com podem ocultar les parts innecessàries de l'iris.

Copia (Control-C) l'ull blanc, Pega-ho Davant (Control-F) i Porta-ho al capdavant (Majúscules-Control-]). Ara selecciona tots els elements de l'ull, fes clic en el botó dret del ratolí, i Crear Màscara de Retallada, col·locant així tot dins de la copia superior, que serveix com un contenidor imaginari. Totes les formes dins d'aquest contenidor encara són editables. Pots trobar al Grup de Retallada en el panell Capes, desplega-ho, i mou, edita i reorganitza els objectes.

create a clipping mask

Pas 8

Usa l'Eina Reflex (O) per Girar l'ull sobre l'Eix Vertical i fer una Copia. Mou l'iris i els seus elements dins de la Màscara de Retallada per arreglar la mirada del gatet.

create a copy for the second eye

Pas 9

Ara anem a dibuixar el nas. Fes una el·lipse rosa clar de 25 x 15 px i modifica-la una mica amb l'Eina Selecció Directa (A), movent els seus punts d'ancora superior i inferior cap avall per fer-la lluir més com un triangle arrodonit a l'inrevés.

Fes una altra el·lipse de 13 x 2 px per al front, Emplena-la de color gris clar, i modifica-la lleugerament. Gira el front i usa l'Eina Reflex (O) per agregar una segona.

create a nose and brows from the ellipses

Pas 10

Anem a prosseguir i a representar una boca. Utilitza l'Eina Segmento de Línia (\) mentre mantens pressionada la tecla Majúscules per dibuixar una línia recta horitzontal. Aplica un color de Traç gris fosc des del panell Color. Ajusta el grossor de la línia ja sigui des del panell de control en la part superior o des del panell Traço (Finestra > Traço) en establir el Grossor en 3 pt i la Rematada en Extrem Arrodonit.

Ve a > Efecte Distorsionar & Transformar > Ziga-zaga. Des d'aquí, estableix la Grandària en 4 px, Crestes per segment en 3, i Punts a Suavitzar. Ajusta el valor de Crestes per segment si el teu resultat difereix del presentat en la imatge d'a baix.

make a stroke and apply Zig Zag effect

Pas 11

Objecte > Expandir Aparença per aplicar l'efecte. Podem editar les puntes de la línia usant l'Eina de Selecció Directa (A). Gira els punts d'ancora cap avall per fer les cantonades de la boca arrodonides.

expand appearance and edit the shape

Pas 12

Anem a dibuixar els bigotis usant l'Eina El·lipse (L). Fes un cercle gris fosc de 40 x 3 px, selecciona els seus punts d'ancora laterals amb l'Eina Selecció Directa (A), i Convertir punts d'ancora seleccionats en vèrtex des del panell de control en la part superior, fent els punts de l'el·lipse punxeguts.

Duplica (Control-C > Control-F) la forma unes quantes vegades, fent les còpies més petites i Girant-les per agregar més bigotis.

make whiskers from ellipses

Pas 13

Finalitza el cap del gatet en agregar un divertit mechón de pèl a dalt, usant l'Eina Llapis (N). Pots ajustar la configuració de l'eina en fer doble clic en ella per obrir la finestra d'Opcions de l'Eina Llapis. Des d'aquí, mou el regulador de Fidelitat més a la dreta si vols fer les línies més suaus o cap a l'esquerra si estàs usant una tableta gràfica i tens una mà ferma.

draw a tuft of hair

2. Com Dibuixar el Cos del Gatet Amb l'Eina Llapis

Pas 1

Anem a començar a fer el cos amb una el·lipse. Crea una el·lipse de 160 x 210 px de color beix fosc. Utilitza l'Eina Selecció Directa (A) per seleccionar tots dos punts d'ancora laterals i arrossega'ls cap avall, fent que la forma se sembli a un ou.

Envia l'el·lipse Darrere (Mayúsculs-Control-[), sota el cap.

make the body from the ellipse

Pas 2

Ara agafa l'Eina Llapis (N) i practiquem una mica el nostre dibuix a mà. Dibuixa una pota davantera dreta i uneix-la al cos, com es mostra a baix.

Anem a aplicar un Degradat Lineal senzill a la pota, fent que el gatet sembli Siamés. Usa el panell Degradat (Finestra > Degradat) per aplicar un color gris fosc al regulador esquerre i l'Eina Degradat (G) per ajustar l'adreça del degradat, barrejant-se apropiadament amb el cos.

Duplica la pota i col·loca la còpia com es mostra en la captura de pantalla d'a baix.

draw the paws

Pas 3

Ara anem a afegir les potes posteriors. Usa l'Eina Llapis (N) per dibuixar la forma desitjada de la pota, Envia Darrere (Majúscules-Control-[), i fes-la lleugerament més fosca que el cos per separar els elements un d'un altre. Pots aplicar el mateix degradat a aquesta pota o no, perquè estarà oculta darrere de l'ampolla. En cas que vulguis animar el teu personatge o canviar alguns dels seus detalls més endavant, assegura't d'haver aplicat el mateix degradat a totes les potes. Selecciona les potes i usa l'Eina Comptagotes (I) per seleccionar i aplicar l'aparença.

Finalitza les parts del cos afegint una simpàtica cua arrissada usant l'Eina Llapis (N), i Emplena-la del mateix Degradat Lineal.

Sensacional! Sembla que el nostre gatet està llest! Anem a afegir-li un detall final.

add back paws and a tail

3. Com Dibuixar L'Ampolla de Llet

Pas 1

Com pot ser que ja sàpigues, els gats en realitat són intolerants a la lactosa, i, per tant, indiferents a la llet. No obstant això, com estem creant la il·lustració per a nens amb un personatge imaginari, podem dibuixar qualsevol cosa que vulguem, tant un batut de llet com un batut de fruita congelada verda o una llauna de soda, depenent del propòsit de la imatge. En el nostre cas, fem que el nostre gatet sigui un amant dels batuts!

Així que anem a començar a crear la nostra ampolla des d'un rectangle blau clar de 90 x 150 px. Agrega un rectangle de 40 x 65 px i col·loca-ho sobre el primer, formant un coll d'ampolla.

Pots Alinear ambdues formes amb la Taula de Treball o amb l'Objecte Clau, usant el panell Alinear (Finestra > Alinear). Selecciona ambdues formes i fes clic a Centrar per Alinear amb Taula de Treball. Si vols alinear amb un dels objectes, fes clic en ambdues formes i fes clic en una d'elles una vegada més. Veuràs una selecció més gruixuda al voltant d'ella, indicant que aquest és l'Objecte Clau.

Una vegada que estiguis satisfet amb el resultat, selecciona ambdues formes i Unifica-les en el panell CercaTraços, fusionant-les en una silueta.

create a bottle from two rectangles

Pas 2

Anem a seleccionar les cantonades de l'ampolla amb l'Eina Selecció Directa (A) i fes-les arrodonides en tirar del marcador circular de les Cantonades Vives. Selecciona els vèrtexs interiors entre el cos de l'ampolla i el coll d'ampolla, i també arrodoneix-los. Pots ajustar el Radi del Vèrtex des del panell de control superior si vols arrodonir nombres, o podries deixar-ho com està si es veu bé.

Agafa l'Eina Curvatura (Majúscules-') i fes la part inferior de l'ampolla lleugerament arrodonida en corbar cap avall la seva vora.

make the bottle smooth and rounded

Pas 3

Ve a Objecte > Traçat > Desplaçament i estableix el valor de Desplaçament en -5 px, creant dins una silueta més petita. Emplena-la de color blau més clar per fer les vores del vidre de l'ampolla gruixuts. Duplica (Control-C > Control-F) la nova forma i Emplena la còpia de blanc per a la llet.

use the offset path to add milk

Pas 4

Anem a fer l'ampolla mitjà buida! Crea una el·lipse, Gira-la, i redimensionala, fent-la encaixar en la part interna de l'ampolla. Selecciona l'el·lipse i la forma de la llet. Ara agafa l'Eina Constructor de Formes (Majúscules-M), mantingues pressionada la tecla Alt i, tan aviat com vegis un diminut signe de menys al costat del cursor del teu ratolí, col·loca-ho sobre la meitat superior de la forma de la llet. Una vegada que es torni grisa, fes només un clic en ella per Eliminar aquesta peça. Estupend! La meitat de la llet va desaparèixer!

use the shape builder tool

Pas 5

Anem a formar la part superior del coll d'ampolla. Fes una el·lipse de 60 x 20 px i Emplena-la de color blau lleugerament més clar que el cos de l'ampolla. Crea una el·lipse més petita dins de la primera per formar un forat, fent-ho manualment o usant la funció Desplaçament de Traçat.

create the bottleneck from ellipses

Pas 6

Ara que l'ampolla està acabada, Agrupem (Control-G) tots els seus elements i col·loquem-la en les potes del gatet. Podem fer-ho en posicionar l'ampolla en el lloc desitjat i després Enviar-la Darrere (Control-[) unes quantes vegades o arrossegant-la cap avall manualment en el panell Capes.

place the bottle in kittens paws

Pas 7

Anem a afegir una pajita, fent la imatge més detallada. Usa l'Eina Ploma (P) per dibuixar una polilínea. Aplica color rosa per al Traç en el panell Colors. Després obre el panell Traço i estableix el Grossor en 4 pt, fent la pajita més gruixuda.

Igual que amb les formes geomètriques, podem usar la funció Cantós Vius per les polilíneas. Selecciona el punt d'ancora del vèrtex amb l'Eina Selecció Directa (A) i fes-ho lleugerament arrodonit.

Una vegada que estiguis satisfet amb com llueix, ve a Objecte > Expandir la línia per convertir-la en una forma.

create a straw with the pencil tool

Pas 8

Ja que la part inferior de la pajita es localitza dins de l'ampolla, el seu color hauria de diferir de la part superior doncs està atenuat darrere del vidre.

Vegem com podem aconseguir aquest efecte. Selecciona la pajita i l'el·lipse interior del coll d'ampolla. Pren l'Eina Constructor de Formes (Majúscules-M) i fes només un clic en la part inferior de la pajita una vegada que es torni gris. Nota que aquesta vegada no anem a mantenir pressionada la tecla Alt o qualsevol altra tecla perquè volem dividir la forma, fragmentant la pajita en dues parts.

Emplena la part inferior de color rosa més clar i Envia Cap a Enrere (Control-[) unes quantes vegades, parcialment ocultant-la darrere del coll d'ampolla.

divide the straw with the shape builder tool

Pas 9

Així és com llueix ara tot junt. No oblidis Portar la forma de la boca al capdavant (Majúscules-Control-]), cobrint la punta de la pajita.

Bring the mouth shape to Front

Pas 10

Finalitzem nostra il·lustració en agregar qualsevol detall menor al nostre gust. Per exemple, aquí he escampat un grup d'el·lipses blava fosc, col·locant una ombra sota el gatet.

add shadow ellipses

Miau! La nostra Il·lustració d'un Gatet Adorable Està Acabada!

I aquí ho tenim! Estupend treball!

Si vols consultar l'arxiu font per veure tots els detalls, o si necessites el conjunt complet de sofisticats personatges per als teus dissenys, pots agafar aquests Animals Cartoon Adorables en GraphicRiver.

Cute Cartoon Animals from GraphicRiver

Espero que hagis gaudit seguint aquest tutorial i hagis après alguns consells i trucs senzills que t'ajudaran a agilitar el teu treball per crear més il·lustracions sofisticades de personatges en caricatura!

Cute Kitten Character Adobe Illustrator Tutorial
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.