Creați o tipografie strălucitoare în Photoshop

Atunci când sunt utilizate împreună, Photoshop și Illustrator sunt o combinație puternică. Ele pot fi combinate pentru a crea aproape orice tip de ilustrație. Astăzi, vom demonstra cum să schițăm un desen, să îl perfecționăm în Illustrator și apoi să îl aducem în Photoshop pentru a crea o ilustrare tipografică lucioasă cu adevărat strălucitoare.


Resursele folosite

Următoarele resurse au fost folosite în timpul producerii acestui tutorial.

  • nebuloase

Pasul 1

Primul pas este, evident, de a crea tipul dumneavoastră. Pentru a face acest lucru puteți folosi tipul de fișier-sketch.jpg (furnizat în fișierele de descărcare) sau, dacă preferați, lucrați din propria schiță. Luați niște hârtie și trageți aproximativ un tip, de exemplu cuvântul vicios. Nu aveți nevoie de prea multă precizie în această etapă (după cum puteți vedea din schița mea), concentrați-vă mai presus de toate pe crearea de litere frumoase, netede, rotunjite și care picură. După ce ați terminat, deschideți Illustrator și creați un nou document peisaj A3. Selectați Fișier> Plasați și deschideți tipul fișierului-sketch.tiff sau schița proprie. În paleta Strat, faceți dublu clic pe strat, denumiți Ghidul și blocați acest strat. După cum puteți vedea, nu există buze în schița mea, nu vă faceți griji că le veți adăuga mai târziu.



Pasul 2

Acum, creați un alt strat deasupra stratului de ghidare și formați-l. Selectați instrumentul Pen (P) și cu o cursă de 1 pt și un început luminos de culoare care trasează conturul literelor. Nu te simți limitat de schiță. Simțiți-vă liber să faceți schimbări în zbor pentru a îmbunătăți conturul literelor. Nu utilizați prea multe puncte de ancorare, cu atât mai puține, cu atât mai bine. Nu uitați să activați și să dezactivați stratul Ghid pentru a vedea cum faceți.



Pasul 3

Continuați urmărirea contururilor. Dacă aveți una, chiar vă sugerez să folosiți o tabletă grafică pentru acest lucru. Când nu vă place un anumit punct, apucați Instrumentul de selecție directă (A) și mișcați ușor mânerele punctului respectiv până când sunteți mulțumit. Simțiți-vă liber să adăugați orice alte detalii pe care le puteți dori pe tipul dvs. Experimentați și exagerați curbele sau adăugați alte picături dacă vi se pare necesar.



Pasul 4

După ce terminați cu conturul, faceți dublu clic pe Color Picker și utilizați valorile de mai jos pentru a crea umplerea tipului, apoi apăsați Cmd / Ctrl + A pentru a selecta toate și pentru a merge la Object> Expand, lăsați umplere și curse marcate și faceți clic pe ok. Ar trebui să ajungeți la așa ceva.



Pasul 5

Acum este momentul să adăugați o adâncime tipului nostru și să creați câteva momente de bază pe care le veți îmbunătăți mai târziu în Photoshop. Selectați tipul făcând clic cu ajutorul Instrumentului de selecție (V) și apăsați Cmd / Ctrl + G pentru a grupa obiectul și faceți dublu clic pe el pentru a intra în grup. Acum, apucați din nou instrumentul Pen (P), selectați o cu o cursă de 8 pt fără a umple colțul din stânga sus și începeți să desenați evidențiați aproximativ în mijlocul V ca în imaginea de mai jos. Deschideți panoul de cursă din partea dreaptă și faceți clic pe opțiunea Round Cap pentru a face ca extremitatea cursei să fie rotunjită.



Pasul 6

