Hur man skapar en Chibi Lollipop och Lullaby Munchkin i Adobe Illustrator

Vad du ska skapa

Representera Lollipop Guild och Lullaby League med denna söta illustrationtutorial. Vi ska arbeta tillsammans med en skiss, bygga upp solida former, skapa linjekonst, göra vår illustration och skapa en enkel bakgrund som är värd Oz själv. Resan över regnbågen för denna super söta chibi-stil handledning!

1. Börja på toppen

Steg 1

Låt oss börja med den skiss som du kan ladda ner på länken till höger. Jag har öppnat den i Adobe Illustrator CC och placerade den på sitt eget lager. Den kommer att användas som riktlinje för resten av denna handledning. Alternativt kan du designa dina egna tecken och följa med de tekniker och steg som beskrivs nedan för att skapa en annan, personlig design.

Steg 2

Låt oss börja med Lullaby League-flickans huvud!

  1. På en Nytt lager, Använd Ellipsverktyg (L) att rita en cirkel i hudtonen efter eget val.
  2. Använd Direktmarkeringsverktyg (A) att dra ner den nedre ankarpunkten för att bilda hakan.
  3. Lägg till två nya ankarpunkter i den nedre halvan av ellipsen för att bilda käften.
  4. Justera handtag på förankringspunkterna som du tycker är lämpliga för att ge din karaktärshuvud en söt men genkännbar form, se nedan.

Steg 3

Låt oss rita några snabba och enkla öron och skapa konturer för öronen och huvudet.

  1. Rita en ellips, som du gjorde med huvudet.
  2. Dra ner ankarpunkten nedåt, mer än vad som gjordes med huvudet. Kopiera (Control-C) och Klistra in (Control-V) örat.
  3. Rotera (R) ellipsen till vänster för vänster öra och till höger för höger öra. Placera varje öra bakom huvudformen i Skikten panel.

För konturerna, Lägg antingen mörkbruna streck i varje form eller Kopia och Klistra varje form och Justera deras motsvarande objekt ovanför dem i Skikten panel.

Steg 4

Låt oss fokusera lite på armarna. Använd Penverktyg (P) eller den Penna verktyg (N) (beroende på vilket du är bekvämare att använda) och spåra varje arm.

  1. Eftersom denna karaktärsarmar är utsträckta, ritade jag från axeln till handleden som en form.
  2. Den andra formen, ritad med Penna verktyg, var handen. Det är upp till dig om din karaktär har fyra fingrar eller fem.
  3. KopiaKlistra, och Reflektera vänster arm för att skapa höger arm. Grupp (Control-G) varje arms komponenter tillsammans.

2. Rita klänningen

Steg 1

Jag minskade Opacitet av hela skissskiktet i Skikten panel till ca 40% eller så. Detta gör det lättare för mig att spåra min ursprungliga skiss.

  1. Använda Penna verktyg med Glättning Sätta i mitten eller så, spåra den ruffade kragen på klänningen.
  2. Fyll i formen, sätt fyllfärgen till rosa och placera den under huvudet men över armarna.

Steg 2

Jag tog de andra klänningsdelarna i steg, alla spårade från den ursprungliga skissen.

  1. Som vi gjorde ovan är kragen under huvudet men över armarna.
  2. Klänningen är under kragen, men över armarna.
  3. Den övre kjolen är ovanför bodice men under kragen.
  4. Den nedersta kjolen är under den övre kjolen.

Vi definierar bättre dessa klänningskomponenter i nästa steg.

Steg 3

De ruffade sidobitarna ska delas upp i sektioner: övre delar och undersidor.

  1. Jag ritade en mörkrosa form och placerade den under kjolen (som framgår av själva skissen). Börja med den övre delen av sidrullen, ritade jag en form som slutade vid första vikningen.
  2. Upprepa denna process med att dra varje form upp till där den stannar vid vikten och använd mörkrosa för att indikera delar av det vikta tyget som går under varje rufs.

Steg 4

