Ha valaha is elgondolkozott már azon, hogyan készíthet 3D-s animációt az egér mozgatásával láthatóvá, maradjon velünk a szöveg végéig, és megtudja.
Animációinkat egy kép widget hozzáadásával kezdjük, három hegyes képet adunk hozzá, hogy 3D hatást kapjunk.
1.Az első kép hozzáadása
Először ki kell választani az első képet, ami az első hegyi réteg, az Elementorban állítsa be a kép szélességét 100%-re, majd az Advancedben az Egyéni pozicionálás részben állítsa be a képet abszolút pozícióra. Következő lépésként állítsa be a vízszintes és függőleges eltolást VW-re, ez segít nekünk a képernyő szélességéhez igazítani a tervezést. A következő dolog, amit meg kell tennie, a függőleges tájolást 25vw-ra, a vízszintes tájolást pedig 2vw-ra kell állítani.
2. Újabb kép hozzáadása
Ezután lemásolja a képet, és egy másik rétegre helyezi, az Advanced beállításban az Egyéni pozicionálás alatt módosítsa az eltolási számokat, törölje a vízszintes számot, és hagyja a függőleges számot úgy, ahogy van.
3.A harmadik kép hozzáadása
Ismételje meg ugyanezt a lépést, a kép megkettőzésével válassza ki a harmadik réteget, és az Egyéni pozicionálás alatti Speciális kivágásnál állítsa a szélességet Custom-ra, majd a mértékegységeket VW-re, az Egyéni szélességet pedig 120 vw-ra. A következő dolog, amit meg kell tennie, állítsa be az eltolást -15vw-ra vízszintes helyzetben, és állítsa be az eltolást 10vw-ra függőleges helyzetben.
Most hozzáadhatja az animációt, ha bekapcsolja az Egéreffektusokat a Motion Effects alkalmazásban, kattintson az Egérkövetésre, és hagyja el az alapértelmezett beállításokat. Módosítsa a 3D dőlésszöget az ellenkező oldalra, és állítsa a sebességet 1-re.
Ellenőrizze, hogy az animáció működik-e úgy, hogy az egérmutatót a képernyő fölé viszi.
Az összes réteg egyszerűbb kezelése érdekében a navigátort jobb gombbal kattintva érheti el, és kiválasztja a Navigátort, majd válasszon egy másik képet. A Motion Effects alkalmazásban kapcsolja be az Egéreffektusokat, majd kattintson a Mouse Track elemre, és módosítsa a mozgás irányát egyenesre és a sebességet 0,5-re, a 3D Tilt sebességét pedig 2-re.
Az utolsó képen pedig a Motion Effectsben kapcsolja be az Egéreffektusokat, majd az Egérnyomon változtassa meg a mozgás irányát direktre, és hagyja a sebességet úgy, ahogy van. A 3D Tilt funkcióban állítsa a sebességet 1-re.
Ne feledje, hogy ez a lebegési effektus nem működik telefonokon és táblagépeken, mert nem használnak egeret.
Ellenőrizze, hogy sikerült-e az egér mozgatásával a képernyőn.
Ha tetszett ez a rövid oktatóanyag az animációk létrehozásáról, látogassa meg oldalunkat blog érdekesebb ötletekért.
Szöveg és képek forrásból: youtube