Extindeți acum cursa pe care tocmai am creat-o așa cum este explicat în pasul 4, astfel puteți edita toate punctele de ancorare și modificați cu ușurință forma pe care tocmai am creat-o. Cu ajutorul instrumentului de selectare directă (A) selectați punctul pe care doriți să îl editați și începeți cu atenție mărirea unor părți ale formei în apropierea unor lucruri în care credeți că evidențiarea va fi mai vizibilă și mai groasă. Această etapă este mai mult o chestiune de experimentare. Trebuie să vă imaginați, într-un fel, cum va arăta mai bine evidențiarea și așezați-o în acest fel.



Pasul 7

Cu forma selectată, mergeți la Efect> Blur> Gaussian Blur și setați-o la aproximativ 30 sau 40 de pixeli și reduceți opacitatea la 58%. Puteți modifica întotdeauna aceste valori din panoul de aspect. Acum este important ca aceste efecte să rămână scalabile, așa că du-te la Illustrator> Preferințe> General și bifați caseta Scale Strokes and Effect. În acest fel, sunteți sigur că efectul va scala întotdeauna proporțional cu obiectul.



Pasul 8

Acum este mai bine să maschezi grupul astfel încât toate culorile și nuanțele pe care le vei crea să nu poată ieși în afara granițelor tipului. Selectați tipul și apăsați Cmd / Ctrl + C> Cmd / Ctrl + F pentru a lipi în față, apoi cu copia selectată, mergeți la Object> Arrange> Bring to Front. Acum, selectați atât forma de copiere, cât și forma de primă tip și selectați Object> Mască de tăiere> Make. În acest fel, puteți crea umbre subțiri mai întunecate pe marginile tipului. Pentru a face acest lucru, din nou Cmd / Ctrl + C> Cmd / Ctrl + F dar lăsați doar o curbă de 4 - 7pt și nu umpleți această formă și dați-i această culoare C: 10 M: 100 Y: 50 K: Odată ce ați terminat, aplicați-o unui Blur Gaussian cu o rază de 9px ca în faza precedentă.



Pasul 9

Acum, cu aceeași tehnică pe care ați utilizat-o la pasul 6 și 7, trebuie să creați toate celelalte elemente importante. Experimentați cu Blurul Gaussian și amintiți-vă să modificați greutățile liniei. Nu există reguli aici, puneți aceste lucruri în mod frumos. Continuați să experimentați și să vă distrați! Nu vă simțiți limitați de imaginea mea, nu vă simțiți liberi să plasați mai mult sau mai puțin subliniază și în poziții diferite, dacă credeți că ar putea arăta mai bine. După ce ați terminat, ar trebui să aveți ceva de genul asta.



Pasul 10

Cu tipul făcut pentru moment, următorul pas este să creați gurile, așa cum ați făcut pentru tip, puteți utiliza fie schițele furnizate în descărcare, fie desenați o schiță rapidă de unul singur. În orice caz, acum trebuie să urmăriți aceste guri în Illustrator folosind schița ca ghid ca și dvs. pentru tipul respectiv. Deci, creați un alt strat în partea de jos a stivei Layer și numiți Mouth1guide, de exemplu. Cu acest layer selectat, apăsați File> Place și deschideți mouth1sketch.jpg sau schița proprie, apoi blocați acest Layer. Creați un alt strat deasupra acestuia și numiți-l gura1.



Pasul 11

Cu gura de strat 1 selectată, comutați pe vizibilitatea stratului de tip și urmăriți toate marginile schiței cu gura cu ajutorul instrumentului Pen (P), așa cum ați făcut pentru tipul respectiv. Închideți calea, îndepărtați cursa și umpleți-o cu un roșu închis, de exemplu C: 15 M: 100 Y: 90 K: 10. Amintiți-vă că schița dvs. este doar un ghid, nu ezitați să o îmbunătățiți acolo unde credeți că este necesar. Odata ce ati facut, schimbati vizibilitatea acestei ultime forme, incepeti sa desenati partea interioara a marginilor buzelor pana cand inchideti aceasta cale, distrugeti cursa si dati-i o purpurie de 70%.



Pasul 12

