Kako napraviti maketu zaslona u Photoshopu

Mnogi dizajneri i umjetnici koriste makete za prikaz svojih radova. U ovom vodiču za makete zaslona naučit ćete kako izraditi makete od nule koristeći pametne objekte i maske u Photoshopu. Lakše je nego što mislite. Uskočimo odmah.

Što su makete i kako rade?

Modeli su slike koje su oblikovane na način da zamijenite dio slike vlastitim dizajnom. Često se koriste za dizajn zaslona, ​​dizajn ambalaže ili odjeću.

Na mreži ćete pronaći mnoge besplatne PSD modele koje možete koristiti. Ovi modeli su opremljeni fotografijom ili čak računalno generiranom scenom i upotpunjeni slojem pametnih objekata, što je način na koji se vaš dizajn može primijeniti na mockup.

Pametni objekt manipulira perspektivom vašeg dizajna tako da se ravni dizajn može iskriviti na bilo koju površinu na fotografiji, kao što je zaslon telefona ili majica. Možete preuzeti gotove modele sa slojem pametnih objekata postavljenim na dizajn, sve što trebate učiniti je dodati svoj dizajn, a pametni objekt radi ostalo umjesto vas.

Povezano: Kako koristiti Adobe Camera RAW kao pametni objekt u Photoshopu

Vrlo je jednostavno izraditi vlastiti i uključiti sloj pametnih objekata koji radi s vašom fotografijom i poboljšava vaše dizajne. Počnimo s tutorialom.

1. Pripremite svoju fotografiju

Morate početi s visokokvalitetnom fotografijom zaslona. Ako pregledavate web-stranice o stock fotografiji, primijetit ćete da slike zaslona imaju malo ometanja oko subjekta.

Razmislite o izgledu vašeg konačnog dizajna koji će završiti na zaslonu i pobrinite se da ostatak fotografije slijedi sličnu temu. Ako je vaš dizajn ženstven i lagan, dizajnirajte fotografiju s malom vazom s cvijećem ili cvjetnom tkaninom. Ako je vaš dizajn za reklamu za kavu, uključite šalicu za kavu pored zaslona na fotografiji.

Općenito, pobrinite se da oko primarnog subjekta na vašoj fotografiji bude čista pozadina (što će biti neka vrsta zaslona).

Možete koristiti vlastite fotografije ili web-lokacije za pretraživanje kao što su Unsplash ili Pixabay za ono što vam treba. Ako je potrebno uređivanje, sada je vrijeme za to.

2. Napravite pametni objekt

Da biste izradili maketu, počnite otvaranjem fotografije na zaslonu u Photoshopu. Zatim, moramo stvoriti pametni objekt. Da biste to učinili, koristite Alat za pravokutnik (U) i nacrtajte grubi pravokutnik na zaslonu slike. Odaberite boju ispune za svoj pravokutnik i uklonite potez.

Na ploči slojeva, desnom tipkom miša kliknite sloj sa svojim pravokutnikom i kliknite Pretvori u pametni objekt. Odavde možemo transformirati pametni objekt. Da biste uključili Alat za transformaciju pritisnite [Cmd + T] na Macu i [Ctrl + T] u sustavu Windows.

S uključenim alatom za transformaciju držite Cmd (Mac) ili Ctrl Pritisnite tipku (Windows) i zadržite pokazivač na kutu pravokutnika dok se ne pretvori u bijelu strelicu. Pomoću ove strelice kliknite i povucite svaki kut pravokutnika u kutove zaslona na fotografiji.

Nakon što je pravokutnik poravnat, dvaput kliknite bilo gdje da biste primijenili učinak. Ovo je sada stvorilo pametni objekt, gdje će ići vaš dizajn.

3. Dodajte masku ako je potrebno

Ako imate dodatne prepreke u vašoj slici, kao što je zaslon prijenosnog računala koji ometa zaslon računala na našoj slici, možete koristiti masku sloja za rad sa svojim pametnim objektom.

Stvorite pametni objekt koji pokriva prepreke koristeći korake iz prethodnog odjeljka. Zatim na ploči slojeva kliknite Napravite masku sloja. Korištenje alata za odabir (L), odaberite sve na fotografiji, osim zaslona na kojem će se nalaziti vaš model.

Nakon što je sve ostalo odabrano, pritisnite Izbrisati tipka na tipkovnici. Sličica Layer Mask na vašoj ploči slojeva pokazat će bijeli oblik na mjestu gdje je zaslon, a sve ostalo će biti crno i maskirano.

4. Dodajte svoje dizajne

Nakon što ste stvorili pametni objekt, vrijeme je da dodate svoj dizajn u svoj model.

Otvorite željeni dizajn u Photoshopu i odaberite sve pritiskom na [Cmd + A] na Macu ili [Ctrl + A] u sustavu Windows. Kopirajte odabir i vratite se na prozor sa svojim mockup dizajnom. Pronađite sloj koji sadrži vaš pametni objekt i dvaput kliknite okvir pametnog objekta na ploči slojeva. Ovo otvara pametni objekt u novom prozoru.

Sada možete zalijepiti svoj prethodno kopirani dizajn. Transformirajte veličinu tako da pokrije cijeli pravokutnik. Nakon što je veličina postavljena, spremite sliku pritiskom na [Cmd + S] na Macu ili [Ctrl + S] u sustavu Windows. Izađite kroz prozor nakon što je spremljen.

Vratite se na glavni prozor; trebali biste vidjeti svoj dizajn makete dovršen s vašim novim zaslonom.

5. Učinite to realističnim

Mockup možete ostaviti kakav jest, ali kako biste svoj dizajn podigli na sljedeću razinu, možete dodati realističan odsjaj ili refleksije na zaslon računala, iznad vašeg pametnog objekta.

Da biste vidjeli prirodni odsjaj, koristite Vidljivost gumb na sloju pametnih objekata. Pogledajte kako svjetlost pada na ekran na originalnoj fotografiji. Kada uključite vidljivost, taj prirodni odsjaj zaslona nestaje i izgleda malo ravno.

Odaberite sličicu Layer Mask na željenom sloju, kliknite je desnom tipkom miša i odaberite Dodaj masku odabiru. Zatim dodajte novi sloj i kliknite na gradijent alat. Koristit ćemo crno-bijeli linearni gradijent, stavljajući bijelu na mjesto gdje svjetlost pada na vaš zaslon.

S vašim gradijentom na mjestu, promijenite način miješanja sloja u Pomnožiti. To daje polarizirajući učinak odsjaja zaslona zbog čega vaš model izgleda realističnije.

Sada imate dovršen model koji možete spremiti kao PSD za korištenje za više dizajna u budućnosti. Sve što trebate učiniti je promijeniti sliku u sloju pametnih objekata.

Povezano: Kako spremiti visokokvalitetne slike u Photoshopu

Izradite vlastite makete zaslona u Photoshopu

Korištenje vlastitih mockup fotografija i dizajna daje vašem radu više integriteta i odvojit će vas od drugih umjetnika. Dodaje osobni pečat vašim dizajnima i daje vam veću kontrolu nad konačnim rezultatom. Vratite se na ovaj jednostavan vodič kako biste izradili vlastiti model zaslona od nule.

Behance vs. Dribbble: Koja je platforma bolja za umjetnike?

Ako ste grafički dizajner ili umjetnik, potrebna vam je platforma za izlaganje svog rada. Ovdje uspoređujemo Behance i Dribbble.

Pročitajte dalje

O autoru