Om du hellre vill ha en mer symmetrisk klänning kan du göra följande:

  1. Jag tog bort den högra halvan av kjolen. Du kan göra det genom att radera noder eller placera en annan form över varje kjolkomponent och slå Minus FrontStigfinnare panel. Grupp vänster sida tillsammans (inkludera inte kragen och bodice).
  2. KopiaKlistra, och Reflektera gruppen horisontellt för att skapa rätt sida. Justera gruppen till den övre kanten på vänster sida.

Grupp tillsammans dina klädselar för nu och vi kommer fram till benen.

3. Rita benen och skorna

Steg 1

  1. Liksom många andra komponenter, spåra benet med Penverktyg.
  2. Jag gjorde det fullt och kommer att dra balettskon ovanpå den.

Steg 2

För skogen ritade jag en stor form över foten med Penna verktyg.

  1. Jag valde sedan den del av den rosa blob som inte skär med benobjektet med Formverktygsverktyg (Shift-M) och raderade den.
  2. Balettskens banden drogs med Blob Brush Tool (Shift-B). Du kan rita dem med vilket ritverktyg du föredrar, förstås.

Grupp tillsammans alla dina benkomponenter.

Steg 3

KopiaKlistra, och Reflektera benet vi ritade i föregående steg. Placera den bakom den första och placera båda benen under klänningens komponenter. Jag gav armgruppen en översikt också av Enande varje arms komponenter och då kopiering och klistra in armarna för att skapa konturerna.

Steg 4

Håret och hatten är mer av samma: Spårkomponenter av designen (göm huvudet så att du kan se håret lättare och repetera med hatten).

  1. För håret bestämde jag mig för att ta den i sektioner: totalt sju av dem.
  2. Varje form har också en motsvarande konturform. Jag lagrade mina föremål på följande sätt: skiss, motsvarande form, nästa skiss, nästa motsvarande form osv.

Grupp tillsammans dina hårkomponenter. 

Steg 5

Låt oss ta en titt på hela kroppsdesignen och var och en av dess sektioner. jag grupperade tillsammans var och en av dessa sju sektioner, som består av följande komponenter:

  1. Hatten består av tre stycken: rand, hatt och ruffle på toppen.
  2. Håret består av sju bitar som vi skapade i föregående steg.
  3. Huvudet består av två öron och ett huvud.
  4. Armarna är bara de två armarna.
  5. Klänningens överdel består av kragen, och underdelen och överdelen av kjolen har varit FörenadStigfinnare panel.
  6. Den nedersta delen av kjolen består av två rosa föremål och sex mörkrosa sektioner.
  7. Och äntligen är benen två ben och fyra skonkomponenter (varje bens band var FörenadStigfinnare panel).

Varje sektion är lagrad i den ordning som ses ovanför Skikten panel.

4. Specificera huvudet

Steg 1

Eftersom jag använder en tryckkänslig grafisk tablett, är jag benägen att skapa linjekonst med Blob Brush Tool. Mina inställningar för verktyget ses nedan: Slät med Tryck aktiverat6 pt i storlek. 

Du är välkommen att använda ritverktyget efter eget val och antingen spåra linjekonst från skissen eller skapa tjocka och tunna linjer med streckade banor och Breddverktyg.

Steg 2

Jag låste min kroppsdelskikt för nu och jobbar på en Nytt lager för linjekonst. När vi slutför varje avsnitt, kommer jag Grupp linjen samverkar, placera den i det huvudsakliga konstlagret som vi arbetade tidigare, och gå sedan tillbaka till linjeskiktet.

Jag lade skissskiktet ovanför mitt kroppsskikt och satt Blandningsläge till Multiplicera för hela skiktet i Genomskinlighet panel. Se till att det enda olåsta lagret är linjelagret medan du jobbar med att skapa linjekonst.

Du kan se min lagerordning i panelen nedan.

Steg 3

