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


Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2. 21-05-2014 13:27 к комментариям - к полной версии - понравилось!


Продолжим осваивать создание маски динамическим текстом. Наша цель создание вот такого информера, в котором используется маска динамическим текстом для видео (футажа)


В первой части урока мы создали папку для нашего проекта, сам файл проекта в формате sqf и создали в этом проекте цифровые часики, которые поместили на основную cцену "Сцена 1" на слой "Часики", дали видеоролику "Часики" имя - "mask1" и протестировали проект.
Урок 1. Смотрим здесь
Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.

Снова откроем программу Sothink SWF Quicker и откроем в ней наш сохраненный проект - "Маска динамическим текстом"
Файл - Открыть
Проект на этом этапе выглядит следующим образом

[700x]

Теперь наша задача создать цифровой календарик и поместить его на основную сцену "Сцена 1", на слой "Календарь"
И так приступим ко второй части урока.

Открыв сохраненный проект "Маска динамическим текстом", создадим Новый символ для Видеоролика "Календарь".
Вставка - Новый Символ
Новый символ - Видеоролик - Календарь текст

[375x191]

В открывшемся диалоговом окне редактирования видеоролика "Календарь текст" создаем к уже имеющемуся слою, ещё два дополнительных слоя и переименовываем их соответственно с верху в низ

Число

Месяц

День недели


[769x473]

Выделяем слой "Число" и инструментом "Текст" разворачиваем текстовое поле, в которое вводим цифры "00"

[700x]

Выделяем текстовое поле инструментом "Выбор" (черная стрелка) и в панели "Свойства" делаем настройки как на скрине. Цвет текста и шрифт можете выбрать на свое усмотрение. Остальное, все точно как на скрине. Шрифт обязательно встроить.
В панели "Свойства" в графе имя должно быть вписано


yearBox


[700x]

После того как с оформлением слоя закончено, его можно заблокировать (закрыть на замочек) и тогда, мы не сможем нечаянно изменить текст на этом слое, а также он не будет мешать нам при создании последующих текстовых полей на других слоях.

[700x]

Переходим на слой "Месяц", выделяем его и инструментом "Текст", разворачиваем на этом слое текстовое поле (ниже цифр "00", которые написали на слое "Число"), в которое вводим слово "сентябрь"

[763x597]

Выделяем это текстовое поле инструментом "Выбор" (черная стрелка) и, в панели "Свойства", делаем настройки как на скрине. Цвет текста и шрифт можете выбрать на свое усмотрение. Остальное все точно как на скрине. Шрифт обязательно встроить.
В панели "Свойства" в графе имя должно быть вписано


monthBox


[700x]

После того как работа со слоем "Месяц" закончена, его также закрываем на замочек.

Выделяем самый нижний слой - "День недели"
Инструментом "Текст" на этом слое, ниже цифр "00" и слова "сентябрь" разворачиваем тестовое поле в которое вводим текст - "понедельник"

[711x610]

Выделяем текстовое поле инструментом "Выбор" (черная стрелка) и, в панели "Свойства", делаем настройки как на скрине. Цвет текста и шрифт можете выбрать на свое усмотрение. Остальное все точно как на скрине. Шрифт обязательно встроить.
В панели "Свойства" в графе имя должно быть вписано


dayBox


[700x]

Идем в меню и выполняем команду Вставка - Новый символ.
Новый символ будет видеороликом и называться "Календарь"
В открывшемся диалоговом окне создания Нового символа выставите параметры и название символа как на скрине. Нажмите "ОК"

[375x191]

После того как нажмете "ОК", вы переместитесь в окно редактирования символа "Календарь".
На Слой 1 в этом символе, инструментом "Выбор", из Библиотеки в первый кадр переместите символ Видеоролик "Календарь текст"

[700x]

Далее, выделив на Рабочем поле видеоролик "Календарь текст", в панели "Свойства",
в графе имя вписываем

content_mc

[700x]

Далее, выше Слоя 1, на Временной шкале, создаем новый Слой 2.
Выделив этот слой, открываем панель "Действие" и в блокнот вставляем следующий скрипт

[700x]

code:

function d3ClockUpdate()
{
var _loc1 = new Date();
tempHour = _loc1.getHours();
content_mc.dayBox.text = weekDayLabels[_loc1.getDay()];
content_mc.yearBox.text = _loc1.getDate();
content_mc.monthBox.text = monthLabels[_loc1.getMonth()];
content_mc.passed1.text = int((getTimer() - startTime) / 1000 / 60 / 60 / 24) % 24;
content_mc.passed2.text = int((getTimer() - startTime) / 1000 / 60 / 60) % 60;
content_mc.passed3.text = int((getTimer() - startTime) / 1000 / 60) % 60;
content_mc.passed4.text = int((getTimer() - startTime) / 1000) % 60;
content_mc.line1._rotation = int((getTimer() - startTime) / 1000 / 60 / 60 / 24) % 24 * 6 + 200;
content_mc.line2._rotation = int((getTimer() - startTime) / 1000 / 60 / 60) % 60 * 6 + 260;
content_mc.line3._rotation = int((getTimer() - startTime) / 1000 / 60) % 60 * 6 + 160;
content_mc.line4._rotation = int((getTimer() - startTime) / 1000) % 60 * 6;
} // End of the function
var monthLabels = new Array("январь", "февраль", "март",
"апрель", "май", "июнь",
"июль", "август", "сентябрь", "октябрь", "ноябрь", "декабрь");
var weekDayLabels = new Array("воскресенье", "понедельник",
"вторник", "среда", "четверг", "пятница", "суббота");
var d3Clock = setInterval(d3ClockUpdate, 10);
startTime = getTimer();