Acum trebuie să creați o cale compusă și să scăpați forma magenta de cea roșie pentru a crea buzele. Trageți astfel forma magenta sub roșu, trageți-o în miniatura Creare a noului strat din partea inferioară a Paletei de straturi, apoi selectați ambele forme (nu ultima copie), mergeți la paleta Pathfinder spre dreapta și faceți clic pe butonul Minus Back (ultima din dreapta jos). În acest fel creați practic o "gaură" în centrul gurii. Este important pentru că atunci veți crea un strat de formă pentru buze, așa cum ați făcut la pasul 8 pentru tipul respectiv.



Pasul 13

E timpul să desenezi dinții. După ce ați terminat, plasați-le pur și simplu în spatele buzelor (cea roșie) și înaintea gingiilor (formă purpurie) folosind o umplutură albă fără lovire. După terminare, aplicați un gradient pentru forma gingiilor. Pentru a face acest lucru, cu stratul de gingii selectat, deschideți tab-ul de gradient din partea dreaptă și utilizați valorile de mai jos făcând dublu clic pe elementele de selectare de-a lungul cursorului de gradient. Pentru a crea o valoare nouă, dați clic imediat sub cursor. Pentru a copia unul existent, faceți clic pe Alt și trageți-l.



Pasul 14

Este timpul să adăugați un pic de adâncime la gură, de asemenea. Acum că sunteți obișnuiți cu efectul Gaussian Blur Effect, vom folosi o mulțime de tehnică. Aproape toată umbrirea se va face cu ea, până când vom lucra în Photoshop. Deci, începeți să selectați forma buzelor roșii create înainte, apăsați Cmd / Ctrl + G pentru a grupa apoi faceți dublu clic pe ea pentru a intra în grup. Cmd / Ctrl + C> Cmd / Ctrl + F pentru ao copia și a le lipi pe loc. Ștergeți umplerea din această copie și (din panoul Appearance) aplicați un curs de 10 pixeli de aceeași culoare cu o dimensiune Gaussian Blur de 22px și opacitatea la 100% Multiplicare. Dublați-l, dar reduceți-l cu 2px și reduceți opacitatea la 75%. Aveți umbrirea în jurul marginilor, dar trebuie să creați o mască așa cum ați făcut la pasul 8, dacă nu umbrirea pe care o aplicați va depăși marginile gurii.



Pasul 15

Să mergem să creăm masca. Selectați forma buzelor roșii Cmd / Ctrl + C> Cmd / Ctrl + F, apoi aduceți copia în față, selectați ambele forme și apăsați Object> Mask Clipping> Make apoi lăsați umbre între aceste două forme. După ce ați terminat, puteți începe să creați câteva evidențieri deoarece, după cum știți, fiecare umbră pe care o vom aplica va rămâne în limitele gurii. Să le creăm pe niște doi. Creați o curgere albă de 9px pe buza inferioară (ca în cele de mai jos), apoi aplicați un Gaussian Blur de 21px, reduceți opacitatea la 94% și setați modul de amestecare la Overlay. Amintiți-vă că cheia este de a experimenta opacitatea și modul de amestecare pentru a obține umbrire frumos. Acum creați un umbra ușor mai închisă lângă dinți cu un alt accident vascular cerebral de 10 pixeli C: 33 M: 100 Y: 100 K: 54 culori 20px Blur gaussian și Opacitate 69% Multiplicare.



Pasul 16

Continuați în acest fel pentru toate umbrele pe care doriți să le creați pentru gură, amintiți-vă că, așa cum ați procedat la pasul 6, puteți transforma loviturile în umpluturi prin crearea de curse de contur atunci când aveți nevoie de mai mult control asupra formelor lor. Așa cum am spus pentru partea de tip a umbririi, depinde de cantitatea și puterea umbririi, dar nu o faceți prea mult, pentru că le veți "exagera" ulterior pe Photoshop. Odată terminat, ar trebui să aveți ceva de genul de mai jos. Pentru mai multă luminozitate, am repetat buzele (numai buzele) deasupra ei cu o blur Gaussian de opacitate de 9px 100% și modul de amestecare. Dar depinde de tine.



