Macromedia Flash. Символи и екземпляри Бутон Графичен филмов клип Използва се като статичен или анимиран във филм. - презентация

Подобни презентации

Презентация по темата: "Macromedia Flash. Бутон за символи и екземпляри (графичен) Филмов клип Използва се във филм като статичен или анимиран." - Препис:

2 Символи и екземпляри Бутон Графичен филмов клип Използва се във филм като статично или анимирано изображение. Поведението му е описано с помощта на времева диаграма на основния филм. Интерактивните контроли и звуци не могат да бъдат присвоени на графика. Проектиран да включва бутони във филма, които отговарят на действията на потребителя. За тази цел на символа на бутона може да се присвоят събития, на които той трябва да реагира, и действия, инициирани от тези събития. Освен това към бутона може да се свърже саундтрак. Служи за включване на повторно използвани анимации във филма. Всеки клип има своя собствена времева линия, която се възпроизвежда независимо от времевата линия на основния филм. Клипът може да съдържа интерактивни контроли, както и клипове с по-ниско ниво на гнездене.

3 Създайте символ Изпълнете командата Insert/New Symbol. В прозореца, който се показва, изберете вида на символа, посочете името му и щракнете върху OK. Създайте съдържанието на символа върху работната зона. Отидете на сцената, като използвате съответния бутон в навигационната лента. Можете също така да превърнете вече нарисуван обект в символ. За да направите това, изберете обекта и изпълнете командата Insert/Convert to Symbol.

4 Модел и екземпляр Моделите на генерирани символи се съхраняват в библиотеката. (CTRL + L). За да поставя екземпляр от символ върху работната зона, го плъзгам с мишката. Можете да поставите колкото се може повече копия на един и същ символ върху работната зона.

5 Създаване на бутон Създаването на бутон е малко по-различно от другите символи. След командата Създаване на символ Flash променя лентата за синхронизация. Бутон във Flash е 4-кадрова анимация, при която първите три кадъра съответстват на определено състояние на бутона: неактивен (нагоре), под показалеца (над) или натиснат (надолу). Четвъртият кадър (Hit) има за цел да опише обхвата на бутона. Всяко състояние на бутона може да има свое собствено изображение или анимация. Когато използвате символ на видеоклип в бутон, можете да създавате бутони с различни анимационни ефекти

6 Начертайте себе си Нека създадем обикновен бутон. Натиснете едновременно CTRL + F8, за да отворите прозореца за създаване на символи. Посочете името на бъдещия бутон в него, изберете типа на бутона и щракнете върху OK. В първия кадър на бутона създайте квадрат и го запълнете с градиент от черно до бяло. Изберете квадрата заедно с линиите. Дублирайте го, свийте го малко, обърнете го хоризонтално с командата Modify/Transform/Flip Horizontal и го поставете в центъра на първия квадрат. Натиснете F6, за да преминете към нов кадър. В това състояние променете цвета на линиите до по-светъл цвят (например жълт или светло зелен). Натиснете F6 отново, изберете бутона и го изобразете хоризонтално, за да смените тъмните и светлите части на картината. Натиснете F6 и оставете квадрата непроменен. Той ще определи обхвата на бутона.

7 Нарисувай себе си Нека създадем анимиран бутон 1. Поставете нов символ на клип и изобразете слънцето в него. Използвайте стоп-анимация, за да накарате лъчите да се движат (5-6 кадъра). 2. Създайте друг символ и изберете типа Бутон за него. Отворете библиотеката (CTRL + L) и поставете символа със слънцето от нея в първата рамка на бутона. За да запазите слънцето неподвижно в тази рамка, трябва да спрете клипа. За да направите това, в Property inspector променете типа на клипа на Graphic и от опциите за символи изберете Single Frame, First - 1. 3. Натиснете F6. В следващия кадър слънцето трябва да се движи. За да направите това, трябва да го върнете към типа Movie Clip в инспектора на свойствата. 4. Натиснете F6. В следващия кадър ще покрием слънцето с облак. Начертайте облак настрана, групирайте го и го поставете върху слънцето. Натиснете F6. Бутонът остава в балончето. Натиснете CTRL + ENTER и тествайте бутона.

8 Анимиран банер Създайте нов файл. В инспектора на свойствата щракнете върху бутона Размер и задайте размерите по подразбиране на ширина = 468, височина = 60. Импортирайте файла Postcard.jpg във Flash, като използвате командата File/Import. Без да отмените избора, натиснете CTRL + B, за да превърнете картата в примитив. Изберете долната част на пощенската картичка. В инспектора на собствеността го оразмерете до 468x60 и го плъзнете настрани. Изтрийте всичко останало. Използвайте инспектора за имоти, за да позиционирате картата на 0,0 координати.

9 Анимиран банер Създайте нов слой. Плъзнете по-тъмен правоъгълник върху него и използвайте инструмента Текст, за да добавите надписа Виртуални пощенски картички. Създайте нов символ. В него поставете правоъгълник 468 на 60. Използвайте хоризонтални линии, за да го разделите на 6 равни части. За да направите това, можете да използвате инспектора на собствеността. Изберете три правоъгълника от горния един след друг, групирайте ги и ги позиционирайте на координати -468, 0. Изберете останалите правоъгълници, групирайте ги, изрежете и ги поставете в нов слой на позиция 468, 10. Така ивиците трябва да се появят вдясно и вляво от основната картина. Премахнете излишното.

10 Анимиран банер Създайте нов ключов кадър на кадър 15 от двата слоя и поставете правоъгълника в центъра, така че те да се слеят в един. Задайте движение и на двата слоя. Отидете до главната сцена. Създайте нов слой и го поставете в горната част на стека от слоеве. Поставете символа с правоъгълниците върху нов слой, така че те да "затворят" чертежа. Поставете ключов кадър в кадър 16 от този слой. Изтрийте символа в него и плъзнете правоъгълника, за да побере банера. Поставете празна рамка на кадър 25. Щракнете двукратно върху миниизображението на слоя и включете режима на маска в прозореца, който се появява. Подравнете останалите слоеве на кадър 25. Визуализирайте анимацията с CTRL + ENTER. Запазете оригиналния документ и изпълнете командата File/Publish Preview/HTML