Animacija sučelja - tečaj 31 900 RUB. iz Uprocka, obuka 4 mjeseca, datum 28.11.2023.
Miscelanea / / November 30, 2023
Počnite u bilo kojem trenutku i učite ugodnom brzinom
Početak obuke nije vezan za datum kupovine tečaja. Počnite u bilo koje vrijeme kada vam odgovara i učite ugodnom brzinom. Najbolja opcija je provesti 2 sata dnevno učeći. Ako tečaju možete posvetiti 4-8 sati, završit ćete ga 2-4 puta brže.
Dosljednost i vrijeme za prilagodbu
Složenost zadataka koje radite raste od najjednostavnijih, u trajanju do 30 minuta, do složenijih i dugotrajnijih. Na taj se način postupno uključujete u proces učenja.
Opsežne, ali informativne video upute
Prvo smo napravili scenarij od nekoliko stotina stranica, zatim smo ga ozvučili, montirali, ispunili grafikom i napravili za vas kratke lekcije "bez vode" koje je lako naučiti i udobne za vraćanje po nešto podsjetiti.
Naši kustosi daju najbrže i najdetaljnije odgovore. Postoje strogi propisi: primit ćete najmanje 2 video analize dnevno, u svakom odgovoru kustos će zabilježiti vaše pogreške i reći vam kako ih ispraviti.
Program tečaja pokriva sve teme animacije sučelja. Sve lekcije se daju dosljedno i intenzivno, prostrano i bez vode.
TEORIJA
Uvod
U ovoj lekciji dobit ćete predodžbu o tome što je web animacija, koje funkcije obavlja u dizajnu sučelja i u kojim slučajevima se koristi. Naučit ćete koje se dvije vrste animacija koriste na pravim web stranicama. Dobijte ključne savjete o tome kako stvoriti fluidnu, laku i uvijek relevantnu animaciju. Naučit ćete koje tehnike je najbolje ne koristiti u realističnim animacijama i zašto. Analizirat ćemo osnovne akcije animacije i pogledati ih na primjerima. Hajde da shvatimo koje programe treba instalirati za obuku i ugodan rad. Gdje i kako se registrirati, koji tarifni plan odabrati. Dobit ćete dva korisna dodatka - AEUX i Motion Tool, koji vam omogućuju optimizaciju nekih ključnih radnih procesa u Adobe After Effects i uvelike olakšati proces izrade animacije, te se upoznati s After programom Efekti.
- Uvod u web animaciju
- Teorija
- Instaliranje programa
- Sučelje i postavljanje programa After Effects
PRAKSA
Animacija izgleda
U ovoj lekciji naučit ćete najosnovniju i najpopularniju animaciju - animaciju izgleda i svojstvo Opacity. Ovaj praktični vodič strukturiran je na takav način da dobivate detaljne upute o tome kako korak po korak izraditi animaciju izgleda. Razgovarat ćemo o tome što je renderiranje i zašto je potrebno. Pogledajmo funkciju Track Matte i njezino prvo svojstvo - Alpha Matte (alfa maska). Kao rezultat toga, steći ćete osnovnu vještinu rada sa svojstvima Opacity, Alpha Matte (alfa maska) i stvoriti snimak s prekrasnom animacijom izgleda.
PRAKSA
Komplicirana pojavna scena
Pogledajmo kombinaciju koja se sastoji od dvije animacije: izgled (već ste upoznati s tim) i pokret (ovo je nova vrsta animacije za vas). Na potonjem ćemo se detaljnije zadržati. Za animiranje kretanja upotrijebit ćete parametar Position koji određuje položaj objekta u kompoziciji. Također ćete se upoznati s opcijom Anchor Point sloja i naučiti kako je ispravno koristiti. U konačnici ćete animirati snimak i naučiti kako stvoriti impresivne animacije iz različitih vrsta animacija.
PRAKSA
Rad s alatima za kretanje
U lekciji ćete detaljno proučiti Motion Tools skriptu. U praksi pogledajte koliko je ovaj alat zgodan. Dapače, znatno ubrzava proces rada. Dobit ćete temeljito razumijevanje o tome što je Velocity Graph, Easing, kako Bezierove krivulje funkcioniraju u After Effectsu i kako utječu na animaciju. Na kraju ćete detaljno naučiti kako prilagoditi svoju animaciju pomoću Alata za kretanje, što će uvelike optimizirati vaše iskustvo animacije.
- Opći pojmovi
- Alati za kretanje v2.0
PRAKSA
Zoom animacija (koristeći alfa masku)
Naučit ćete kako možete prikazati animacije fotografija koje se pojavljuju. Ključno svojstvo koje ćete naučiti u ovom vodiču je parametar Scale sloja. Uz njegovu pomoć možete promijeniti veličinu objekta. Ova se animacija naziva animacija skaliranja (koristeći Alpha Matte). Skalizirat ćemo sam Alpha Matte (alfa masku) i sliku unutar njega zajedno s animacijom izgleda koju ste već proučavali. Kao rezultat toga, naučit ćete kako učinkovito animirati fotografije.
PRAKSA
Paralaksna animacija
Dobit ćete temeljito razumijevanje kako primijeniti jedan od najpopularnijih efekata - paralaksu. Da biste ga implementirali, trebat će vam 3 elementa dizajna i već poznato svojstvo Position. Nakon stvaranja efekta paralakse, shvatit ćete kako primijeniti obrnutu animaciju da bi se ponavljala. Konačno, naučit ćete kako izraditi snimke koje koriste efekt paralakse za stvaranje osjećaja dubine i dimenzije koji ostavlja snažan dojam na gledatelje.
PRAKSA
Složena scena s primjenom paralakse, pokreta i maske
U ovom ćete vodiču naučiti kako stvoriti složene animacije koje uključuju animacije koje ste naučili u prethodnim poglavljima. sprintevi, naime: izgled - neprozirnost, pokret - položaj, skaliranje - skala, primjena Alpha Matte (alfa maske) i Effect paralaksa. Nova vrsta animacije za vas bit će pojavljivanje naslova u području maske. Naučit ćete kako stvoriti složene scene s prijelazima koristeći sve ove vrste animacija, što će pomoći da se vaše snimke istaknu među ostalima.
PRAKSA
Adaptivna animacija
Razmotrit ćemo koncept adaptivne animacije. Ovo je već poznata animacija zumiranja koju ćete koristiti za demonstraciju responzivnih verzija stranice, kada se izgled radne površine glatko pretvara u izgled mobilnog telefona. Da biste ga izradili, koristit ćete prethodno naučena svojstva, kao što su Movement – Position, Scaling – Scale, Disappearance/Appearance – Opacity, Reverse Animation – Motion Tools 2/Clone. Poznavanje kako pravilno implementirati adaptivnu animaciju omogućit će vam da učinkovito predstavite svoje projekte.
PRAKSA
Animacija rotacije
Naučit ćete jednostavnu animaciju - rotacije i svojstvo objekta Rotation, koje je odgovorno za rotiranje sloja oko njegove sidrišne točke. Pogledat ćemo tri parametra rotacije: broj okretaja, iznos za koji želimo rotirati element (u stupnjevima), rotaciju u smjeru/suprotno od kazaljke na satu. Nakon što prođete svaki od ponavljajućih ciklusa animacije korak po korak, na kraju ćete svladati vještinu rada sa svojstvom Rotation i stvoriti kadar s rotacijskom animacijom koji će privući pozornost gledatelja.
PRAKSA
Složena animacija koja se sastoji od svih osnovnih animacija
Pogledajmo složeniju kombinaciju koja se sastoji od svih osnovnih animacija koje su vam poznate. U ovoj lekciji dotaknut ćemo se teme stvaranja efekta simulacije klika na sliku pomoću animacije skaliranja i nestajanja kruga (Ellipse Tool). Kao rezultat toga, naučit ćete slijed različitih animacija, što vam omogućuje stvaranje složenijih, dojmljivijih animacija.
PRAKSA
Rad sa scenama
Ova lekcija je ciklus koji se sastoji od 3 sprinta. Fokusira se na alternativne prijelaze scena. Prvo ćemo pobliže pogledati koncept "scene" i raspravljati o tome koji prijelazi između scena postoje. Naučit ćete kako koristiti 3 nestandardne opcije za promjenu scene: promjenu maske, promjenu zastora i promjenu slajda. Da biste stvorili prijelaz "promjene maske", razumjet ćete i naučiti kako raditi s novim parametrom Track Matte - Alpha Inverted Matte ili Inverted Alpha Mask. I naučite kako uvesti video u kompoziciju animacije.
PRAKSA
Animacija promjene boje
U ovom ćete vodiču naučiti kako raditi s animacijom u boji i svojstvom sloja u boji. Jednostavna animacija koja se može koristiti za demonstraciju lebdenja gumba ili poveznica. Ali pogledat ćemo zanimljiviju opciju, kako možete lijepo predstaviti svoj projekt pomoću animacije koja mijenja boju.
PRAKSA
Animacija staze (obrezivanje)
Naučit ćete novi parametar Trim Path, koji se može koristiti za stvaranje vrlo cool efekata kretanja putanje, ili drugim riječima, efekata skraćivanja putanje. Na primjer, kada žele prikazati predučitavač, traku napretka u video playeru itd.
PRAKSA
Složena animacija
U ovoj lekciji ponovno ćete raditi sa složenom animacijom, učvrstiti prethodno stečene vještine i stvoriti animaciju kadra s novim efektima koristeći sve ista osnovna svojstva animacije: izgled, pokret, maska, skaliranje, prijelaz između scene 1 (promjena maske), prijelaz između scene 2 (promjena zavjesa).
PRAKSA
Dekorativna tekstualna animacija (greška)
Ovom lekcijom započinje još jedan mali ciklus koji se sastoji od 3 lekcije o dekorativnoj animaciji teksta. U ovoj lekciji naučit ćete kako napraviti tako izvanredan učinak kao što je Glitch - učinak "pokvarene" slike ili televizijskih smetnji. Ovaj efekt u animaciji izgleda prilično moderno i proizvodi wow efekt. Izraditi ga je prilično jednostavno
PRAKSA
Dekorativna tekstualna animacija (skripta)
U ovoj lekciji naučit ćete kako stvoriti animaciju koja simulira veliki tekst. Ova tehnika se često koristi za postavljanje naglasaka na web stranicu i izgleda prilično estetski ugodno. Za ovu animaciju koristit ćete novi alat Pen. Budite spremni na naporan rad i budite strpljivi. Kao rezultat, dobit ćete prekrasnu animaciju koju možete koristiti za predstavljanje svojih projekata.
PRAKSA
Kreativna tekstualna animacija
U ovoj ćete lekciji ponovno pronaći animaciju teksta, ali kreativniju i neobičniju. Njegov zanimljiv učinak uključuje kombinaciju različitih animacija pomoću dvije alfa maske - jednostavne i inverzne. Kao rezultat toga, stvorit ćete cool snimak, a ovu metodu možete koristiti u svojim projektima za učinkovite prezentacije.
PRAKSA
Složena animacija
U ovom vodiču koristit ćemo vrste animacija s kojima ste već upoznati, ali koristit ćemo neke od njih za stvaranje složenijih i nestandardnijih efekata. Kao rezultat toga dobivamo složenu, složenu animaciju koja se sastoji od tri scene s prijelazima, pomicanjem i promjenama slajdova.
PRAKSA
Animacija pomoću Luma Matte
U prethodnim lekcijama razgovarali smo o parametrima Track Matte i već imate dobru predodžbu o principu rada Alpha Matte i Alpha Inverted Matte. U ovom vodiču ćemo istražiti sljedeće dvije opcije Track Matte: Luma Matte i Luma Inverted Matte i naučiti kako ih primijeniti na naše projekte.
PRAKSA
Animacija pomoću Turbulent Displace
Proučimo animaciju pomoću efekta iskrivljenja fotografije. Turbulent Displace jedan je od alata parametra Distort. Tehnički, blagi pomak piksela pomaže u stvaranju efekta vala i često se koristi za efekt na fotografijama.
PRAKSA
Složena složena animacija
Posljednja lekcija obuke, gdje ćemo kreirati složenu složenu animaciju, koristeći prethodno naučeno vrste animacija i novi – parametar Text i njegovo svojstvo “Izvorni tekst” koji omogućuje promjenu sadržaja teksta sloj. Samostalni praktični dio, gdje ćete osmisliti i kreirati animaciju za svoj snimak od nule, kao i nekoliko zanimljivih i korisnih bonus video lekcija
PRAKSA
Izrada animacije od nule
Određivanje stila, traženje referenci, izrada scenarija. Princip stvaranja ideja za scene i prijelaze između njih, priprema izvornog koda, izrada animacije 1 scene, objavljivanje snimke na mrežama.
PRAKSA
Dribbble upravljanje računom i promicanje
Dribbble upravljanje računom i promicanje. Animacija za prezentacije i Behance. Korištenje animacije iz After Effects na web stranici.