Добавяне на капка сянка към Flash анимиран обект

• Може 12, 2024

Едно от най-добрите допълнения към Flash^R техники беше възможността за анимиране на филтри. В този урок ще създадем много проста анимация с подскачаща топка и след това ще анимираме сянка, която да следва топката.

1. Стартирайте нов проект във Flash CS3. Използвайте настройките на документа по подразбиране за ActionScript 3.0 филм.
   
   
2. На времевата линия преименувайте Layer 1 на "Shadow". Този слой ще съдържа нашата анимация в сянка.
   
   
3. На рамка 1 на слоя Shadow нарисувайте кръг с инструмента Oval. В инспектора за собственост задайте Fill на всеки цвят, който харесвате, и Stroke на нула. Задайте ширината и височината на около 80 пиксела. Искаме топката да започне в горния ляв ъгъл на сцената. Задайте позициите X и Y на 50.
   
   
4. За да оживим топката, трябва да я преобразуваме в символ. Топката все още трябва да бъде избрана. От Менюбар щракнете върху Промяна - Преобразуване в символ. В диалоговия прозорец назовете символа "Ball" и задайте Type на Movie Clip.
   
   
5. Анимацията ни ще бъде дълга около 30 кадъра, което ще направи средната точка за нашия анимационен кадър 15. В Frame 15 добавете Keyframe (Insert - Timeline - Keyframe) и преместете топката в долния център на сцената. В инспектора за собственост задайте позицията X на 260 и Y позиция на 300. Това ще остави достатъчно място в долната част за сянката.
   
   
6. Frame 30 е последният кадър за нашата анимация. В Frame 30 добавете Keyframe и преместете топката в горната дясна част на сцената (X 480, Y 120).
   
   
7. Време е да създадете анимацията. Щракнете с десния бутон върху всеки кадър между 1 и 15 и изберете Create Motion Tween от менюто. Повторете това за втория раздел на анимацията.
   
   Щракнете върху Контрол - Тестване на филма. Вашата топка трябва да отскочи веднъж през сцената и след това да повтори.
   
   Сега сме готови да добавим филтъра Drop Shadow. Например, реших, че слънцето ще бъде високо в небето и сянката ще бъде директно под топката. Следователно, зададох ъгъла на филтъра за отпадане на сянка на 90 градуса. Може да искате да експериментирате със свойството Ъгъл на филтъра, за да предположите, че светлинният източник е под различен ъгъл.
   
   
8. Искаме сянката да е в долната част на сцената, дори когато топката е на върха. Следователно разстоянието между топката и нейната сянка ще бъде по-голямо, отколкото когато топката е близо до дъното на сцената. Също така, когато топката е на върха, Силата на сянката ще бъде по-малка.
   
   На кадър 1 от времевата линия изберете топката. Отидете в раздела Филтри и кликнете върху знака плюс. Изберете Drop Shadow от менюто Филтри и задайте следните стойности.
   
   Размиване X и Y: 20
   Сила: 30%
   Качество: Високо
   Ъгъл: 90
   Разстояние: 150
   
   

Следващ →

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

Инструкции Видео: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo (Може 2024).