I linjeskiktet börjar du antingen spåra hårets krullar eller rita ditt eget.

  1. Tjockare linjer hör på utsidan av håret och för att definiera varje hårsektion.
  2. Arbeta genom varje sektion en i taget.
  3. Jag följde konturen av de humpiga lockformar jag skapade tidigare för att lägga till tunna linjer i håret.
  4. Grupp tillsammans alla dina hårlinjekonst. Låsa upp Kroppskiktet och lägg hårlinjen över hårgruppen.

Steg 4

Låt oss ta en titt på min line art-process i åtgärd. När jag arbetade på hatten i linjeskiktet började jag med den tjockare konturen och drog sedan tunna, krökta linjer för att visa hur ruffled hatten är. Igen, Grupp tillsammans din hattlinjekonst och placera gruppen ovanför hattgruppen i kroppsskiktet.

Steg 5

Jag höll hatt och hår synligt i kroppsskiktet medan jag arbetade i ansiktet. Jag skisserade huvudet och öronen igen, vilket gav öronen lite mer detalj och satt sedan på att arbeta i ansiktet själv, med början på höger öga.

Steg 6

  1. Jag fyllde i ögonen och drog några tjocka övre ögonfransar.
  2. Munnen är ett jätte, öppet leende.
  3. Jag drog tungan med Penna Verktyg, vilket gör att det kan vara en enkelt blobform.
  4. Tänderna och bruna i ögonen drogs ovanpå de andra formerna och spårde skiktskiktet med Penverktyg och fyller dem i med motsvarande färger (vit respektive brun).

Näsan är en enda punkt och ögonets höjdpunkter är vita hjärtan och cirklar. Grupp Allt tillsammans och placera det under håret men över huvudet i Skikten panel.

5. Detaljera kroppen

Steg 1

  1. Från och med klänningens krage ritade jag bågen i fyra stycken (två för bågen och två för svansarna) och Förenad dem. 
  2. Därefter skisserade jag bögen, ritade några detaljer på den och ritade linjer för veck i kragen.

Placera bågkomponenterna över kragen. Pläterna kommer att gå över kragen i lagerpanelen, och bögen kommer att gå under huvudet.

Steg 2

Arbeta på klänningens topp, vi vill definiera veck och veck i klänningen själv.

  1. Kragen var väldigt väldigt veckad. Vikarna sträcker sig från topp till botten i formen.
  2. Klädpluggen är lite annorlunda. Vissa börjar i midjan och huvudet hela vägen ner till kanten.
  3. Andra börjar längst ner på kjolen och stoppar runt mitten av kjolen.

Variera plaggen stilar för varje del av kjolen, Grupp tillsammans din konstkonst och placera den ovanför kjolgruppen men under kragegruppen i Skikten panel.

Steg 3

I botten av kjolet, överväga de avsnitt som definieras i skissen:

  1. Vika veck viks över rent.
  2. Andra veck i kjolen visar deras undersida. Dessa definierades med mörkrosa former.

Varje sektion har två eller trefaldiga linjer i dem. Placera denna grupp av linjearbete under den första kjolgruppen men över den andra.

Steg 4

Banden på skorna är vikta och viklade runt benen. Några av linjerna på band sträcker sig helt över dem, medan andra slutar i mitten.

Skon själv behöver bara en linje för att skilja den från benet och en annan för att visa sömmen vid öppningen.

Steg 5

Låt oss ta en titt på min färdiga linjekonst. Jag lade till ett par detaljer till varje arm samt att definiera ballettskorens tåkant. Varje radkonstgrupp sitter ovanför dess motsvarande kroppsdel ​​i Skikten sektion.

6. Render With Gradients

Steg 1

Låt oss ta en titt på de allmänna stegen av gradienter som jag ska använda för att göra lullaby-karaktären. 

Alla gradienterna går från 100% till 0% opacitet.

  • För skuggor är gradienterna Linjär med Blandningsmetoder satt till Multiplicera. Färger är en mörkare nyans än den som de överlappar.
  • Blush är a Radiell gradienten också inställd på Multiplicera. Eftersom det är rodna är dess färg rosa.
  • Höjdpunkter är antingen Radiell eller Linjär, beroende på vad som fungerar bäst (i ansiktet valde jag radiella gradienter för höjdpunkter och på kläder som jag brukade mest använda Linjär gradienter) med Blandningsläge satt till Skärm.

