Share
Efter att ha experimenterat med typografiska illustrationer, och fann mig fortfarande i humör för något liknande, tyckte jag att det var en bra tid att skapa en illustration baserad på bokstäver. Med typografi beror du på en typsnitt som dikterar stilen på den illustration du vill göra. Skillnaden med bokstäver är att du gör det själv. Det kan göras med en penna tablett, så om du har en ljuger, koppla in den här handledningen.
Lettering var något jag var definitivt intresserad av, men jag ville också ha något nytt och annorlunda. Så jag bestämde mig för att göra en fotorealistisk bokstäver illustration i denna handledning, snarare än något rent vektor, eller något skapat genom icke-digitala metoder.
Innan vi börjar skapa den faktiska scenen, skulle jag förklara hela processen på ett separat dokument och i den första delen av handledningen. Så i del I lär jag dig den teknik som vi senare kommer att tillämpa i del II som en del av den slutliga illustrationen.
Formen av gren Jag valde att den här första delen skulle omfatta alla eller åtminstone de flesta former som du kommer att stöta på i illustrationen: en enkel kurva, en slinga och en S kurva.
För att kunna uppnå samma form behöver du en penna tablett av något slag. Eftersom allt du behöver är funktionen för penna tryckkänslighet, behövs ingen fancy tablett. Om du inte har en, föreslår jag att du ritar den med musen och släpper sedan ut den genom att spåra den med penverktyget och skapa en vektorform. Vad du än gör, det borde inte vara för slät och oroa dig inte om att du håller den i vektorformat. Vi raderar senare delar av kanterna för att matcha strukturen, så det måste ändå rasteriseras.
Låt oss arbeta igenom den allmänna tekniken först i del I. Då applicerar vi den här tekniken till vår sista illustration i del II i denna handledning.
Rita filialen med svart och välj den här bakgrundsfärgen: # 83cdd0.
Du behöver nu denna trästruktur från iStockphoto. Jag valde det eftersom det har ett brett utbud av fibrer och några sprickor. Om du vill ha en fri textur istället, finns det mycket att välja mellan på stock.xchng, till att börja med. Oavsett ditt val, se till att det har en hög upplösning eftersom vi kommer att sträcka sina pixlar mycket.
Börja med att skapa ett nytt Photoshop-dokument i A5-format (21 x 14,8 cm) vid 300 ppi. Placera fotot över grenskiktet och gör det till en klippmask. Kopiera det och gör originalet osynligt. Varje duplikat du gör borde vara av det här originalet, och inte av roterade eller snedställda versioner som du skapar senare. Placera den kopierade versionen på vänster sida.
Att välja storlek och vinkel på din textur är inte lätt. Först bestämmer du längden. Ju bredare filialens vinkel är, desto längre del av texturen kan du använda. När du börjar texturera slingan märker du att du inte kan använda så mycket av texturen som tidigare. När du bestämmer storleken på texturen justerar du den till mitten av den del du jobbar med. På så sätt skar du ändarna och kan skova bilden mindre. Justera den till nästa textur kommer också att bli enklare på det här sättet.
Det är svårt att förklara, så det finns många skärmdumpar som du kan använda som referens. Placera den första på vänster sida.
Gör ett urval av den del du ska jobba på. När du väljer ett val täcker du ett bredare område än vad du ser eftersom du behöver mer av bilden än du kan se genom masken.
När du väl har gjort ett val, Fritt omforma det (Command + T), högerklicka på duken och tryck på Warp.
Nu kommer den avgörande, men svåra delen: förvrängning. Det enkla gränssnittet till Warp Tool kan bli mycket förvirrande när du snedvrider bilden kraftigt. Du kan dra slutpunkterna och korsningarna i banorna. Nedan drog jag handtagen på den övre vänstra ändpunkten. Jag snedställde fotot tillräckligt för att träfibrerna skulle verka som om de vred i en spiralrörelse. Jag tycker det är mer intressant än att helt enkelt anpassa fibrerna med grenarnas kanter.
Nu slog jag den övre högra änden till höger och slog båda vänsterhandtaget mycket lågt. Jag placerade rätt handtag nära det övre hörnet av duken. När du ändå gör ändringar i den nedre högra ändpunkten bör texturen vrida och böja ihop med slingan.
När du känner till att positionen är korrekt trycker du på Enter. Nedan är min hittills.
Gör en dubblett av den ursprungliga texturen och placera den ovanför den snedställda. Rotera det (lägg inte upp någon av texturerna nedåt eller uppåt) och placera den för nästa del av filialen - den första delen av slingan. Gör ett urval av hur mycket du vill använda. Att välja mer än tillräckligt är bättre än inte tillräckligt.
Först, varva ner det nedre vänstra hörnet så att texturens fibrer stämmer överens med föregående textur.
Nu sneda toppen och täck så mycket av slingan som möjligt, utan att skapa någon synlig skada på strukturen.
Så här ska det se ut så långt.
De många nyanser av brun på texturen gör det svårare att sammanfoga ändar, så vi ska göra en universell Färgintervall för texturerna genom att skapa ett Gradient Map Adjustment Layer. Lägg till en som en klippmask till grenskiktet (målat med svart) och håll alla textilskikten under den. Gå till Layer> New Adjustment Layer> Gradient Map. Här är färgerna, från vänster till höger: # 000000, # 95722d, # d0ae7e och # fdf1df.
Zooma nu in på den del du vill blanda ihop. Här är ändarna av de två första texturerna.
Använd Dodge och Burn Tool (O) för att jämna ut kontrasten mellan de två. Använd sedan Eraser Tool och radera längs fibrerna för att blanda dem ihop. Så småningom ändras vinklarna, så radera inte för mycket.
Upprepa processen för att täcka överloppet på slingan. Glöm inte att justera botten till föregående textur.
Avsluta vänstra sidan av slingan med en fjärde dubblett av trästruktur.
Avsluta det med en slutlig textur. Det är det för vridningsdelen.
Vi gör nu justeringar för hela scenen för att göra det mer realistiskt. Först gör vi att trägrenen ser runt. Dubbelklicka på grenskiktet och lägg till de lagstilar som visas nedan. Här är färgerna: Innerskugga inställd till # f1e6b9 och Inner Glow satt till #ffffbf.
Efter att ha placerat effekterna måste du också lägga till några skuggor, som i mitten av slingan där en del av grenen täcker den andra. Skapa ett nytt tomt lager över texturerna, men under Gradient Map, och måla en stor plats där du skulle vilja att skuggan är med den här gråa: # b1b1b1. Ställ in det blandningsläge till Multiplicera och radera den del där den andra grenen passerar över.
Efter att ha placerat texturerna kan du behöva justera grenarnas kanter så att den matchar fibrerna. Observera att nedre vänstra delen av filialen är avsiktligt grov, så att texturen ser mer realistisk ut.
Skapa några lager bakom "gren" -laget och dra ett par ljusa, mjuka lampor med borstverktyget (B).
Som en sista touch kommer vi att öka bildens kontrast med en kanal mixer. Skapa en ny över alla scenens lager genom att gå till Layer> New Adjustment Layer> Channel Mixer. Använd de inställningar som visas nedan och sätt lagrets blandningsläge till Multiplicera.
Tja, det är den allmänna tekniken vi ska använda för att uppnå sista scenen och bokstäverna.
Nu när vi har granskat den allmänna tekniken som används i denna handledning, låt oss bygga vår sista illustration.
Först av, låt oss förbereda scenen där vi ska arbeta. Skapa ett nytt A4-dokument (21 cm vid 29,7 cm) vid 300 ppi. Ta tag i Gradient Tool och skapa en linjär gradient som är tung i botten med dessa färger: # 83cdd0 och # 418184.
Skapa ett nytt tomt lager och dra en vit till transparent gradient över två tredjedelar av skärmen från topp till botten. Ställ skiktets opacitet till 40%.
Med en penntablett börjar du skriva en del av första bokstaven, som är en kursiv, aktiverad "L".
Avsluta brevet och fortsätt slutet med en lång gren.
Skissa ut hela ordet av hela ordet.
Lägg till mer detaljer, och zooma in i kanterna på konturerna. Använd en mycket mindre borste för att mjuka och förtorka kanterna.
Lägg till några grenar på vänster sida.
Lägg till några sista detaljer, som de mycket tunna grenarna och se till att kanterna är relativt släta.
Nu börjar vi lägga till texturerna med samma tekniker som beskrivs i del I i denna handledning. Använd sekvensen av bilder som en referens.
Efter att du har lagt den första, lägger du till den nedre delen av bokstaven "g" -slinga.
Avsluta brevet med några fler dubblerade texturer.
När du arbetar dig igenom ordet, försök att skapa en smidig övergång genom olika delar av den övergripande strukturen. Att använda endast en del av texturen gör det mindre intressant.
Långsamt arbeta dig upp.
Glöm inte att placera skuggor under looparna och ändarna. Gör detta genom att lägga till en skuggfärg på # b1b1b1 och ett lagerblandningsläge för Multiplicera.
Avsluta den första delen av ordet med några fler texturer.
När du når rakare grenar, gärna använda en större yta.
Lägg lite kontrast till höger genom att använda den mörkare delen av texturen.
För att hålla kontrasten balanserad lade jag till en lika mörk del på andra sidan också.
Och så småningom, efter en galen mängd vridning, böjning, twirling, blekning, radering och mörkning, kommer du äntligen att slutföra att applicera texturer. Jag lovar…
Skapa nu ett par tomma lager över bakgrunden och måla i den första en mycket stor mjuk glöd med borstverktyget (B) med en vitvit (# f2f1c9). Ställ in skiktets opacitet till 40%. I det andra skapar du en mindre, men mer intensiv glöd nära centrum med vit och en opacitet på 90%.
Lägg nu justeringslagret för kanalblandaren över hela scenen, som visas i slutet av del I. Du kan behöva justera dem enligt de nya grenarna.
Klipp ut det övre bladet från detta sxc-foto och placera det i scenen. Du kan varp det får bara rätt form.
Lägg till den här lagstilen på "löv" -laget.
Trim av bladets stam och placera den så att den vilar på en mörk träfiber.
Skapa ett nytt lager ovanför trästrukturerna (och under Gradient Map). Färgfärgerna i texturen och målar några skuggor och lyfter runt stammen, så att det ser ut att det växer ut ur filialen.
Placera en andra ovanför "g" -brevet, men radera den del som skulle falla under slingan. Mörk också botten av bladet genom att skapa ett nytt blankt lager som en klippmask och måla med den här gröna: # 429e2d. Ställ in lagrets blandningsläge till Multiplicera och spela runt med Opacity.
För att göra scenen mer realistisk, lägger vi till några skuggor. Så här gör du några som ser realistiska ut. Skapa ett nytt tomt lager över glödorna, men bakom bokstäverna. Måla några mjuka skuggor med en mjuk borste i svart färg och 100% opacitet. Det borde bara finnas ungefär tre av de mörkaste, och de justerar exakt till de lägsta punkterna i grenarna. Därefter byt penselens opacitet till 50% och måla några som täcker det återstående området.
Transformera dem (Command + T) och skjut dem vertikalt så att de blir smala. Eftersom skuggor aldrig är helt desaturated kommer vi att färga dem. Dubbelklicka på skiktet och lägg till en färgöverläggsinställning till färg # 8db5a8 och 70% opacitet.
Skuggan är fortfarande liten platt och är för närvarande gjutet av bokstäverna, men de större virvlande grenarna behöver också några egna skuggor. Gör ett urval av grenarna (Kommando-klicka på lagikonen) och fyll i ett nytt tomt lager med svart. Skydda det precis som den andra skuggan, och radera de delar du inte vill ha. Det blir mycket suddigt, så oroa dig inte för att vara för noggrann.
Gå till Blur> Lins Blur och oskärpa det mycket, någonstans runt 50. Ge det ett färgöverdrag med färgen # 8db5a8 och 60% opacitet.
Och äntligen är vi färdiga. Det är en tidskrävande teknik, men väl värt ansträngningen. Du kan tillämpa det för att skapa olika bokstavseffekter, men också för att designa anpassade lövverk i illustrationer eller helt realistiska träd och grenar. Jag hoppas att det har varit en värdefull läs för dig. Ha en bra dag!
Accentsconagua