Teken een op houtsneden geïnspireerde typografische illustratie in Photoshop

Wat je gaat creëren
Deze zelfstudie is oorspronkelijk in december 2010 gepubliceerd als een tutorial voor Tuts + Premium. Het is nu gratis te bekijken. Hoewel deze zelfstudie niet de nieuwste versie van Adobe Photoshop gebruikt, zijn de technieken en het proces nog steeds relevant.

Een populaire methode om met een scherm afdrukbare illustraties te tekenen, is er een geïnspireerd op de illustratie van de houtsnede. Hoewel deze methode meestal is gemaakt van afdrukken met alleen zwart, gaan we een vierkleurenlijn-art typografische behandeling maken.

Of je nu een doorgewinterde illustrator bent, deze tutorial leert je een systematische methode om vanaf het begin rijke en overtuigende lijntekeningen te maken.

Een snellere oplossing nodig? Blader door onze verbazingwekkende selectie Adobe Photoshop-laagstijlen op GraphicRiver om geweldige eigen teksteffecten te creëren. Of neem de hulp in van een professional van Envato Studio om u te helpen met al uw aangepaste typografiebehoeften.


1. Hoe uw document en penseel in te stellen

Het eerste wat u moet doen is uw document- en penseelinstellingen kalibreren. Ik werk aan een heel grote A2 Posterformaat, maar schalen naar een A3 werkt ook goed. Op een gegeven moment gaan we het hele ding vectoriseren met Illustrators lijntracering, dus alles boven het formaat van de A3-poster zal werken. Heb je echter geen Illustrator en besluit je het hele ding in Photoshop te maken, denk dan na over de uiteindelijke grootte voordat je begint. Omdat we alles vanuit het niets tekenen en geen afbeeldingen met een hoge resolutie nodig hebben, is de lucht de limiet. Of liever CPU-kracht. Maak vervolgens een penseel met behulp van de onderstaande instellingen.

Laat me ook het voor de hand liggende vermelden door u te vertellen dat u een tablet nodig zult hebben. Dit is echter een eenvoudig tabletwerk; een eenvoudig tablet met eenvoudige pen-drukopties is voldoende.



2. Hoe het woord 'Materie' te schetsen

Stap 1

We gaan eerst de letters van het woord matter schetsen. De Vorm, Gewicht en omwenteling is iets dat je waarschijnlijk in de loop van de tijd zult veranderen, dus zorg ervoor dat je elke letter op een aparte laag maakt.



Stap 2

Omdat het woord later met bladeren wordt getextureerd, is het goed om de vorm eenvoudig te houden. Vloeiend, maar eenvoudig waar mogelijk. Ik heb de 'a' als een gemaaktellips en koppelde het vervolgens aan de rest van het woord.



Stap 3

Houd de rest van het verhaal in de gaten terwijl u de kromming van het woord bijhoudt.



Stap 4

Maak de bovenste 'a' als de haak van de eerste letter 't'.



Stap 5

Koppel het derde woord vervolgens aan het einde. Je kunt merken dat je deze letters verandert om op de kruin van een boom te lijken.



3. Hoe de bladeren te tekenen

Stap 1

Nu verder naar het lastiger en arbeidsintensieve deel. Het tekenen van de bladeren is niet erg ingewikkeld, maar zeer tijdrovend. Ik heb het systematisch opgesplitst om het makkelijker te maken. Ik raad aan het op deze manier te doen, omdat het zal helpen een uniform eindresultaat te creëren. Het laatste dat u wilt, is om meerdere patronen over het gebladerte te maken.

Begin met het uitlekken van de bladeren op een aparte laag met wit en een 25 px penseel (als u werkt aan een A2 formaat).



Stap 2

Vanaf nu moet elke actie op een afzonderlijke laag plaatsvinden. Mijn laatste bestand heeft ongeveer 300 lagen, wat eigenlijk niet zo veel is voor dit soort werk. Voorkomen is beter dan genezen.

Houd de Penseelgrootte, maak een andere laag en contour de hele sectie met een zwarte omtrek.



Stap 3

We gaan het nu doen Vullen de bladeren met schaduw. In plaats van dit duidelijk te doen, gaan we een beetje dynamische verlichting toevoegen. Zie de volgende stap om te zien hoe je het gieten van licht en schaduwen kunt voorstellen. Laat me eerst echter uitleggen hoe je een probleem kunt uitvoeren helling over de bladeren.