Jag spelade också med Opacitet av formerna själva, beroende på hur mörkt eller lätt jag ville ha en form att vara.

Steg 2

Liksom linjekonst bearbetas varje gradientsektion i sitt eget skikt och placeras sedan i huvudkroppskiktet under linjekonst men över kroppsformerna.

För ansiktet ritade jag med Penverktyg och Penna verktyg, beroende på kontrollen ville jag ha skuggformar för att hjälpa till att definiera den gjutna skuggan från håret. Dessa former följer hårets kontur.

Jag drog ovaler för rodnad under ögonen, på kinderna. Det finns en liten ellipsa under näsan med en skugggradient (solbränna till ljusbrun) och det finns höjdpunkter som dragits ovanpå näsan och hakan (Radiell gradienter inställda på Skärm).

Steg 3

Jag ritade skuggor på varje hårsektion, som definierar gjutna skuggor från varje överlappande sektion, liksom några av krullarna i håret. Gradienterna är Linjär och gå från mörkgul till den gula av håret själv. Grupp tillsammans skuggkomponenter.

Höjdpunkterna drogs på varje kröning med Radiell gradienter inställda på Skärm. Du kan antingen använda ljusgul eller samma gul som används för håret. Grupp tillsammans dina framträdande former. 

Placera båda grupperna ovanför håret men under hårets linjekonst i Skikten panel.

Steg 4

Skuggorna på kroppen och kläderna är ganska enkla: de definierar gjutna skuggor (som de på armarna) och vikar (som de på klänningen).

Arbeta genom varje avsnitt skapa grupper av skuggor och grupper av höjdpunkter. Kroppsskuggor och höjdpunkter är nyanser av solbränna och persika (för min design) och klänningen har olika nyanser av rosa. Notera riktningen för varje gradientform nedan. Använd Gradient Tool (G) för att justera dina gradients vinklar och radier, beroende på vilken gradient du har skapat.

Steg 5

Låt oss ta en titt på mina gradientgrupper utan karaktärens kropp.

  1. Håret visar hur skuggformerna följer konturen på varje hårsektion samt några extra krusar. Höjdpunkterna visas som gula mot ljusgula när de är vita, så att du enkelt kan se dem. Notera hur de sträcker sig över de större delarna av varje krull.
  2. Ansiktet har skuggformar bakom ögonen, under håret, på öronen, under näsan och under munnen. Blush visas på båda kinderna och höjdpunkter visas på näsan och hakan.
  3. Klänningens överdel har skuggformar som definierar vikarna och veckarna i kjolen samt den gjutna skuggan från kragen. Mörkare färger ligger närmare vikningar och objekt som överlappar varandra. Höjdpunkterna kommer att placeras i vikarnas centrum för att visa de olika nivåerna inom tyget.

Steg 6

Det finns inte mycket att göra på denna design. Jag lade till både skuggor och höjdpunkter på hatten och visade hur ruffly topp och rand är, liksom den kurva formen på hatten själv. Layering genomskinliga gradienter är ett bra sätt att snabbt göra ett föremål inom en illustration.

De lägre kjolformarna har mer skuggor på dem eftersom de är under resten av klänningen. Dessutom har benen kastat skuggor från klänningen och skorna har starkare höjdpunkter än de andra föremålen, eftersom ballettskor tenderar att vara gjorda av satin.

Grupp sammanfoga var och en av dina gradientsektioner och placera dem över deras kroppskomponenter och under deras linjekonstgrupper inom Skikten panel.

7. Rita Lollipop Guild Boy

Steg 1

