itholoinfo.com.com

Cum să faci un banner simplu animat în Flash CS3

Dacă doriți să creați un banner animat utilizând tehnologii învechite, acest tutorial vă va arăta cum să utilizați Adobe Flash și ActionScript 2.0. Rețineți că acest lucru se poate face mult mai ușor cu codurile HTML și jаvascript.

pași

Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 1
1
Deschideți Adobe Flash și creați un nou document. Modificați documentul apăsând comanda + J pentru Mac sau Ctrl + J pentru PC. În opțiuni, lăsați dimensiunea bannerului 468 lățime x 60 înălțime (aceasta este dimensiunea implicită a unui banner) și apoi lăsați fundalul cu culoarea dorită și faceți clic pe OK. Pentru acest tutorial, acesta va fi negru.
  • Imaginea intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 2
    2
    Mergeți la straturile dvs. și denumiți-vă primul, indiferent de ce doriți să fie prima dvs. animație. În acest tutorial, acesta va fi un cerc, astfel încât stratul însuși va fi numit "cerc". Deplasați mouse-ul pe instrumentul dreptunghiular, faceți clic și apoi țineți apăsat mouse-ul pentru a deschide meniul și alegeți instrumentul oval, apoi eliberați mouse-ul. Mergeți la banner și creați un cerc de orice dimensiune. În acest tutorial, dimensiunea este destul de mare, astfel că doar o bucată din cerc va fi văzută în interiorul bannerului, iar dimensiunile sunt 175,5 x 175,5.
  • Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 3
    3
    După ce ați terminat cercul, apăsați F8 (Mac și PC), pentru a deschide caseta de convertire pentru simbol. Faceți clic pe grafic și apoi denumiți simbolul ca "cerc", apoi apăsați pe OK. Ați creat un simbol care poate fi animat. Mergeți în zona cu straturi și mutați mouse-ul peste cadrul 5 și apăsați F6 (Mac și PC). Acest lucru va crea un cadru cheie, care va avea cercul în același loc. Faceți clic din nou pe primul cadru, apoi mutați-vă în cerc și faceți clic pe el. Acum, hai să transformăm acest lucru într-o animație de estompare.
  • Imaginea intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 4
    4
    Accesați panoul proprietăților din partea de jos și accesați opțiunile de culoare. Faceți clic pe acesta și mergeți la secțiunea alfa, apoi setați procentul la 0. Acest lucru va face cercul să dispară, dar nu vă faceți griji pentru că este încă acolo, acum doar ascuns.
  • Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 5
    5
    Întoarceți-vă în zona straturilor dvs. și faceți clic dreapta pe un cadru cheie care se află între primul și ultimul keyframe, și faceți clic pe "Create Motion Tune". Dacă ați făcut corect, atunci ați făcut prima parte a animației dvs. cu succes. Acum, să adăugăm textul.
  • Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 6
    6


    Creați un nou strat, apoi denumiți-l ca "text", pentru că asta vom pune acolo. Mergeți la cel de-al șaselea cadru din stratul "text", faceți clic cu butonul din dreapta și selectați "Insert New Keyframe", care vă va oferi o cheie cheie liberă pentru a lucra cu. Accesați paleta de instrumente și faceți clic pe "T" pentru a alege instrumentul de text. Mergeți la bannerul dvs., apoi introduceți cuvintele pe care le doriți. Pentru acest tutorial, textul va fi "banner", iar cu textul încă selectat, apăsați F8 pentru al face un grafic, tastați "text" pentru a defini numele și faceți clic pe OK. Acum, textul dvs. poate fi animat, de asemenea.
  • Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 7
    7
    Acum mergeți la stratul "cerc" și faceți clic pe cel de-al șaselea cadru, apoi faceți clic și țineți apăsat cadrul și trageți-l în cel de-al 16-lea keyframe. Acest lucru va face cercul vizibil pe parcursul animației. Mutați textul într-o zonă care se află în interiorul cercului, dar asigurați-vă că nu se află în afara cercurilor din cerc. Mergeți la Layerele dvs., faceți clic și țineți apăsat stratul "text" și mutați-l în jos, astfel încât acesta să fie sub nivelul "cercului". Acest lucru va face ca unele din text să dispară, ceea ce vrem în momentul de față.
  • Imaginea intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 8
    8
    Blocați stratul de cerc și ascundeți-l, astfel încât să putem fi siguri că nimic nu se va deteriora și astfel putem vedea ce facem. Faceți clic pe cadrul 15 din stratul de text și creați un cadru cheie apăsând 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ă fie în banner, dar asigurați-vă că ultima literă este puțin mai stânga decât cercul. Puteți face clic pentru a face cercul vizibil dacă nu sunteți sigur în cazul în care este cercul.
  • Imaginea intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 9
    9
    Când aveți cercul poziționat în locul preferinței dvs., mergeți la stratul "text" și apoi între cele două cadre cheie, faceți o mișcare de completare dând clic dreapta și selectând "Creare interpolare mișcare". Odată ce acest lucru este complet, creați un al treilea strat și îl denumiți în ActionScript. Mergeți la ultimul cadru (al 16-lea cadru) și creați o nouă cheie cheie apăsând F6. Mergeți la Fereastră -> Acțiuni și introduceți oprire () - și apoi închideți fereastra.
  • Imaginea intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 10
    10
    Du-te la locul în care doriți să salvați animația și denumiți animația ca "banner". Mergeți la Export As: și faceți clic pe partea care spune .swf, deschizând meniul pentru toate opțiunile. Accesați "animated gif (.jpg)" și faceți clic pe acesta, astfel încât fișierul să devină o imagine GIF, apoi faceți clic pe OK.
  • Imaginea intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 11
    11
    Felicitări! Ai făcut un simplu banner pentru a arăta tuturor!
  • sfaturi

      1. Luați în considerare utilizarea unui model modern, precum HTML5.

    avertismente

      1. 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 PlayerCum să activați Adobe Flash Player
    Cum se creează forme în Adobe IllustratorCum se creează forme în Adobe Illustrator
    Cum se creează un banner în Adobe IllustratorCum se creează un banner în Adobe Illustrator
    Cum se creează un buton de redare pentru o animație în Adobe Flash Cs4Cum se creează un buton de redare pentru o animație în Adobe Flash Cs4
    Cum se creează un buton în Flash CS4Cum se creează un buton în Flash CS4
    Cum se creează un animat GIF în Adobe Photoshop ElementsCum se creează un animat GIF în Adobe Photoshop Elements
    Cum se creează o casetă text în Adobe IllustratorCum se creează o casetă text în Adobe Illustrator
    Cum se creează o mișcare Tween în FlashCum se creează o mișcare Tween în Flash
    Cum se creează un tabel în Adobe IllustratorCum se creează un tabel în Adobe Illustrator
    Cum să desenați un cerc în Adobe IllustratorCum să desenați un cerc în Adobe Illustrator
    » » Cum să faci un banner simplu animat în Flash CS3
    © 2021 itholoinfo.com.com