Jak vytvořit maketu obrazovky ve Photoshopu

Mnoho designérů a umělců používá makety k zobrazení své práce. V tomto tutoriálu o modelování obrazovky se naučíte, jak vytvářet makety od začátku pomocí inteligentních objektů a masek ve Photoshopu. Je to jednodušší, než si myslíte. Pojďme rovnou do toho.

Co jsou makety a jak fungují?

Makety jsou obrázky, které jsou naformátovány tak, abyste mohli nahradit část obrázku svým vlastním návrhem. Často se používají pro návrhy obrazovek, obalů nebo oblečení.

Na internetu najdete mnoho bezplatných modelů PSD, které můžete použít. Tyto makety jsou opatřeny fotografií nebo dokonce počítačově generovanou scénou a doplněny vrstvou inteligentních objektů, což je způsob, jakým lze váš návrh aplikovat na maketu.

Chytrý objekt manipuluje s perspektivou vašeho návrhu, takže plochý design lze zkroutit na jakýkoli povrch na fotografii, jako je obrazovka telefonu nebo tričko. Můžete si stáhnout hotové makety s vrstvou inteligentních objektů umístěnou na návrhu, vše, co musíte udělat, je přidat svůj návrh a chytrý objekt udělá zbytek za vás.

Příbuzný: Jak používat Adobe Camera RAW jako inteligentní objekt ve Photoshopu

Je velmi jednoduché vytvořit si vlastní a zahrnout vrstvu inteligentních objektů, která pracuje s vaší fotografií a vylepšuje vaše návrhy. Začněme s tutoriálem.

1. Připravte si fotografii

Musíte začít s vysoce kvalitní fotografií obrazovky. Když se podíváte na webové stránky s fotografiemi, všimnete si, že obrázky obrazovek mají jen málo rušivých vlivů kolem předmětu.

Zvažte vzhled svého konečného návrhu, který skončí na obrazovce, a zajistěte, aby zbytek fotografie sledoval podobné téma. Pokud je váš design ženský a lehký, upravte fotografii pomocí malé vázy s květinami nebo květinové látky. Pokud je váš návrh pro reklamu na kávu, vložte vedle obrazovky na fotografii šálek kávy.

Celkově se ujistěte, že je kolem primárního objektu na vaší fotografii čisté pozadí (což bude nějaká obrazovka).

Pro to, co potřebujete, můžete použít svou vlastní fotografii nebo hledat na webech jako Unsplash nebo Pixabay. Pokud to vyžaduje úpravu, nyní je čas to udělat.

2. Vytvořte inteligentní objekt

Chcete-li vytvořit maketu, začněte otevřením fotografie na obrazovce ve Photoshopu. Poté musíme vytvořit inteligentní objekt. Chcete-li to provést, použijte Nástroj Obdélník (U) a nakreslete na obrazovku obrázku hrubý obdélník. Vyberte barvu výplně pro svůj obdélník a odstraňte tah.

Na panelu Vrstvy klikněte pravým tlačítkem na vrstvu s obdélníkem a klikněte Převést na inteligentní objekt. Odtud můžeme inteligentní objekt transformovat. Chcete-li zapnout Nástroj transformace lis [Cmd + T] na Macu a [Ctrl + T] v systému Windows.

Se zapnutým nástrojem Transformace podržte Cmd (Mac) nebo Ctrl (Windows) a umístěte kurzor na roh obdélníku, dokud se nezmění na bílou šipku. Pomocí této šipky klikněte a přetáhněte každý roh obdélníku do rohů obrazovky na fotografii.

Jakmile je obdélník zarovnaný, dvojitým kliknutím kamkoli použijete efekt. To nyní vytvořilo chytrý objekt, kam se váš návrh dostane.

3. V případě potřeby přidejte masku

Pokud máte na obrázku další překážky, jako je obrazovka notebooku, která zakrývá obrazovku počítače na našem obrázku, můžete pro práci s chytrým objektem použít masku vrstvy.

Pomocí kroků v předchozí části vytvořte inteligentní objekt, který zakryje překážky. Poté na panelu Vrstvy klikněte na Vytvořte masku vrstvy. Pomocí nástroje pro výběr (L), vyberte vše na fotografii, kromě obrazovky, kde bude vaše maketa.

Jakmile je vše ostatní vybráno, stiskněte Vymazat klávesu na klávesnici. Miniatura masky vrstvy na panelu Vrstvy bude na obrazovce zobrazovat bílý tvar a vše ostatní bude černé a zakryté.

4. Přidejte své návrhy

Jakmile vytvoříte chytrý objekt, je čas přidat svůj návrh do makety.

Otevřete zamýšlený návrh ve Photoshopu a vyberte vše stisknutím [Cmd + A] na Macu nebo [Ctrl + A] v systému Windows. Zkopírujte výběr a vraťte se do okna s návrhem makety. Najděte vrstvu, která obsahuje váš inteligentní objekt, a poklepejte na pole inteligentního objektu na panelu Vrstvy. Tím se inteligentní objekt otevře v novém okně.

Nyní můžete vložit svůj dříve zkopírovaný návrh. Transformujte velikost tak, aby pokrývala celý obdélník. Jakmile je velikost nastavena, uložte obrázek stisknutím [Cmd + S] na Macu nebo [Ctrl + S] v systému Windows. Po uložení opusťte okno.

Vraťte se do hlavního okna; měli byste vidět svůj návrh makety dokončený s vaší novou obrazovkou.

5. Udělejte to realistické

Maketu můžete nechat tak, jak je, ale chcete-li svůj návrh posunout na další úroveň, můžete na obrazovku počítače nad chytrý objekt přidat realistické odlesky nebo odrazy.

Chcete-li zobrazit přirozené oslnění, použijte Viditelnost tlačítko na vrstvě inteligentního objektu. Podívejte se, jak světlo dopadá na obrazovku na původní fotografii. Když zapnete viditelnost, přirozené odlesky obrazovky zmizí a vypadají trochu ploché.

Vyberte miniaturu masky vrstvy na zamýšlené vrstvě, klikněte na ni pravým tlačítkem a vyberte Přidat masku k výběru. Poté přidejte novou vrstvu a klikněte na spád nástroj. Použijeme černobílý lineární přechod a umístíme bílou tam, kde světlo dopadá na obrazovku.

S přechodem na místě změňte režim prolnutí vrstvy na Násobit. To poskytuje polarizační efekt odlesků obrazovky, díky kterému bude maketa vypadat realističtěji.

Nyní máte dokončenou maketu, kterou můžete uložit jako PSD a použít ji v budoucnu pro více návrhů. Vše, co musíte udělat, je změnit obrázek ve vrstvě inteligentních objektů.

Příbuzný: Jak uložit vysoce kvalitní obrázky ve Photoshopu

Vytvořte si vlastní makety obrazovky ve Photoshopu

Použití vlastních maket fotografií a návrhů dodá vaší práci větší integritu a oddělí vás od ostatních umělců. Dodává vašim návrhům osobní nádech a dává vám větší kontrolu nad konečným výsledkem. Vraťte se k tomuto jednoduchému průvodci a vytvořte si vlastní maketu obrazovky od začátku.

Behance vs. Dribbble: Která platforma je pro umělce lepší?

Pokud jste grafický designér nebo umělec, potřebujete platformu, kde můžete svou práci předvést. Zde porovnáme Behance a Dribbble.

Přečtěte si další

O autorovi