Creați o casetă de software 3D în Photoshop utilizând acțiuni

Acțiunile pot fi utilizate pentru a automatiza rapid sarcinile repetate. În acest tutorial, vom demonstra cum să creați o acțiune care va crea automat o cutie de software 3D dintr-un șablon plat.


Demonstrație video

Uitați-vă la acest videoclip scurt care demonstrează ce va face această acțiune.


Pasul 1: Creați panza

Primul nostru pas este crearea unei acțiuni pentru crearea șablonului de pânză. Deschideți panoul de acțiune, faceți clic pe pictograma dosarului pentru a crea un set nou. Denumeste-l Psdtuts + cutie. Faceți clic pe pictograma nouă pentru a crea o acțiune nouă și o numiți 1-Creare canvas. Faceți clic pe Înregistrare. Amintiți-vă că nu trebuie să faceți nimic care nu este necesar deoarece Photoshop își va aminti asta. Asigurați-vă că urmați cu atenție acest tutorial.


Pasul 2

Primul nostru pas este crearea noului fișier. Faceți clic pe Fișier> Nou. Dimensiunea cutiei este de 19,3 x 5,8 x 24,2 cm. Pentru dimensiunea panzei, utilizați 25,1 x 30 cm. Setați rezoluția la 300 dpi, ceea ce va permite imprimarea lucrării finale.


Pasul 3

Creați două ghidaje orizontale și verticale. Faceți clic pe Vizualizare> Ghid nou cu poziție: 5,8 cm. Veți vedea că lista de acțiuni este actualizată.


Pasul 4

Adăugați informații despre dimensiunea șablonului. Nu vom folosi spațiu în colțul din stânga sus, deci adăugați și asta. Deoarece această acțiune este destinată a fi folosită de mulți oameni, nu pentru uz personal, trebuie să ne asigurăm că tot ceea ce facem aici se poate face pe computerul altor persoane. Același lucru este valabil și pentru adăugarea de text. Utilizați fontul disponibil în fiecare sistem de operare (PC și Mac). În acest tutorial, am folosit Arial.


Pasul 5

Să simplificăm șablonul și să înclinăm toate straturile. Faceți clic pe Layer> Flatten Image.


Pasul 6

Am terminat prima acțiune; crearea șablonului cutie. Apăsați butonul Stop. Mai jos, puteți vedea lista pașilor pe care i-am efectuat. Vă sugerăm să testați această acțiune făcând clic pe butonul Redare.


Pasul 7: Capacul frontal

Am terminat cu crearea șablonului cutie. Următorul pas este să creați o acțiune pentru a reda automat șablonul în 3D. Acest lucru ia o mulțime de pași. O vom simplifica separându-l în 8 acțiuni mai mici. Prima noastră acțiune va crea capacul frontal. Faceți clic pe noua pictogramă de acțiune și denumiți-o pe 2.1-Front Cover. Faceți clic pe butonul de înregistrare pentru a începe acțiunea de înregistrare.


Pasul 8

În practică, în acest moment, designul cutiei este posibil în unele straturi. Deci, primul nostru pas este de a aplatiza toate straturile. Problema este că acum avem doar un singur strat și comanda Flatten Image nu este disponibilă. Pentru a rezolva acest lucru, apăsați butonul Stop pentru a opri procesul de înregistrare, pentru a crea un strat nou, apăsați pe Înregistrare pentru a continua înregistrarea, faceți clic pe Layer> Flatten Image. În acest fel, putem înregistra comanda Flatten Image și sămânăm crearea unui strat nou. Pasul următor este să resetați culoarea primului și a fundalului în mod prestabilit, alb-negru. Utilizați marcajul dreptunghiular pentru a selecta capacul frontal. Apăsați Cmd / Ctrl + J pentru a duplica selecția pe stratul nou. Redenumiți stratul în față.


Pasul 9

Apăsați butonul Stop. Plasați o imagine de referință pe panza. Mutați-o în spatele stratului. Activați stratul frontal. Apăsați butonul Record pentru a continua procesul de înregistrare.


Pasul 10

