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.

pași

Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 1
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.
  • Imagine intitulată Efectuați un banner simplu animat în Flash CS3 Pasul 2
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 3
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 4
    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.
  • Imaginea intitulă Efectuați un banner simplu animat în Flash CS3 Pasul 5
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 6
    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.


  • Imaginea intitulă Efectuați un simplu banner animat în Flash CS3 Pasul 7
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 8
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 9
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 10
    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.
  • Imagine intitulată Efectuați un simplu banner animat în Flash CS3 Pasul 11
    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 se adaugă transparența în PhotoshopCum se adaugă transparența în Photoshop
    Modificarea culorii de fundal în PhotoshopModificarea culorii de fundal în Photoshop
    Modificarea fundalului în Adobe IllustratorModificarea fundalului în Adobe Illustrator
    Cum de a crea un banner în flash pentru site-ul dvs.Cum de a crea un banner în flash pentru site-ul dvs.
    Cum să copiați curbele în PhotoshopCum să copiați curbele în Photoshop
    Cum să vârsta de hârtie în PhotoshopCum să vârsta de hârtie în Photoshop
    Cum să faci bannere în WordCum să faci bannere în Word
    Cum se fac butoanele FlashCum se fac butoanele Flash
    Cum să faci un bannerCum să faci un banner
    Cum se face un buton de redare pentru o animație în Adobe Flash CS4Cum se face un buton de redare pentru o animație în Adobe Flash CS4
    » » Cum se face un simplu banner animat folosind Flash CS3

    © 2011—2020 ertare.com