Lag en lykkelig treillustrasjon med boblevenner

La oss lære å lage et morsomt trekarakterdesign fra første skisse gjennom å lage hver detalj i Adobe Illustrator. Denne opplæringen skisserer en profesjonell arbeidsflyt for å skape tegnbaserte illustrasjoner. Sett et smil på ansiktet ditt og la oss få til å skape en illustrasjon med morsomme tegn!

Du kan finne kildefilene i katalogen merket "kilde" som kom i filene du lastet ned. Du kan ønske å se gjennom dem kort før vi begynner.


Trinn 1

La oss først skisse vårt morsomme tegn. Ta tak i blyanten og fortsett å tegne til bildet passer til dine behov. For meg er det kvaliteten på blyantskissen som gjør virkningen av den digitale illustrasjonen. Så jeg prøver alltid å forbedre tegneferdighetene mine!



Steg 2

Jeg ryddet skissen på en lightbox og fylte ut alle manglende detaljer. For meg er det nødvendig å vite hva resultatet blir. Jeg prøver å fullføre bildet gjennom alle trinn i prosessen.



Trinn 3

Skann bildet. Det blir lettere å spore små detaljer hvis du bruker 300 dpi. Bruk gråtoner, slik at filstørrelsen vil være relativt liten. Hvis det trengs, åpner du filen i Photoshop og velger Bilde> Justering> Lysstyrke / Kontrast for å øke bildens kontrast.



Trinn 4

Før du starter, ser jeg på skissen og prøver å finne ut hvor du skal begynne og hvordan prosessen med å bygge kan være. Hvor kan det være noe problem? Hvor skal jeg starte? For meg er dette et veldig viktig skritt. Bygg bildet i tankene dine før du bygger det i vektorer!

Merk: For min arbeidsprosess begynner jeg med å bygge alle former. Deretter fullfører jeg dette og legger til fargene.



Trinn 5

Åpne Illustrator og velg Arkiv> Nytt (Kommando + N) for å opprette et nytt dokument. Velg A4-størrelse og CMYK-fargemodus. I denne modusen er fargene enklere å håndtere. Velg Fil> Plasser for å plassere den skannede skissen. Gå til lagpaletten og opprett et nytt lag, nevne det "Tree". Det vil være laget vi jobber med. Hvis arbeidet ditt er veldig komplekst, ikke glem å gi navn til lagene dine! Lås også "skisse" laget.



Trinn 6

La oss starte med det grønne treet. Selv om vi kunne lage det med pennverktøyet, foretrekker jeg at dette skal bruke Ellipse-verktøyet, da kurvene vil være rounder. Følg omrisset av trekroppen ved å lage sirkler i de nødvendige størrelsene. Hold Alt + Shift når du bruker Ellipse Tool for å lage perfekte sirkler. Deretter fyll ut rommet i midten. Velg alle kretsene, trykk Legg til til formområde på paletten Pathfinder, og trykk deretter på Utvid-knappen. Pathfinder er et veldig nyttig Illustrator-verktøy, sørg for at du vet hva det handler om!





Trinn 7

Deretter lager vi stammen. For dette bruker vi pennverktøyet. Begynn å spore skisseskuffen. Bruk en 0,25pt slag slik at du kan se skissen. Det er nødvendig å være så nær som mulig på blyantlinjene. Den bezier kurver kan være vanskelig å kontrollere for vektor nybegynnere, men det er bare et spørsmål om praksis å bli vant til dem. Prøv å bare legge til ankerpunkter når det er nødvendig, og plass så få av dem som mulig. Kurvene vil rote seg på denne måten. Begynn med de to bagasjerommene og roten på bunnen.



Trinn 8

For å bygge skyggen kaster den grønne kroppen på bagasjen, dupliserer trekroppen og legger den bak. For å gjøre dette velger du trekroppsvektoren og trykker på Command + C og deretter Command + B. Flytt den ned ved å klikke på retningsfanen (16 ganger kanskje).

