A termékmakettek készítésének egyszerű módja Photoshopban

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.

Mit fog létrehozni?

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.