Animație de interfață - curs 31.900 RUB. de la Uprock, antrenament 4 luni, data de 28 noiembrie 2023.
Miscelaneu / / November 30, 2023
Începe oricând și învață la o viteză confortabilă
Începutul instruirii nu este legat de data achiziționării cursului. Începeți oricând când vă este convenabil și învățați cu o viteză confortabilă. Cea mai bună opțiune este să petreci 2 ore pe zi studiind. Dacă poți dedica 4-8 ore cursului, îl vei termina de 2-4 ori mai repede.
Consecvență și timp de adaptare
Complexitatea sarcinilor pe care le faci crește de la cele mai simple, cu o durată de până la 30 de minute, la cele mai complexe și consumatoare de timp. În acest fel, vă alăturați treptat procesului de învățare.
Tutoriale video ample, dar informative
Mai întâi am făcut un scenariu de câteva sute de pagini, apoi l-am exprimat, l-am editat, l-am umplut cu grafică și am făcut pentru tine lecții scurte „fără apă”, ușor de învățat și confortabil la care să te întorci pentru ceva reamintire.
Curatorii noștri oferă cele mai rapide și mai detaliate răspunsuri. Există reglementări stricte: veți primi cel puțin 2 analize video pe zi, în fiecare răspuns curatorul vă va nota greșelile și vă va spune cum să le corectați.
Programul de curs acoperă toate subiectele de animație a interfeței. Toate lecțiile sunt date consecvent și intensiv, cu capacitate și fără apă.
TEORIE
Introducere
În această lecție, vă veți face o idee despre ce este animația web, ce funcții îndeplinește în proiectarea interfeței și în ce cazuri este utilizată. Veți afla ce două tipuri de animații sunt folosite pe site-uri web reale. Obțineți sfaturi cheie despre cum să creați animații fluide, fără efort și întotdeauna relevante. Veți învăța ce tehnici sunt cele mai bune să nu utilizați în animațiile realiste și de ce. Vom analiza acțiunile de bază de animație și le vom privi cu exemple. Să ne dăm seama ce programe trebuie instalate pentru antrenament și muncă confortabilă. Unde și cum să vă înregistrați, ce plan tarifar să alegeți. Veți primi două plugin-uri utile - AEUX și Motion Tool, care vă permit să optimizați unele procese cheie de lucru în Adobe After Effects și facilitează foarte mult procesul de creare a animației și familiarizează-te cu programul After Efecte.
- Introducere în animația web
- Teorie
- Instalarea programelor
- Interfață și configurare After Effects
PRACTICĂ
Animație de aspect
În această lecție veți învăța cea mai simplă și populară animație - animația aspectului și proprietatea Opacitate. Acest tutorial practic este structurat în așa fel încât să primiți instrucțiuni detaliate despre cum să creați o animație de aspect pas cu pas. Vom vorbi despre ce este randarea și de ce este necesară. Să ne uităm la funcția Track Matte și la prima sa proprietate - Alpha Matte (mască alfa). Ca rezultat, veți dobândi abilitățile de bază de a lucra cu proprietățile Opacitate, Alpha Matte (mască alfa) și veți crea o fotografie cu o animație de aspect frumos.
PRACTICĂ
Scena de apariție complicată
Să ne uităm la o combinație care constă din două animații: aspect (ești deja familiarizat cu ea) și mișcare (acesta este un nou tip de animație pentru tine). Ne vom opri asupra celui din urmă mai detaliat. Pentru a anima mișcarea, veți folosi parametrul Poziție, care determină poziția obiectului în compoziție. De asemenea, vă veți familiariza cu opțiunea de strat Anchor Point și veți învăța cum să o utilizați corect. În cele din urmă, vei anima o fotografie și vei învăța cum să creezi animații impresionante din diferite tipuri de animații.
PRACTICĂ
Lucrul cu Motion Tools
În lecție veți studia în detaliu scriptul Motion Tools. În practică, vedeți cât de convenabil este acest instrument. De fapt, accelerează semnificativ procesul de lucru. Veți obține o înțelegere amănunțită a ceea ce este Graficul vitezei, Easing, cum funcționează curbele Bezier în After Effects și cum afectează acestea animația. În cele din urmă, veți învăța în detaliu cum să vă personalizați animația folosind Motion Tools, care vă va optimiza foarte mult experiența de animație.
- Concepte generale
- Motion Tools v2.0
PRACTICĂ
Animație cu zoom (folosind masca alfa)
Veți învăța cum puteți afișa animații ale fotografiilor care apar. Proprietatea cheie pe care o veți învăța în acest tutorial este parametrul Scale al stratului. Cu ajutorul acestuia puteți modifica dimensiunea unui obiect. Această animație se numește o animație de scalare (folosind Alpha Matte). Vom scala Alpha Matte în sine (mască alfa) și imaginea din interiorul acesteia împreună cu animația de aspect pe care ați studiat-o deja. Ca rezultat, veți învăța cum să animați în mod eficient fotografiile.
PRACTICĂ
Animație paralaxă
Veți obține o înțelegere aprofundată a modului de aplicare a unuia dintre cele mai populare efecte - paralaxa. Pentru a-l implementa, veți avea nevoie de 3 elemente de design și de proprietatea deja familiară Poziție. După ce ați creat efectul de paralaxă, vă veți da seama cum să aplicați o animație inversă pentru a o face buclă. În cele din urmă, veți învăța cum să creați fotografii care utilizează efectul de paralaxă pentru a crea un sentiment de profunzime și dimensiune care lasă o impresie puternică asupra spectatorilor.
PRACTICĂ
Scenă complexă cu paralaxă, mișcare și aplicare de mască
În acest tutorial veți învăța cum să creați animații complexe care să includă animațiile pe care le-ați învățat în capitolele anterioare. sprinturi, și anume: Aspect - Opacitate, Mișcare - Poziție, Scalare - Scară, aplicare Alpha Matte (mască alfa) și Efect paralaxă. Un nou tip de animație pentru tine va fi apariția titlului în zona măștilor. Veți învăța cum să creați scene complexe cu tranziții folosind toate aceste tipuri de animație, ceea ce vă va ajuta fotografiile să iasă în evidență de restul.
PRACTICĂ
Animație adaptivă
Ne vom uita la conceptul de animație adaptivă. Aceasta este animația de zoom deja familiară pe care o veți folosi pentru a demonstra versiunile receptive ale site-ului, atunci când aspectul desktop se transformă fără probleme într-un aspect pentru telefonul mobil. Pentru a-l crea, veți folosi proprietăți învățate anterior, cum ar fi Mișcare – Poziție, Scalare – Scală, Dispariție/Aspect – Opacitate, Animație inversă – Instrumente de mișcare 2/Clonare. Știind cum să implementați corect animația adaptivă vă va permite să vă prezentați eficient proiectele.
PRACTICĂ
Animație de rotație
Veți învăța o animație simplă - rotații și proprietatea obiect Rotation, care este responsabilă pentru rotirea unui strat în jurul punctului său de ancorare. Ne vom uita la trei parametri de rotație: numărul de rotații, cantitatea cu care dorim să rotim elementul (în grade), rotația în sensul acelor de ceasornic/în sens invers acelor de ceasornic. După ce parcurgeți fiecare dintre ciclurile de animație repetate pas cu pas, veți stăpâni în cele din urmă abilitatea de a lucra cu proprietatea Rotation și veți crea o fotografie cu o animație de rotație care va atrage atenția spectatorilor.
PRACTICĂ
Animație complexă constând din toate animațiile de bază
Să ne uităm la o combinație mai complexă, care constă din toate animațiile de bază cu care ești familiarizat. În această lecție vom atinge subiectul creării efectului de simulare a unui clic pe o imagine folosind animația de scalare și dispariție a cercului (Instrumentul Elipse). Ca rezultat, veți învăța secvența diferitelor animații, permițându-vă să creați animații mai complexe și mai impresionante.
PRACTICĂ
Lucrul cu scene
Această lecție este un ciclu care constă din 3 sprinturi. Se concentrează pe tranzițiile alternative ale scenei. În primul rând, vom arunca o privire mai atentă asupra conceptului de „scenă” și vom discuta ce tranziții există între scene. Veți învăța cum să utilizați 3 opțiuni non-standard pentru schimbarea scenelor: schimbarea măștii, schimbarea perdelei și schimbarea diapozitivelor. Pentru a crea o tranziție de „schimbare a măștii”, veți înțelege și veți învăța cum să lucrați cu noul parametru Track Matte – Alpha Inverted Matte sau Inverted Alpha Mask. Și aflați cum să importați videoclipuri într-o compoziție de animație.
PRACTICĂ
Animație de schimbare a culorii
În acest tutorial veți învăța cum să lucrați cu animația de culoare și proprietatea stratului de culoare. O animație simplă care poate fi folosită pentru a demonstra trecerea cu mouse-ul pe butoane sau linkuri. Dar ne vom uita la o opțiune mai interesantă, cum vă puteți prezenta frumos proiectul folosind animația care schimbă culoarea.
PRACTICĂ
Animație traseu (decupare)
Veți învăța noul parametru Trim Path, care poate fi folosit pentru a crea efecte de mișcare a traseului foarte interesante sau, cu alte cuvinte, efecte de tăiere a traseului. De exemplu, atunci când doresc să afișeze un preîncărcare, o bară de progres într-un player video etc.
PRACTICĂ
Animație complexă
În această lecție, veți lucra din nou cu animații complexe, veți consolida abilitățile dobândite anterior și veți crea o animație de captură cu efecte noi folosind toate aceleași proprietăți de bază ale animației: aspect, mișcare, mască, scalare, tranziție între scena 1 (schimbarea măștii), tranziție între scena 2 (modificare perdea).
PRACTICĂ
Animație de text decorativ (glitch)
Această lecție începe un alt ciclu mic, constând din 3 lecții despre animația textului decorativ. În această lecție veți învăța cum să obțineți un efect atât de extraordinar precum Glitch - efectul unei imagini „spărțite” sau al interferenței la televizor. Acest efect în animație arată destul de la modă și produce un efect wow. Este destul de ușor de creat
PRACTICĂ
Animație cu text decorativ (script)
În această lecție veți învăța cum să creați o animație care simulează textul majuscul. Această tehnică este adesea folosită pentru a pune accente pe un site web și arată destul de plăcut din punct de vedere estetic. Pentru această animație veți folosi noul Pen Tool. Fiți pregătiți pentru munca grea și aveți răbdare. Ca rezultat, veți obține o animație frumoasă pe care o puteți folosi pentru a vă prezenta proiectele.
PRACTICĂ
Animație de text creativ
În această lecție veți găsi din nou animație text, dar mai creativă și neobișnuită. Efectul său interesant implică o combinație de animații diferite folosind două măști alfa - simple și inverse. Ca rezultat, veți crea o fotografie grozavă și puteți utiliza această metodă în proiectele dvs. pentru prezentări eficiente.
PRACTICĂ
Animație complexă
În acest tutorial vom folosi tipurile de animații cu care sunteți deja familiarizați, dar vom folosi unele dintre ele pentru a crea efecte mai complexe și non-standard. Ca rezultat, obținem o animație complexă, complexă, care constă din trei scene cu tranziții, derulare și modificări de diapozitive.
PRACTICĂ
Animație folosind Luma Matte
În lecțiile anterioare am discutat despre parametrii Track Matte și aveți deja o idee bună despre principiul de funcționare al Alpha Matte și Alpha Inverted Matte. În acest tutorial vom explora următoarele două opțiuni Track Matte: Luma Matte și Luma Inverted Matte și vom afla cum să le aplicăm proiectelor noastre.
PRACTICĂ
Animație folosind Turbulent Displace
Să studiem animația folosind efectul de distorsiune a fotografiilor. Turbulent Displace este unul dintre instrumentele parametrului Distort. Din punct de vedere tehnic, este o ușoară deplasare a pixelilor care ajută la crearea unui efect de undă și este adesea folosită pentru efectul în fotografii.
PRACTICĂ
Animație complexă
Ultima lecție de antrenament, în care vom crea animații complexe complexe, folosind învățate anterior tipuri de animații și una nouă – parametrul Text și proprietatea sa „Text sursă”, care vă permite să modificați conținutul textului strat. O parte practică independentă, în care veți veni cu și veți crea animație pentru fotografia dvs. de la zero, precum și câteva lecții video bonus interesante și utile
PRACTICĂ
Crearea de animație de la zero
Determinarea stilului, căutarea referințelor, crearea unui script. Principiul creării de idei pentru scene și tranziții între ele, pregătirea codului sursă, crearea animației unei scene, publicarea filmului în rețele.
PRACTICĂ
Gestionarea și promovarea contului Dribbble
Gestionarea și promovarea contului Dribbble. Animație pentru prezentări și Behance. Utilizarea animației de la After Effects pe site.