• Авторизация


Сделать аналоговые часы за 5 минут в Macromedia Flash 8. Урок. 22-10-2014 12:06 к комментариям - к полной версии - понравилось!

Это цитата сообщения Cadmii Оригинальное сообщение

Сделать аналоговые часы за 5 минут в Macromedia Flash 8. Урок.



Запускаем программу Macromedia Flash 8. Выбираем создать «Документ Flash».

В нижней панели данного поста есть вложение в формате Word, в котором есть описание Ваших шагов и код скрипта.

 



[500x]

[500x]

[500x]

[500x]

[500x]

[500x]

[500x]

[500x]

[500x]

[500x]

Указываем размер сцены. Импортируем картинки в библиотеку.
Примечание:
Принцип создания часов строится на 5 слоях соответственно названных.Мы создаем всего лишь один символ видеоролика «sec mc», на котором строится вся база создания часов. Расстанавливая этот символ на указательных слоях мы просто редактируем его высоту и ширину.
Основным действием и ключевую роль здесь играет «скрипт -actions».
Дальнейшие действия согласно Вашей фантазии.
Если у Вас картинка не импортируется для фона, создайте пустой документ Word : копируем картинку в папке и вставляем её в созданный Word . Далее встаем на слой фон и выбираем в панели управления программой функцию «Редактировать». Выбираем из меню «Вставить специальный символ» и из выпавшего окна, где указан буфер обмена, выбираем картинку. Она автоматически появляется на сцене. Располагаем её в нужном месте.


Переходим к основам.
Создайте 5 слоев на основной сцене и назовите их соответственно: Фон-Секунда-Минута-Час-Скрипт.

На слое «Фон»
инструментом «Овал» выставляем круг, пока овал выделен указываем цвет.
1. Становимся на слой «Секунда» и инструментом прямоугольник вытягиваем линию , указываем цвет (на Ваше усмотрение). Пока секундный рисунок выделен , его надо
ПРЕОБРАЗовать в мувиклип (видеоролик) назвав новый символ sec mc . Указываем точку регистрации –она должна быть в ЦЕНТРЕ ВНИЗУ (это Важно). В панели свойства символа даём имя sec-(это важно!).

2. Становимся
на слой «Минута» и из библиотеки перетягиваем символ «sec mc» . Распологаем её в центре часового фона. Это будет минутная стрелка . Пока стрелка выделена регулируем цвет, длину и ширину (Ваше усмотрение). В панели свойства даем имя min-(это важно!).

3. Становимся
на слой «Час» и опять из библиотеки перетягиваем символ "seс min" и размещаем его в центре часового фона. Регулируем выделение соответственно виду часовой стрелки. В панели свойства даём имя hour-(это важно!).
Теперь каждому к слою надо добавить по одному кадру(станьте на второй кадр и нажмите F5 на каждом слое).

Переходим
на слой «Скрипт» и в панели «Действие» вписываем вот этот код:
time=new Date(); // объект time 
seconds = time.getSeconds()
minutes = time.getMinutes()
hours = time.getHours()

hours = hours + (minutes/60);

seconds = seconds*6; // считаем секунды
minutes = minutes*6; // считаем минуты
hours = hours*30; // считаем часы

sec._rotation=seconds; // задаём значение параметра rotation
min._rotation=minutes; // задаём значение параметра rotation
hour._rotation=hours; // задаём значение параметра rotation



Теперь можно тестировать часы, а также можно отредактировать(украсить) фон:


Становимся на слой «фон». Выделяем его инструментом трансформирование(образуется синяя квадратная рамка вокруг). Преобразуем фон в мувиклип (видеоролик). Назовите символ Fon (НЕ важно). Перейдите в панель управления (обычно внизу, рядом с функцией «Действие») и найдите функцию «Фильтр» и нажмите на «КРЕСТИК». Из меню фильтра выбирайте функции нужные Вам. Регуляторами указывайте подходящий вид для фона. Далее действуйте согласно Вашему вкусу .

Например сделайте так:

Станьте на основной фон часов и скопируйте кадры.
Создайте еще один слой и назовите его «Фон2». В первый кадр этого слоя вставьте скопированные кадры. Уменьшите размер (чтобы был меньше основного) и переместите слой на вверх под слой «Скрипт».
Создайте еще один слой и назовите его «Фон3».
Опять скопируйте кадры слоя , только теперь «фона2» и вставьте скопированные кадры на «фон3». Переместите «фон3» поверх слоя «фон2». Уменьшите размер и можете опять применить фильтр и придать цвет, тень, свечение...


Продолжаем украшать часики.

Для этого над основным фоном часов создаем ещё один слой и называем его «Циферблат».

Вызываем функцию вставка и выбираем «Новый символ» -«Графика». Называем символ «Цифреблат».
В открывшемся монтажном поле инструментом «Текст» пишем цифры для циферблата и располагаем соответственно.

Затем возвращаемся на основную сцену и из библиотеки на слой «Циферблат» перетягиваем созданный символ с цифрами. Пока он выделен Преобразуем его в видеоролик с именем «Цифры». Делается это для того, чтобы можно было применить фильтры. Разукрашиваем по усмотрению.

На этом Ваши часы считаются готовыми.
Нажмите Ctrl+Enter, чтобы запустить ролик.
Любуйтесь теперь своей работой!
Для Вас работала Cadmii-(Татьяна).



Надеюсь Вам понравилось! [показать]

 

Серия сообщений "Macromedia Flash 8":
Уроки. Плеер. Маска.Анимация. Флеш.
Часть 1 - Сделать аналоговые часы за 5 минут в Macromedia Flash 8. Урок.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Сделать аналоговые часы за 5 минут в Macromedia Flash 8. Урок. | RiaArei - Дневник RiaArei | Лента друзей RiaArei / Полная версия Добавить в друзья Страницы: раньше»