Creați o tipografie vibrantă într-un stil desen animat

Astăzi vom examina un tip de tratament tipografic cunoscut. Nu veți obține doar o idee despre cum să creați tipografie mistoasă, dar veți învăța, de asemenea, cum să-i dați o notă plăcută de desene animate. Deci, să vedem ce avem de-a face!

Veți găsi fișierul Photoshop PSD într-un director numit "sursă" care a venit în fișierul ZIP pe care l-ați descărcat cu acest tutorial. Poate doriți să o priviți scurt înainte de a începe.


preparare

Acum, haideți să aruncăm o privire asupra a ceea ce vom folosi aici:

  • Textură, de la www.123rf.com
  • Forme florale, de la dezignus.com

Pasul 1

Să începem cu o pânză foarte mare de rezoluție de 300 pixeli / inch, aș recomanda să utilizați formatul A4. Acum, alegeți fontul și textul corect pe care doriți să-l tastați. Am folosit fraza "No More Turning Back" cu Trajan Pro. Amintiți-vă că cu cât mai multe cuvinte folosiți, cu atât va dura mai mult.

Primul tip "Întoarcere" și după cum se arată mai jos. Selectați T și dați-i o dimensiune dorită. Apoi, tastați restul de litere.



Pasul 2

Când ați terminat cu primul cuvânt, amintiți-vă să îl încadrați cu două linii de ghidare. Acest lucru vă va ajuta să definiți clar marginile tipografiei dvs..

Acum creați un nou strat și tastați "No More". Așezați-o după cum se arată mai jos. Asigurați-vă că totul este setat între cele două linii de ghidare. Apoi pe noul tip de strat "Back" și plasați-l sub cuvântul "Turning"; întinde-l pentru a se potrivi cu restul tipului tău.



Pasul 3

Acum că ați terminat cu textul, adăugați Formatele Florale în folderul Photoshop. Selectați Custom Shape Tool (Instrument personalizat) și în opțiunile acestuia bifați Thumbnail Large (Mare miniatură). Veți putea apoi vedea toate formele florale ca miniaturi mari. Acest lucru vă va ajuta cu adevărat să alegeți elementele potrivite.

Cea de-a doua imagine de mai jos prezintă toate elementele pe care am ales să le completez cu litera N.



Pasul 4

Primul pas trebuie să fie identificarea literelor repetitive. În acest caz, am ales litera N repetată de 3 ori. În acest fel, nu trebuie să cheltuiți prea mult timp personalizând fiecare literă individual. Amintiți-vă, în acest moment ar trebui să lucrați doar în alb și negru.

Acum putem începe să adăugăm forme la scrisorile noastre folosind Custom Shape Tool. Adăugați elementele dvs. după cum se arată mai jos și atingeți-le până când continuați să eliminați orice forme inutile sau elemente nedorite inutile. De asemenea, puteți roti articole pentru a vă asigura că se potrivesc cel mai bine.



Pasul 5

În acest moment, organizarea este cheia. Plasarea scrisorilor în grupuri vă va ajuta să economisiți timp. După cum vedeți mai jos, am repetat litera N de mai multe ori și am redimensionat acolo unde este necesar.

Acum repetați pașii 4 și 5 pentru toate literele. Poți să grăbești lucrurile prin reutilizarea anumitor zone ale scrisorilor tale (observați literele N și K, de exemplu, prin rotirea orizontală a formelor noastre am reușit să reducem timpul pe care trebuia să-l lucrăm la aceste scrisori). În plus, puteți economisi timp suplimentar prin rearanjarea formelor dvs. ușor de la o literă la alta pentru a crea ceva complet nou.

Cei apropiați de mai jos demonstrează modul în care am folosit 10 elemente repetitive pentru toate literele, dar modificând ordinea în care apar, este practic neobservată.



Pasul 6

Odată ce ați adăugat toate formele la scrisorile dvs., acum este momentul să luați această ilustrație la nivelul următor, adăugând chiar și mai multe jurnale către ele. Acest lucru se face folosind forme mai personalizate. Veți avea nevoie de ceva timp pentru a găsi exact tipul de viraje de utilizat. Acest lucru este cu adevărat important, deoarece acestea vă vor ajuta să faceți ilustrația dvs. cu adevărat în evidență. În pașii de mai jos am folosit roșu pentru a demonstra ce se întâmplă, folosiți în schimb negru. Asigurați-vă că fiecare formă se potrivește caracterului său în mod corespunzător și folosiți măști de strat pentru a elimina zonele nedorite. Simțiți-vă liber să experimentați aici și să veniți cu propriile rezultate unice.



