Snadný způsob vytváření maket produktů ve Photoshopu

Pro majitele malých firem jsou makety produktů nezbytnou součástí prezentace nápadů, generování obchodu a dokonce i brainstormingu nových nápadů a možností produktů. Ať už chcete makety použít v zasedací místnosti nebo na billboardu, předvedení produktu v akci je skvělý způsob, jak nadchnout lidi. Ačkoli existuje mnoho způsobů, jak vytvářet vysoce kvalitní makety – včetně drahé profesionální pomoci -, makety lze ve skutečnosti vytvořit poměrně snadno pomocí aplikace Adobe Photoshop. Abychom vám ukázali, jak na to, připravili jsme pro vás tento jednoduchý návod s využitím stock fotografií.

Krok první:

Stáhněte si stock obrázek na pozadí a otevřete jej v aplikaci Adobe Photoshop
Tento krok není téměř žádným krokem, ale při výběru obrázku na pozadí je třeba pamatovat na několik důležitých věcí. V ideálním případě by vaše obrazovka měla být černá a čím jednodušší bude perspektiva, tím snazší budou následující kroky. Také pokud si stáhnete fotografii od většiny poskytovatelů stockových služeb, můžete tento upravený obrázek použít pouze pro osobní použití. Jinými slovy, pokud vám má maketa vydělat peníze, je mimo dosah, pokud nechcete riskovat žalobu kvůli autorským právům. Naštěstí jsou všechny naše obrázky zdarma, takže tyto makety můžete používat v marketingových kampaních a pro další profesionální použití. Pro naši maketu jsme použili tuto fotografii na pozadí a tuto fotografii slunečnice.

Krok druhý: Nakreslete svůj tvar

Nakreslete jednoduchý tvar pomocí nástroje „Tvar“ na panelu nástrojů. Nemusí být dokonale zarovnaný, ale ujistěte se, že pokrývá celou postavu.

Pro Tip:

Třetí krok: Převeďte svůj tvar na inteligentní objekt

Důležité je, abyste tento krok provedli před úpravou obrázku, aby se lépe vešel na obrazovku na fotografii (krok čtyři). Chcete-li tvar převést na Inteligentní objekt, jednoduše klikněte pravým tlačítkem myši na vrstvu na panelu vrstev vpravo a z rozevírací nabídky vyberte možnost „Převést na Inteligentní objekt“.

Připojte se k naší kreativní komunitě

Získejte přístup k nejlepším video tipům, designovým hackům a nabídkám přímo do vaší schránky.

Krok čtvrtý: Upravte perspektivu

Nyní pomocí nástroje „Transformace“ přizpůsobíme náš inteligentní objekt obrazovce monitoru na fotografii. Přejděte na Úpravy > Transformovat > Zkreslit a začněte upravovat tvar svého Inteligentního objektu.

Pro Tip: Snížení krytí na panelu vrstev vám umožní lépe vidět obrázek pod ním. Kliknutím a přetažením rohů získáte potřebnou velikost a tvar. Nezapomeňte, že elektronika obvykle zobrazuje tenký černý okraj kolem okrajů zobrazovacího okna, takže nechceme zcela vyplnit obrazovku.

Pokud máte zaoblený tvar nebo do rámečku vstupuje něco (například osoba nebo předmět), co vyžaduje přizpůsobenější tvar, můžete použít masku vrstvy a „odstranit“ tyto pixely navíc. Stačí vybrat vrstvu a přidat masku vrstvy kliknutím na ikonu masky vrstvy v dolní části panelu vrstev. Poté můžete pomocí štětce s nastavenou černou barvou přemalovat všechny pixely, které nechcete. Pokud vybarvíte něco, co jste chtěli zachovat, jednoduše přepněte barvu na bílou a oblast znovu přebarvěte, aby se znovu objevila.

Klepnutím na ENTER aplikujte změny a nastavte krytí vrstvy zpět na 100 %.

Krok pátý: Vložte svůj obrázek

Nyní je čas přidat do makety skutečný obrázek produktu. To provedete tak, že nejprve dvakrát kliknete na miniaturu inteligentního objektu na panelu vrstev. Pokud jednoduše dvakrát kliknete na samotnou vrstvu, nebude to fungovat. Musíte kliknout na ikonu obrázku vedle názvu vrstvy. Jakmile to uděláte, zobrazí se nová obrazovka, která vypadá stejně jako váš Smart Object ze třetího kroku. Jak vidíte níže, máme nyní velký obdélník, který se velmi podobá našemu původnímu obdélníku před použitím transformace.

Otevřete obrázek produktu ve Photoshopu (FILE > OPEN). Nyní přetáhněte nový obrázek do této obrazovky pomocí nástroje „Přesunout“. Změňte velikost obrázku tak, aby vyplnil obrazovku. Nyní klepněte na tlačítko ULOŽIT a zavřete okno. Ujistěte se, že jste nezavřeli všechna okna Photoshopu, protože stále potřebujeme náš původní obrázek na pozadí!

Pro Tip: Pokud podržíte stisknutý Shift, spadne nový obrázek přímo do středu Inteligentního objektu.

Šestý krok: Voila!

Když se vrátíte k původnímu obrázku na pozadí, čeká vás překvapení! Tam je váš obrázek, kouzelně vložený a upravený do původního obrázku na pozadí!

V této chvíli můžete nechat svůj mockup tak, jak je, ale existuje několik triků, které můžete použít, aby byl ještě realističtější.

  • Je obrazovka příliš světlá? Pokud měl váš původní obrázek černé pozadí, stačí snížit krytí vrstvy inteligentních objektů a vše ztmavit.
  • Pohrajte si s funkcemi Vypálit, Násobit a dalšími možnostmi obrázku na panelu vrstev.
  • Přidejte stíny. Ve Photoshopu existuje mnoho způsobů, jak to provést, ale jedním z nejjednodušších je použití efektu Color Burn pomocí štětce. Dávejte však pozor, abyste obrázek příliš nezměnili. Pokud něco pokazíte, stačí použít kombinaci kláves Ctrl + Z!

Bonusové kolo!

Teď, když jsme zvládli jednotlivé kroky, jsme pokračovali a použili stejný postup na ostatní obrazovky na obrázku, čímž jsme získali hotovou maketu!

A tady to máte, přátelé! Nedokážeme si představit nic inspirativnějšího, než když vidíme, jak vaše nápady ožívají. Díky bezplatným fotografiím a aplikaci Adobe Photoshop může tuto jednoduchou techniku zvládnout každý a proměnit své vize ve skutečnost. Jakmile si tuto dovednost osvojíte, můžete přejít k učení, jak vytvářet videomakety.

Co vytvoříte vy?

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.