Hogyan készítsünk videó képernyő-makettet a Photoshopban

A makettek nagyszerű módja annak, hogy gyorsan és ideális környezetben mutassa be a munkáját. Míg a legtöbb ember maketteket használ, a videomakett felkelti a figyelmet, és leköti az embereket a munkájában. Videó hozzáadása a képernyőhöz nagyszerű módja annak, hogy megmutassa a munkáját, és ez sem túl nehéz.

Mi az a videoképernyő-makett?

A makett egy digitális mód egy terv prototípusának elkészítésére vagy egy terv alkalmazására a valós idejű termékre anélkül, hogy azt elkészítenék. Ennek számos oka van, de a makett létrehozásának egyik fő oka az, hogy a terveket, illusztrációkat vagy bármit, amit meg akar mutatni, valósághűbbé kell tennie. Segít a közönségnek elképzelni, hogyan fog kinézni a darab a végén.

A tényleges termék előállításához szükséges többletidő, pénz és erőfeszítés helyett létrehozhat egy digitális makett művészetet, dizájnt, webhelyet stb.

Nos, az animált képernyő-makett nagyon hasonló fogalom, de egy képernyőn, például egy telefonon vagy egy számítógépen van egy makett. A makett pedig kép helyett mozgóképet vagy videót fog mutatni.

Ezek a mozgó tervek bármiek lehetnek a videótól az UX/UI tervezési prototípusig vagy a képernyőfelvételig.

Miért érdemes animált képernyőmakettet használni?

Az animált képernyő-makett létrehozásának egyik legjobb oka a webhely bemutatása. Ez egy nagyszerű módja annak, hogy megmutassa a portfóliójában tervezett webhelyet.

A makett használata valamivel több kreativitást biztosít a portfóliójában, mint a webhely egyszerű képernyőképei. Ez egy nagyszerű módja annak, hogy változatossá tegye a makettek megjelenését.

Ha egy általad készített videót szeretne megjeleníteni, ez kreatív módja is lehet annak megjelenítésére, ahelyett, hogy egyszerűen beágyazná a videót a YouTube-ról stb. Összességében az animált képernyő-makett szórakoztató módja annak, hogy megjelenítse munkáit.

Hogyan készítsünk animált képernyőmakettet a Photoshopban

Bár a legtöbb ember képszerkesztő eszközként ismeri a Photoshopot, animációk és videók készítésére is használhatja. Tehát itt vannak a lépések a videó makett létrehozásához a Photoshop segítségével.

Milyen videót érdemes használni?

Számos lehetőség áll rendelkezésre az animált képernyőmodellhez. Egy kisebb videofájl működik a legjobban. Bár ezt a technikát használhatja valódi videofelvételek megjelenítésére, a méret megnehezíti a Photoshopban való megjelenítést.

Emiatt egy weboldal görgető makettjét fogjuk létrehozni. Ha rövidebb videót használ más tervezési szempontok nélkül, akkor gyorsabb lesz a kép, és kiváló minőségű eredményt kap.

Képernyőrögzítő segítségével készítsen videót a képernyőről. Ezt megteheti mobilon vagy asztali számítógépen is, attól függően, hogy a makett melyiken szeretné használni. A Quicktime Playert fogjuk használni Macen és a Új képernyőfelvétel lehetőség, de rengeteg van egyéb Mac opciók. Ha iPhone-od van, láthatod hogyan lehet képernyőfelvételt készíteni iPhone-on. Ebben a felvételben nincs szükség hangra.

Videónkhoz a Makeuseof.com webhelyet rögzítettük, amelyen számos grafikai tervezésről szóló cikk látható. A képernyőn rögzíthet bármit, ami az Ön számára értelmes. Tartson egyenletes görgetést, és győződjön meg arról, hogy se túl gyors, se túl lassú.

Ha elkészült a rövid felvétel, mentse el MP4 formátumban, és helyezze el egy könnyen elérhető mappába.

Milyen fényképet érdemes használni?

A legjobb eredmény érdekében ebben a makettben olyan fényképet kell használnia, amelyen akadálymentes képernyő látható. Ez lehet mobil képernyő, számítógép vagy akár TV képernyő. Bár a képe némi perspektívát mutathat, a legjobb, ha a képernyő többnyire egyenesen Ön felé néz.

Lehetséges akadályozott képernyőt használjon vagy egy nehéz perspektívával rendelkező kép egy bonyolultabb maketthez, de ma csak egyszerűek maradunk.

Készíthet saját fényképet, vagy letölthet egyet jogdíjmentes oldalról, mint pl Unsplash. Ebben az oktatóanyagban nem fogunk előre elkészített PSD-makettet használni, így nem lesz szüksége a keresgélésre.

Videó makett készítése

Nyissa meg a képet a Photoshopban.

Ha a képet jogdíjmentes oldalról töltötte le, vagy jó minőségű fényképezőgéppel készítette, akkor a mérete elég nagy lehet. Csökkentheti a kép méretét.

Kattintson Kép > Képméret. A végső méreteket Ön dönti el, de mi 1200 körüli szélességet ajánlunk. A méret megváltoztatásakor tartsa arányban a képkorlátozásokat. Kattintson rendben.

