5. mozgás Parallax Effect - a grafika

• Lehet 6, 2024

A következő néhány Motion 5 oktatóanyagban készítünk egy Halloween témájú logó bevezető klipet egy szezonális termék-előzeteshez. Ez az intro a Parallax effektust fogja használni, és 10 másodpercig tart, annak érdekében, hogy ugyanolyan időtartamú cseppzónába kerüljön a termék előzetes sablonjában.

Hasonlóan a Ken Burns-effektushoz, a Parallax-effektus a statikus grafika mozgásának szimulálására szolgál. Az intro e rétegek több rétegéből áll majd, és a kamera mozgásának hozzáadásával a keverékhez 2,5 D animációt kapunk.

Első lépésünk ezen grafikák előkészítése. Ebben a példában több jogdíjmentes fotót fogunk használni a publicdomainpictures.net webhelyről. A fő fénykép egy sírkőből áll, amelyet magas gyomok vesz körül. A második egy nagyobb gyomnövény, a harmadik fotó hollót, a negyedik fénykép pedig egy másik sírkövet tartalmaz.

Háttérképünk csak a magas gyomok fotója lesz. A Parallax hatás elérése érdekében a többi tervezési elem, két sírkő és egy holló lesz a háttér feletti rétegeken. Az egyes rétegek kissé mozgatásával és a kamera mozgatásával azt az illúziót kapjuk, hogy statikus képek helyett videót nézünk.

Az előtérbe helyezzük a nagyobb sírkövet, mint fő érdekes pontot. Tehát el kell távolítanunk a sírkövet az eredeti háttérből úgy, hogy kiválasztjuk és kivágjuk / beillesztjük a munkadokumentum saját átlátszó rétegére.

Ezután elkülönítjük a hollót az eredeti fénykép hátteréről, és beillesztjük a munkadokumentumba egy sírkő réteg feletti rétegre. Annak érdekében, hogy az arányok állandóak maradjanak, kissé csökkentenünk kell a holló képét, és egy kicsit még finomítás közben el kell helyezni a madarakat úgy, hogy úgy tűnik, hogy áll a sírkőn. Továbbá, mivel ez egy Halloween bevezető klip, a holló szemét mélyvörösre változtatjuk, néhány rétegstílus felhasználásával.

Megismételjük ezt a folyamatot, hogy eltávolítsuk a kisebb sírkövet az eredeti háttérből és tegyük a munkadokumentumba. A második sírkő összekeveréséhez a háttérben használhatjuk a Radír szerszámot puha peremmel, amellyel eltávolíthatjuk a sírkő alsó szélét, és így úgy tűnik, hogy a gyomok a sírkő lábánál nőttek fel.

Ezen a ponton van minden tervezési elemünk a helyén, de még mindig szükségük van egy kicsit több keverésre. A sírkövek és a holló éles széleit tompíthatjuk, ha mindegyikhez belső árnyékot adunk.

Ez egy éjszakai jelenet lesz, és az eredeti fényképeket nappali fényben készítették. Mint látható a példákból, napról napra változottunk. Ehhez a Photoshop Photo Filter-jét használtuk, hogy egyes rétegekhez sötétséget adjunk. A színt, amelyet szeretek használni ehhez a technikához, RGB (10, 110, 150) kb. 80% -os sűrűséggel.

Most elmenti a dokumentumot rétegezett Photoshop-képként, amelyet importálhatunk a Motion 5-be.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.
Az Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie és Mac az Apple Inc. védjegyei, bejegyezve az Egyesült Államokban és más országokban. A CoffeBreakBlog egy független kiadvány, amelyet az Apple Inc. nem engedélyez, szponzorál, vagy más módon hagy jóvá. Az engedélyekkel használt képernyőképeket.

Video Utasításokat: So You Wanna Make Games?? | Episode 9: User Interface Design (Lehet 2024).