Cum de a proiecta un flotor de imprimare-pregătit cu Photoshop și Illustrator

În acest tutorial vom crea text 3D și îl vom integra într-un mediu natural. Nu vom folosi niciun program 3D, deci tot ce aveți nevoie este Adobe Illustrator și Photoshop pentru a crea acest efect.

Imagine finală a imaginii

Uitați-vă la imaginea pe care o vom crea. 

Detalii tutoriale

  • Programe: Adobe Illustrator, Adobe Photoshop
  • Dificultate: Intermediar

Pasul 1

Vom deschide Adobe Illustrator (utilizând CMYK ca setări de culoare) pentru a începe să creați textul nostru 3D.

Introduceți cuvântul "Evadare" (Folosesc fontul Impact) și modificați culoarea albastră (# 1A98BB). Această culoare va fi mai ușor de utilizat și va fi aproximativ culoarea pe care o vom folosi în rezultatul final.

Pasul 2

În mod obișnuit, am folosi Extrude & Bevel Tool pentru a crea o versiune 3D a textului nostru, dar din moment ce Illustrator nu se poate ocupa cu adevărat de ce vrem să facem, o vom crea noi înșine. (Afișat mai jos este ceea ce am obține dacă am folosi instrumentul Bevel & Extrude)

Faceți clic pe textul dvs. și mergeți la Tip> Creare contururi. Acum, copiați textul cu Comandă + C și Lipiți în poziție cu Comandă + F. Închideți textul folosind glisorul negru din fereastra Culoare.

Acum vom schimba textul și îl vom păstra în același loc în același timp. Pentru a face acest lucru, vom face clic pe textul nostru întunecat și țineți apăsat Alt și Shift, apoi aduceți unul dintre colțurile casetei în.

Pasul 3

Evidențiați toate literele, deschideți Pathfinder (Shift + F9). În meniul derulant Window (dacă nu îl deschideți deja) și faceți clic pe pictograma Add to Shape Area. Faceți clic pe Expandați. Acest lucru va face ca cele două cuvinte "Escape" să fie într-o singură formă.

Pasul 4

Faceți clic pe instrumentul Pen (P) și în cazul în care au fost colțuri și acum zone în formă de "L", faceți clic pe ancora colț pentru al șterge.

Pasul 5

După ce eliminați toate zonele "L" pe care le puteți face Command + F, acest lucru ar trebui să vă aducă înapoi textul original. După ce faceți acest lucru, este posibil să observați că unele dintre marginile rotunjite nu arată drept. Pentru a remedia aceste margini rotunjite, puteți șterge textul original pe care tocmai l-am lipit, faceți clic pe Instrumentul Pen (P) și ștergeți punctele de pe curbă până când obțineți un unghi care arată bine.

Pasul 6

Acum suntem gata să aducem textul nostru în Photoshop. Creați un document nou (Command + N). Vom trata acest lucru ca un design al capacului, deci vom schimba setările noastre la 8 inci lățime de 10 inci înălțime și setarea de culoare a CMYK. Vom schimba rezoluția noastră la 300 dpi, deci va fi calitatea imprimării. Odată ce ne deschidem documentul, vrem să dați clic și să trageți ghidaje la o jumătate de centimetru de la fiecare margine (folosind conducătorul nostru-Command + R). Acest lucru va funcționa ca sângele nostru.

Pasul 7

Mergeți la stock.xchng pentru a obține imaginea pe care o vom folosi pentru fundalul nostru. Deschideți imaginea în Photoshop, o să o ajustăm puțin în funcție de scopurile noastre.

Pasul 8

Accesați Imagine> Ajustare> Înlocuire culoare. Faceți clic pe partea din zona de iarbă care este cea mai galbenă și folosiți Hue pentru ao ajusta astfel încât să aibă mai mult aspect verde. Puteți, de asemenea, să derulați saturația pentru a oferi o imagine realistă.

Pasul 9

Glisați fotografia în documentul Photoshop pe care l-am făcut și redimensionați fotografia pentru a se potrivi în zonă cu ajutorul instrumentului Transform Tool (Command + T).

Pasul 10

Pentru fundal, vom merge pentru un look mai desaturat, deci vom deschide Hue / Saturation cu Command + U și vom reduce saturația la -20.

Pasul 11

Acum putem aduce textul nostru. Vom aduce mai întâi fața textului, apoi partea 3D, astfel încât să putem lucra cu fiecare în parte. Deci copiați și lipiți (Command + C, Command + V) fiecare în documentul nostru Photoshop. Dacă nu redimensionați textul sau nu măriți / micșorează deloc documentul, ambele straturi de text ar trebui să se alinieze perfect.

Pasul 12

Acum, când aveți textul și imaginea de fundal în locul în care doriți, putem începe adăugarea în iarbă.

Să începem prin crearea unui nou dosar (făcând clic pe pictograma dosarului din partea inferioară a paletei Straturi), o vom numi "iarbă", apoi vom crea un nou strat în dosar.

Utilizând instrumentul Square Marquee (M), faceți clic și trageți o cutie în jurul jumătății inferioare a documentului, sub fotografie (asigurați-vă că nu există decalaj alb între fotografie și cutie), astfel încât fotografia să nu fie selectată. Faceți clic pe culoarea din prim plan și faceți clic pe iarba din fotografie până când găsiți un verde închis. Umpleți caseta Marquee pe care am făcut-o cu acea culoare.

Pasul 13

Faceți clic pe instrumentul Perie (B) și schimbați peria la peria generică cu o singură lamă care vine cu Photoshop. Acum faceți clic pe culoarea Foreground și faceți clic pe iarba de pe fundal. Faceți același lucru cu culoarea de fundal. Acest lucru ar trebui să vă dea două verzii diferite, dar similare.

Folosind F5, deschideți setările periei și ajustați opțiunea Hue Jitter, în fila Color Dynamics până la 20%.

Pasul 14

Creați un nou strat (Command + Shift + N) în dosarul de iarbă și începeți să pictați de unde se termină fotografia de fundal cu o perie de 125px. Pe măsură ce vă deplasați spre partea de jos a documentului, faceți peria mai mare (), astfel încât să ajungeți la aproximativ o perie de 200px atunci când ajungeți în partea de jos. Acest lucru ar trebui să fie rapid, astfel încât să lase găuri pentru ca straturile viitoare să se acopere.

Vom face această culoare puțin mai întunecată, deoarece aceasta va fi sub alt strat. Deplasați-vă astfel la Curbe (Command + M) și reglați intrarea la 47 și ieșirea la 55.

Pasul 15

Vom repeta pasul 14, cu excepția faptului că vom completa în cele mai multe dintre celelalte găuri pe care le-am pierdut pentru prima oară. Nu este nevoie să reglați curbele pe acest strat de iarbă.

Pasul 16

Creați un nou strat (Command + Shift + N) în folderul de iarbă. Acum, pentru a adăuga câteva accente la iarbă, vom folosi Pensulă de iarbă (B) cu aceeași culoare și vopsea în doar câteva zone. Mergeți din nou în curbe (Command + M) și reglați intrarea la 58 și ieșirea la 39.

Pasul 17

Vom crea un strat nou (Command + Shift + N), deasupra literelor, pentru a putea picta pe o iarbă, așa că se pare că se întâmplă în fața literelor.

După ce pictați iarba din fața literelor, creați un strat nou (Command + Shift + N) și faceți o trecere ușoară a iarbului, vom întuneca acest strat cu Curves (Command + M), reglați intrarea la 42 iar producția la 56.

Pasul 18

Acum, când am terminat iarba noastră, vom începe să lucrăm la scrierea noastră.

Creați un nou director numit "fața textului" și un nou director numit "umbra de text" pune fața textului și umbra textului în dosarele corespunzătoare.

Acum vom merge la Command + Faceți clic pe stratul de text pentru a crea un contur marquee în jurul acestuia, creați un nou layer în dosarul "text face" cu Command + Shift + N și completați-l (Command + Delete) cu # EDE6DA.

Pasul 19

Mergeți în dosarul "text shadow" și creați un nou strat (Command + Shift + N).

Din moment ce lumina soarelui vine din dreapta, după cum puteți vedea cu copacii din fotografie, trebuie să facem cea mai strălucitoare parte din textul nostru pe partea dreaptă a fiecărei litere. Pentru a crea evidența noastră, vom folosi instrumentul Polygonal Lasso Tool (L) pentru a selecta zonele care ar trebui să fie evidențiate, zonele care ar fi lovite de soare.

Pasul 20

Folosind o perie rotundă albă 90px (B), cu o duritate 0% la o opacitate de 20%, începeți să aplicați picturile pe zonele pe care le-am selectat. Modificați modul de amestecare la suprapunere.

Pentru a scăpa de zona excesivă, comanda + Faceți clic pe stratul de umbră a textului, Command + Shift + I pentru a obține selecția inversă, apoi ștergeți.

Pasul 21

Acum vom face umbrele noastre la fel cum am făcut cele mai importante momente din pasul 19. Odată ce ați selectat umbrele voastre, repetați pasul 20, cu excepția momentului că vom folosi o perie neagră pentru zonele noastre cele mai întunecate.

Pasul 22

Pentru a adăuga umbre mai întunecate și pentru a ne da mai mult contrast cu scrisorile noastre, vom repeta pasul 21, dar în loc să schimbăm Modul de amestecare la Overlay, o vom schimba la Multiply. De asemenea, va fi mai ușor să schimbăm peria la o opacitate de 5%, astfel încât să puteți întuneca umbra încet și se va amesteca mai ușor.

Pasul 23

Textul se poate lucra mult mai mult și mai multe detalii de umbră / evidențiere au fost adăugate, dar din moment ce acesta este un tutorial, îl vom lăsa ca atare și vom începe să lucrăm la umbra textului pe iarbă.

Creați un nou strat (Command + Shift + N) și puneți-l deasupra folderului "iarbă". Folosind o perie neagră de 200 pixeli (B) la 100% opacitate și vopsea de duritate de 0% sub text, încercând să vă asigurați că negrul nu trece prea mult sub iarba care este în fața literelor. Modificați modul de amestecare la Multiplicare.

Pasul 24

Acum putem începe să abordăm fața textului. Vom începe să-i dăm o umbră interioară. Faceți clic pe prima pictogramă din partea inferioară a Paletei de straturi, apoi faceți clic pe Umbra interioară.

Acum mergeți la Bevel și Emboss, pe prima pictogramă din partea inferioară a Paletei de straturi și ajustați setările, ceva de genul ceea ce am. Aceste două setări vor conferi textului o margine.

Pasul 25

Mergem la Command + Faceți clic pe stratul de text și creați unul nou cu Command + Shift + N. Folosind Gradient Tool (G) cu opacitate negru la 0%, faceți clic pe partea stângă a textului și trageți-l la dreapta. Acest lucru ar trebui să dea textului un gradient care este negru pe dreapta. Trageți Opacitatea până la 5%.

Pasul 26

Cu fața textului încă selectată, creați un nou strat (Command + Shift + N) în dosarul "text" și modificați culoarea primului rând într-o culoare galben-portocalie (ceva de genul # FFC600) și creați un Gradient (G) este pe marginea de sus a literelor. Schimbați modul de amestecare la suprapunere.

Pasul 27

Creați un nou strat în dosarul "text" și luați o pensulă neagră de 200 pixeli (B) cu o opacitate de 5% și o duritate de 0%, apoi faceți clic și trageți o linie chiar deasupra iarbă. Acest lucru ne va da o umbră subtilă chiar deasupra ierbii.

Pasul 28

Acum vom da textul nostru cu fața nevăzută.

În dosarul "text", creați un nou strat și apoi utilizați instrumentul Square Marquee (M), creați o casetă care acoperă "Escape". Umpleți cutia cu negru.

Pasul 29

Mergeți la Filter> Render> Fibers și ajustați setările dvs. la ceva de genul celor pe care le am.

Pasul 30

Deselectați zona cu Command + D și accesați Filter> Blur> Motion Blur. Command + Faceți clic pe fața textului, apoi Command + Shift + I pentru a obține selecția inversă, ștergeți și modificați modul de amestecare pentru a multiplica cu o opacitate de 5%.

Pasul 31

Faceți clic pe a doua pictogramă din partea inferioară a paletei de straturi pentru a adăuga o mască stratului nostru de fibre. Folosind o gradient negru la 0% (G) faceți clic și trageți de jos în sus, astfel încât jumătatea inferioară a fibrelor au dispărut din text.

Pasul 32

Acum, pentru a termina un pic, vom face clic pe pictograma a patra din partea de jos a paletei de straturi și vom deschide Balanța culorilor.

Pasul 33

Acum deschideți filtrul de fotografii pe a patra pictogramă din partea inferioară a paletei de straturi.

Pasul 34

Acum, am terminat, voi adăuga unele finisaje cu un subsol care va sângera peste margine.

Imagine finală

Si asta e! Sper că te-ai bucurat să citești acest tutorial.