A kisvállalkozások tulajdonosai számára a termékmakettek az ötletek bemutatásának, az üzletszerzésnek, sőt az új ötletek és termékképességek ötletelésének elengedhetetlen részét képezik. Akár a tárgyalóteremben, akár egy hirdetőtáblán szeretné használni a mockupokat, a termékének bemutatása működés közben nagyszerű módja annak, hogy az embereket lelkesítse. Bár sokféle módon lehet kiváló minőségű mockupokat készíteni – beleértve a drága professzionális segítséget is -, a mockupok valójában nagyon könnyen elkészíthetők az Adobe Photoshop segítségével. Hogy megmutassuk, hogyan, miért állítottuk össze ezt az egyszerű bemutatót stockfotók felhasználásával.
Első lépés:
Töltse le a háttérképét, és nyissa meg az Adobe Photoshopban
Ez a lépés szinte nem is lépés, de van néhány fontos dolog, amit a háttérkép kiválasztásakor nem szabad elfelejteni. Ideális esetben a képernyőd legyen fekete, és minél egyszerűbb a perspektíva, annál könnyebbek lesznek a következő lépések. Továbbá, ha a legtöbb stockszolgáltatótól letöltesz egy fotót, akkor azt a szerkesztett képet csak személyes használatra használhatod. Más szóval, ha a mockupból pénzt fogsz keresni, akkor az tiltott terület, hacsak nem akarsz szerzői jogi pert kockáztatni. Szerencsére a mi képeink mind jogdíjmentesek, így ezeket a mockupokat felhasználhatja marketingkampányokban és egyéb szakmai célokra. A mi mockupunkhoz ezt a háttérfotót és ezt a napraforgóképet használtuk.
Kettedik lépés: Rajzolja meg az alakzatot
Rajzoljon egy egyszerű alakzatot az eszköztáron található “Alakzat” eszközzel. Nem kell tökéletesen egy vonalban lennie, de győződjön meg róla, hogy az egész alakzatot teljesen lefedi.
Protipp: Az útmutatók használata megkönnyíti és bolondbiztosabbá teszi ezt a folyamatot.
Harmadik lépés: Konvertáld az alakzatodat Smart objektummá
Nagyon fontos, hogy ezt a lépést még a kép beállítása előtt végezd el, hogy jobban illeszkedjen a képernyő a fotóhoz (negyedik lépés). Az alakzat Smart Objectté alakításához egyszerűen kattintson jobb gombbal a rétegére a jobb oldali rétegpanelen, majd válassza a legördülő menüből a “Convert to Smart Object” lehetőséget.
Join Our Creative Community
A legjobb videótippekhez, design hackekhez és ajánlatokhoz közvetlenül a postaládájába.
Negyedik lépés: Állítsuk be a perspektívát
Most az “Átalakítás eszköz” segítségével a Smart objektumunkat a fényképen látható monitor képernyőjéhez igazítjuk. Válassza a Szerkesztés > Átalakítás > Torzítás menüpontot, hogy elkezdje a Smart Object alakjának szerkesztését.
Pro tipp: Ha csökkented az átlátszatlanságot a rétegpanelen, könnyebben láthatod az alatta lévő képet. Kattints és húzd a sarkokat a szükséges méret és alak eléréséhez. Ne feledje, hogy az elektronikák általában egy vékony fekete keretet mutatnak a kijelzőablak szélei körül, ezért nem akarjuk teljesen kitölteni a képernyőt.
Ha lekerekített alakzatunk van, vagy valami (például egy személy vagy tárgy) kerül a keretbe, ami testre szabottabb formát igényel, akkor egy rétegmaszk segítségével “törölheti” ezeket az extra pixeleket. Csak válassza ki a réteget, és adjon hozzá egy rétegmaszkot a rétegmaszk ikonra kattintva a rétegpanel alján. Ezután a fekete színre állított ecsettel átfestheted a nem kívánt pixeleket. Ha kifestett valamit, amit meg akart tartani, egyszerűen állítsa át a színt fehérre, és fesse át újra a területet, hogy újra megjelenjen.
Kattintson az ENTER-re a módosítások alkalmazásához, és állítsa vissza a réteg fedettségét 100%-ra.
Ötödik lépés: Dobja be a képét
Most itt az ideje, hogy hozzáadja a tényleges termék képét a mockuphoz. Ehhez először kattintson duplán a Smart Object miniatűrjére a rétegpanelen. Ha egyszerűen csak duplán kattintasz magára a rétegre, ez nem fog működni. A réteg neve melletti kép ikonra kell kattintania. Ha ez megtörtént, egy új képernyő fog felbukkanni, amely ugyanolyan alakúnak tűnik, mint a Smart Object a harmadik lépésben. Amint alább láthatod, most egy nagy téglalapunk van, amely nagyon hasonlít az eredeti téglalapunkra, mielőtt alkalmaztuk volna az átalakítást.
Nyisd meg a termékképedet a Photoshopban (FILE > OPEN). Most húzza az új képét erre a képernyőre a “Mozgatás” eszközzel. Méretezze át a képet, hogy kitöltse a képernyőt. Most kattintson a MENTÉS gombra, és zárja be az ablakot. Ügyeljünk arra, hogy ne zárjuk be az összes Photoshop ablakot, mert még szükségünk van az eredeti háttérképünkre!
Pro tipp: Ha lenyomva tartjuk a Shiftet, akkor az új képet közvetlenül a Smart Object közepébe ejti.
Six. lépés: Voila!
Amikor visszatérsz az eredeti háttérképhez, meglepetés vár rád! Ott van a képed, varázslatos módon beillesztve és beállítva az eredeti háttérképedbe!
Ezzel a ponttal akár úgy is hagyhatod a mockupodat, ahogy van, de van néhány trükk, amivel még valósághűbbé teheted.
- Túl világos a képernyő? Ha az eredeti képednek fekete volt a háttere, csak csökkentsd a Smart Object réteg átlátszatlanságát, hogy sötétítsd a dolgokat.
- Játssz a rétegpanelen a Burn, a Multiply és a többi képopcióval.
- Adj hozzá árnyékokat. Ezt sokféleképpen megteheted a Photoshopban, de az egyik legegyszerűbb, ha a Color Burn effektust használod az ecseteddel. Vigyázz azonban, hogy ne változtasd meg túlságosan a képet. Ha elrontod, csak Ctrl + Z!
Bónuszkör!
Most, hogy a lépések már megvannak, továbbmentünk, és ugyanezt a folyamatot alkalmaztuk a kép többi képernyőjére is, így megkaptuk a kész mockupunkat!
És meg is van, emberek! Nem tudunk elképzelni semmi inspirálóbbat, mint látni, ahogy az ötleteitek életre kelnek. A jogdíjmentes stockfotóknak és az Adobe Photoshopnak köszönhetően bárki elsajátíthatja ezt az egyszerű technikát, és a víziót valósággá alakíthatja. Ha már elsajátította ezt a képességet, továbbléphet, hogy megtanulja, hogyan készítsen videómaketteket.