Pasul 17

Este timpul să creați o altă gură, dacă preferați să lucrați într-un fișier separat sau să folosiți același lucru, nu este important deoarece vom exporta elementele unul câte unul mai târziu în Photoshop pentru a aranja compoziția în mod corect. Deci, creați un nou strat, mergeți la File> Place și deschideți mouth2sketch.jpg. Apel acest gura mouth2guide de exemplu și blocați-l. Creați un alt strat deasupra și începeți să urmăriți schița, repetând tehnicile învățate până acum de la pasul 11 ​​la 16. Nu uitați să desenați trei căi diferite, una pentru buze, una pentru partea interioară a gurii și una pentru dinți . Și mai presus de toate, amintiți-vă să mascați forma în care doriți să puneți umbrirea. Mai jos puteți vedea cum este structurat stackul Layer despre această parte a tutorialului.



Pasul 18

Ok, acum este timpul pentru Photoshop! Acum, să începem într-adevăr o parte distractivă, pentru că într-adevăr vom da viață operelor de artă pe care le-am desenat până acum cu o mulțime de lumini, nuanțe și texturarea până când vom rămâne cu o imagine cu adevărat bogată și profundă lucioasă. Ar trebui să aveți ceva de genul de mai jos. Ultimul lucru pe care il adaugi in Illustrator este forma lichida de mai jos. După cum puteți vedea, este o cale ușoară și intuitivă închisă cu unele curbe. Urmăriți cu ușurință această formă, dați-i aceeași culoare de tip și ați făcut-o cu Illustrator!



Pasul 19

În Photoshop, creați un nou document peisaj A3, creați un nou strat și aplicați o suprapunere de gradient făcând dublu clic pe strat. Apoi, aplicați valorile de mai jos.



Pasul 20

Următorul pas este să începeți să lucrați din greu pentru acest tip. Deci, selectați toate tipurile din Illustrator și copiați-l în Photoshop ca un obiect inteligent. Scalați și plasați-o după cum se arată. Apelați acest tip de bază pentru straturi. Creați un strat nou deasupra acestuia și apăsați Cmd / Ctrl + G pentru a crea un grup. Apelați acest grup shadows1, apucați o perie moale între 200 - 250px, opacitatea în jur de 20% activați airbrush-ul și setați culoarea primului la negru. Acum, fără a lăsa noul strat, creați o selecție apăsând Cmd / Ctrl + Faceți clic pe miniatură Smart Object din stratul de tip și cu selecția activă începeți să pictați ușor pe marginile tipului. Continuați astfel, dar nu utilizați același strat pentru toate umbrirea și experimentarea prin opacitate ușor diferită.



Pasul 21

Folosind aceeași tehnică, efectuați o serie de lumini. Începeți prin crearea unui nou strat chiar deasupra dosarului umbră, apoi Cmd / Ctrl + G pentru a crea un grup. Setați culoarea primului la alb și cu aceeași perie moale folosită pentru umbre, începeți să pictați luminile cu o opacitate de aproximativ 40 până la 50%. Utilizați lumina din Illustrator ca ghid. Dacă utilizați o tabletă, încercați să vă obișnuiți să creați creioane subțiri până la creșteri groase, aplicând o creștere treptată a presiunii. Uneori puteți dubla un strat pentru a întări o evidențiere, apoi selectați ambele straturi și apăsați Cmd / Ctrl + E pentru a le îmbina. Am aplicat unele lovituri cu un mod de amestecare setat pe Soft Light, dar simțiți-vă liber să experimentați. Când ați terminat, creați un alt dosar numit stele, setați-l pe Color Dodge și plasați grupul de lumini în interiorul acestuia.



Pasul 22

