Desenați o ilustrație tipografică inspirată de Woodcut în Photoshop

Ce veți crea
Acest tutorial a fost publicat inițial în decembrie 2010 ca un tutorial Tuts + Premium. Acum este disponibil gratuit pentru vizualizare. Deși acest tutorial nu utilizează cea mai recentă versiune a Adobe Photoshop, tehnicile și procesele sale sunt încă relevante.

O metodă populară de a desena ilustrații tipărite pe ecran este una inspirată de ilustrația din lemn. Deși această metodă este făcută, de obicei, prin tipărirea numai în negru, vom crea un tratament tipografic tipic în patru culori.

Indiferent dacă sunteți sau nu un ilustrator experimentat, acest tutorial vă va învăța o metodă sistematică de a desena grafică bogată și convingătoare de linie de la zero.

Aveți nevoie de o soluție mai rapidă? Răsfoiți selecția noastră uimitoare de stiluri Adobe Photoshop Layer pe GraphicRiver pentru a crea efecte de text extraordinare. Sau însufleți ajutorul unui profesionist de la Envato Studio pentru a vă ajuta cu tot ce aveți nevoie de tipografie.


1. Cum să configurați documentul și pensula

Primul lucru pe care trebuie să-l faceți este să calibrați documentul și setările pentru perie. Lucrez la un număr foarte mare Format A2 Poster, dar scade până la un A3 funcționează prea bine. La un moment dat, vom vectoriza totul prin trasarea liniei Illustrator, astfel încât orice lucru deasupra formatului posterului A3 va funcționa. Cu toate acestea, dacă nu aveți Illustrator și decideți să creați totul în Photoshop, gândiți-vă la dimensiunea finală înainte de a începe. De vreme ce tragem totul de la zero și nu avem nevoie de imagini de înaltă rezoluție, cerul este limita. Sau mai degrabă puterea procesorului. Apoi creați o perie, utilizând setările găsite mai jos.

De asemenea, permiteți-mi să vă spun clar că veți avea nevoie de un comprimat. Acest lucru este simplu de lucru comprimat, totuși; este suficientă o tabletă de bază cu opțiuni simple pentru presiunea penului.



2. Cum să schițezi cuvântul "Matter"

Pasul 1

Vom schița în primul rând scrisorile din cuvântul respectiv. Formă, Greutate și Rotație este ceva ce se va schimba probabil în timp, așa că asigurați-vă că ați creat fiecare literă pe un strat separat.



Pasul 2

Din moment ce cuvântul va fi mai târziu texturat cu frunze, este bine să păstreze forma simplă. Fluidă, dar simplă acolo unde este posibil. Am creat "a" ca unelipsă, apoi legat-o cu restul cuvântului.



Pasul 3

În timp ce țineți evidența curburii cuvântului, schiță restul.



Pasul 4

Creați partea superioară "a" ca paranteză a primei litere "t".



Pasul 5

Apoi legați cel de-al treilea cuvânt la sfârșit. Puteți găsi că schimbați aceste litere ca să semene cu coroana unui copac.



3. Cum să desenați frunzele

Pasul 1

Acum, la partea mai complicată și mai laborioasă. Desenarea frunzelor nu este foarte complicată, dar consumă foarte mult timp. L-am rupt în mod sistematic pentru a face mai ușoară trecerea. Vă recomandăm să faceți acest lucru, deoarece vă va ajuta să creați un rezultat final uniform. Ultimul lucru pe care îl doriți este să creați mai multe modele pe frunziș.

Începeți prin căptușirea frunzelor pe un strat separat cu alb și a 25 pixeli Perie (dacă lucrați la un A2 format).



Pasul 2

De acum înainte, fiecare acțiune pe care o faceți ar trebui să fie pe un strat separat. Fișierul meu final are aproximativ 300 de straturi, care de fapt nu sunt atât de multe pentru acest tip de muncă. Mai bine în siguranță decât îmi pare rău.

Păstrează Marimea periei, faceți un strat diferit și conturul întregii secțiuni cu un contur negru.



Pasul 3

Acum o să mergem Completati frunzele cu umbra. Mai degrabă decât să facem acest lucru în mod clar, vom adăuga un mic iluminat dinamic. Pentru a vedea cum să vă imaginați aruncarea luminii și umbrelor, consultați următorul pas. În primul rând, totuși, permiteți-mi să explic cum să executați un neted Gradient peste frunze.