Denna process är lite snabbare, eftersom vi har gjort det tidigare. Jag kommer att påskynda handledningen och notera alternativa tekniker för att slutföra det andra tecknet i färre steg.

  1. Kopia och Klistra huvudet från Lullaby League-tjejen.
  2. Använda Direktmarkeringsverktyg, Justera ankrarna och ankarhandtagen så att de passar huvudet på den andra karaktären.
  3. Alternativt kan du skriva om huvudet, men jag tycker det är lättast att flytta käften och sidan av huvudet för en 3/4 vy.

Steg 2

Vapen av denna karaktär dra nytta av att bli utförd i tre delar jämfört med bara två.

  1. För det första finns händerna i armbågen. Du kan antingen dra dem på en gång eller dra varje hand och sedan underarmen, Enande dem i Stigfinnare panelen efter.
  2. Ge varje sektion en översikt (antingen lägga till en mörkbrun stroke mot objekten eller kopiering och klistra in objekten och placera de strejkade banorna ovanför originalobjektet).

Steg 3

Inte alla delar av armarna visar i denna design. En del av karaktärens högra arm är täckt av den jätte lollipopstaven och det mesta av kroppen är täckt av kläder.

  1. Jag ritade skjortans ärmar och skjortans kropp som tre separata komponenter med Penverktyg och då Förenad dem.
  2. Kragen består av två former, och knapparna är också två cirklar. Shortsna är en separat form alldeles egna. 

För denna karaktär valde jag att skapa de inledande konturerna genom att helt enkelt lägga till en stroke till det fyllda objektet i Stroke panel med Caps och Corners satt till Avrundad.

Steg 4

Liksom karaktären före denna, är kroppen uppdelad i olika sektioner:

  • Hår
  • Huvud
  • Lollipop Stick
  • Vapen
  • Skjorta
  • Shorts
  • legs

För att säkerställa att handen överlappade klibbstickan, drogs en extra handform över staven, som matchade det första som sattes i gruppen långt under det.

8. Rita Lillipop Guild Line Art

Steg 1

Låt oss börja med håret. Än en gång kan du följa med krullarna ritade i skissen, eller skapa din egen. Det finns färre sektioner (bara tre), så det finns mindre att skapa denna gång.

Håret krullar upp i mitten och på sidorna. Notera de kortare linjerna som ritats på den stora delen till höger, vilket visar hårets struktur.

Steg 2

Ansiktet är ganska enkelt också. Jag använder Blob Brush Tool Att rita alla dessa detaljer, men du kan använda vilket ritverktyg som helst som bäst.

  1. Ögonen är njurliknande former med stora halvcirklar i övre högra hörnen.
  2. Ögonbrynen är stora kontrollmärken, och munnen är en dum kurva.
  3. Rösten är en rosa krypa under ögonen.
  4. Grupp sammanfatta alla dina ansiktsdelar och placera dem ovanför huvudet i Skikten panel.

Steg 3

Låt oss kolla in några av kläddetaljerna:

  1. Skjortan har ett par linjer ritade på kragen, detaljer på knapparna och några kurvor i skjortan i skjortan. Du är välkommen att rita skjortans mönster och placera den under linjekonst eller hålla din tröja en solid färg.
  2. Byxorna och strumporna har stygnliknande detaljer som läggs till på höger sida av varje.

Steg 4

Här är ett snabbt skott av de flesta isolerade linjekonst. Jag tyckte det var lättast att slutföra det på en gång och gruppera det tillsammans så att när jag skapade mina gradientformer skulle de gå under linjekonst. Du kan använda vilken teknik som helst för att skapa och beställa din linjekonst inom din Skikten panel som du gillar bäst.

Steg 5

Här är ett skott av den färdiga linjekonsten och färdigbyggnad med designskiktet doldt. Som du kan se har jag lagt till mer information till själva lollyn, inklusive några gnistrande stjärnor och några extra detaljer på skor. Härifrån är vi redo för denna karaktärs korta gradientsektion.

9. Rendera Lollipop Guild Boy

Steg 1