Таким образом, наш цифровой календарик считается созданным. После этого необходимо переключиться на основную сцену "Сцена 1" (щелкнуть вкладку Сцена 1 над Временной Шкалой).

[700x]

На основной сцене "Сцена 1" выделяем слой "Календарь и на этот слой, в первый кадр инструментом "Выбор" из Библиотеки на Рабочую область перетаскиваем Видеоролик "Календарь" (именно Видеоролик "Календарь", а не Видеоролик "Календарь текст")

[700x]

Можно выбрать инструмент "Трансформация" и немного изменить размеры Видеоролик "Календарь", подогнав по размерам Рабочего поля флешки.

[700x]

Мы находимся на основной сцене "Сцена 1", на слое "Календарь". Видеоролик "Календарь" на Рабочем поле выделен. Также открыта вкладка "Свойства"
На вкладке "Свойства" в графе "Имя" вводим

mask

[700x]

В панели задач программы нажимаем на кнопку "Предварительный просмотр" и проверяем, работают ли наш календарь и часики.

[700x]

Обязательно сохраняем наш проект на этом этапе
Файл - Сохранить.
Еще раз напоминаю ,что если вы вдруг захотите на этом этапе сохранить данный проект как флешку (экспортировать полученный результат в флеш фильм), то сохраняемой флешке необходимо дать новое имя, а не такое как у проекта.

В следующем уроке будем уже заниматься самым интересным - непосредственно маскированием футажей динамическими текстами - часиками и календариком.
Смотрим урок часть 3
">
вверх^ к полной версии понравилось! в evernote
Комментарии (24):
Маришка,спасибо за твой труд!
[600x430]
ВАТ 21-05-2014-15:31 удалить
Мариночка, спасибо! Цитирую и 2-ю часть с благодарностью.
Lana-Lanochka 21-05-2014-15:44 удалить
Спасибо, и этот урок уношу с благодарностью!!любовь!
Н_НИНА 21-05-2014-16:58 удалить
надо наконец мне заняться изучением работы в этой программе, спасибо Мариночка, приятного дня
таила 21-05-2014-17:25 удалить
спасибо огромное за урок! хорошего настроения!
novprospekt 21-05-2014-18:43 удалить
Ответ на комментарий Kantemirova_Irina # Всего хорошего и пусть будет с пользой.
novprospekt 21-05-2014-18:44 удалить
Ответ на комментарий ВАТ # Верочка, пожалуйста. Думаю у тебя все получиться.
novprospekt 21-05-2014-18:44 удалить
Ответ на комментарий Lana-Lanochka # Пожалуйста.
novprospekt 21-05-2014-18:45 удалить
Ответ на комментарий # Спасибо.
novprospekt 21-05-2014-18:46 удалить
Ответ на комментарий Н_НИНА # Ниночка, конечно, занимайся. Тем более у нас здесь уже достойная компания любителей флеш собирается. Всегда и подсказать сможем и новинками порадовать.
novprospekt 21-05-2014-18:47 удалить
Ответ на комментарий таила # Спасибо. Конечно, очень хорошего настроения.
novprospekt 21-05-2014-18:48 удалить
Ответ на комментарий Лида_Юринец # Пожалуйста. Пусть будет с пользой.
Н_НИНА 21-05-2014-18:49 удалить
Ответ на комментарий novprospekt # novprospekt, спасибо, я начала с ФШ, потом Алео, теперь пора новеньким занятся, тем более, что пронрамма есть
rottam 22-05-2014-20:48 удалить
Спасибо большое!
koreckolga 23-05-2014-08:34 удалить
Благодарю от чистого сердца, дорогая Мариночка!
Очень интересно,спасибо! Мариночка а уроков по sotnik SWF Decompiler у Вас нет. Не могу нигде найти. Буду признательна за ссылочку
novprospekt 10-11-2014-10:26 удалить
Ответ на комментарий marinapetrova1950 # А по этой программе вряд ли есть какие то уроки, потому что SWF Decompiler выполняет только одну задачу - он декомпилирует флеш файлы. А также конвертирует SWF формат в FLA формат для последующего редактирования в программе Adobe Flash.
Открываете программу и слева увидите проводник по всем файлам вашего компьютера. Выбираете любую флешку с вашего компьютера, которую вы хотите разобрать на части и в проводнике щелкаете по ней. В центре на экране флеш проигрывателя отобразиться выбранная флешка. Справа окно для экспорта выбранного файла. В этом окне отобразяться все компоненты и скрипты из которых состоит флешка. Нажимаете на вкладку "Экспорт в FLA", указываете папку на вашем компьтере куда нужно сохранить файл FLA и после сохранения открываете его в программе Adobe Flash и работаете с ним.
Grif-studio 01-05-2015-18:05 удалить
Спасибо, интересный урок!
Mono-Liza 08-11-2016-15:14 удалить
Очень благодарна за урок!


Комментарии (24): вверх^

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

Дневник Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2. | novprospekt - Дневник novprospekt | Лента друзей novprospekt / Полная версия Добавить в друзья Страницы: раньше»