Apăsați Cmd / Ctrl + T. Transformați frontul stratului până când acesta se potrivește cu imaginea de referință.


Pasul 11

Faceți dublu clic pe strat pentru a deschide caseta de dialog Stil de stil. Adăugați suprapunere în gradient. Apăsați Stop pentru a opri procesul de înregistrare.


Pasul 12

Am terminat acțiunile de înregistrare pentru coperta frontală. Aceasta este lista pașilor pe care i-am făcut. Asigurați-vă că ați testat acțiunea noastră executând acțiunea 1-Creați panza și apoi acțiunea 2.1 - Capacul frontal.


Pasul 13: Capacul lateral

Mai întâi, ascundeți imaginea de referință. Creați o acțiune nouă, denumiți-o cu 2.2-Side Cover. Vom înregistra înregistrarea creării capacei laterale.


Pasul 14

Activați stratul de fundal. Utilizați scula dreptunghiulară pentru a selecta capacul lateral. Duplicați selecția la stratul nou (Cmd / Ctrl + J). Redenumiți stratul în lateral.


Pasul 15

Apăsați Stop, nu doriți ca acest pas să fie înregistrat. Poziționați stratul de deasupra imaginii de referință.


Pasul 16

Asigurați-vă că partea de strat este activă. Continuați înregistrarea. Transformați capacul lateral în perspectivă.


Pasul 17

Adăugați suprapunere în gradient și suprapunere de culoare. Aceste stiluri de straturi vor adăuga unele nuanțe pe capacul lateral.


Pasul 18

Am terminat cu această parte. Apăsați butonul Stop. Uitați-vă la pașii pe care i-am înregistrat. Testați progresul prin rularea tuturor acțiunilor pe care le-am creat.


Pasul 19

Ascundeți imaginea de referință. Următorul pas este crearea unei acțiuni pentru acoperirea de sus. Faceți clic pe pictograma nouă și denumiți acest copertă 2.3. Faceți clic pe butonul Înregistrare.


Pasul 20

Activați stratul de fundal. Selectați capacul superior, apăsați Cmd / Ctrl + J. Redenumiți stratul de sus.


Pasul 21

Apăsați butonul Stop. Acum plasați imaginea de referință în spatele stratului superior. Asigurați-vă că reactivați stratul superior și apăsați butonul Înregistrare pentru a continua înregistrarea.


Pasul 22

Apăsați Cmd / Ctrl + T și transformați capacul superior.


Pasul 23

Adăugați o suprapunere în stilul stratului. Apăsați butonul Stop.


Pasul 24

Mai jos este lista pașilor înregistrați. Nu uitați să testați progresul.


Pasul 25: Umbra

Ascundeți imaginea de referință. Creați o acțiune nouă, denumiți-o 2.4-Shadow.


Pasul 26

Activați stratul de fundal. Creați un nou strat. Redenumiți stratul în umbra principală. Apăsați butonul Stop. Plasați imaginea de referință sub umbra principală a stratului. Reactivați umbra principală a stratului.


Pasul 27

Apăsați pe Înregistrare. Dacă aceasta este o ilustrație obișnuită, putem trage manual umbră folosind un instrument de perie. Deoarece acțiunile nu pot înregistra desenul manual, trebuie să folosim altă metodă. Utilizați instrumentul lasso poligon pentru a crea o selecție sub formă de umbră, chiar sub cutie. Faceți clic pe Editare> Umplere, Utilizare: Negru.


Pasul 28

Deselectați (Cmd / Ctrl + D). Faceți clic pe Filter> Blur> Blur Gaussian pentru a înmuia umbra.


Pasul 29

Setați opacitatea stratului la 34%.


Pasul 30

Apăsați Cmd / Ctrl + J pentru a duplica umbra principală a stratului. Adăugați un alt Gaussian Blur, de data aceasta folosiți Radius foarte mare. Aceasta va fi umbra aruncată pe podea.


Pasul 31

Am terminat cu această acțiune. Apăsați Stop pentru a opri înregistrarea.


Pasul 32: Drop Shadow

