Cum se creează o machetă a ecranului în Photoshop

Mulți designeri și artiști folosesc machete pentru a-și afișa munca. În acest tutorial pentru machete de ecran, veți învăța cum să creați machete de la zero folosind obiecte și măști inteligente în Photoshop. Este mai ușor decât crezi. Să sărim direct înăuntru.

Ce sunt machetele și cum funcționează?

Modelele sunt imagini care sunt formatate astfel încât să înlocuiți o parte a imaginii cu propriul design. Acestea sunt adesea văzute folosite pentru modele de ecrane, modele de ambalaje sau îmbrăcăminte.

Veți găsi online multe modele PSD gratuite pe care le puteți utiliza. Aceste machete sunt furnizate cu o fotografie sau chiar o scenă generată de computer și completate cu un strat de obiecte inteligente, astfel încât designul tău poate fi aplicat la machetă.

Obiectul inteligent manipulează perspectiva designului dvs., astfel încât un design plat poate fi deformat pe orice suprafață din fotografie, cum ar fi un ecran de telefon sau un tricou. Puteți descărca machete gata făcute cu stratul de obiect inteligent plasat pe design, tot ce trebuie să faceți este să adăugați designul dvs., iar obiectul inteligent se ocupă de restul pentru dvs.

Legate de: Cum să utilizați Adobe Camera RAW ca obiect inteligent în Photoshop

Este foarte simplu să vă creați propriul și să includeți un strat de obiect inteligent care funcționează cu fotografia dvs. și vă îmbunătățește designul. Să începem cu tutorialul.

1. Pregătiți-vă fotografia

Trebuie să începeți cu o fotografie de înaltă calitate a unui ecran. Dacă te uiți prin site-uri web de fotografii de stoc, vei observa că imaginile ecranelor au puține distrageri în jurul subiectului.

Luați în considerare aspectul designului final care va ajunge pe ecran și asigurați-vă că restul fotografiei urmează o temă similară. Dacă designul tău este feminin și ușor, stilează fotografia cu o vază mică de flori sau material floral. Dacă designul dvs. este pentru un reclam la cafea, includeți o ceașcă de cafea lângă ecranul din fotografie.

În general, asigurați-vă că există un fundal curat în jurul subiectului principal din fotografia dvs. (care va fi un fel de ecran).

Puteți folosi propriile fotografii sau site-uri de căutare precum Unsplash sau Pixabay pentru ceea ce aveți nevoie. Dacă necesită editare, acum este momentul să faceți asta.

2. Creați un obiect inteligent

Pentru a vă crea macheta, începeți prin a deschide fotografia de pe ecran în Photoshop. Apoi, trebuie să creăm un obiect inteligent. Pentru a face acest lucru, utilizați Instrument dreptunghi (U) și desenați un dreptunghi grosier pe ecranul imaginii. Alegeți o culoare de umplere pentru dreptunghi și eliminați conturul.

În panoul Straturi, faceți clic dreapta pe stratul cu dreptunghiul dvs. și faceți clic Convertiți în obiect inteligent. De aici, putem transforma obiectul inteligent. Pentru a porni Instrumentul de transformare presa [Cmd + T] pe Mac și [Ctrl + T] pe Windows.

Cu Instrumentul de transformare activat, țineți apăsat Cmd (Mac) sau Ctrl (Windows) apăsați butonul și plasați cursorul pe un colț al dreptunghiului până când acesta se transformă într-o săgeată albă. Folosind această săgeată, faceți clic și trageți fiecare colț al dreptunghiului în colțurile ecranului din fotografie.

Odată ce dreptunghiul este aliniat, faceți dublu clic oriunde pentru a aplica efectul. Acest lucru a creat acum un obiect inteligent, care este locul în care va merge designul tău.

3. Adăugați o mască dacă este necesar

Dacă aveți obstacole suplimentare în imaginea dvs., cum ar fi ecranul laptopului care obstrucționează ecranul computerului din imaginea noastră, puteți utiliza o mască de strat pentru a lucra cu obiectul inteligent.

Creați obiectul inteligent care acoperă obstacolele utilizând pașii din secțiunea anterioară. Apoi, pe panoul Straturi, faceți clic Creați mască de strat. Folosind un instrument de selecție (L), selectați totul din fotografie, cu excepția ecranului în care va fi macheta dvs.

Odată ce totul este selectat, apăsați pe Șterge tasta de pe tastatură. Miniatura Mască de straturi din panoul Straturi va afișa o formă albă unde se află ecranul și totul va fi negru și mascat.

4. Adăugați desenele dvs

Odată ce ați creat un obiect inteligent, este timpul să adăugați designul dvs. la machetă.

Deschideți designul dorit în Photoshop și selectați totul apăsând pe [Cmd + A] pe Mac sau [Ctrl + A] pe Windows. Copiați selecția și reveniți la fereastra cu designul machetei. Găsiți stratul care deține obiectul inteligent și faceți dublu clic pe caseta obiectului inteligent din panoul Straturi. Aceasta deschide obiectul inteligent într-o fereastră nouă.

Acum, puteți lipi designul copiat anterior. Transformați dimensiunea astfel încât să acopere întregul dreptunghi. Odată ce dimensiunea este setată, salvați imaginea apăsând pe [Cmd + S] pe Mac sau [Ctrl + S] pe Windows. Ieșiți din fereastră odată ce este salvat.

Reveniți la fereastra principală; ar trebui să vedeți designul machetei finalizat cu noul ecran.

5. Fă-l realist

Puteți lăsa macheta așa cum este, dar pentru a vă duce designul la următorul nivel, puteți adăuga strălucire sau reflexii realiste pe ecranul computerului, deasupra obiectului inteligent.

Pentru a vedea strălucirea naturală, utilizați Vizibilitate butonul de pe stratul obiect inteligent. Priviți cum cade lumina pe ecran în fotografia originală. Când activați vizibilitatea, acea strălucire naturală a ecranului dispare și arată puțin plat.

Selectați miniatura Mască de strat pe stratul dorit, faceți clic dreapta pe ea și alegeți Adăugați mască la selecție. Apoi, adăugați un nou strat și faceți clic pe gradient instrument. Vom folosi un gradient liniar alb-negru, punând albul acolo unde lumina atinge ecranul.

Cu gradientul pe loc, schimbați modul de amestecare al stratului în Multiplica. Acest lucru dă efectul de polarizare al strălucirii ecranului, ceea ce face ca macheta să pară mai realistă.

Acum aveți o machetă completă pe care o puteți salva ca PSD pentru a o folosi pentru mai multe modele în viitor. Tot ce trebuie să faceți este să schimbați imaginea din stratul obiect inteligent.

Legate de: Cum să salvați imagini de înaltă calitate în Photoshop

Creați-vă propriile machete de ecran în Photoshop

Folosirea propriilor fotografii și modele-machetă oferă lucrării tale mai multă integritate și te va separa de alți artiști. Acesta adaugă o notă personală design-urilor și vă oferă mai mult control asupra rezultatului final. Consultați din nou acest ghid simplu pentru a vă crea propria machetă a ecranului de la zero.

Behance vs. Dribbble: care platformă este mai bună pentru artiști?

Dacă ești designer grafic sau artist, ai nevoie de o platformă pentru a-ți prezenta munca. Aici, comparăm Behance și Dribbble.

Citiți în continuare

Despre autor