Crearea unei tranziții ușoare de la întuneric la lumină este o chestiune de utilizare a acestor trei tipuri de frunze. În timp ce încercați să păstrați o tranziție lină în ansamblu, aruncați câteva situații aleatorii acolo pentru al face mai realist.


Pasul 4

Pentru a crea frunza întunecată, utilizați acești trei pași. Mai întâi, trageți pictograma frunzei, apoi trageți deasupra și trageți linia mediană de jos. În al treilea rând, schimbați Culoarea primului la alb și trageți două curse peste zona specificată (figura 2). Rezultatul final ar trebui să fie ca și fig. 3.



Pasul 5

Utilizați această tehnică pentru a umple dinamic prima literă. Imaginați-vă sursa de lumină ca în colțul din dreapta sus și creați cele trei tipuri de frunze ca în imaginea de mai jos.




Pasul 6

Repetați această tehnică de desenare a liniilor de frunze, contururi și umplerea următoarelor litere.



Pasul 7

Realizați tehnica peste literele rămase.



Pasul 8

Din moment ce partea dreaptă este mai expusă sursei de lumină, am încercat să o țin în general mai ușoară.



Pasul 9

Rezultatul final ar trebui să arate ceva similar cu această imagine.



4. Cum să desenezi copacul

Următorul pas este să desenați restul copacului. Începeți cu ramurile. Încercați să evitați ca acestea să devină plane, făcând unii să treacă peste, prin și în spatele textului. Am evidențiat unele cu cyan pentru a observa mai ușor.





5. Cum să desenezi cuvintele "Viața și moartea"

Pasul 1

Acum putem ajunge la restul cuvintelor. Începeți să urmăriți cuvântul "viață".



Pasul 2

Încercați și păstrați literele simple, dar amintiți-vă că le puteți edita întotdeauna păstrând totul pe un strat separat.



Pasul 3

Terminați acest cuvânt prin extinderea e în sfârșitul copacului.



Pasul 4

Dacă este suficient de redus, ampersandul poate fi citit între cuvintele "viața" și "moartea". Trageți-l în mod similar.



Pasul 5

Tranziția partea de jos a ampersand-ului într-o literă "d".



Pasul 6

Începeți să urmăriți secțiunea intermediară a cuvântului "moartea", urmărind încă o dată curbura.



Pasul 7

Finalizați cuvântul prin trasarea literelor finale.



6. Cum se creează textura scoarței

Pasul 1

E timpul să începem pe textura scoarței. Acesta este un lucru dificil, și Zooming in și out în timpul desenului este foarte recomandat. Nu vă lăsați să vă mișcați, tragând linii inutil. Este ușor să fii dus și să pierzi consistența vizuală peste toate literele.

Cea mai ușoară modalitate de a începe este să evidențiați momentele importante cu ajutorul funcției a 50 px linia.



Pasul 2

Pentru a porni textura scoarței, creați câteva linii negre împrăștiate pe marginea înălțimii. Urmăriți orientarea scrisorii în orice moment (urmați direcția buclelor), dar adăugați un mic soi.




Pasul 3

După pasul anterior, veți avea muchii ascuțite, peste tot. În timp ce utilizați culoarea albă ca prim plan, trageți peste marginile ascuțite pentru a crea un model de linie ondulată.



Pasul 4

De acum încolo, veți menține alternanța între alb-negru pentru a netezi marginile ascuțite, în timp ce desenați linii ondulate. presa 'D' pentru a reseta culorile alb-negru și alb 'X' să alterneze între cele două.



Pasul 5

Replicarea ultimii pași pe toate porțiunile alb evidențiate. Nu uitați să nu întindeți acest model prea mult în interiorul scrisorii.



Pasul 6

Pe măsură ce ajungeți mai departe în cuvânt, trageți mai întâi evidențiază cu a Pensula de 50 px, apoi continuați cu detaliile 25 pixeli Perie.



Pasul 7

Amintiți-vă să țineți evidența sursei de lumină în orice moment și trageți punctul pe "i". Acest lucru va deveni mai târziu un măr.





Pasul 8

Contururile albe pe care le desenați creează și adâncime. De exemplu, puteți decide care parte dintr-o scrisoare apare în partea de sus sau în spatele unei scrisori.



Pasul 9