Creați o acțiune nouă, numiți-o pe Shadow 2.5-Drop.


Pasul 33

Selectați stratul de fundal. Creați un strat nou, redenumiți pentru a renunța la umbră. Apăsați butonul Stop. Plasați stratul deasupra imaginii de referință.


Pasul 34

Apăsați butonul Record. Trebuie să creăm o altă umbră care să meargă în spatele casetei. Utilizați instrumentul lasso poligon pentru a crea selecția și pentru a umple gradientul alb negru până la alb. Modificați modul de amestecare a straturilor pentru a multiplica pentru a ascunde pixelii mai buni.


Pasul 35

Deselectați (Cmd / Ctrl + D). Adăugați Gaussian Blur. Reduceți opacitatea stratului la 58%.


Pasul 36

Apăsați Stop și ascundeți imaginea de referință, nu mai avem nevoie de ea acum. Mai jos, vedem că este prea mult umbră pe spate. Din nou, dacă aceasta este doar o altă ilustrare, putem folosi pur și simplu un instrument de ștergere și îl ștergem. Deoarece Photoshop nu poate înregistra desenul manual, vom folosi o altă tehnică, mascarea. Acest lucru va dura mai mult timp, dar cel puțin Photoshop poate înregistra asta.


Pasul 37

Apăsați butonul Record. Adăugați masca de strat, apoi trageți un gradient liniar negru la alb. Umbrele acoperite cu negru vor fi ascunse.


Pasul 38

Trageți pictograma mască a stratului în pictograma coș de gunoi pentru a o șterge. Selectați Aplicare pentru a șterge pixelul ascuns. Dacă încă nu sunteți mulțumit de rezultat, puteți repeta acest proces. Adăugați masca stratului din nou, trageți gradientul și apoi ștergeți masca.


Pasul 39

Am terminat cu această acțiune. Apăsați Stop.


Pasul 40: Decupați partea frontală și capacul lateral

Vom adăuga o reflecție frumoasă pe podea. Creați din nou o acțiune nouă. În această acțiune, vom tăia pur și simplu fiecare reflecție în straturi separate.


Pasul 41

Activați stratul de fundal. Selectați capacul lateral. Tăiați selecția pe stratul nou apăsând Cmd / Ctrl + Shift + J. Redenumiți reflecția de la strat la lateral.


Pasul 42

Activați stratul de fundal. Selectați capacul frontal, tăiați-l pe stratul nou (Cmd / Ctrl + Shift + J). Redenumiți stratul în reflecția din față.


Pasul 43

Am terminat cu acțiunea. Apăsați Stop.


Pasul 44: Crearea reflecției frontale

Acțiunea următoare este crearea unei reflecții față. Creați o acțiune nouă.


Pasul 45

Panza actuală este prea mică pentru reflecție. Trebuie să adăugăm un spațiu suplimentar. Dați clic pe Editați> Dimensiunea canvasului. Selectați dreptunghiul de sus, deoarece dorim să adăugăm panza la partea inferioară a imaginii.


Pasul 46

Amintiți-vă că în ultima noastră acțiune este selectată reflexia din față a stratului. Deci, putem continua direct la transformare. Apăsați Cmd / Ctrl + T, faceți clic dreapta și alegeți Flip Vertical. Țineți Cmd / Ctrl și mutați fiecare colț. Vedeți imaginea de mai jos pentru referință.


Pasul 47

Dublu clic pe strat. Setați opacitatea la 30% și adăugați suprapunerea cu gradient.


Pasul 48

Adăugați masca de strat. Desenați gradientul alb până la negru până când reflecția față se estompează treptat.


Pasul 49

Apăsați butonul Stop. Am terminat această acțiune.


Pasul 50: Creați reflecții laterale

Creați o acțiune nouă. Faceți clic pe Înregistrare.


Pasul 51

Rețineți că în ultima noastră acțiune, stratul activ este selecția frontală. Deci, trebuie să selectăm reflecția laterală pentru ao activa. Efectuați un proces de transformare similar.


Pasul 52

Setați opacitatea stratului la 30% și adăugați suprapunerea Gradient.