Most hozzon létre egy helyet, ahol a videó ül. Keresse meg az eredeti videó méreteit; Ha telefonról rögzíti a képernyőt, keresse meg a telefon képernyőjének méreteit, és ha egy webhelyet rögzít, használhat szabványos 1680 x 1050-es felbontást, hacsak nem ismeri a pontos méreteket.

A Téglalap eszközzel (U) kattintson a vászonra. Ekkor megjelenik egy felugró ablak, amelyben megadhatja a méreteket. Adja meg a képernyőfelvétel szélességét és magasságát, és kattintson rendben. Távolítsa el a körvonalat, és válasszon egy fekete vagy sötétszürke kitöltőszínt.

A téglalap rétegén kattintson a jobb gombbal, és lépjen a következőre Konvertálás intelligens objektummá. Most átalakíthatja a téglalapot, hogy tökéletesen illeszkedjen a képernyőhöz. Ez azt jelenti, hogy az intelligens objektumra helyezett bármely kép ugyanazt az alakátalakítást fogja követni.

A téglalap átalakításához használja az Átalakítás eszközt. Ezt a címre kattintva találhatja meg Szerkesztés > Ingyenes átalakulás vagy ütéssel cmd + T (Mac) vagy ctrl + T (Ablakok).

Az Átalakító eszköz csak a téglalap méretét módosítja. Módosítsa a méretet a képernyőhöz a lehető leghasonlóra. Ezután használja a Torzítás funkciót.

Ismét menjen a Szerkesztés menü, akkor Átalakítani > Torzít. Ez lehetővé teszi a sarkok húzását és nyújtását, hogy tökéletesen illeszkedjenek a képernyőhöz. Ez nagyszerűen működik, ha a képhez hozzáadott perspektíva van. Kattintson duplán a téglalapra, miután az összes sarkot és élt sorba rendezte. Ha az élek nincsenek megfelelően egy vonalba hozva, használja újra az Átalakítás eszközt és a Torzítás opciót, amíg meg nem történik.

A videót beillesztheti a megfelelő méretű és alakú intelligens objektumba. Kattintson Ablak > Idővonal az animáció idővonalának megnyitásához. Győződjön meg arról, hogy a videó idővonalán szerepel, nem pedig a képkocka animációján.

Kattintson duplán az intelligens objektumra a rétegek panelen úgy, hogy rákattint az intelligens objektum miniatűrjén lévő papírt és négyzetet tartalmazó ikonra. Ez új ablakban nyílik meg.

Húzza a videót az intelligens objektum ablakba. A videónak meg kell egyeznie a téglalap méretével. Ha a méretek kimaradnak, egyszerűen javíthatja: húzza a sarkokat, amíg el nem illeszkedik az egész ablakhoz.

Ha le kell vágnia az éleket, megteheti. Amit láthat, az a végső maketten is megjelenik. Ha elégedett, kattintson duplán a méret és az elhelyezés megerősítéséhez.

Most két idővonal-réteget fog látni a videó idővonalán: egyet a téglalaphoz és egyet az új videóhoz. Húzza el a téglalap idővonalának hosszát, hogy megfeleljen a videó hosszának. Ez biztosítja, hogy a videó a teljes időtartama alatt látható legyen.

Kattintson a lejátszás gombra a videó megtekintéséhez. Eltarthat egy ideig, amíg betöltődik, és ezért lassabban játszik le, mint a tényleges időzítés.

Ha valósághűbbé szeretné tenni a videó képernyőjét, módosítsa a videóréteg keverési módját. A videóréteg átlátszatlanságát is csökkentheti). Játsszon a különböző keverési beállításokkal, amíg boldog nem lesz. Ha e lépés nélkül szeretné hagyni, az is rendben van. Tisztább képet ad a képernyőről.

Most, hogy mentse a videót a makettbe, csak mentse az intelligens objektum ablakát. Ezt úgy teheti meg, hogy a következőre lép Fájl > Megment vagy ütés cmd + S (Mac) vagy ctrl + S (Ablakok). Mentés után lépjen ki az intelligens objektum ablakából.

Vissza fog térni a makett ablakhoz. A videót a képernyő helyén fogja látni.

A makett mentéséhez nyissa meg a következőt: Fájl > Export > Videó renderelése… Itt módosíthatja a végső makett méretét. A méret megváltoztatása segíti a betöltést és a teljes fájlméretet is. Ha elégedett a beállításokkal, kattintson a gombra Vakol.

Ez egy végső MP4-videófájlt eredményez az elkészült videomaketttel együtt.

Vigye tovább makettjeit egy videoképernyő-maketttel

Ha videót használ a képernyőmakettekben, több munkát oszthat meg, és több embert vonhat be. Ez a Photoshopban létrehozott dinamikus makettstílus könnyen elkészíthető, és kiváló eredményeket hoz.

Míg ezt a technikát statikus makettekhez használhatja csupán egy kép felhasználásával, a videó használatával új készségeket sajátít el, és arra ösztönzi az embereket, hogy hosszabb ideig foglalkozzanak a munkájával. Videó makett ritkán látni, és a meglepetés mindenki figyelmét felkelti.

Dobozcsomagolás makett készítése Photoshopban

Olvassa el a következőt

A szerzőről