Het creëren van een vloeiende overgang van donker naar licht is een kwestie van het gebruik van deze drie soorten bladeren. Probeer over het geheel genomen een vloeiende overgang te behouden, maar gooi er enkele willekeurige instanties in om het realistischer te maken.


Stap 4

Gebruik de volgende drie stappen om het donkere blad te maken. Teken eerst het pictogram van het blad, vervolgens het uiteinde af en teken de middellijn langs de onderkant. Ten derde, verander de Voorgrondkleur wit en teken twee slagen over het aangegeven gebied (fig. 2). Uw eindresultaat moet zijn zoals fig. 3.



Stap 5

Gebruik deze techniek om de eerste letter dynamisch in te vullen. Stel je je lichtbron voor zoals in de rechterbovenhoek en maak de drie soorten bladeren zoals in de onderstaande afbeelding.




Stap 6

Herhaal deze techniek van het tekenen van de bladlijnen, contouren en vullingen in de volgende paar letters.



Stap 7

Voer de techniek uit over de resterende letters.



Stap 8

Omdat de rechterkant meer wordt blootgesteld aan de lichtbron, heb ik geprobeerd deze in het algemeen lichter te houden.



Stap 9

Je uiteindelijke resultaat moet er ongeveer zo uitzien als deze afbeelding.



4. Hoe de boom te tekenen

De volgende stap is om de rest van de boom te tekenen. Begin met de takken. Probeer te voorkomen dat ze plat worden door er iets overheen te doen, door en achter de tekst. Ik heb wat met cyaan gemarkeerd om het makkelijker te kunnen zien.





5. Hoe de woorden 'Leven en dood' tekenen

Stap 1

We kunnen nu op de rest van de woorden ingaan. Begin met het traceren van het woord 'leven'.



Stap 2

Probeer de letters simpel te houden, maar onthoud dat je ze altijd kunt bewerken door alles op een aparte laag te houden.



Stap 3

Werk dit woord af door de 'e' uit te breiden tot het einde van de boom.



Stap 4

Als het ampersand voldoende wordt verlaagd, kan het worden gelezen tussen de woorden 'leven' en 'dood'. Teken het op dezelfde manier.



Stap 5

Verplaats de onderkant van het ampersand in een letter 'd'.



Stap 6

Begin met het middengedeelte van het woord 'dood' te traceren terwijl je de kromming opnieuw bijhoudt.



Stap 7

Werk het woord af door de laatste letters te tekenen.



6. Hoe de schorsstructuur te maken

Stap 1

Het is tijd om aan de schorstextuur te beginnen. Dit is een lastige zaak, en zoomen in en uit tijdens het tekenen wordt sterk aanbevolen. Laat je niet laten meeslepen door nutteloos lijnen te tekenen. Het is gemakkelijk om meegesleept te raken en de visuele consistentie over alle letters te verliezen.

De eenvoudigste manier om te beginnen is om je hoogtepunten in kaart te brengen met een 50 px lijn.



Stap 2

Als u de textuur van de schors wilt laten beginnen, maakt u een paar verspreide zwarte lijnen over de gewichtsaanduiding. Houd te allen tijde de richting van de letter bij (volg de richting van de lussen) maar voeg een beetje variatie toe.




Stap 3

Na de vorige stap heb je overal scherpe witte randen. Terwijl u wit als voorgrondkleur gebruikt, tekent u over die scherpe randen om een ​​golvend lijnpatroon te creëren.



Stap 4

Vanaf nu wisselt u afwisselend zwart en wit om eventuele scherpe randen glad te strijken, terwijl u golvende lijnen tekent. druk op 'D' om kleuren opnieuw in te stellen op zwart en wit en 'X' om te wisselen tussen de twee.



Stap 5

kopiëren de laatste paar stappen over alle wit gemarkeerde delen. Vergeet niet om dit patroon niet te ver in de letter uit te rekken.



Stap 6

Naarmate je verder in het woord komt, teken eerst de hoogtepunten met een 50 px penseel, ga dan verder met de details met een 25 px penseel.



Stap 7

Vergeet niet om altijd de lichtbron bij te houden en de stip op de 'i' te tekenen. Dit wordt later een appel.





Stap 8

De witte contouren die u tekent, creëren ook diepte. U kunt bijvoorbeeld beslissen welk deel van een letter erboven komt, of achter een letter.



Stap 9