Pasul 53

Adăugați masca de strat. Desenați un gradient pentru a estompa treptat reflexia.


Pasul 54

Apăsați Stop. Să revizuim acțiunea noastră.


Pasul 55: Acțiunea 2.9 - Curățați

Creați acțiuni noi. Aceasta va fi ultima noastră acțiune.


Pasul 56

Selectați stratul de fundal. Desenați un gradient radial simplu alb-negru.


Pasul 57

Nu vrem ca utilizatorul să fie distras de ghidaje subțiri în spațiul de lucru. Faceți clic pe Vizualizare> Ștergeți ghidajele pentru a le elimina.


Pasul 58

Acesta este scurt.


Pasul 59: Combinarea tuturor etapelor într-o singură acțiune mare

Să simplificăm acțiunea. Creați un set nou. Acțiunea Alt-drag 1-Creați Canvas pentru ao duplica. Creați o acțiune nouă și denumiți-o 2-Render. Nu vom înregistra nicio comandă, așa că apăsați butonul Stop. Alt-drag de listă de comenzi de la acțiune 2.1. Trageți o listă de comenzi din acțiunea 2.2 și puneți-o sub lista anterioară. Continuați să faceți asta până când fiecare comandă se află într-o acțiune gigantică. Dacă testați acțiunea executând prima acțiune, apoi a doua acțiune, veți obține imaginea de mai jos.


Pasul 60: Creați caseta de produse pentru pachetul Psdtuts + Texture

Am terminat cu acțiunea. Acum, vom folosi această acțiune pentru a crea o casetă simplă de pachete de texturi Psdtuts +. Cu ajutorul acțiunii noastre, procesul de proiectare este mult mai ușor. Selectați acțiunea 1-Creați panza și apăsați butonul Redare pentru a crea automat șablon de acoperire.


Pasul 61

Să umplem fundalul cu un gradient simplu.


Pasul 62

În colțul din stânga sus al capacului frontal, desenați o formă pătrată. Utilizați instrumentul stilou și faceți clic pe colțul din dreapta jos pentru al șterge. Duplicați forma, apăsați Shift + Săgeată stânga și Shift + Săgeată dreapta de câteva ori pentru a muta forma. Din bara de opțiuni, selectați pictograma de scădere. Vom avea o formă de panglică.


Pasul 63

Schimbați culoarea la # ebbf25. Adăugați suprapunere în gradient.


Pasul 64

Creați un strat nou, apăsați Cmd / Ctrl + Alt + G pentru al converti în mască de tăiere. Vopsește alb pe zonele indicate pentru a adăuga adâncimea.


Pasul 65

Utilizați un instrument creion, de dimensiune 2 px pentru a desena o linie dreaptă pe o parte a panglicii.


Pasul 66

Creați un strat nou și plasați-l sub panglică. Trageți o umbră. Creați un alt strat și trageți o umbră mai moale și mai mare.


Pasul 67

Adăugați un text pe acesta. Dați-i stilul Stroke.


Pasul 68

Creați un strat nou și trageți un gradient radial alb-negru din stânga sus. Setați modul de amestecare la suprapunere.


Pasul 69

Să adăugăm niște texturi. Aici, folosesc o textura frumoasa de la Vandelay Premier. Setați modul de amestecare la suprapunere și reduceți opacitatea acestuia.


Pasul 70

Folosesc o perie de acuarelă premium de la Psdtuts + pentru a crea niște stropi. Plasați stropi sub panglică pentru a obține un efect 3D plăcut.


Pasul 71

Adăugați câteva logo-uri pe fiecare copertă. Adăugați un text și dați-i ceva Accident vascular cerebral pentru ao menține în picioare.


Pasul 72

Selectați acțiunea 2-Render și apăsați butonul Redare. Așteptați câteva secunde sau minute, depinde de viteza calculatorului.


Pasul 73

E magic! Ai o casetă de produse 3D. Felicitări!


Imagine finală

Asta e. Sper că acest tutorial vă inspiră să creați ceva interesant în mod automat prin acțiuni.