Cum se creează modele letonice animate în Adobe Illustrator și After Effects

Ce veți crea

În acest tutorial veți învăța cum să creați semnele letonice în Adobe Illustrator și să le animați în Adobe After Effects. Pentru a vă face mai distractiv, vă voi arăta elementele de bază ale modului de a crea o mișcare mică pentru formele și liniile voastre. Nu vă voi arăta întregul proces, suficient pentru a începe. Sper că vă veți distra și veți învăța ceva nou. Asadar, hai sa incepem!

1. Creați semne în Adobe Illustrator

Pasul 1

Să începem prin crearea unui 1920 x 1080 px document. Mergi la Afișați> Afișați grilă. De asemenea, selectați Fixat la retea și Ajungeți la punct.


Mergi la Editați> Preferințe> Ghiduri și Grilă și asigurați-vă că aveți aceleași setări.

Pasul 2

Cu Instrument Pen (P) selectați, trageți o linie așa cum se arată în imaginea de mai jos. Utilizați culoarea stroke # 71718E (2 pt). Cu o linie selectată, apăsați R pe tastatură în timp ce țineți apăsată tasta Alt cheie (veți vedea trei puncte) și faceți clic în mijlocul liniei. Acest lucru va ridica Roti fereastră. A stabilit Unghi la 45 și faceți clic pe Copie.

Acum, dacă l-ai lovit Control-D, linia se va roti 45 de grade. Continuați până când aveți un cerc complet. Grupați totul (Control-G) și blocați stratul. Creați un nou strat și apoi creați o formă după cum se arată în imaginea de mai jos, utilizând Instrument Pen (P). Veți observa cât de ușor este să desenați aceste forme când Fixat la retea și Ajungeți la punct sunt selectate.

Cu această formă selectată, faceți clic stânga pe ecran și Transformați> Reflectați.

Selectați Vertical și Copie. Ținând jos Schimb cheie, apăsați pe Sageata dreapta pe tastatură pentru a muta forma. Grupați ambele forme și rotiți-le la fel ca liniile. Blocați stratul și creați unul nou. 

Pasul 3

Creeaza o 2 x 2 formă pătrată de romb. Conectați rombul cu forma anterioară cu o linie separată. Este foarte important ca fiecare linie / formă să fie separată! Nu vă alăturați liniilor într-o singură formă! De aceea blocăm straturile - pentru a preveni asta.

Grupați rombul cu linia și rotiți-l ca și înainte. Umpleți cu culoare # F9A0AE. Creați un romb de aceeași dimensiune în mijlocul semnului. Umpleți-l cu culoare # 96ECE1.

Utilizarea Instrument Pen (P), creați o formă ca aceasta:

Reflectați-o vertical și mutați-o pe cealaltă parte.

Grupați ambele forme și rotiți-le, dar de data aceasta 90 °. Primul semn este făcut!

Pasul 4

Cel de-al doilea semn este în esență secțiunea mijlocie a primului nostru semn. Selectați-l, inclusiv rhombul mijlociu și duplicați forma ținând apăsată tasta Alt și glisați-o cu mouse-ul. Plasați-o oriunde pe tabloul de bord.

Pasul 5

Creați două cercuri mici (1 x 1 grila pătrată) cu culori accidentale # FFD17E și # F9A0AE. Creați, de asemenea, un romb cu aceeași culoare și un accident vascular cerebral ca înainte.


Deblocați straturile și dezagregați formele. Plasați totul într-un singur strat, dar păstrați formele și liniile negroupate. O modalitate ușoară de a face acest lucru este selectând totul și lovind Control-X să taie și să Control-B pentru a plasa totul într-un singur strat. Selectați stratul și faceți clic pe Eliberați-le în straturi.

Acum aveți toate formele în straturi separate. Ultimul lucru pe care trebuie să-l faceți este să selectați toate straturile separate, cu excepția celui dintâi și să-l trageți în partea de sus. Denumiți fișierul Semnele din Letonia și Salvați

Acum deschideți After Effects.

2. Animație în After Effects

Pasul 1

Pentru a vă face mai distractiv, vă voi arăta elementele de bază ale modului de a crea o mișcare mică pentru formele și liniile voastre. Nu vă voi arăta întregul proces, suficient pentru a începe. Mergi la Compoziție> Compoziție nouă și de a crea un 1920 x 1080 px fişier.

Utilizarea Instrumentul dreptunghiular (Q) trageți o formă de fundal. Clic Completati și umpleți cu culoarea # F9F9F2.

Mergi la Fișier> Importați fișierul și găsiți fișierul Illustrator pe care l-am creat. În partea de jos a ecranului veți vedea Import As. Selectați Compoziția păstrează dimensiunile stratului și faceți clic pe O.K.


Trageți compoziția semnelor letonă pe stratul de fundal. Faceți dublu clic pe compoziție pentru ao deschide - acum puteți vedea toate straturile create în Illustrator. 


Pentru a vă facilita fluxul de lucru, aș sugera redenumirea tuturor straturilor (linia 1, rombul 1, etc.). Pentru a face acest lucru, faceți clic dreapta pe strat și selectați Redenumiți. De asemenea, puteți crea culori diferite pentru straturi dând clic pe pătratul mic de lângă strat.


Pasul 2

diapozitiv Regulator de timp la 2 secunde (sau mai mult, dacă doriți ca mișcarea dvs. să fie mai lungă), selectați forma și apăsați P să aducă Poziţie setări.

Mută Indicator de timp la 0 și faceți clic pe Ceas lângă Poziţie.

Mută Indicator de timp la 1 secunda și mutați forma selectată spre stânga / dreapta.

Mută Indicator de timp la 2 secunde și Control-C / Control-V primul cadru cheie din al doilea 2. Selectați toate cadrele cheie și apăsați F9 pentru a ușura ușurința cadrelor cheie. Lovit 0 pe tastatură pentru a vedea mișcarea. Repetați acești pași pentru alte forme similare. 

Acum, selectați toate straturile pentru cel mai mare semn, faceți clic dreapta și selectați Pre-scriere. Acum aveți un grup pe care îl puteți copia și roti.


Pentru a roti o formă, apăsați R, du-te la al doilea 0, faceți clic pe ceasul de timp, mergeți la secundă 2 sau la sfârșitul scenei dvs. și schimbați-o 0x la 1x sau mai mult, în funcție de cât de repede doriți compoziția dvs. să se rotească!

Copiați compozițiile pentru a crea un efect de model. Folosind această metodă, creați o animație simplă a formelor care se mișcă înainte și înapoi.

Am terminat!

Sper că v-ați distrat și ați învățat ceva nou - spuneți-mi în comentarii. Ne vedem în tutorialul următor!