În tutorialul rapid de astăzi, vom demonstra cum să creați o carte de credit realistă folosind Photoshop și Illustrator în doar câțiva pași scurți. Să începem!
Pentru a accelera procesul, vom începe prin a pune împreună câteva ilustrații de bază în Illustrator. Faceți un dreptunghi rotunjit de 3,5in cu 1,9in, apoi umpleți obiectul cu o culoare sau gradient la alegere.
Desenați niște linii curbe așa cum se arată folosind Instrumentul Pen. Apoi treceți la Object> Blend> Blend> Blend Options> Pași specifici, introduceți 30 și faceți clic pe OK. Faceți două linii diferite cu culori diferite.
Selectați linia de artă pe care tocmai ați creat-o și aplicați o mască de tăiere folosind forma cărții de credit. Asigurați-vă că forma cărții de credit este plasată în partea de sus a liniei dvs. de artă și că ați dublat și fundalul cărții dvs. de credit.
Notă: dacă utilizați Illustrator CS5, selectați cardul de credit și dați clic pe opțiunea Trageți în interior pentru a insera (Cmd / Ctrl + V) în interiorul obiectelor.
Utilizați instrumentul Perie pentru a desena panglica așa cum se arată.
Acum suntem terminați cu Illustrator. Să începem prin deschiderea Photoshop-ului, creând o pânză nouă care este puțin mai mare decât documentul dvs. Illustrator și apoi prin copierea și lipirea fiecărui element pe care l-ați creat în Illustrator în mod individual. În acest stadiu, trebuie să aveți deja anumite logo-uri și grafică pe care doriți să le plasați pe card. Dacă nu, continuați și creați câteva. Adăugați graficul pe card, așa cum se arată. Simțiți-vă liber să utilizați și următoarele caractere în cartea dvs. Descărcați-le aici și aici.
Acum este momentul să vă adăugați textul. Alegeți Tipul Oval folosind # f1efed. Introduceți numere aleatorii și un nume. Aplicați apoi următoarele stiluri de straturi.
Acum începe să arate mai mult ca un card de credit, să adăugăm niște umbre pentru a face să pară mai realistă. Duplicați fiecare strat, modificați culoarea fontului în negru și dezactivați stilurile de strat, ceea ce ne va oferi umbra de bază. Acum deplasați numerele de umbrire de aproximativ 3-5 pixeli spre dreapta și cu 3 pixeli în jos (faceți același lucru și cu numele), acum mergeți la Filter> Blur> Motion Blur, apoi tastați unghiul: -34 și distanța: 10px; setați amestecarea stratului pentru a multiplica și opacitatea de 50%. Pentru atingerile finale ale părții frontale, mergeți la cartea de credit de referință și adăugați o dată de expirare în locul în care doriți să o plasați și veți fi terminat cu partea din față, faceți un nou dosar și aruncați toate straturile înăuntru și numiți-l FAȚĂ.
Acum, hai să lucrăm pe spatele cărții de credit. Duplicați baza de cărți de credit, mutați layerul în dosarul FRONT, apoi faceți clic dreapta pe strat și rasterizați, faceți o selecție a acesteia și umpleți-o cu o culoare pe care ați folosit-o pe partea din față (am folosit roșu aprins pe partea de sus din partea stângă a cărții de credit). Notă: nu folosiți gradienți pentru spate.
Mergeți în dosarul FRONT, duplicați straturile de text pe care le-ați utilizat pe Styles Layer (numerele cărților de credit, numele și data de expirare în cazul meu) și trageți-le în dosarul BACK, apoi le răsturnați orizontal și modificați culoarea textului la fel ca și cartea de credit.
Acum trebuie să schimbăm stilurile de straturi ale straturilor de text pentru a le face să arate ca și cum ar fi ștampilate și arata ca cartea de credit de referință, Faceți clic dublu pe strat și modificați valorile după cum se arată mai jos, faceți același lucru pentru celelalte straturi.
Acum, cardul de credit arată ca referința dvs., continuați și aranjați restul elementelor pe care le-ați făcut pentru partea din spate a cărții de credit.
Unele elemente, cum ar fi dreptunghiul semnăturii, se pot face în Photoshop, dacă aveți un logo propriu-zis, îl puteți roti 45 de grade, duplicați de mai multe ori și faceți un model, apoi selectați fiecare și schimbați culoarea cu Hue and Saturation Cmd / Ctrl + U), apoi Mergeți-le împreună, într-un alt strat faceți un dreptunghi cu dimensiunea dorită pentru semnătură și umpleți-l cu alb, faceți o selecție de dreptunghi> selectați stratul de model și faceți clic pe (Cmd / + I) pentru a inversa selecția și Erase, apoi îmbinați ambele straturi.
Pentru a face semnătura să facă un alt strat, selectați o perie neagră și faceți o semnătură aleatorie. În cele din urmă, adăugați codurile de securitate.
Dacă doriți, ați putea încheia tutorialul aici, dar acum vom adăuga o anumită perspectivă asupra cardului. Duplicați fiecare dosar, apoi faceți clic dreapta pe dosarul de grup și selectați Merge Group, faceți același lucru pentru fiecare dosar. Acum avem 2 straturi, unul din față și unul pentru partea din spate a cardului de credit, selectați ambele straturi și faceți clic pe Cmd / Ctrl + T pentru a transforma și a le face mai mici, apoi rotiți puțin și clic dreapta pentru a selecta Perspectiva și transforma dorit.
Selectați un strat al cardului de credit (indiferent dacă este în față sau înapoi) și duplicați, faceți o selecție a acestuia și umpleți-l cu un gri deschis, apoi mutați-l aproximativ 2px spre dreapta. Pentru a face umbra cardului, duplicați cardul de credit și faceți o selecție a acestuia și completați-l cu negru, apoi faceți clic pe Cmd / Ctrl + T pentru a transforma> Faceți clic dreapta și selectați Distortați și transformați după cum doriți; Mergeți la Filter> Blur> Blur Gaussian> raza de 10 px; setați amestecarea stratului pentru a multiplica la opacitate de 30%.
Pentru a efectua reflecția, duplicați ambele straturi ale cărților de credit, selectați ambele straturi și le răsuciți vertical (Cmd + T> Clic dreapta> Flip Vertical) și aranjați-le pe vârful cărții de credit; selectați o perie Soft Eraser cu 30% opacitate și ștergeți fiecare strat pentru a face reflexia.
Să facem câteva lumini și umbre, să facem o selecție a cărții de credit, apoi să facem un nou strat, să alegem o perie albă, Modul normal la Opacitate 20% și să adăugăm niște lumină în colțul din stânga sus, apoi să schimbăm culoarea în negru și să adăugăm unele umbre în colțul din dreapta jos.
Faceți un fundal și ați terminat! Pentru a face imaginile de pe fiecare parte a cărții de credit doar să opriți stratul din față, amintiți-vă să activați sau să dezactivați și stratul de reflecție corespunzător; puteți utiliza acest tutorial pentru a crea o pictogramă a cărții de credit; amintiți-vă că puteți face cărți de credit diferite de culoare jucând cu Hue și Saturation.