Acum creați o selecție din stratul de tip așa cum ați procedat la pasul 20, apoi direcționați folderul Stars cu selecția activă, faceți clic pe butonul Add Vector Mask din partea inferioară a paletei Layer. În acest fel, textura pe care o inserați în acest grup nu va excede tipul. Acum deschideți imaginea stelelor furnizate în dosarul de descărcare, apăsați Cmd / Ctrl + L pentru a deschide Nivelele și introduceți valorile de mai jos. Apoi Image> Adjustement> Selective Color și introduceți din nou valorile din screenshot.



Pasul 23

Ceea ce aveți nevoie de acea imagine este doar partea cu stelele, nu partea cu nebuloasele, de aceea am folosit masca pentru a vă putea mișca, redimensiona, roti și face tot ceea ce doriți cu asta, dar partea din fotografie care în afara marginilor tipului nu vor fi vizibile. Apoi, cu stratul selectat în dosarul stele, trageți cu Instrumentul de selecție (V) imaginea din interiorul acestuia și datorită modului de amestecare Color Dodge aplicat înainte de a vedea un fel de strălucire. Aranjați imaginea într-un mod frumos, atunci când sunteți mulțumit, selectați tipul de strat dublu-clic pe acesta pentru a deschide fereastra stil strat și setați toate ca în imagine.



Pasul 24

Creați un alt dosar chiar deasupra stratului de stele, numiți-l Lights 2 aici, veți începe să creați câteva subliniere lucioase și strălucitoare făcute de Shape Layers făcute cu Pen Tool (P) și Ellipse Tool (U) în principal. Alternați aceste două instrumente pentru a urmări formele rotunde netede, unde doriți ca tipul dvs. să strălucească. Nu uitați să utilizați diferite straturi și să utilizați diferite grade de opacitate. De exemplu, pe V folosiți Pen (P) pentru a crea o formă lungă pe stânga, apoi reduceți opacitatea la 64% și aplicați în cele din urmă o Blur Gaussian (Filter> Blur> Gaussian Blur) cu o valoare cuprinsă între 18 și 20 px. Alegeți, de asemenea, și alte cercuri mici, alternând diverse opacități și estompate pe ele. Experimentați-vă și distrați-vă! Este întotdeauna cea mai bună cale de a crea piese bune. Consultați, dacă doriți, imaginea mea de mai jos.



Pasul 25

Dacă doriți să acordați o anumită organizație straturilor, puteți grupa toate umbrele pentru acest tip. Acum că știți această tehnică de umbrire, este timpul să vă puneți mâinile pe prima gură. Așa cum am spus tehnicile sunt aceleași și succesiunea. Deci, trebuie doar să vă întoarceți la fișierul Illustrator, să selectați gura1 și să o lipiți ca un obiect inteligent într-un nou strat deasupra noului grup de umbrire a tipului, să scalați și să o aranjați în mod corespunzător și să repetați tot umbrirea și texturarea (utilizați aceeași fotografie ) pentru tipul. După ce ați terminat, ar trebui să aveți ceva de genul asta.



Pasul 26

Amintiți-vă forma de lichid de fund realizată la pasul 18? Ei bine, este timpul să-l importăm în Photoshop ca un obiect inteligent într-un strat sub toate celelalte. Scalați-o pentru a se potrivi cu compoziția și aplicați o suprapunere de gradient de la negru la un roșu închis utilizând setările de mai jos. Pentru a crea un sentiment de mișcare, trageți un fel de traseu cu Instrumentul Pen (P), apoi creați o selecție din acesta și într-un strat nou cu o perie albă moale (B) și o opacitate scăzută, trageți ușor din exterior selectia. Apoi trageți alte lumini și umbre cu tehnicile învățate până acum. Pentru a crea bubble-ul mic, cu instrumentul Ellipse (U) setat pe Shape Layer pur și simplu desenați forme mici sau roșii și utilizați setarea de mai jos Layer Style.




Pasul 27

