Ako vytvoriť maketu obrazovky vo Photoshope

Mnoho dizajnérov a umelcov používa makety na zobrazenie svojej práce. V tomto návode na vytváranie modelov obrazovky sa naučíte, ako vytvoriť makety úplne od začiatku pomocou inteligentných objektov a masiek vo Photoshope. Je to jednoduchšie, ako si myslíte. Poďme do toho.

Čo sú makety a ako fungujú?

Makety sú obrázky, ktoré sú naformátované tak, aby ste mohli nahradiť časť obrázka vlastným dizajnom. Často sa používajú na návrhy obrazoviek, obalov alebo odevov.

Na internete nájdete veľa bezplatných modelov PSD, ktoré môžete použiť. Tieto makety sú vybavené fotografiou alebo dokonca počítačom vygenerovanou scénou a sú doplnené vrstvou inteligentných objektov, vďaka čomu je možné na maketu aplikovať váš návrh.

Inteligentný objekt manipuluje s perspektívou vášho návrhu tak, aby sa plochý dizajn mohol skrútiť na ktorýkoľvek povrch na fotografii, ako je obrazovka telefónu alebo tričko. Môžete si stiahnuť hotové makety s vrstvou inteligentných objektov umiestnenou na dizajne, všetko, čo musíte urobiť, je pridať svoj dizajn a inteligentný objekt urobí zvyšok za vás.

Súvisiace: Ako používať Adobe Camera RAW ako inteligentný objekt vo Photoshope

Je veľmi jednoduché vytvoriť si vlastnú a zahrnúť vrstvu inteligentných objektov, ktorá pracuje s vašou fotografiou a vylepšuje vaše návrhy. Začnime s tutoriálom.

1. Pripravte si fotografiu

Musíte začať s kvalitnou fotografiou obrazovky. Ak si prezriete webové stránky s fotografiami, všimnete si, že obrázky obrazoviek majú len málo rušivých vplyvov okolo predmetu.

Zvážte vzhľad vášho konečného návrhu, ktorý skončí na obrazovke, a zabezpečte, aby zvyšok fotografie mal podobný motív. Ak je váš dizajn ženský a svetlý, upravte fotografiu pomocou malej vázy s kvetmi alebo kvetinovou látkou. Ak je váš návrh určený pre reklamu na kávu, zahrňte šálku kávy vedľa obrazovky na fotografiu.

Celkovo sa uistite, že okolo hlavného objektu na vašej fotografii je čisté pozadie (čo bude nejaký druh obrazovky).

Na to, čo potrebujete, môžete použiť svoju vlastnú fotografiu alebo hľadať na stránkach ako Unsplash alebo Pixabay. Ak to vyžaduje úpravu, teraz je čas to urobiť.

2. Vytvorte inteligentný objekt

Ak chcete vytvoriť maketu, začnite otvorením fotografie na obrazovke vo Photoshope. Potom musíme vytvoriť inteligentný objekt. Ak to chcete urobiť, použite Nástroj Obdĺžnik (U) a nakreslite na obrazovku obrázka hrubý obdĺžnik. Vyberte farbu výplne pre svoj obdĺžnik a odstráňte ťah.

Na paneli Vrstvy kliknite pravým tlačidlom myši na vrstvu s obdĺžnikom a kliknite Konvertovať na inteligentný objekt. Odtiaľto môžeme transformovať inteligentný objekt. Ak chcete zapnúť Nástroj transformácie stlačte [Cmd + T] na Mac a [Ctrl + T] v systéme Windows.

So zapnutým nástrojom Transformácia podržte tlačidlo Cmd (Mac) alebo Ctrl (Windows) a podržte kurzor na rohu obdĺžnika, kým sa nezmení na bielu šípku. Pomocou tejto šípky kliknite a potiahnite každý roh obdĺžnika do rohov obrazovky na fotografii.

Keď je obdĺžnik zarovnaný, dvojitým kliknutím kdekoľvek efekt použijete. To teraz vytvorilo inteligentný objekt, kam pôjde váš návrh.

3. V prípade potreby pridajte masku