Velg stammen, kopi og legg den foran med Command + C og Command + F. Kopier den nye trekroppen igjen Kommando + C. Velg stammen og de nye trærne formen ved å skifte. Trykk på Intersect Shape-områdene på Pathfinder-panelet, og trykk deretter på Utvid-knappen. Den første skyggen er klar. Plasser den trukket kroppsvektoren igjen med Ctrl / Command + F, og gjenta trinnene for å lage skyggene på stammen.




Trinn 9

For munnen brukte jeg Ellipse Tool. Opprett en sirkel som følger bunnpennelinjen i munnen. Kopier den og legg den foran (Command + C og Command + F). Dra den med Shift-klikk slik at bunnlinjen er på topplinjen.

Trekk den i den formen du trenger (hold Alt mens du flytter begge sider, slik at det ser perfekt ut.) Velg begge sirkler, trykk på Subtract From Shape Area i Pathfinder-panelet, og trykk deretter Utvid-knappen. Gjør det samme med trunkøyene og haklinje. Når du har lagt alle detaljer til bagasjerommet, velger du trekroppen og legger den øverst i lagsmalen. Nå kan vi legge til alle detaljer til trekroppen.




Trinn 10

Deretter skal vi lage trebrillene. Bruk pennverktøyet med 9pt slag og runde kanter. Bygg grunnrammen med fire linjer. Velg dem ved å Bytte og klikk deretter på Objekt> Sti> Oversikt. Velg dem igjen, og trykk på Legg til formområde på Pathfinder-panelet, og trykk deretter på Utvid-knappen. Lag øynene (bruk en prosess som ligner på hvordan vi opprettet bagasjens øyne), og legg dem bak rammen i lagpaletten.

Nå må vi lage linsene. Lag dem med pennverktøyet og legg dem bak rammen, men over øynene. Legg til noen høydepunkter ved hjelp av rektangulærverktøyet og plasser rektanglene foran glasset i lagpaletten.




Trinn 11

Vi bygger munnen ved hjelp av pennverktøyet. Opprett to øyeformede former, og legg dem til venstre og høyre side ved hjelp av Pathfinder-panelet. For tennene, bruk Ellipseverktøyet. Legg en ellipse over munnformen. Kopier munnformen og sett den foran (Command + C og Command + F).

Velg dette og tannepellene ved å klikke Skift, trykk på Intersect Shape Areas i Pathfinder-panelet, og trykk deretter på Utvid-knappen. Gjenta dette for neste tann og tungen. Bygg linjene til venstre og høyre for musen, som treformen. Bruk Ellipse-verktøyet til å tegne tre ellipser, og få den ene siden til å følge blyantlinjen. Velg dem og kombinere dem med Pathfinder's Add To Shape. Bruk deretter Saksverktøyet til å kutte formen. Slett den delen du ikke trenger.




Trinn 12

For resten av trekroppen sporer skissen ved hjelp av pennverktøyet. For trekkspillet legges en 1pt-linje etterfulgt av en 0,5-punkts prikket linje (4pt).




Trinn 13

Lag et nytt lag. Gi det navnet "nederst" eller hva du vil. Dette er laget for å se på sopp, gresset og bakgrunnen. For å lage gresset, bruk Ellipse Tool, som vi gjorde for trekroppen. Gjør det samme for å lage en overskyet bakgrunnsform.


Spor soppens kropp med pennverktøyet og sopphodene med Ellipse Tool. For munnen bruker de samme teknikkene som vi pleide å lage bagasjerommet.



Trinn 14

Nå som alle former er bygget, kan vi begynne å legge til fargene. Fyll trekroppen med en lineær gradient fra lysegrønn til mørkegrønn. Endre plasseringen av Gradient Slider til 60 prosent. Gi kroppen en 0,5-tommers omriss i mørkegrønn.



Trinn 15

Fyll glasset med en lineær gradient fra gul til hvit. Sett gjennomsiktigheten til 50%. Glassbelysningen blir hvit med 50% gjennomsiktighet. Kopier den svarte rammen og legg den bak (Command + C og Command + B). Påfør en Gaussian Blur ved å gå til Effect> Blur> Gaussian Blur, og bruk en verdi på 2,0. For objektets blandingstilstand, sett den til Multiply og gjennomsiktigheten til 57 prosent - slik at brillene ser mer tredimensjonale ut.