Med fokus på ansiktet först vill jag se till att den skalliga delen av huvudet är glänsande med en höjdpunktsform och håret fortfarande kastar en skugga på höger sida av ansiktet. Kinderna, näsan och hakan är också markerade. Grupp din skugga och framhäver i ansiktet tillsammans och placera dem under hårgruppen och ovanför huvudgruppen.

Steg 2

Titta på håret, märka hur höjdpunkterna ser håret ser glänsande ut, som om denna karaktär slät ner den och skulpterade krullarna med pomade. Skuggorna skapar djup mellan varje sektion som har definierats av linjekonst.

Steg 3

För kroppen är skuggorna inte lika starka som den veckade klänningen som bärs av Lullaby League-tjejen.

  1. Fokusera på de gjutna skuggorna från huvudet, krage, klibb och varje klädesdel.
  2. Bekräfta klädets kanter, som är ojämnare än ballerina, med skugggradientformer (notera ärmarna).
  3. Skuggorna och höjdpunkterna på shortsna är ljusare än skjortan. De grupperas också tillsammans och placeras under skjortkomponenterna i panelen Lager.
  4. Höjdpunkterna på skjortan är huvudsakligen på skjortans axel och bröstkorg. Om jag placerar en höjdpunkt på varje kammussling, skulle den se mer vikta, vilken design inte är.

Fortsätt med skor och ben, vilket gör det på samma sätt som gjort med karaktären före den här.

10. Skapa bakgrunden

Steg 1

Varje tecken är på sitt eget låsta lager. Jag har gömt skissskiktet och arbetar på ett bakgrundslag under de två tecknen. Rita en stor blå cirkel med Ellipseverktyg och fyra horisontella linjer med olika längder ritade med Linjesegmentverktyg (/).

Steg 2

Rita flera korta, vertikala linjer mellan de horisontella för att skapa tegelstenar. Grupp tegelstenarna sammanfogar och låser dem i Skikten panel. Låsa den blå bakgrundscirkeln också.

Använda Penna verktyg eller den Blob Brush Tool, rita en stor, skribbar form för att skapa basen för guldstenen.

Steg 3

  1. För gnistrar använde jag Blob Brush Tool att rita cirklar, prickar och gnistrande former i ljusgul.
  2. Därefter lagrade jag några vita gnistar över de ljusgula.
  3. Sedan använde jag en medelgul för att slutföra det glänsande, glittrande utseendet på tegelstenarna grupperade alla dessa former tillsammans genom att välja hela sektionen med Urvalsverktyg (V).

Placera gnistgruppen under tegelstenen och låsa upp de övriga bakgrundskomponenterna.

Steg 4

För att skapa en snabb regnbåge, rita sex identiska rektanglar och sätt deras färger till någon version av en regnbåge. Grupp rektanglarna tillsammans och gå till Effekt> Warp> Arc med följande attribut:

  • Horisontell
  • Böja: 86%

Under Objekt, träffa Expand Utseende.

Steg 5

Rotera regnbågen och placera den i bakgrunden av din design. Jag har gömt karaktärerna för nu så att du enkelt kan se min regnbågs placering.

Steg 6

Med ditt föredragna ritverktyg rita ett par vita moln på vardera sidan av din design.

Steg 7

Rita cirklar, blobs eller halvcirklar för att skapa en serie gröna kullar bakom dina karaktärer. Lägg till lite bruna vs för att skapa fåglar som flyger på avstånd.

Steg 8

Grupp tillsammans den blå cirkeln, regnbåge, fåglar, moln och kullar. Kopia och Klistra cirkeln från gruppen och placera den över bakgrundsgruppen. Välj båda och Skapa en klippmask (Control-7). Placera klippgruppen under tegelvägskomponenterna i bakgrundsskiktet.

Dela din färdiga design

Lägg till några avslutande detaljer av bakgrundslinjekonst och gnistrar, eller till och med gå vidare och gör din bakgrund med gradientformer. Dela ditt resultat från denna handledning eller en illustration med hjälp av teknikerna i denna handledning i kommentarfältet nedan!