Finalizați această parte cu literele finale. Adăugați ramuri sparte la capete și ca suport pentru elementul "t".



Pana acum, imaginea ar trebui sa arate ca ceva de genul asta.



Pasul 10

Aplicați această tehnică copacului. Din moment ce arborele are forma actuală a copacului, textura pare mai reală.



Pasul 11

Apoi, trebuie să adăugăm mai multe detalii texturii. Noi facem acest lucru nu numai prin adăugarea mai multor linii subțiri, scurte (încovoiate), dar și prin micșorarea Marimea periei la 10-15 px). Ascuțiți cele mai multe capete ale liniilor alb-negru existente.



Pasul 12

Creați linii noi, mai clare, dar și modificați cele existente ale căror capete sunt prea rotunde.



Pasul 13

Repetați acest proces pe restul literelor și arborelui.



Rezultatul final ar trebui să pară așa.



7. Cum să tratezi Trace în Illustrator

Pasul 1

Următoarea parte este opțională, dar este recomandată. O modalitate rapidă de a curăța ilustrația este de a Live Trace e in Ilustrator. Copie o versiune de fuziune a fișierului dvs. (Command-Option-C) și lipiți-l un nou fișier Illustrator. Setările documentului nu contează.



Pasul 2

Mergi la Obiect> Traseu live> Opțiuni de urmărire. Utilizați următoarele setări sau adaptați-le la ilustrația proprie.



Pasul 3

După terminarea imaginii Tracing live, Extindeți-o (Obiect> Extindeți).



Pasul 4

Prindeți Instrumentul de selecție directă (A - săgeată albă) și deselectează totul. Faceți clic pe o porțiune albă, apoi selectați restul formelor albe din ilustrație (Selectați> Același> Completați culoarea).



Pasul 5

Șterge totul alb, apuca Arrow Tool (V) și faceți clic pe obiectul rămas. Copie aceasta.



Pasul 6

Pastă imaginea într-un nou A2 Poster (sau orice formular doriți). Vă recomandăm să o păstrați Obiect inteligent.



8. Cum se adaugă culoarea

Pasul 1

Deoarece obiectul are doar contururi negre, colorarea este la fel de simplă ca și desenul dedesubt. Pentru fiecare literă, creați un New Layer sub contur Obiect inteligent strat.

Desenul frunzelor este simplu în teorie, dar necesită un model aleatoriu, dar uniform. Luați a Perie și începeți frunzele verzi cu această culoare: # 2bb778.



Pasul 2

Repetați acest model peste întregul font al frunzelor și pe măr.



Pasul 3

Următoarele două culori ale frunzelor sunt luminoase (# ffd600) și mustar (# b58e55) galben. Asigurați-vă că părăsiți și frunzele albe.

Utilizați aceeași nuanță de muștar galben ca tonuri medii pentru ramuri. Le-am plasat deasupra contururilor din prima imagine doar pentru a arăta locația lor.




Pasul 4

În cele din urmă, modificați culoarea conturului prin Dublu-clic pe strat. Adauga o Suprapunere de culori efect și alegeți această culoare: # 483135.



Imagine finală

Asta e! Urmând acest tutorial, trebuie să fii făcut în aproximativ 7 ore sau mai puțin dacă ești mai experimentat. Dacă nu ați făcut acest lucru înainte, acest lucru poate dura zeci de ore. Dacă sunteți pasionat de a intra în line-art, cu siguranță sper că acest tutorial face un bun punct de plecare sau cel puțin vă convine că este o abilitate realizabilă. În ciuda propriei mele nesiguranțe, încercări și necazuri, vă pot asigura că este. Acum du-te face ceva minunat.

Photoshop Layer Styles de la GraphicRiver

Îți place să creezi ilustrații tipografice, dar nu ești la timp? Răsfoiți apoi selecția noastră incredibilă de stiluri Photoshop Layer pe GraphicRiver pentru a crea efecte de text uimitoare în doar câteva clicuri scurte. Și verificați unul dintre preferatele noastre de mai jos!

Diferite efecte text Vol.3 - Stiluri din lemn

Transformați-vă citatele sau antetele preferate cu acest pachet minunat de stiluri de straturi din lemn. Acest pachet conține cinci stiluri de înaltă calitate Photoshop cu diferite texturi din lemn pe care le puteți alege. Asigurați-vă că proiectele dvs. se disting prin simpla apăsare a unui buton!