Share
Idag ska jag visa dig hur man sammanfogar en komplex trädillustration. Idén för denna handledning är att visa ett arbetsflöde från koncept till slut, inte bara så att du kan kopiera den här illustrationen, men så att du kan ta upp tankarna bakom den och använda dem för vilken design du har. Det är inte bara den färdiga designen utan processen vi är ute efter.
Allt detta uppnåddes på ett ganska standard system med Adobe Photoshop CS3 och en billig Logitech-mus. Ingen biografvisning, ingen tablett (gruvan dog och jag har ännu inte bytt ut den), och inga fina filter eller tillägg. Hur som helst nog med chit-chatten-låt oss gå ner till affärer!
Ta en titt på bilden vi ska skapa.
Vår videoredigerare Gavin Steele har skapat den här videoprocessen för att komplimangera denna text + bildtutorial.
Writer säger alltid att idéer är ett dime ett dussin - det är det utförande som räknas. Samma sak gäller med mönster, speciellt illustrationer. Men idén är viktig, utan det händer inget annat.
Tanken jag hade för detta var ganska enkelt. Ett vridet träd som strömmar över en liten bit mark, antagligen gräs täckt, kanske med en liten flod som flyter, alla med rötter som sticker ut ur skivan. Jag ville också ha en skrynklig himmel, mörk och stormig. Jag kan inte riktigt dra för en slicka, men jag hade en ganska bra bild i mitt huvud. Så ledde jag mig för att hitta lite lager.
Till att börja med måste vi förbereda filerna. Det här är den del som designersna fruktar, eller åtminstone jag gör.
Först började jag med trädet som jag visste att det skulle bli den mest tidskrävande. Alla har sina egna knep och verktyg som de tycker om att använda vid utdragning av en bild.
För trädet använde jag en tvådelad tillvägagångssätt. För basen och benen jag använde Pen Tool zoomat in till 400% och så många poäng som jag behövde. Du kan se att jag försöker klippa den fuzzy kanten på bilden för att ge det ett rent utseende.
Jag lämnade en stor födelse runt lövverket.
När du är färdig med din väg kan du använda den för att skapa en mask. Med penverktyget högerklickar du på den färdiga sökvägen och väljer gör val. Ställ in fjäderradien till 0 och se till att Anti-aliased är markerad.
Sedan med valet aktivt klicka på knappen Lägg till lag mask.
För att klippa ut lövverket tog jag ett annat tillvägagångssätt. Användning av pennverktyget skulle ha varit för tidskrävande. Först duplicera "träd" skiktet. Nästa desaturat genom att klicka på Bild> Justeringar> Desaturate (Command + Shift + U).
Nästa ska vi försöka göra lövverket så mörkt som möjligt. Gör detta genom att justera nivåerna. Gå till Bild> Justeringar> Nivåer (Command + L). Klicka på den inställda svarta punkten ögon dropper och klicka sedan på den lättaste delen av lövverket. Du kan fortsätta att försöka olika punkter tills du får bladen nästan svart.
Efter nivåjusteringen använder du färgintervall för att välja bara det svarta bladverket. Gå till Välj> Färgområde. Jag gillar att ställa in förhandsgranskningen till gråskala för detta, det kan göra det ganska lätt att berätta hur ditt urval ser ut. Se till att Select är inställt på Sampled Colors, använd sedan Eyedropper Tool för att välja svart lövverk. Justera glidreglaget tills bara lövmarkeringen väljs.
När du väl har skapat ditt val, raderar du bara gråskala kopian. Vänd sedan in ditt val genom att gå till Välj> Inverse eller Command + Shift + I. Välj en anständig storlek (jag använde 60px) hård borste och klicka på din mask. Använd nu borsten att måla runt lövverket, justera storleken på din pensel så att du inte maskerar något av trädet själv.
När du är klar färdigt målar du i din mask, det är dags för lite touch-up arbete. När du använder ett sådant system kommer valet aldrig att vara perfekt. Den enda verkliga lösningen är att gå igenom med en liten borste och röra på eventuella brister.
Som du kan se använde jag ett varmt rosa bakgrundslag under mitt träd så att det är lätt att se var jag har missat på masken. Jag brukar använda ett trelagssystem: 1 hög kontrast (vanligtvis rosa eftersom ingenting i naturen är vanligtvis rosa), 1 vit och 1 svart. På så sätt kan jag slå på och av olika bakgrund för att se till att slutprodukten ser bra ut.
När masken är klar kan du använda masken för att välja objektet och släppa det i kompositionen. Kommandot klicka på masken i lagpaletten för att göra ett urval. Klicka sedan på huvudträdet i lagpaletten och antingen Redigera> Kopiera eller Kommando + C för att kopiera. Gå till huvudkompositionen och Redigera> Klistra in eller Kommando + V för att klistra in den.
Det här är verkligen den enda bilden som vi behöver göra ett allvarligt snittjobb på. Resten kommer att ta hand om när vi går igenom kompositionen.
Låt oss arbeta med kompositionen nu. Det första vi vill göra är att skapa bakgrunden. Jag tycker att bilderna kommer samman bättre med bakgrund än på en tomt duk.
Starta en ny fil med en A2-duk (420mm x 594mm). Skapa en ny lagermapp med namnet "Bakgrund". Öppna det knäckta jordfotoet, kopiera det och klistra in det i "Bakgrund" -lagermappen. Byt namn på skiktet "Jord".
Vi kommer att ställa in horisonten på ungefär mitten av duken. Hit Command + T för att omvandla "jord" -laget. Vi behöver ändra storlek på skiktet och ge det lite perspektiv så att det ser ut som den verkliga marken.
Högerklicka var som helst på duken och välj Perspektiv. Dra de övre ankare mot mitten av duken, detta kommer att krympa toppen av bilden medan du lämnar botten i samma storlek som ger en illusion av en horisont. Ditt mål här är att matcha perspektivet till det av den jordskiva vi använder för trädets botten, som visas nedan.
Nu kommer vi att förbättra illusionen av marken som går bort från oss. Först kommer vi att lägga till linsförvrängning längst ner på bilden. Duplicera markskiktet genom att klicka på Command + J eller dra lagret i lagpalaten ner till ikonen New Layer. Byt namn på det här skiktet "Ground Lens Blur", och gå sedan till Filter> Blur> Gaussian Blur. Ställ radien på något litet runt tre, eftersom vi inte vill att suddningen ska vara för uttalad.
Efter att ha applicerat oskärpa måste vi maskera ut hela det område som vi inte vill ha suddning. Se till att du har markerat "Ground Lens Blur" -laget och klicka sedan på lagermaskknappen längst ner på lagpaletten.
Tryck på D för att ställa in färgerna till standard (svartvitt) och klicka på Gradient Tool. Se till att du har den linjära gradienten vald. Klicka på skiktmasken och dra en tunn gradient som går från vit till svart från botten av skiktet till toppen, din mask ska se ut som bilden nedan.
Och marken ska nu se ut som följande bild.
Nu ska vi desaturera marken som om den går bort från kameran. Duplicera det ursprungliga "Ground" -laget igen och beteckna detta "Ground Desaturate." Desaturera skiktet genom att gå till Bild> Justeringar> Desaturate (Command + Shift + U).
Skapa nu en mask för detta lager som vi gjorde för "Ground Lens Blur" -laget. Använd Gradient Tool igen för att skapa en gradient i motsatt riktning höger längs horisonten.
Ställ "Ground Desaturate" -skiktet till 72% Opacitet. Din mark ska nu se ut som följande bild.
Nu kommer vi att mörka marken vid horisonten för att matcha den mörka himlen. Skapa ett nytt lager och namnge det "Ground Darken." Kommando-klicka på "Ground" -laget. Använd det här valet för att skapa en fyllning i "Ground Darken Layer".
Fyll markeringen med färgen # 463221, det här är en mörk färg vald från skuggorna av sprickorna i bilden. Alt-klicka på masken i "Ground Desaturate" -laget. Detta visar dig den aktuella masken.
Kommandoklicka på Layer Mask på "Ground Desaturate" -laget, välj sedan "Ground Darken" -laget och klicka på Create Layer Mask-knappen. Detta skapar en mask som är identisk med masken på "Ground Desaturate" -laget. Din bild ska nu se ut som den som visas nedan.
Nu lägger vi till himlen. Öppna himmelsbilden och kopiera och klistra in den i "Background" -lagruppen. Placera den under alla marklagren. Vi vill ändra storlek så att den passar bredden på bilden. Vrid sedan det horisontellt genom att använda Command + T, högerklicka på bilden och välj Flip horisontellt. Då kommer vi att maskera ut det lilla dinglande molnet längst ner till höger om bilden.
Bara skapa en mask för skiktet och måla ut molnet med en stor, mjuk borste. Använd samma pensel, blek ut resten av bildens botten. Det ska se ut som bilden nedan.
Skapa ett annat lager under molnen och namnge det "sky". Fyll den med färgen # 161a23, som visas.
Nu ska vi lägga till i skivan av marken. Skapa ett nytt lagergruppsnamn det "Jord". Öppna persiljepixen och kopiera och klistra in den i "Soil" laggruppen. Normalt skulle jag ta den här bilden och klippa ut den, men för det här vill jag bevara skuggan från originalet. För att göra detta ställer jag lagringsläget till Multiplicera.
Därefter kommer vi att maskera ut lagren nedanför så att den vita bakgrunden kommer att visas igenom. Ställ in Layer Blend Mode på "Smuts" lagret till Multiplicera. Fortsätt och radera persilja stjälkarna från toppen med en suddgummi.
Nu maskerar bakgrunden så att sprickorna inte visar genom smuts och rötter. Klicka på "Background" -lagruppen och klicka på Create Mask-knappen.
Använd en hård pensel för att måla svart på masken för att maskera bakgrunden. Du vill betala mest uppmärksamhet på framsidorna och rötterna. För rötterna zoom in hårt (400%), och se till att du stannar inuti linjerna. Om du gör ett misstag träff X att byta till vitt och måla bara bakgrunden in igen.
Nu lägger vi till i gräset. Skapa en ny laggrupp med namnet "Grass". Öppna de gröna kullarna och kopiera och klistra in den i "Grass" -lagruppen. Byt namn på det "Grass." Vi vill krympa ner det ganska, så Command + T för att omvandla det.
Krymp ner det ganska, högerklicka och välj Förvräng för att ändra perspektivet lite. Det här tar lite att leka. Det du vill ha är att platta ut kullarna lite så att det ser ut som rullbanor än bara stora kullar. Experimentera tills du får något du gillar. Jag slutade med bilden nedan (kullens krona kommer att maskeras).
Nu måste vi maska ut de oönskade delarna av gräset. Skapa en mask på "Grass" -laget och måla de oönskade områdena med en hård pensel. På framsidorna försöker du följa konturerna på marken när du maskerar. Lek med det lite tills det ser naturligt ut, som en ren skiva av landet.
Nu ska vi måla en ljus skugga på toppen av jorden under gräset. Skapa ett nytt lager med namnet "Dirt Shadow" i "Grass" laggruppen. Placera det under "Grass" -laget, så får du måla på det utan att oroa dig för att gå över gräset. Med en medelstor mjuk borste måla svart på båda ansikten strax under gräset. Ställ in det här skiktet för Multiplicera och en medium Opacity (jag har den på 57%).
Nu för huvudfokus av illustrationen - trädet. Det är här vi verkligen kommer att fokusera mycket av våra ansträngningar, eftersom detta utgör den största delen av illustrationen. Skapa en ny lagergrupp med namnet "Tree". Öppna din maskerade trädbild. Kommandoklicka på masken, kopiera och klistra in trädet i "Tree" -lagruppen. Byt namn på det här laget "Tree".
Om du märker någon svag halo runt bilden (småband av ljus eller mörk) kan du använda defringe för att städa upp det. Gå till Layer> Matting> Defringe och ställ in bredden. Experimentera med ett par olika bredder för att se vilken du vill. Jag valde en bredd på 2.
Nu behöver vi ändra trädets perspektiv. Jag ville att trädet skulle se ut som att det lutade sig framåt lite, inte bara för att matcha stycket, men också för att accentuera de sammanflätade lemmarna överst. Använd transformera för att ändra storlek och högerklicka för att välja Perspektiv.
Jag försöker alltid att gå mindre med Perspective-verktyget, än större eftersom du kan sluta med några ganska pixely ser bilder genom att öka perspektivet för mycket. Ta tag i en av bottenhandtagen och flytta den mot mitten av duken, så att trädet ser ut som det lutar framåt. Hitta en titt som du gillar.
Nu måste vi maska ut botten av trädet lite så att det blandas bättre med gräset nedanför. Se till att "Tree" -laget är aktivt och klicka på Create Layer Mask-knappen. Ladda upp de naturliga borstarna och välj den allra första borsten (den 12px en) och sätt opaciteten till cirka 50%.
Borsta nu bort i botten av trädet där det möter gräset. Tanken är att skapa en illusion av gräs som växer upp och runt basen. Du bör bara göra en liten frans eftersom trädet är mycket större i proportion till gräset.
Nu ska vi lägga till lite moss som växer upp i trädet. Skapa ett nytt lager i gruppen "Träd" -lagret. Välj klonverktyget och välj samma borste som vi just använt för att skapa masken vid botten av trädet med samma opacitet.
Se till att Justera och prova alla lager är markerade. Alt-klicka för att välja gräset som din källa och sedan måla lite mos på träets botten. Du vill att den ska vara tjockare i botten och tunna ut mot toppen. Måla inte med långa slag, istället klicka bara upprepade gånger för att bygga upp texturen.
Nu lägger vi till ett kurvjusteringslager för att bota upp kontrasten lite. Använd alltid justeringsskikt när du kan. De kommer att låta dig ändra inställningar och utseende på lager, om du ändrar dig. Kommando-klicka på "Tree" -laget för att göra ett urval.
Genom att göra det kommer det nya justeringsskiktet automatiskt att ha en mask så att den endast gäller för urvalet. Gå till Layer> New Adjustment Layer> Curves. Vi kommer att sänka ljusnivån lite och stötta kontrasten bara lite. För att sänka ljusspaken, ta det övre högra hörnet av kurvan och dra det nedåt.
För att stöta på kontrasten vill du skapa en mild S-kurva med en uppåtgående bult i den högra tredje och en nedåtgående bult i den vänstra tredje. En annan plats att spela med dina inställningar tills du får det exakt hur du vill.
Och din bild ska nu se ut så här.
Nu kommer vi att hoppa upp höjdpunkterna och skuggorna ännu mer. Skapa ett annat lager ovanför kurvjusteringslagret. Alt-klicka på knappen New Layer, det här kommer att hämta dialogrutan för nya lager. Namn skiktet "höjdpunkter och skuggor." Ställ in blandningsläge för Överlagring och kolla Fyll med överlagringsneutral färg (50% grå)
Nu ska vi måla några höjdpunkter och skuggor på detta lager. Välj en mjuk, rund borste och sätt den till en låg opacitet (cirka 10%). Tryck på D för att se till att dina standardfärger är markerade. Du kommer att använda svart för att förbättra skuggorna och vita för att förbättra höjdpunkterna. Du kan enkelt byta mellan de två färgerna genom att slå X. Det här är det där det lönar sig att tänka konstnärligt, du vill spela upp vissa funktioner i bilden här. Återigen är experimentet nyckeln.
Nu ska vi se till att molnen till vänster omsluter toppen av trädet. Skapa ett nytt lager (inte inuti någon av laggrupperna) och namnge det "Front Cloud."
Välj klonverktyget och välj en mjuk, rund borsteuppsättning till ca 50% opacitet igen och se till att provet alla lager fortfarande är markerat. Titta på din bild och bestämma var du vill att molnet ska komma ut framför trädet. Klicka nu på ögonikonen bredvid "Tree" -lagret för att dölja det. Detta låter dig klona molnen utan att oroa dig för att plocka upp något av trädet.
När du gör något som att lägga till moln, är hemligheten att ständigt resample så att du inte har artefakter som upprepas om och om igen. Återigen en konstnärligt öga är viktigt här. Du vill att dina moln ska se ut som riktiga moln. Fortsätt att klicka på dina trädlager så att du kan se hur molnet ser ut i förhållande till trädet. När du är klar ska du ha något som bilden nedan.
Som du kan se, målade jag också i något av det mörkare bakgrundsmolnet. Nu vill vi maska ut några av de moln vi skapat så att trädet skiner igenom. Skapa en mask på "molnet" -laget.
Använd en mjuk, 100% ogenomskinlig pensel för att måla trädet tillbaka över den mörkare delen av molnen. Gör detsamma med några av lövets tips. Därefter vrid Opacity ner till omkring 10% och måla över några fläckar i molnen lite för att få dem att bli tunnare. Så småningom borde du ha något som bilden nedan.
Nu för att lägga till lite regn från molnet. Det finns så många tekniker för att skapa regn eftersom det finns photoshop-användare. Detta är ett sätt att göra det som är ganska snabbt. Skapa ett nytt lager och namnge det "Rain."
Skapa ett kvadratval (valet behöver inte vara stort, eftersom vi bara behöver lite regn) på skiktet och fyll det med 50% grått (# 808080). Gå till Filter> Buller> Lägg till Buller. Ställ in mängden till 12 och se till att Monochromatic är markerad och Gaussian är vald.
Ställ in lagrets läge på skärmen. Gå nu till Filters> Blur> Motion Blur. Ange ditt avstånd till 17 och din vinkel till -69. Detta kommer att ge ditt regn en liten vänster till rätt väg.
Gå till Bild> Justeringar> Nivåer. Här vill du trycka både de vita och svarta glidarna så att de ligger rätt i kanten av kurvan. Detta kommer att göra regnet mer uttalat.
Nu behöver vi bara maska ut det område vi inte behöver. Jag avböjde också opaciteten några (72%) för att få det att se lite mer realistiskt ut.
Nästa kommer vi att lägga till floden som rinner ut och runt trädet. Öppna upp floden bilden och kopiera och klistra in den i huvudbilden. Hit Command + T för att ändra den, högerklicka och välj Flip Horizontal. Vi vill att floden ser ut som om den kommer runt trädets högra sida. Fool med perspektivet lite så att det ser ut att det ligger platt längs landet.
Skapa nu en mask på "River" -laget och använd en mjukt kantad pensel för att maska ut flodens sidor. Försök att lämna en bit av den steniga strandlinjen intakt så att den fortfarande ser ut som en flod. Den mjuka penseln hjälper till att flodstenen blandar sig i gräset.
Då kommer vi att maska ut framsidan av floden så att det ser ut att det slutar med slutet av landet. Använd en 80% hård borste för att göra detta så att du får en ganska ren kant. Försök klippa det relativt rakt längs där gräskanten är. Oroa dig inte om ditt gräs visar lite eftersom vi kommer att täcka upp det senare.
Nästa måste vi fixa upp den främre vänstra stranden en bit och förlänga vattnet där också. Vi använder ganska mycket samma teknik som vi gjorde med molnen.
Skapa ett nytt lager som heter "Shoreline." Välj klonverktyget och en mjuk 50% borste. Klonera nu den steniga strandlinjen längst fram till vänster, ner till jordens kant. Klon i vattnet också.
Nästa måste vi mjuka upp den yttersta kanten av den steniga outcroppen. Arbeta längs med klonborsten tills det blandas naturligt i gräset. Jag klonade också i några av de skrubbiga buskarna längre fram längs strandlinjen.
Därefter måste vi skapa vattnet. Skapa ett nytt lager som heter "Undervattens". Använda Lasso Tool eller Pen Tool för att skapa ett urval för vattnet. Fyll den med färgen # 43605e (valda från vattnet).
Skapa en mask för lagret. Få den 12px naturliga borsten som vi använde för att maskera ut botten av trädet och använd den för att maskera ut kanterna på undervattnet lite så att du skapar en undervattenskustlinje.
Nu måste vi mörka upp det lite så det ser ut som undervattens. Skapa ett annat lager som heter "Underwater Shadow." Ställ det på överlägg och ca 75% opacitet. Kommando-klicka på "Undervatten" -lagret så att vattnet är valt. Sedan måla över den med en mjuk 25% opacitet borste inställd på svart. Du vill att vattnet blir mörkare när du rör dig ner och bort.
Nu för sista delen av illustrationen - vattenfallet. Skapa en ny lagergrupp med namnet "Vattenfall". Öppna upp vattenfallet. Använda Lasso eller Pen, gör ett urval runt vattenfallet. Det här urvalet behöver inte vara korrekt, bara tillräckligt nära för att få ut det mesta av bakgrunden.
Kopiera urvalet och klistra in det i "Vattenfall" lagergruppen och byt namn på det "Vattenfall 1." Vi ska sätta vattenfallet rätt vid trädets skurk där regnet faller. Ställ in blandningsläget för att lätta och sänka opaciteten bara lite (82%).
Ställ toppen av hösten där du vill ha den. Nu med en mask och mjuk borste maskerar du de oönskade delarna så att den verkar vara bakom trädet. Upprepa samma procedur i mitten av trädet och ner vid basen som strömmar in i floden, justera storleken och opaciteten efter behov.
Nu lägger vi till några små stänk i botten vattenfallet. Skapa ett nytt lager med namnet "Splashes". Ställ in läget för att lysa. Använd Clone Tool (med samma 12px Natural Brush) för att klona några bitar av vattenfallet för att skapa lite vattenstänk av hösten och lite vitt vatten från fallen som slår till floden. Denna effekt ska vara ganska subtil.
Nu är det dags för justeringslager att ge bilden lite extra oomph och då borde vi göra det. Först här är bilden i full storlek utan några justeringar.
Lägg till en gradientjustering till "lager 1." Ställ in färgen till 39% opacitet. Detta är Chrome-gradienten. Maska ut hela skiktet och borsta sedan i kanterna med en mjuk borste. Detta lägger till några intressanta färger runt kanten som sätter av stycket.
Lägg till en värme (81) Fotofilter inställd på Normal 45%, vilket uppenbarligen värmer biten lite.
Lägg till en färgton / Saturation Normal 100% som stannar upp färgerna, speciellt marken i förgrunden - gör det pop.
Lägg till kurvor Normal 100% - uppåt kontrasten.
Lägg till en Gradient Map (Medium Spectrum) med Soft Light 100%. Helt maskera och borsta in i kanterna. Återigen lägger detta till en liten färg och höjdpunkter runt kanterna.
Jag gillar att använda färgfärggradientkort och gör dem knappt synliga runt kanterna. Jag tror att det kan bidra till att fokusera på bilden lite. Jag tror att bumping färgerna lite och upping kontrasten hjälper också. Men steg som detta handlar om att föredra och se och vad som känns rätt.
Härifrån kan du lägga till en textur på bilden eller upp surrealismen med några insekter som kryper runt på trädet. Du kan till och med lägga till en båt till floden eller kanske några små djur till gräset.
Jag hoppas att du tyckte om handledningen, så mycket som jag skapade bilden. Kom ihåg att det här var inte bara för att visa dig hur man gör den här bilden, men hur man tänker och arbetar för att skapa egna bilder. Ha kul att skapa!
Accentsconagua