• Компютри и Електроника
  • Програмиране

Как да създадете анимиран банер в Flash CS3

Ако искате да създадете анимирани банери, използвайки остаряла технология, това ръководство ще ви покаже как да използвате Adobe Flash и ActionScript 2.0. Имайте предвид, че това може да стане много по-лесно с помощта на HTML и JavaScript.

Стъпки

    Как да създадете анимиран банер в Flash CS3
  1. 1Отворете Adobe Flash и да създадете нов документ. Промяна на документа, като натиснете Ctrl + J за Mac, Ctrl + J за PC. В групата опции за банер с размер: 468 х 60 (. Ширина х височина Това е стандартен размер банер в интернет). След това задайте всеки цвят за фон, който искате и натиснете OK. За този урок - тя ще е в черно.

  2. Как да създадете анимиран банер в Flash CS3
  3. "Отидете на вашите слоеве и името първия, така че вие ​​ще искате да направите, че първата анимация. В този урок, ще кръг, така самият слой ще се нарича "кръг" (кръг). Задръжте показалеца върху инструмента Rectangular (правоъгълник), щракнете върху него и след това да го задържите, за да изведете менюто. След това изберете инструмента Oval (Oval), след това отпуснете бутона на мишката. Отидете на банера и направете кръг с всякакви размери. Този размер на класа е достатъчно голяма, така че само малка част от кръга, ще се види в банера, и размери са: 175,5 х 175,5.

  4. Как да създадете анимиран банер в Flash CS3
  5. 3Сега, след като сте създали кръг, натиснете F8 (Mac и PC), за да доведе превръщането на прозореца (преобразуване) в герой. Кликнете върху снимката, след което наричаме символ кръг кликнете OK. Вие сега сте създали герой, който може да се възроди. Отидете на тяхната област на слоеве и се движи курсора на 5-ти кадър и натиснете F6 (Mac и PC). Това ще създаде ключов кадър, което има кръгове в едно и също място. Кликнете преди в първия кадър, след това преминете към своя кръг и щракнете върху него. Сега ние ще ги превърне в изчезващ по отношение на анимацията.

  6. Как да създадете анимиран банер в Flash CS3
  7. 4Отиди на имоти панел и отидете в дъното на цветовете палитрата. Кликнете върху него и преместете плъзгача на позиция Alpha, и след това задайте процента на 0. Това ще принуди своя кръг изчезне. Но не се притеснявайте, защото тя все още е там, просто сега тя е скрита.

  8. Как да създадете анимиран банер в Flash CS3
  9. 5Върни се в съответния район Layers, кликнете с десния бутон върху ключовия кадър, който е между 1-во и последния ключов кадър, и кликнете Create Motion Tween. Ако всичко е направено правилно, това означава, че сте създали успешно първата част на анимацията. После добавете текст.


  10. Как да създадете анимиран банер в Flash CS3
  11. 6Създайте нов слой с име текст (Текст), тъй като това е нещо, което ще бъде поставена там. Отиди до 6-ти кадър в слой от текст, щракнете с десния бутон и изберете Insert New Keyframe (Insert нов ключов кадър) - тя ще ви даде празен ключов кадър да работят. Отиди до кутията с инструменти, щракнете върху Т, за да изберете текст инструмент инструмент (текст). Ще се премести на знамето му, а след това въведете думите, които искате. За този урок не е дума банера. И все пак, избран текст, натиснете F8, за да направи своя образ (Graphic). Въведете текст за името, и след това щракнете върху OK. Сега си текст може да бъде анимиран, както добре.

  12. Как да създадете анимиран банер в Flash CS3
  13. 7Сега лягам кръг, кликнете върху шестия рамката, след това натиснете и задръжте на рамката и да го преместите на 16-ти кадър. Това ще направи кръга вижда през цялата анимация. Прехвърля се в регион, който е в кръга, но се уверете, че не са оставени в бита на такт. Отидете на вашите слоеве, задръжте текстовия слой и той се движи надолу, за да бъде по-нисък слой кръг. Това ще направи текста изчезне за преглед; това е, което имаме нужда в момента.

  14. Как да създадете анимиран банер в Flash CS3
  15. 8Secure кръг слой и го скрият " както добре. Така че можем да се уверите, че нищо не е повреден и да можем да видим това, което правим, кликнете на 15-ия кадър на слоя с текста и да се създаде ключов кадър, като натиснете F6. Кликнете върху текста в 16-ти кадър и след това да го преместите на мястото, където искате текстът е върху банера. Но се уверете, че последната буква е оставен сам на границите. Можете да кликнете, за да видим спектър, ако не сте сигурни къде кръга.

  16. Как да създадете анимиран банер в Flash CS3
  17. 9Ако имате го поставя точно там, където искате да отидете да слой текст. След това, между две ключови кадри за създаване моушън анимация, кликнете с десен бутон, като изберете Create Motion Tween. След като това приключи, създаде трети слой и го кръстете ActionScript. Отиди до последния кадър (16 кадъра), и да се създаде нов ключов кадър, като натиснете F6. Отидете на Window --gt; Действия и влизат спирка (); След това затворете прозореца.

  18. Как да създадете анимиран банер в Flash CS3
  19. 10Отидете до мястото, където искате да запаметите анимацията и се обадете анимация банер. Превъртете надолу до износ, както е: (Export As), и кликнете върху част .swf, отваряне на менюто за всички опции. Отидете на анимирани Gif (.jpg) и кликнете върху него, така че анимацията е снимка (.jpg изображение), след което щракнете върху OK.

  20. Как да създадете анимиран банер в Flash CS3
  21. 11Добре дошли! Вие успешно създаде опростена версия на банера за да получите някои "povypendrivatsya"!

Съвет

    1. Обмислете използването на съвременните стандарти като HTML5.


    Предупреждение

      1. Този метод не е съвместим с IOS или други мобилни операционни системи.