U ovom tekstu ćete naučiti kako da kreirate složene verzije 3D paralaks efekta u okviru dodatka Slider Revolution. Napravit ćemo grafičke elemente u Photoshopu, a zatim ih uvesti u WordPress. Videćete korak po korak kako da kreirate 3D efekat kada lebdite iznad slika.
Prvo što treba da uradite je da od gornje slike kreirate 3 grafička elementa u Photoshopu, telefon, tablet i kompjuter, koji se pomeraju po sajtu kada pomerimo miša. Kako ne bismo sami kreirali slike, nalazimo slike na nekim od besplatnih stranica kao što su Unsplash ili Pexels i pronalazimo ono što vam se sviđa. Slike moraju biti u .png formatu, odnosno transparentne, kako bismo mogli postaviti pozadinu iza slika.
Nakon što smo kreirali slike, sljedeća stvar je podešavanje klizača. Unutar kontrolne ploče vaše stranice instalirate i aktivirate dodatak Slider Revolution ako već niste i unutar tog odjeljka vršimo podešavanja. Treba ga prilagoditi Izvor sadržaja, u ovom slučaju će biti Zadani klizač, zatim naslove, nazive i kratki kod klizača, tip klizača i izgled klizača.
Nakon što smo postavili početna podešavanja potrebno je u okviru sekcije Paralaksa i 3D promijeniti određene stvari. Omogućit ćemo 3D prikaz na prekidaču, sjenka se može podesiti i hoćemo li omogućiti pozadinu ili ne. Možemo postaviti opciju Zadana 3D dubina, jer ne želimo da se pozadina kreće prebrzo.
Kada završimo sa osnovnim podešavanjem paralaksa i 3D sekcije, pređimo na kreiranje klizača.
Unutar klizača dodajemo različite elemente, kao što su 3 različite slike, tekst i dugme. Sve ovo se podešava ispod dugmeta Dodaj sloj. Ubacimo sve elemente, stiliziramo ih kako želimo da izgledaju i dobijemo nešto što izgleda kao na slici ispod.
Nakon što smo kreirali konačni izgled klizača, sljedeća stvar je podešavanje 3D efekta. Hajde da postavimo opciju 3D dubina za računar, tablet i telefon različite vrijednosti, da se krećete sporije i brže na ekranu. Također ćemo postaviti i 3D dubina za tekst kao i za dugme.
Nakon što smo sve ovo podesili, kreiran je 3D paralaks efekat klizača i kada pređete mišem preko klizača pomerate i elemente klizača kao na slici ispod.