Trinn 16

Fyll ut fargene. Ikke fyll en gradient i alle former! Det forstyrrer bildens harmoni. Bruk det bare når det trengs, for eksempel for å få armen til å se mer tredimensjonal eller for å gi den store trekkspillet i midten noe liv. Legg til en lineær gradient fra gul til mørkere gul (legg bare 25 prosent svart til fargen for å gjøre det mørkere) på håndformen. Det vil få dem til å se rounder.

Legg merke til at jeg bare legger til skisser til formen når jeg føler at dette virkelig er nødvendig. Med 0,5 pt slag ser trekkspillene mer tredimensjonal ut. Trekroppen trenger omrisset slik at disse skissene kan brukes som detaljer inne i formen.



Trinn 17

La oss legge til noen skygger. Kopier trekkspillet og legg det bak (Command + C og Command + B). Fyll den med 100% svart. Påfør en Gaussian Blur ved å gå til Effect> Blur> Gaussian Blur, og bruk en verdi på 2,0. Sett objektets blandingstilstand til Multiply og sett gjennomsiktigheten til 45%. Dra skyggen slik at den ser veldig skyggefull ut. Legg en skygge på hatten på samme måte. Prøv å finne ut hvor mørkt skyggen må være.



Trinn 18

Neste vil vi gjøre trekroppen mer myk. Kopier kroppsformen og plasser den foran (Command + C og Command + F). Skift-klikk og dra det noen millimeter til venstre. Kopier kroppsformen og legg den foran igjen (Command + C og Command + F).

Velg begge kroppene ved å trykke på Skift og trykk på Subtract fra formområdet på paletten Pathfinder, og trykk deretter på Utvid-knappen. Til venstre ser du noen små figurer som vi ikke trenger, slett dem. Fyll vektoren med grønt. Still objektets blandingstilstand til Multiply og sett gjennomsiktigheten til 20%.

Flytt det nå noen millimeter til høyre. Kopier den grunnleggende kroppsformen og legg den foran igjen (Command + C og Command + F). Denne formen trenger ingen farge. Sett det foran ved å bruke lagene. Med denne nye duplikat av trelegemet som fortsatt er valgt, Skift-klikk på den grønne formen. Lag en kappemaske ved å gå til Objekt> Klippe maske> Lag.





Trinn 19

Legg fargene til bunnlaget. Gresset får en lineær gradient fra et lett gress grønt til mørkegrønt. Fyll skyen i bakgrunnen med en 28 prosent cyan. Påfør en Gaussian Blur ved å gå til Effect> Blur> Gaussian Blur med en verdi på 3,0.

Fyll sjampinjonghodene med en radial gradient som går fra 32 prosent til 75 prosent magenta. Gi hodene en 0,5-tommers oversikt på 80 prosent magenta. Fyll en ellipse i midten med 100 prosent svart, som er for treskyggen. Påfør en Gaussian Blur til den ved å gå til Effect> Blur> Gaussian Blur, og bruk en verdi på 3,0. Sett nå blandingsmodus til Multiply og sett gjennomsiktigheten til 32%.



Trinn 20

For de små stjernene lag en sirkel med Ellipse Tool, mens du holder Alt + Shift. Velg ellipsen og gå til Effect> Distort & Transform> Pucker & amp Bloat for å hente dialogen. Endre alternativet til -75. Den første stjernen er klar.

For å lage den andre kopien av stjernen, plasser den foran (Command + C og Command + F). Skift-klikk og roter den. Skal deretter ned den. Velg begge på nytt med Shift-klikk, trykk Legg til til område i Pathfinder-panelet, og trykk deretter på Utvid-knappen. Fyll dem med 100 prosent cyan. Sett gjennomsiktigheten mellom 20 og 35 prosent. Ikke legg til mange av dem!




Endelig bilde

Det endelige bildet er under og jeg håper du likte denne opplæringen!