Acum, plasați cealaltă gură sub acest ultim strat importând-o din nou ca Obiect inteligent. Aranjați-o în compoziție, dacă este necesar, scalați-o corespunzător, apoi aplicați o suprapunere Gradient subtil folosind setarea de mai jos. Adăugați rapid adâncime la gură, alegând din tehnicile pe care le-ați învățat că vă simțiți mai bine, am făcut cele mai importante momente ale buzei superioare cu o selecție și folosind o perie moale albă. În același timp, puteți crea, pe stratul superior, o hartă a Gradientului care merge la Layer> New Adjustment Layer> Gradient Map și utilizați valorile de mai jos. Setați modul de amestecare al acestui strat la suprapunere și lăsați-l pe toate celelalte.



Pasul 28

După cum vedem că imaginea începe să aibă "putere", are nevoie doar de mai multe detalii. De exemplu, o altă serie de lumini strălucitoare aici și acolo. Așadar, creați un alt grup chiar sub hartă degrade și repetați schițele tehnicii la pasul 24, dar de data aceasta creează câteva subliniază foarte aproape de marginile tipului. Pentru a face acest lucru, puteți crea o selecție de tip, decât să contractați selecția cu 10 pixeli. Selectați> Modificare> Contracte când pop-up scrieți 10px și veți vedea selecția contractată. Apoi, cu peria moale obișnuită, vopsiți în afara selecției așa cum ați procedat la pasul 26. Adăugați orice alte detalii pe care doriți să le aveți.



Pasul 29

În sfârșit, vom adăuga câteva alte forme de picurare. Într-un nou strat trageți picăturile peste V și peste O. Deci, cu instrumentul Pen (P) trageți o cale începând din afara plăcii Art și terminând peste V. Încercați să dați impresia că lichidul urmează forma scrisorii. După ce ați terminat, dați-i culoarea C: 17 M: 100 Y: 96 K: 8 dând dublu clic pe Layer Thumbnail și dați-i o acoperire cu gradient făcând dublu clic pe Layer și inserați setarea de mai jos în meniul Style Layer sus. Apoi, generați o selecție de la ea făcând clic pe Alt, făcând clic pe miniatură Vector Mask și într-un nou strat cu selecția activă, începeți să pictați cu o perie neagră moale, la opacitate scăzută, ca și celelalte umbre. Creați și în acest fel o lumină, de data aceasta folosind peria albă într-un nou strat. Repetați acest pas pentru picurare peste O prea.



Pasul 30

Folosind aceeași tehnică, poți să faci cu ușurință "căderea" din spatele lui I. Poți pune alte umbre aici și crezi că este necesar, dar nu o faci prea mult. Ultimul lucru este acela de a crea acele găuri mici în apropierea picăturilor căzute sub tip. Puteți să creați unul, apoi să îl copiați și să îl scalați în diferite dimensiuni. Tehnicile de făcut sunt aceleași lucruri pe care le-ați făcut și alte momente, mai întâi să creați un cerc roșu (același roșu din picături) cu instrumentul Ellipse (U), adăugați un gradient (utilizați setarea de mai jos), apoi creați o selecție din și în straturi noi creează umbre și lumini, așa cum ați făcut de multe ori. Apoi, pe o parte cu instrumentul Pen (P), poți desena o picătură asemănătoare cu cea din imaginea de mai jos.



Imagine finală

Congratulation! Aproape ai terminat! Acum, așezați imaginea (dar păstrați o versiune stratificată!) Și aplicați unele ajustări (Luminozitate / Contrast, Niveluri, Saturație etc.) jucați puțin cu aceste setări până când sunteți mulțumiți. Un lucru important este să folosiți un pic de Filter Unsharp Mask> Sharpen> Unsharp Mask pe imaginea aplatizată. Pentru a face acest lucru, mergeți la Image> Mode și alegeți Lab, apoi pe Paleta de canale selectați Luminozitate și aplicați aici Masca Unsharp (nu prea mult, lăsați previzualizarea bifată pentru a vedea). Apoi convertiți din nou modul dvs. de culoare în RGB. Acum sunteți într-adevăr terminat!