Ak máte na obrázku ďalšie prekážky, ako napríklad obrazovka prenosného počítača, ktorá prekrýva obrazovku počítača na našom obrázku, môžete na prácu s inteligentným objektom použiť masku vrstvy.

Vytvorte inteligentný objekt, ktorý zakryje prekážky, pomocou krokov v predchádzajúcej časti. Potom na paneli Vrstvy kliknite na Vytvorte masku vrstvy. Pomocou nástroja na výber (L), vyberte všetko na fotografii, okrem obrazovky, kde bude vaša maketa.

Keď je všetko ostatné vybraté, stlačte Odstrániť kláves na klávesnici. Miniatúra masky vrstvy na paneli vrstiev bude na obrazovke zobrazovať biely tvar a všetko ostatné bude čierne a zakryté.

4. Pridajte svoje návrhy

Po vytvorení inteligentného objektu je čas pridať svoj dizajn do makety.

Otvorte zamýšľaný dizajn vo Photoshope a vyberte všetko stlačením [Cmd + A] na Macu alebo [Ctrl + A] v systéme Windows. Skopírujte výber a vráťte sa do okna s návrhom makety. Nájdite vrstvu, ktorá obsahuje váš inteligentný objekt, a dvakrát kliknite na pole inteligentného objektu na paneli Vrstvy. Tým sa inteligentný objekt otvorí v novom okne.

Teraz môžete prilepiť svoj predtým skopírovaný dizajn. Transformujte veľkosť tak, aby pokrývala celý obdĺžnik. Po nastavení veľkosti uložte obrázok stlačením [Cmd + S] na Macu alebo [Ctrl + S] v systéme Windows. Po uložení opustite okno.

Vráťte sa do hlavného okna; mali by ste vidieť svoj návrh makety dokončený s vašou novou obrazovkou.

5. Urobte to realistické

Svoju maketu môžete ponechať tak, ako je, ale ak chcete posunúť svoj dizajn na ďalšiu úroveň, môžete na obrazovku počítača nad inteligentný objekt pridať realistické odlesky alebo odrazy.

Ak chcete zobraziť prirodzené oslnenie, použite Viditeľnosť tlačidlo na vrstve inteligentných objektov. Pozrite sa, ako svetlo dopadá na obrazovku na pôvodnej fotografii. Keď zapnete viditeľnosť, prirodzený odlesk obrazovky zmizne a vyzerá trochu plocho.

Vyberte miniatúru masky vrstvy na zamýšľanej vrstve, kliknite na ňu pravým tlačidlom myši a vyberte Pridať masku do výberu. Potom pridajte novú vrstvu a kliknite na gradient nástroj. Použijeme čiernobiely lineárny prechod a bielu umiestnime tam, kde svetlo dopadá na vašu obrazovku.

Keď máte prechod na svojom mieste, zmeňte režim prelínania vrstvy na Vynásobte. To dáva polarizačný efekt oslnenia obrazovky, vďaka čomu bude vaša maketa vyzerať realistickejšie.

Teraz máte hotovú maketu, ktorú si môžete uložiť ako PSD a použiť ju v budúcnosti pre viacero návrhov. Všetko, čo musíte urobiť, je zmeniť obrázok vo vrstve inteligentných objektov.

Súvisiace: Ako uložiť obrázky vo vysokej kvalite vo Photoshope

Vytvorte si vlastné makety obrazovky vo Photoshope

Použitie vlastných maketových fotografií a návrhov dodá vašej práci väčšiu integritu a oddelí vás od ostatných umelcov. Dodáva vašim návrhom osobný nádych a dáva vám väčšiu kontrolu nad konečným výsledkom. Vráťte sa k tomuto jednoduchému sprievodcovi a vytvorte si vlastnú maketu obrazovky od začiatku.

Behance vs. Dribbble: Ktorá platforma je pre umelcov lepšia?

Ak ste grafický dizajnér alebo umelec, potrebujete platformu na prezentáciu svojej práce. Tu porovnávame Behance a Dribbble.

Prečítajte si ďalej

O autorovi