Pasul 7

În acest moment puteți începe să adăugați chiar mai multe detalii ilustrației dvs. Mai jos puteți vedea cum am început să lucrez în unele vânturi suplimentare și picături lacrimogene.



Pasul 8

Continuați să adăugați forme în ilustrația dvs. până când sunteți mulțumiți de rezultate.



Pasul 9

Fiecare formă pe care o adăugați ar trebui să vă facă ilustrația și mai elaborată. În acest moment, textul dvs. ar trebui să înceapă să curgă împreună, după cum se arată mai jos.



Pasul 10

În acest moment, vom completa doar lacunele dintre scrisori. Acest lucru va face ilustrația un pic dezordonat, dar va face ilustrația mai organică.
Pentru a crea o nouă cădere swirly ca Shape Layer, accesați Paleta de straturi, micșorați fluxul acestei căderi de la 100% la 0%. Mergeți la Opțiunile de amestecare și selectați Stroke. Faceți dimensiunea la fel de mare pe cât doriți, am pus a mea la 2 sau 3.



Pasul 11

Prindeți instrumentul Custom Shape Tool și faceți o picătură neagră. Utilizați instrumentul Pen pentru a crea un strat nou, schimbați culoarea în alb. Asigurați-vă că opțiunile Pen Tool sunt setate la Layer Shape. Apoi trageți o traiectorie curbată pe partea stângă a stângii. Duplicați această picătură de câte ori doriți și completați câteva ilustrații în ilustrația dvs., iar acum am terminat cu tipografia alb-negru.



Pasul 12

Ilustrația în acest moment este foarte interesantă în acest moment. Ați putea să vă opriți aici dacă acesta este efectul pe care îl căutați. Nu sunt destul de mulțumit, dar acum voi adăuga mai multe efecte pentru a da un aspect frumos stil de desen animat.

