Share
I dag skal jeg vise deg hvordan du skal sette sammen et komplisert treillustrasjon. Ideen til denne opplæringen er å vise en arbeidsflyt fra konsept til slutt, ikke bare slik at du kan kopiere denne illustrasjonen, men slik at du kan ta ideene bak det og bruke dem til ethvert design du har. Det er ikke bare den ferdige designen, men prosessen vi er ute etter.
Alt dette ble oppnådd på et ganske standard system med Adobe Photoshop CS3 og en billig Logitech-mus. Ingen kino-skjerm, ingen tablett (gruven døde og jeg har ikke erstattet det ennå), og ingen fancy filtre eller add-ons. Allikevel nok med chit-chatten-la oss komme seg til virksomheten!
Ta en titt på bildet vi skal skape.
Vår videoredaktør Gavin Steele har laget denne videoopplæringen for å komplimentere denne teksten + bildeopplæringen.
Writer sier alltid at ideer er et dime et dusin - det er kjøringen som teller. Det samme gjelder med design, spesielt illustrasjoner. Men ideen er viktig, uten at det ikke skjer noe annet.
Ideen jeg hadde for dette var ganske enkelt. Et vridd tre som strekker seg over et lite stykke land, sannsynligvis gressbelagt, kanskje med en liten elv som flyter, alle med røtter som stikker ut av stykket. Jeg ville også ha en bråkete himmel, mørk og stormfull. Jeg kan ikke virkelig tegne en slikk, men jeg hadde et ganske godt bilde i hodet mitt. Så ledet jeg meg for å finne noe lager.
Til å begynne med må vi prep filene. Dette er den delen som designere frykter, eller i det minste gjør jeg det.
Først begynte jeg med treet som jeg visste at det skulle bli mest tidkrevende. Alle har sine egne triks og verktøy som de liker å bruke når man trekker ut et bilde.
For treet brukte jeg en todelt tilnærming. For base og lemmer brukte jeg Pen Tool zoomet inn til 400% og så mange poeng som jeg trengte. Du kan se at jeg prøver å kutte den fuzzy kanten av bildet for å gi det et rent utseende.
Jeg forlot en stor fødsel rundt løvverket.
Når du er ferdig med banen, kan du bruke den til å lage en maske. Med pennverktøyet høyreklikker du på den ferdige banen og velger valg. Sett fjærradiusen til 0 og kontroller at Anti-aliased er merket.
Deretter med valget aktivt klikker du på Legg til lagmaske-knappen.
For å kutte ut løvet, tok jeg en annen tilnærming. Bruke pennverktøyet ville ha vært for tidkrevende. Først dupliserer "tre" -laget. Neste desaturat ved å klikke Bilde> Justeringer> Desaturate (Command + Shift + U).
Neste skal vi prøve å gjøre løvet så mørkt som mulig. Gjør dette ved å justere nivåene. Gå til Bilde> Justeringer> Nivåer (Kommando + L). Klikk på den sorte øyenliperen og sett på den letteste delen av løvverket. Du kan fortsette å prøve forskjellige poeng til du får løvet nesten svart.
Etter nivåjusteringen, bruk fargespekter for å velge bare svart løvverk. Gå til Velg> Fargevalg. Jeg liker å sette forhåndsvisningen til gråtoner for dette, det kan gjøre det ganske enkelt å fortelle hvordan utvalget ditt ser ut. Pass på at Select er satt til Sampled Colors, bruk Eyedropper Tool for å velge svart løvverk. Juster glidebryteren til bare løvverk er valgt.
Når du har opprettet ditt valg, sletter du bare gråtonekopien. Så vend ditt valg ved å velge Velg> Inverskilt eller Kommando + Skift + I. Velg en anstendig størrelse (jeg brukte 60px) hard børste og klikk på masken din. Bruk nå børsten til å male rundt løvet, justere størrelsen på penselen, slik at du ikke maskerer noe av selve treet.
Når du er ferdig med å maler i masken, er det tid for litt opprykk. Når du bruker et slikt system, vil valget aldri bli perfekt. Den eneste virkelige løsningen er å gå gjennom med en liten børste og ta opp eventuelle ufullkommenheter.
Som du kan se brukte jeg et varmt rosa bakgrunnslag under treet mitt, slik at det er lett å se hvor jeg har gått glipp av masken. Jeg bruker vanligvis et trelagssystem: 1 høy kontrast (vanligvis varm rosa fordi ingenting i naturen er vanligvis rosa), 1 hvit og 1 svart. På denne måten kan jeg slå på og av de ulike bakgrunnene for å sikre at sluttproduktet ser bra ut.
Når masken er ferdig, kan du bruke masken til å velge objektet og slippe det inn i komposisjonen. Bare kommando-klikk på masken i lagpaletten for å gjøre et valg. Deretter klikker du på hovedtreet i lagpaletten, og enten Rediger> Kopier eller Kommando + C for å kopiere. Gå til hovedkomposisjonen og Rediger> Lim inn eller Kommando + V for å lime den inn.
Dette er egentlig det eneste bildet vi trenger for å gjøre en seriøs kuttjobb på. Resten vil bli tatt vare på når vi beveger seg gjennom sammensetningen.
La oss jobbe med komposisjonen nå. Det første vi ønsker å gjøre er å lage bakgrunnen. Jeg finner at illustrasjoner kommer sammen bedre med bakgrunn enn på et tomt lerret.
Start en ny fil med et A2 lerret (420mm x 594mm). Opprett en ny lagmappe med navnet "Bakgrunn." Åpne det sprukne jordfotoet, kopier det, og lim det inn i "Bakgrunn" -lagermappen. Gi nytt navn til laget "Soil."
Vi skal sette horisontlinjen på omtrent midten av lerretet. Hit Command + T for å transformere "jord" -laget. Vi trenger å endre størrelsen på laget og gi det litt perspektiv slik at det ser ut som den faktiske bakken.
Høyreklikk hvor som helst på lerretet og velg Perspektiv. Trekk de øverste ankrene mot midten av lerretet, dette vil krympe toppen av bildet mens du forlater bunnen av samme størrelse som gir en illusjon av en horisont. Målet ditt her er å samsvare med perspektivet til den delen av jorda som vi bruker til bunnen av treet, som vist nedenfor.
Nå vil vi forbedre illusjonen av bakken som løper vekk fra oss. Først skal vi legge til litt objektivforvrengning nederst på bildet. Dupliser grunnlaget ved å klikke på Command + J eller dra laget i lagpaletten ned til ikonet Ny lag. Gi nytt navn til dette laget "Ground Lens Blur", og gå deretter til Filter> Blur> Gaussian Blur. Sett radiusen til noe lite rundt tre, da vi ikke vil at uskarpheten skal være for uttalt.
Etter å ha brukt uskarpheten, må vi maske ut hele området som vi ikke vil ha uskarphet. Sørg for at du har valgt "Ground Lens Blur" -laget, og klikk deretter på lagmaske-knappen nederst på lagpaletten.
Trykk på D for å angi fargene til standard (svart og hvitt) og klikk på Gradient Tool. Pass på at du har den lineære gradienten valgt. Klikk på lagmasken og tegne en tynn gradient som går fra hvitt til svart fra bunnen av laget til toppen, masken din skal se ut som bildet nedenfor.
Og bakken skal nå se ut som følgende bilde.
Nå skal vi desaturere bakken som om den går bort fra kameraet. Dupliser det opprinnelige "Ground" -laget igjen og nevne dette "Ground Desaturate." Desaturér laget ved å gå til Image> Adjustments> Desaturate (Command + Shift + U).
Lag nå en maske for dette laget som vi gjorde for "Ground Lens Blur" -laget. Bruk Gradient Tool igjen for å lage en gradient i motsatt retning rett langs horisonten.
Sett "Ground Desaturate" -laget til 72% Opacity. Din bakken skal nå se ut som følgende bilde.
Nå skal vi mørke bakken i horisonten for å matche den mørke himmelen. Opprett et nytt lag og nev det "Ground Darken." Kommando-klikk på "Ground" -laget. Bruk dette valget til å lage en fyll inn "Ground Darken Layer."
Fyll utvalget med fargen # 463221, dette er en mørk farge valgt fra skyggene til sprekkene i bildet. Alt-klikk på masken i "Ground Desaturate" -laget. Dette vil vise deg den faktiske masken.
Kommandoklikk på lagmasken på "Ground Desaturate" -laget, velg deretter "Ground Darken" -laget og klikk på Create Layer Mask-knappen. Dette vil skape en maske som er identisk med masken på "Ground Desaturate" -laget. Bildet ditt skal nå se slik ut som vist nedenfor.
Nå vil vi legge til himmelen. Åpne himmelbildet og kopier og lim det inn i "Bakgrunn" laggruppen. Plasser den under alle grunnlag. Vi ønsker å endre størrelsen på den slik at den passer til bredden på bildet. Deretter snu den horisontalt ved å bruke Command + T, høyreklikk deretter på bildet og velg Flip horisontalt. Så skal vi maske ut den lille, skummende skyen nederst til høyre på bildet.
Bare lag en maske for laget, og lakk ut skyen med en stor, myk børste. Bruk samme pensel, fade ut resten av bunnen av bildet. Det skal se ut som bildet nedenfor.
Lag et nytt lag under skyene og nevn det "himmel". Fyll det med fargen # 161a23, som vist.
Nå skal vi legge til i jordstykket. Opprett et nytt laggruppenavn det "Jord". Åpne persillebildet og kopier og lim det inn i "Soil" laggruppen. Normalt ville jeg ta dette bildet og klippe det ut, men for dette vil jeg bevare skyggen fra originalen. For å gjøre dette, setter jeg lagmodusen til Multiply.
Deretter skal vi maske ut lagene under den slik at den hvite bakgrunnen vil vise seg. Sett lagblandingsmodus på "Dirt" -laget til Multiply. Fortsett og slett persille stengler fra toppen med en viskelær.
Nå for å maske ut bakgrunnen, slik at sprengene ikke viser seg gjennom smuss og røtter. Klikk på lagringsgruppen "Bakgrunn" og klikk på Create Mask-knappen.
Bruk en hard børste til å male svart på masken for å maskere ut bakgrunnen. Du vil ha mest oppmerksomhet på forsiden og røttene. For røttene zoomer inn tett (400%), og sørg for at du holder deg innenfor linjene. Hvis du gjør en feil hit X å bytte til hvitt og bare male bakgrunnen igjen.
Nå vil vi legge til i gresset. Opprett en ny laggruppe med navnet "Grass". Åpne de grønne åsene, og kopier og lim det inn i "Gras" laggruppen. Gi nytt navn til "Grass." Vi ønsker å krympe det litt, så Command + T for å forvandle det.
Krymp det litt ned, høyreklikk deretter og velg Forvreng for å endre perspektivet litt. Dette tar litt å spille rundt. Det du vil, er å flate ut bakkene litt slik at det ser ut som rullende sletter enn bare store åser. Forsøk til du får noe du liker. Jeg endte opp med bildet nedenfor (kronen på bakken vil bli maskert ut).
Nå må vi maske ut uønskede deler av gresset. Lag en maske på "Grass" -laget og mal ut de uønskede områdene med en hard pensel. På forsiden prøver du å følge konturene til landet mens du maskerer. Spill med det litt til det ser naturlig ut, som et rent stykke av landet.
Nå skal vi male en lysskygge på toppen av jorden under gresset. Lag et nytt lag kalt "Dirt Shadow" i "Gras" laggruppen. Plasser den under "Grass" laget, dette vil la deg male på det uten å bekymre deg for å gå over gresset. Med en mellomstor, myk børste, maling svart på begge ansikter like under gresset. Sett dette laget til Multiply og en middels Opacity (jeg har den på 57%).
Nå for hovedfokuset på illustrasjonen - treet. Dette er hvor vi virkelig skal fokusere mye av vår innsats, da dette utgjør hovedparten av illustrasjonen. Opprett en ny laggruppe med navnet "Tree". Åpne ditt maskerte trebilde. Kommandoklikk på masken, kopier og lim inn treet i "Tret" laggruppen. Gi nytt navn til dette laget "Tree".
Hvis du oppdager en svak halo rundt bildet (små bånd av lys eller mørk) kan du bruke defringe for å rydde den opp. Gå til Lag> Matting> Defringe og angi bredden. Eksperimenter med et par forskjellige bredder for å se hvilken du vil. Jeg valgte en bredde på 2.
Nå må vi endre treets perspektiv. Jeg ville at treet skulle se ut som om det lente seg litt, ikke bare for å matche perspektivet av stykket, men også for å fremheve sammenflettet lemmer øverst. Bruk transformer til å endre størrelse og høyreklikk deretter for å velge Perspektiv.
Jeg prøver alltid å gå mindre med Perspective-verktøyet, enn større fordi du kan ende opp med noen ganske pixely ser bilder ved å øke perspektivet for mye. Ta tak i en av bunnhåndtakene og flytt den mot midten av lerretet, slik at treet ser ut som det luter seg fremover. Finn et blikk du liker.
Nå må vi maske ut bunnen av treet litt slik at det blandes bedre med gresset under. Pass på at "Tree" -laget er aktivt og klikk på Create Layer Mask-knappen. Legg opp de naturlige penslene og velg den aller første børsten (den 12 px en), og sett Opacity til rundt 50%.
Nå børste du bort på bunnen av treet der den møter gresset. Tanken er å skape en illusjon av gress som vokser opp og rundt basen. Du bør bare gjøre en liten fryns da treet er mye større i forhold til gresset.
Nå skal vi legge til litt mos som vokser opp treet. Lag et nytt lag i «Tret» -lagruppen. Velg klonverktøyet og velg den samme børsten som vi nettopp brukte for å lage masken på trebunnen med samme Opacity.
Pass på at Juster og prøv alle lag er merket. Alt-klikk for å velge gresset som kilde, deretter maling litt mos på grunnen av treet. Du vil at den skal være tykkere på bunnen og tynne ut mot toppen. Ikke lakk med lange slag, men bare klikk gjentatte ganger for å bygge opp tekstur.
Nå vil vi legge til et kurvesjusteringslag for å bøte opp kontrasten litt. Bruk alltid justeringslag når du kan. De vil tillate deg å endre innstillinger og utseende av lag, hvis du forandrer deg. Kommandoklikk på "Tree" -laget for å gjøre et valg.
Ved å gjøre dette vil det nye justeringslaget automatisk ha en maske slik at den bare gjelder for utvalget. Gå til Lag> Nytt justeringslag> Kurver. Vi kommer til å senke lysnivået litt og støte på kontrasten bare en tad. For å senke lysspaken, ta det øverste høyre hjørnet av kurven og dra den ned.
For å støte på kontrasten, vil du lage en mild S-kurve med en oppoverbukk i den høyre tredje og en nedadgående pukkel i den venstre tredje. Dette er et annet sted å spille med innstillingene dine til du får det akkurat slik du vil.
Og bildet ditt skal nå se slik ut.
Nå skal vi slå opp høydepunktene og skygge enda mer. Lag et annet lag over kurvjusteringslaget. Alt-klikk på New Layer-knappen, dette vil hente frem dialogboksen for nye lag. Navn laget "høydepunkter og skygger." Sett blandemodus til Overlegg og sjekk Fyll med Overlay-nøytral Farge (50% Grå)
Nå skal vi male noen høydepunkter og skygger på dette laget. Velg en myk, rund pensel og sett den til en lav Opacity (rundt 10%). Trykk på D for å kontrollere at standardfargene dine er valgt. Du skal bruke svart for å forbedre skyggene og hvite for å forbedre høydepunktene. Du kan enkelt bytte mellom de to fargene ved å trykke på X. Dette er hvor det lønner seg å tenke kunstnerisk, du vil spille opp bestemte funksjoner i bildet her. Igjen er eksperimentering nøkkelen.
Nå skal vi få det til å se ut som skyene til venstre omslutter toppen av treet. Opprett et nytt lag (ikke innenfor noen av laggruppene) og nevn det "Front Cloud."
Velg klonverktøyet og velg en myk, rund børste sett til ca. 50% Opacity igjen, og kontroller at Prøve alle lag fortsatt er merket. Se på bildet ditt og bestem deg hvor du vil at skyen skal komme ut foran treet. Klikk nå på øyeikonet ved siden av "Tree" -laget for å skjule det. Dette lar deg klone skyene uten å bekymre deg for å plukke opp noe av treet.
Når du gjør noe som å legge til skyer, er hemmeligheten å konstant resample slik at du ikke har gjenstander som gjentar om og om igjen. Igjen en kunstnerisk øye er viktig her. Du vil at skyene dine skal se ut som ekte skyer. Fortsett å klikke på trelagene dine av og på slik at du kan se hvordan skyen ser ut i forhold til treet. Når du er ferdig, bør du ha noe som bildet nedenfor.
Som du kan se, har jeg malt i noe av den mørkere bakgrunnskyen også. Nå ønsker vi å maske ut noen av skyene vi opprettet, slik at treet skinner gjennom. Lag en maske på "cloud" -laget.
Bruk en myk, 100% ugjennomsiktig børste for å male treet tilbake i mørkere delen av skyene. Gjør det samme med noen få tips fra bladverket. Deretter snu Opacity til rundt 10% og male over noen flekker i skyene litt for å få dem til å bli tynnere. Til slutt bør du ha noe som bildet nedenfor.
Nå for å legge litt regn ut av skyen. Det er så mange teknikker for å skape regn som det er photoshop-brukere. Dette er en måte å gjøre det som er ganske raskt. Lag et nytt lag og nev det "Rain."
Opprett et firkantet utvalg (utvalget trenger ikke å være stort, da vi bare trenger litt regn) på laget og fyll det med 50% grått (# 808080). Gå til Filter> Støy> Legg til støy. Still inn beløpet til 12 og kontroller at monokromatisk er merket og Gaussisk er valgt.
Still lagmodus på skjerm. Gå nå til Filters> Blur> Motion Blur. Still inn avstanden til 17 og vinkelen til -69. Dette vil gi regnet en liten venstre til høyre vei.
Gå til Bilde> Justeringer> Nivåer. Her vil du skyve både de hvite og svarte glidebryterne slik at de ligger rett ved kanten av kurven. Dette vil gjøre regnet mer uttalt.
Nå trenger vi bare å maskere ut området vi ikke trenger. Jeg svarte også opaciteten noen (72%) for å få det til å se litt mer realistisk ut.
Deretter skal vi legge til elva som strømmer ut og rundt treet. Åpne elvbildet og kopier og lim det inn i hovedbildet. Hit Command + T for å forvandle den, høyreklikk og velg Flip Horizontal. Vi vil at elva skal se ut som om det kommer rundt på høyre side av treet. Fool med perspektivet litt til slik at det ser ut som det ligger flatt langs landet.
Lag nå en maske på "River" -laget, og bruk en mykkantet børste for å maskere ut elva. Prøv å forlate litt av den steinete kysten intakt slik at den fremdeles ser ut som en elv. Den myke børsten vil hjelpe elvbrønnen å blande seg inn i gresset.
Da skal vi maske ut foran elva slik at det ser ut til at det slutter med slutten av landet. Bruk en 80% hard børste til å gjøre dette, slik at du får en ganske ren kant. Prøv å kutte det relativt rett langs hvor kanten av gresset er. Ikke bekymre deg hvis gresset ditt viser litt som vi vil dekke det opp senere.
Deretter trenger vi å fikse opp den fremre venstre kystlinjen litt og utvide vannet der også. Vi vil bruke ganske mye den samme teknikken som vi gjorde med skyene.
Opprett et nytt lag kalt "Shoreline." Velg Clone Tool og en myk 50% børste. Klone nå den steinete kysten langs fronten til venstre, ned til jordkanten. Klon i vannet også.
Deretter må vi myke opp den ytre kanten av den steinete outcropping. Arbeid med det med klonbørsten til den blander seg naturlig inn i gresset. Jeg klonte også i noen av de buskede buskene fra lengre opp langs kysten.
Deretter trenger vi å skape kutte av vannet. Lag et nytt lag kalt "Undervann". Bruk Lasso Tool eller Pen Tool for å lage et valg for vannkuttering. Fyll den med fargen # 43605e (valgt fra vannet).
Lag en maske for laget. Få 12px naturlig pensel som vi brukte til å maskere ut bunnen av treet og bruke den til å maskere ut kantene på undervannet litt slik at du oppretter en undersjøisk strandlinje.
Nå må vi mørke det opp litt, slik at det ser ut som undervann. Lag et annet lag kalt "Underwater Shadow." Sett det til overlegg og ca 75% Opacity. Kommando-klikk på "Undervanns" -laget slik at vannet velges. Deretter males over den med en myk 25% Opacity børste satt til svart. Du vil at vannet blir mørkere mens du beveger deg ned og bort.
Nå for den siste delen av illustrasjonen - fossen. Lag en ny laggruppe med navnet "Foss." Åpne opp fossen bilde. Ved hjelp av Lasso eller penn, velg et utvalg rundt fossen. Dette valget må ikke være for nøyaktig, bare nær nok til å få mest mulig ut av bakgrunnen.
Kopier valget og lim det inn i "Vannfall" laggruppen og gi nytt navn til "Vannfall 1." Vi kommer til å sette fossen rett ved skurken av treet der regnet faller. Sett blandemodus til Lysere og senk opaciteten bare litt (82%).
Sett toppen av høsten hvor du vil ha den. Nå med en maske og myk børste, masker du ut de uønskede delene slik at den ser ut til å ligge bak treet. Gjenta samme prosedyre i midten av treet og ned til basen som strømmer inn i elven, justere størrelsen og dekselet etter behov.
Nå legger vi litt sprut på bunnfallet. Lag et nytt lag med navnet "Splashes". Still inn modusen for å lyse. Bruk Clone Tool (med samme 12px Natural Brush) for å klone noen biter av fossen for å skape noe vannet sprut av høsten og litt hvitt vann fra fossen som rammer elva. Denne effekten skal være ganske subtil.
Nå er det på tide å justere lag for å gi bildet litt ekstra oomph, og da skal vi gjøre det. Først her er bildet i full størrelse uten noen tilpasninger.
Legg til en gradientjustering til "lag 1." Still fargen til 39% Opacity. Dette er Chrome-gradienten. Mask ut hele laget og puss i kantene med en myk børste. Dette legger til noen interessante farger rundt kanten som setter av stykket.
Legg til en oppvarming (81) Fotofilter satt til Normal 45%, som åpenbart varmer brikken litt.
Legg til en Hue / Saturation Normal 100%, noe som slår opp fargene litt, spesielt bakken i forgrunnen - gjør det pop.
Legg kurver Normal 100% - opp kontrast.
Legg til et gradientkort (Medium Spectrum) med mykt lys 100%. Helt maske og puss tilbake i kantene. Igjen legger dette litt farge og høydepunkter rundt kantene.
Jeg liker å bruke kortfargetallkort, og bare gjøre dem knapt synlige rundt kantene. Jeg tror det kan bidra til å skyve fokuset på bildet litt. Jeg tror bumping fargene litt og opping kontrasten hjelper også. Men trinn som dette handler om preferanse og utseende og hva som føles riktig.
Herfra kan du legge til en tekstur på bildet eller opp surrealismen med noen insekter som kryper rundt på treet. Du kan til og med legge til en båt til elva eller kanskje noen små dyr til gresset.
Jeg håper du likte opplæringen, så mye som jeg skaper bildet. Husk dette var ikke bare for å vise deg hvordan du gjør dette bildet, men hvordan du tenker og jobber for å lage dine egne bilder. Ha det gøy å skape!
Accentsconagua