Werk dit deel af met de laatste letters. Voeg gebroken takken toe aan de uiteinden en als een beugel voor de 't'.



Inmiddels zou je afbeelding er ongeveer zo uit moeten zien.



Stap 10

Pas deze techniek toe op de boom. Omdat de boom de werkelijke vorm van de boom heeft, ziet de textuur er meer echt uit.



Stap 11

Vervolgens moeten we meer details aan de textuur toevoegen. We doen dat door niet alleen meer dunne, korte lijnen (omcirkeld) toe te voegen, maar ook door de Penseelgrootte naar 10-15 px). Verscherpen de meeste einden van de bestaande zwarte en witte lijnen.



Stap 12

Maak nieuwe, scherpere lijnen, maar wijzig ook de bestaande waarvan de uiteinden te rond zijn.



Stap 13

Herhaal dit proces voor de rest van de letters en boom.



Je eindresultaat zou er ongeveer zo uit moeten zien.



7. Hoe te traceren in Illustrator

Stap 1

Dit volgende deel is optioneel, maar wordt aanbevolen. Een snelle manier om de illustratie op te ruimen is om Live Trace het in Illustrator. Kopiëren een samenvoegingsversie van uw bestand (Command + Option + C) en plak het een nieuw Illustrator-bestand. De documentinstellingen doen er echt niet toe.



Stap 2

Ga naar Object> Live Trace> Tracing-opties. Gebruik de volgende instellingen of pas ze toe op uw eigen illustratie.



Stap 3

Zodra de afbeelding is voltooid Live Tracing, Breid het uit (Object> Uitbreiden).



Stap 4

Grijp de Gereedschap Direct selecteren (A - witte pijl) en deselecteer alles. Klik op een wit gedeelte en selecteer vervolgens de rest van de witte vormen in de illustratie (Selecteer> Zelfde> Opvulkleur).



Stap 5

Verwijder alles wit, pak de Pijltool (V) en klik op het resterende object. Kopiëren het.



Stap 6

Pasta het beeld in een nieuw A2 Poster (of welk formaat je ook wilt). Ik raad aan het te houden Smart Object.



8. Hoe kleur toe te voegen

Stap 1

Omdat het object alleen zwarte contouren heeft, is kleuren net zo eenvoudig als eronder tekenen. Maak voor elke letter een Nieuwe Layer onder de omtrek Smart Object laag.

Het loof tekenen is in theorie eenvoudig, maar vereist een willekeurig, maar uniform patroon. Pak a Borstel en start de groene bladeren met deze kleur: # 2bb778.



Stap 2

Herhaal dit patroon over het gehele gebladerte en de appel.



Stap 3

De volgende twee kleuren van het gebladerte zijn helder (# ffd600) en mosterd (# b58e55) geel. Zorg ervoor dat je ook witte bladeren laat.

Gebruik dezelfde mosterdkleur als de middentonen voor de takken. Ik heb ze boven de contouren in de eerste afbeelding geplaatst om hun locatie te tonen.




Stap 4

Wijzig ten slotte de omtrekkleur met Dubbelklikken op de laag. Voeg een ... toe Kleurbedekking effect en kies deze kleur: # 483135.



Laatste afbeelding

Dat is het! Als u deze zelfstudie volgt, moet u dit ongeveer 7 uur doen, of minder als u meer ervaring hebt. Als je dit nog nooit eerder hebt gedaan, kan dit tientallen uren duren. Als je een passie hebt om in de lijn te komen, hoop ik dat deze tutorial een goed startpunt is, of je in ieder geval overtuigt dat het een haalbare vaardigheid is. Ondanks mijn eigen onzekerheden, beproevingen en beproevingen, kan ik je verzekeren dat het zo is. Ga nu iets geweldigs maken.

Laagstijlen van Photoshop van GraphicRiver

Ben je dol op het maken van typografische illustraties, maar ben je te kort op tijd? Blader vervolgens door onze ongelooflijke selectie van Photoshop-laagstijlen op GraphicRiver om verbazingwekkende teksteffecten te creëren in slechts enkele kliks. En bekijk een van onze onderstaande favorieten!

Verschillende teksteffecten Vol.3 - Houten stijlen

Transformeer je favoriete citaten of headers met dit geweldige pakket houten laagstijlen. Dit pakket bevat vijf hoogwaardige Photoshop-stijlen met verschillende houten texturen waaruit u kunt kiezen. Laat uw ontwerpen opvallen met slechts één klik op de knop!