Cum se face un simplu banner animat folosind Flash CS3
Dacă doriți să creați un banner animat utilizând tehnologii învechite, acest articol vă va arăta cum să faceți unul utilizând Adobe Flash și utilizând ActionScript 2.0. Desigur, acest lucru se poate face mult mai usor folosind HTML si jаvascript.
conținut
pași
1
Deschideți Adobe Flash și creați un nou document. Modificați documentul apăsând tastele Comandă + J pe Mac sau Ctrl + J pe PC. În opțiuni, sub formă de banner, selectați 468 lățime x 60 mare (aceasta este dimensiunea standard pentru un banner), apoi selectați culoarea de fundal la alegere și faceți clic pe OK. În acest ghid, vom folosi culoarea neagră ca și fundal.
2
Selectați straturile și denumiți primul după cum doriți. În acest ghid, acesta va fi un cerc, astfel încât stratul însuși va fi numit "cerc". Faceți clic pe Instrumentul dreptunghiular și mențineți-l apăsat pentru a deschide un meniu, selectați Instrumentul Oval și eliberați mouse-ul. Deplasați-vă în zona de lucru și creați un cerc de orice dimensiune. În acest ghid, mărimea va fi foarte mare, astfel încât numai o mică parte a cercului din banner va fi văzută, dimensiunile sale fiind 175,5 x 175,5.
3
Acum, când ați terminat cercul, apăsați F8 (atât pe Mac, cât și pe PC) pentru a deschide meniul de conversie la simbol. Faceți clic pe grafic, apoi denumiți-l "cerc" la simbol și apăsați OK. Acum aveți un simbol pe care îl puteți anima. Plasați cursorul peste zona stratului și mutați-l peste cel de-al 5-lea cadru, apoi apăsați F6 (Mac și PC). Aceasta va crea un cadru care are cercul în același punct. Reveniți la primul cadru, apoi faceți clic pe cercul dvs. Acum o vom face să se estompeze în animație.
4
Accesați panoul proprietăților de la sfârșitul ferestrei și selectați opțiunile de culoare. Faceți clic pe opțiunile de culoare, selectați Alpha și în procentul 0. Acest lucru va face ca cercul dvs. să dispară, dar nu vă faceți griji, acolo merge, doar că nu îl puteți vedea.
5
Reveniți la secțiunea "Straturi" și faceți clic dreapta între primul și ultimul cadru, apoi faceți clic pe "Creați interpolarea mișcării". Dacă o faci corect, atunci ai creat deja cu succes prima parte a animației tale. Acum trebuie să adăugăm textul.
6
Creați un strat nou și schimbați numele acestuia "text". Mergeți la cel de-al 6-lea cadru al stratului "text", faceți clic dreapta pe el și selectați "Inserați un nou cadru", acest lucru va crea un cadru gol unde puteți lucra. Selectați paleta de instrumente și faceți clic pe "T" pentru a selecta instrumentul Text. Plasați cursorul pe banner, apoi tastați textul dorit. În acest ghid, textul va fi "stindard". Acum, cu textul selectat, apăsați F8 pentru ao transforma într-un grafic, tip "text" ca nume și faceți clic pe OK. Acum puteți anima textul.
7
Acum, du-te la stratul tău de "cerc" și faceți clic pe cel de-al șaselea cadru, faceți clic pe el și țineți-l în jos pentru al trage la cel de-al 16-lea cadru. Acest lucru va face ca cercul să fie vizibil în întreaga animație. Mutați textul într-un punct care se află în interiorul cercului, dar asigurați-vă că acesta nu este în partea stângă a cercului. Accesați secțiunea "Straturi" și faceți clic pe stratul "Text" și trageți-l sub stratul "Cerc". Aceasta va face ca o parte din text să dispară, dar nu vă faceți griji, asta vrem în acest moment.
8
Blochează și ascunde stratul "cerc", pentru a vă asigura că nu stricați nimic și astfel puteți vedea ce faceți. Faceți clic pe cel de-al 15-lea cadru al stratului "text" și creați un cadru apăsând tasta F6. Faceți clic pe textul din cadrul celui de-al 16-lea cadru și mutați-l acolo unde doriți ca textul să apară pe bannerul dvs., dar asigurați-vă că acesta este mai încărcat în stânga decât cercul. Poți face vizibil stratul de cerc dacă nu ești sigur unde este cercul.
9
Odată ce ați plasat textul exact unde doriți, reveniți la strat "text", și, între cele două cadre, creați o interpolare a mișcării, făcând clic între ele și selectând "Creați interpolarea mișcării". Odată ce ați terminat cu asta, creați un al treilea strat și numiți-l "ActionScript". Selectați ultimul cadru (cel de-al 16-lea) și faceți un nou cadru apăsând F6. Faceți clic pe fereastră > Acțiuni și tip "opri ()"- Acum închideți fereastra.
10
Du-te la locul în care doriți să salvați animația și salvați-o cu numele "stindard". Du-te acolo unde se spune "Export ca:" și faceți clic pe partea care afișează .SWF, deschizând meniul astfel încât să apară toate opțiunile. selecta ".jpg Animat", astfel încât să devină o imagine GIF și apoi să faceți clic pe OK.
11
Felicitări! Ați terminat să creați un banner simplu pe care să-l puteți lăuda oricui vreți.
sfaturi
- Luați în considerare utilizarea unui standard mai modern, cum ar fi HTML5.
avertismente
- Acest lucru nu va fi compatibil cu iOS sau cu alte sisteme de operare mobile.
Distribuiți pe rețelele sociale:
înrudit
- Cum să activați Adobe Flash Player
- Cum se adaugă transparența în Photoshop
- Modificarea culorii de fundal în Photoshop
- Modificarea fundalului în Adobe Illustrator
- Cum de a crea un banner în flash pentru site-ul dvs.
- Cum să copiați curbele în Photoshop
- Cum să vârsta de hârtie în Photoshop
- Cum să faci bannere în Word
- Cum se fac butoanele Flash
- Cum să faci un banner
- Cum se face un buton de redare pentru o animație în Adobe Flash CS4
- Cum se face un buton în Flash Cs4
- Cum se face un cub în Adobe Illustrator
- Cum se face o broșură în Adobe Illustrator
- Cum se face o panglică în Adobe Illustrator
- Cum se face un poster cu Adobe Illustrator
- Cum se face un ceas în Adobe Illustrator
- Cum se face o animație în Adobe Illustrator
- Cum se face o floare în Adobe Illustrator
- Cum se face o prezentare simplă folosind Flash
- Cum se instalează Adobe Flash Player