Ak ste niekedy premýšľali, ako urobiť 3D animáciu viditeľnú pohybom myši, zostaňte s nami až do konca tohto textu a zistite.
Začneme robiť naše animácie pridaním obrázkového widgetu, pridáme tri obrázky s horami, aby sme získali 3D efekt.
1.Pridanie prvého obrázka
Prvá vec, ktorú musíte urobiť, je vybrať prvý obrázok, čo je prvá horská vrstva, v Elementore nastavte šírku obrázka na 100%, potom v časti Pokročilé v časti Custom Positioning nastavte obrázok na absolútnu polohu. Ďalšia vec, ktorú musíte urobiť, je nastaviť horizontálny a vertikálny posun na VW, čo nám pomáha prispôsobiť náš dizajn šírke obrazovky. Ďalšia vec, ktorú musíte urobiť, je nastaviť vertikálnu orientáciu na 25vw a horizontálnu orientáciu na 2vw.
2.Pridanie ďalšieho obrázka
Potom obrázok zduplikujete a umiestnite na inú vrstvu, v rozšírenom nastavení v časti Vlastné umiestnenie zmeňte čísla odsadenia, vymažte vodorovné číslo a zvislé číslo ponechajte tak, ako je.
3.Pridanie tretieho obrázka
Opakujte rovnaký krok, duplikujte obrázok, vyberte svoju tretiu vrstvu a v rozšírenom orezaní v časti Custom Positioning nastavte šírku na Custom, potom jednotky na VW a Custome Width na 120 vw. Ďalšia vec, ktorú musíte urobiť, je nastaviť offset na -15vw v horizontálnej orientácii a nastaviť offset na 10vw vo vertikálnej orientácii.
Teraz pridáte svoju animáciu tak, že zapnete Efekty myši v Pohybových efektoch, kliknete na Stopu myši a ponecháte predvolené nastavenia. Zmeňte 3D sklon na opačnú stranu a nastavte rýchlosť na 1.
Umiestnením kurzora myši na obrazovku skontrolujte, či animácia funguje.
Aby ste mohli jednoduchšie spravovať všetky vrstvy, mali by ste prejsť do navigátora kliknutím pravým tlačidlom myši a výberom položky Navigátor a potom vybrať iný obrázok. V Motion Effects zapnite Efekty myši, potom kliknite na Mouse Track a zmeňte smer pohybu na rovný a rýchlosť na 0,5 a nastavte rýchlosť 3D Tilt na 2.
A posledný obrázok, v Motion Effects zapnite Mouse Effects, potom na Mouse Track zmeňte smer pohybu na priamy a nechajte rýchlosť tak, ako je. V 3D Tilt nastavte rýchlosť na 1.
Pamätajte, že tento efekt vznášania nefunguje na telefónoch a tabletoch, pretože nepoužívajú myš.
Skontrolujte, či ste uspeli pohybom myši po obrazovke.
Ak sa vám tento krátky návod na vytváranie animácií páčil, navštívte nás blog pre ďalšie zaujímavé nápady.
Text a obrázky prevzaté zo zdrojov: YouTube
