Прехвърляне към съдържание


Снимка
- - - - -

Mystic Text Animation


  • Please log in to reply
No replies to this topic

#1 graf_kaberne

graf_kaberne

    Нов

  • Потребители
  • 34 Мнения:
  • Точки:0
  • Новини:0
  • Уроци:0

Публикувано: 15 May 2009, 12:59

В този урок ще ви покажа как да създадете ефект във флаш 8,с помощта на Action Script.Този урок не е за начинаещи,но ще се опитам да обясня по-подробно всяка стъпка.Ще научите също как се използва Align Panel (Ctrl+K),и др.

Стъпка 1

Създайте нов флаш документ,изберете Modify > Document (Ctrl+J),и задайте Width 300px Height 224px.Frame rate 35 fps(кадъра в секунда)

Публикувано изображение

Стъпка 2

Двоен клик върху слоя layer1 и го преименувате на background.Създайте нов слой с име text.

Публикувано изображение

Стъпка 3

Заключете background.Изберете слоя text вземете инструмента Text Tool (A)и напишете някакъв текст.

Публикувано изображение

Стъпка 4

Създайте нов слой с име Action.

Стъпка 5

Импортирайте изображението (Ctrl+R) с размерите на документа (в нашия пример 300px224px)

Стъпка 6

Сега трябва да подравните изображението Натиснете Ctrl + K (Align Panel) и направете следното:

1.Уверете се, че Align/Distribute to Stage e активен.
2. Кликнете върху Align horizontal center и Align vertical center.Виж по-долу:

Публикувано изображение

Публикувано изображение

Стъпка 7

Отидете на Modify > Break Apart (Ctrl+ B ) трябва да сте получили това Виж по-долу:

Публикувано изображение

Стъпка 8

Вземете инструмента Selection Tool (V),и маркирайте тази част от снимката. Виж по-долу:

Публикувано изображение

Стъпка 9

Натиснете F8(Convert to Symbol).И конвертирайте в Movie Clip.

Публикувано изображение

Стъпка 10

Докато току що направения Movie Clip е маркиран отворете Properties Panel (Ctrl+F3),и в полето <Instance Name> напишете part1.

Публикувано изображение

Стъпка 11

Щракнете два пъти върху Movie Clip със Selection Tool (V) ( или клик с десния бутон на мишока и от менюто изберете Edit in Place)

Стъпка 12

Клик на първи кадър,отворете Action Script Panel (F9), и поставете този скрипт:

stop();

Стъпка 13

Клик на кадър 10 и натиснете F6 после на кадър 15 и 30 пак F6 върнете се на кадър 10 вземете инструмента Free Transform Tool (Q),и намалете тази част от картината както е показано по-долу:

Публикувано изображение

Стъпка 14

Клик на кадър 15 и направете както е показано:

Публикувано изображение

Стъпка 15

Върнете се на главната сцена (Scene 1) и повторете този процес с всяка част от снимката.

Публикувано изображение

Стъпка 16

Направете нов слой и го именувайте Invisible Button.

Стъпка 17

Върнете се на слоя action,изберете първата част на картинката (part 1),отворете Info Panel(Ctrl+I) вижте размера и позицията на тази част.Запомнете тази информация,изберете слоя Invisible Button,вземете инструмента Rectangle Tool ( R ),и създайте невидим бутон с размер и позиция които запомнихте преди малко(ако не сте ги забравили де ;))

Публикувано изображение

Публикувано изображение

Стъпка 18

Изберете бутона отворете Action Script (F9) и поставете този скрипт:

on (rollOver) {
tellTarget ("/part1") {
play();
}
}

И сме готови!:)

Създайте за всички останали части от снимката Невидими бутони както направихме за първата част.

Приятен ден!

източник

превод:graf_kaberne

Ако сте разбрали нещо от превода ;) ще получите резултат като този а ако не сте разбрали си изтеглете fla file от тук :)




0 потребители четат тази тема

0 регистрирани потребители, 0 гости и 0 анонимни потребители