Să începem prin îmbinarea tuturor literelor și formelor împreună (nu o îmbinăm cu fundal!). Denumiți acest strat "Text". Acum, creați un strat nou, țineți comanda, faceți clic stânga pe miniatura stratului "Text" pentru a apela selecția și completați-o cu culoarea purpurie (# 8d5e9a) în acest nou strat, denumiți-o "text purpuriu". Ar trebui să obțineți ceva care arată similar cu prima imagine de mai jos. Acum opriți stratul "Text".

Grab Tool Burn (utilizați Midtones) și vopsiți în diverse pete pe acest text violet (a doua imagine de mai jos). Ia puțin murdar. Acum, în cea de-a treia imagine de mai jos, folosiți o tehnică similară, dar de data aceasta cu ajutorul instrumentului Dodge (utilizați Midtones și puteți da și o notă de Highlights - dar nu exagerați, Highlight poate ruina compoziția, deci aveți grijă). În cele din urmă, mergeți la cea de-a patra imagine de mai jos și adăugați câteva stiluri de straturi pentru a vă oferi un aspect frumos texturat.



Pasul 13

Acum repetați pasul anterior, dar de data aceasta faceți-l cu verde. Apelați selecția de acest tip, completați-o cu verde # b7ce0f (pe strat nou). Denumiți acest strat "text verde" și plasați-l deasupra "textului purpuriu". Acum Ardeți-l mai întâi și apoi Dodge-l așa cum se arată în prima imagine de mai jos. Apoi adăugați câteva stiluri de straturi ca mai înainte, dar în acest caz cu o atingere verde.



Pasul 14

Când ați terminat și ambele texte se află una peste cealaltă, apropiați-vă mai mult. Prindeți instrumentul dur de perie (toate setările la 100%). Creați o mască strat în stratul "verde text". Acum vopsea cu negru pe masca stratului, unde doriți să adăugați picăturile. Acesta este stilul desenat de desene animate pe care vroiam sa-l aduc si in esenta este vorba despre culorile reci si efectele accidentale ale accidentului.



Pasul 15

Acum creați un strat nou sub straturile de text "verde" și "purpuriu", denumiți-l "umple". Faceți clic dreapta pe stratul "text purpuriu" și selectați Copiere stil strat, apoi faceți clic dreapta pe "umple" strat și selectați Paste Layer Style. Acum du-te la "umple" Blending Opțiuni și ar trebui să vedeți că stilurile de strat de la "text purpuriu" au fost aplicate aici. Ar trebui să aveți opțiunea Bevel și Emboss pentru a verifica aceleași setări. Acum, ceea ce trebuie să faceți este să adăugați la aceste stiluri de strat Stroke of Size: 2 și Position: Outside, cu culoare neagră.

Acum, apucați Brush Tool (toate setările cu până la 100%, cel mai greu), alegeți aceeași culoare ca la pasul 12, atunci când completăm textul purpuriu (# 8d5e9a). Folosind o perie tare, pictați pe stratul "umple". Vopsea peste petele de picurare pentru a le umple complet. Consultați imaginile de mai jos; ar trebui să obțineți ideea despre ce este vorba despre asta.

Pe măsură ce vopsiți cu culoarea purpurie pe acest strat "umple", stilurile straturilor se aplică automat formei pe care o pictuiți. Asta inseamna ca poti sa termina cu usurinta picururile purpurii, provocand lovitura, culoarea si adancimea in timp ce vopsi cu pensula.



Pasul 16

Acesta este modul în care trebuie să creați toate picăturile. Nu uitați să pictați sub straturile de text pe stratul "umple". Creați-vă creativitatea și finalizați picăturile cu câteva coșuri reci pe fiecare literă.



Pasul 17

Acum, să adăugăm niște stropi și să o plasăm sub una dintre litere. Utilizați aceeași culoare (ca în picături) # 8d5e9a, apucați Custom Shape Tool și alegeți o formă plină. Creați-o sub formă de Shape Layer sub straturile de text și utilizați Command + T> Distort pentru a oferi o perspectivă frumoasă. Denumiți acest strat "splatter".

Țineți comanda, faceți clic stânga pe miniatură "stropi" strat pentru a aduce la selecție. Creați un strat nou deasupra "splatter", faceți clic cu butonul din dreapta și selectați Stroke Selection, apoi ca Width type (Tip de lățime) în 2 sau 3px, și ca Color alegeți alb sau foarte delicat, purpuriu deschis. Pentru locație, selectați Inside (a doua imagine de mai jos). Apoi apucați Instrumentul de mutare și apăsați săgeata în sus de pe tastatură în jur de 2-3 ori pentru a muta acest accent puțin. Apoi mergeți la Layer> Mask Layer> Hide All, pentru a obține cursa complet mascată. Apoi apucați instrumentul Perie, setați Duritatea la 0% și la 5%. Alege culoarea albă și vopsește ușor pe stratul de mască al acestui strat mângâiat. În cea de-a treia imagine de mai jos veți găsi câteva sfaturi despre unde să pictați pentru a adăuga o lumină frumoasă la acest stropit.



Pasul 18

Pe măsură ce aveți în continuare instrumentul perie cu setările anterioare selectate, creați un strat nou deasupra "stropirii" și alegeți o culoare violet închis. Apoi vopsea sub litera "A" (cea care rămâne pe stropi) - prima imagine de mai jos.

Când ați terminat, selectați straturile: "umple" + "text violet" + "text verde" glisați-le la pictograma noului strat pentru a crea duplicate și pentru a îmbina cele 3 duplicate. Denumiți acest strat "reflecție". Acum, apăsați Command + T și selectați Flip Horizontal. Plasați acest text exact sub cel original (pentru a arăta ca o reflecție). Apoi mergeți la Layer> Mask Layer> Hide All, iar acest lucru va masca întregul strat "reflexie". Acum acordați atenție celei de-a doua imagini de mai jos. Aduceți selecția stratului de "stropi", apoi selectați stratul de "strat de reflecție" al stratului de mască. Folosind o perie albă foarte moale, vopsiți în interiorul selecției și pe Masca stratului pentru a descoperi un pic de strat "reflexie".



Pasul 19

Acum hai să ne ocupăm de fundal. Mergeți în partea de jos a paletei de straturi, creați un strat nou deasupra stratului de fundal alb și completați-l cu gri #bebdbd. Apoi adăugați Masca de strat și pictați-o cu o perie neagră moale în colțul din stânga pentru a descoperi o parte din fundal alb (prima imagine de mai jos). Apoi creați un nou nivel de ajustare - Curbe deasupra stratului anterior. Și acum vom colora fundalul cu valorile curbei:
RGB - intrare: 163 ieșire: 202
Red - Intrare: 191 Ieșire: 196
Verde - Intrare: 189 Ieșire: 199
Albastru - Intrare: 183 Ieșire: 208
În cele din urmă, apucați o perie foarte moale (Flow 5% / Hardness 0%) alegeți albul și creați un strat nou deasupra stratului de ajustare Curves. Apoi vopsiți în mijloc; faceti diametrul periei de la mic la mai mare, astfel incat centrul ar trebui sa arate ca un gradient radial alb. Mergeți toate aceste straturi de fundal pe care tocmai le-am făcut și numiți-o "textură de fundal" (dar amintiți-vă să lăsați standardul, stratul de fundal alb neatins).



Pasul 20

Am gasit o textura de acuarela foarte misto pentru a pune aici. Deci, dacă obțineți aceeași imagine sau una similară, asigurați-vă că este destul de mare să vă potriviți întreaga pânză. Apoi, adu-l în proiectul tău. Plasați această textură deasupra stratului "textură de fundal". Faceți această textura alb-negru, astfel încât să apăsați simplu Command + Shift + U pentru Desaturare. Schimbați Modul de amestecare la Overlay și imaginea dvs. ar trebui să arate ca cea de mai jos.
Acum vedeți că colțul din dreapta pare a fi puțin prea întunecat, așa că adăugați stratul de mască în stratul de "textură de fundal" și pictați pe el cu o perie albă, moale în colțul din dreapta jos pentru a scăpa de textura suprasaturată (a doua imagine de mai jos).



Pasul 21

Acum reveniți la straturile de text. Mergeți straturile "umple" + "stratul purpuriu" + straturile "verde" (de asemenea, puteți include "împrăștierea" pentru a fuziona dacă doriți, acest lucru nu face mare diferență). Înainte de a le îmbina, este bine să creați copii de rezervă pentru toate straturile de text, așa că nu uitați de ele. Când ați terminat, denumiți acest strat de text îmbinat și accesați Layer> Adjustments> Brightness and Contrast. Incetiniți acest strat puțin (prima imagine de mai jos).

Apoi, selectați acest strat "text" și creați un strat nou de mai sus. Mergeți la Selectați> Modificare> Feather și setați valoarea în jurul valorii de 3-4px (a doua imagine de mai jos). Apoi, completați acest nou strat cu alb (a treia imagine de mai jos). Denumiți acest strat "strălucire".



Pasul 22

Acum, cu atenție: apăsați Command + D pentru a deselecta (prima imagine de mai jos) și aduceți din nou selecția "text" layer (a doua imagine de mai jos). Selectați stratul "strălucire" și apăsați Ștergeți pe tastatură. Ar trebui să obțineți ceva similar cu cel de-al treilea rând de imagine de mai jos. În comparație cu modul în care textul se referea înainte și după adăugarea strălucirii. Acum se pare că textul a fost luminat de lumina albă din spatele lui, și asta este exact ceea ce am vrut să obținem.

Puteți utiliza Eraserul moale și puteți șterge anumite părți ale strălucirii dacă nu se potrivește undeva.



Pasul 23

Ne apropiem de final acum. Trebuie doar să adăugăm câteva ajustări finale. Adăugați cele 4 straturi de ajustare următoare în partea superioară a paletei de straturi. Începe cu:

  1. Alb-negru, utilizați valori similare sau aceleași cu cele pe care le-am făcut și modificați Modul de amestecare a stratului la Lumină moale
  2. Gradient Map, selectați presetarea "Violet, Orange", modificați modul de amestecare a stratului la Soft Light și reduceți opacitatea la 20%
  3. Curbe, corecție de culoare utilizând următoarele valori:
    RGB - Intrare: 193 Ieșire: 184
    Roșu - Intrare: - Ieșire: -
    Verde - Intrare: 183 Ieșire: 181
    Albastru - Intrare: 182 Ieșire: 189
  4. Balanța de culori, ajustați culoarea finală, faceți un ton frumos și cald


Concluzie

Ei bine, am terminat în cele din urmă. Amintiți-vă, ajustările finale sunt foarte, foarte importante pentru a se potrivi culorilor ilustrației. Sper că acest tutorial ți-a arătat cum să lucrezi cu tipografia, astfel încât să poți crea câteva idei cool ale tale.

P.S. În cazul în care ați avea probleme cu crearea literelor / formelor, am inclus un dosar special în fișierul psd cu fiecare literă neagră separată și îmbinată cu elemente de formă, astfel încât să o puteți utiliza dacă doriți. Bucurați-vă de oameni buni!