-Цитатник

Найди кота! или Как правильно спрятаться? - (5)

Ну очень улыбнуло!!!

Анимация формы во Flash(морфинг). - (5)

Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает...

Урок для Фотошоп " Закрываем глазки". - (11)

От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде...

Анимация частей картинки с помощью маски.Урок для Adobe Flash. - (2)

В комментариях к посту Использование анимированной маски в Adobe Flash.Урок ...

Текстовый скроллинг средствами флеш. - (0)

Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п...

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в novprospekt

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.09.2010
Записей: 709
Комментариев: 11273
Написано: 13505


Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2.

Среда, 21 Мая 2014 г. 13:27 + в цитатник
Продолжим осваивать создание маски динамическим текстом. Наша цель создание вот такого информера, в котором используется маска динамическим текстом для видео (футажа)


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

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

Маска динамическим текстом 15

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

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

Маска динамическим текстом 16

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

Число

Месяц

День недели


Маска динамическим текстом 17

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

Маска динамическим текстом 18

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


yearBox


Маска динамическим текстом 19

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

Маска динамическим текстом 20

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

Маска динамическим текстом 21

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


monthBox


Маска динамическим текстом 22

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

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

Маска динамическим текстом 23

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


dayBox


Маска динамическим текстом 24

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

Маска динамическим текстом 14

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

Маска динамическим текстом 25

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

content_mc

Маска динамическим текстом 26

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

Маска динамическим текстом 27

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 над Временной Шкалой).

Маска динамическим текстом 28

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

Маска динамическим текстом 29

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

Маска динамическим текстом 30

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

mask

Маска динамическим текстом 32

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

Маска динамическим текстом 31

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

В следующем уроке будем уже заниматься самым интересным - непосредственно маскированием футажей динамическими текстами - часиками и календариком.
Смотрим урок часть 3
">

Серия сообщений "Маска в Sothink SWF Quicker":
Уроки флеш в программе Sothink SWF Quicker
Часть 1 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 2 - Использование масок в программе Sothink SWF Quicker
Часть 3 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 4 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.
Часть 5 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2.
Часть 6 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
Часть 7 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker. Часть 2.

Рубрики:  Flash/флеш-информеры,часики
Flash/уроки sothnik swf quicker
Уроки по программе Sothnik SWF Quicker
Метки:  

Процитировано 39 раз
Понравилось: 36 пользователям

Kantemirova_Irina   обратиться по имени Среда, 21 Мая 2014 г. 14:57 (ссылка)
Маришка,спасибо за твой труд!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:43ссылка
Всего хорошего и пусть будет с пользой.
ВАТ   обратиться по имени Среда, 21 Мая 2014 г. 15:31 (ссылка)
Мариночка, спасибо! Цитирую и 2-ю часть с благодарностью.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:44ссылка
Верочка, пожалуйста. Думаю у тебя все получиться.
Lana-Lanochka   обратиться по имени Среда, 21 Мая 2014 г. 15:44 (ссылка)
Спасибо, и этот урок уношу с благодарностью!!любовь!
Ответить С цитатой В цитатник
Перейти к дневнику
Аноним   обратиться по имени Среда, 21 Мая 2014 г. 16:44 (ссылка)
:)
Ответить С цитатой В цитатник
Перейти к дневнику
Н_НИНА   обратиться по имени Среда, 21 Мая 2014 г. 16:58 (ссылка)
надо наконец мне заняться изучением работы в этой программе, спасибо Мариночка, приятного дня
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:46ссылка
Ниночка, конечно, занимайся. Тем более у нас здесь уже достойная компания любителей флеш собирается. Всегда и подсказать сможем и новинками порадовать.
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:49ссылка
novprospekt, спасибо, я начала с ФШ, потом Алео, теперь пора новеньким занятся, тем более, что пронрамма есть
таила   обратиться по имени Среда, 21 Мая 2014 г. 17:25 (ссылка)
спасибо огромное за урок! хорошего настроения!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:47ссылка
Спасибо. Конечно, очень хорошего настроения.
Лида_Юринец   обратиться по имени Среда, 21 Мая 2014 г. 18:17 (ссылка)
Спасибо за урок
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 21 Мая 2014 г. 18:48ссылка
Пожалуйста. Пусть будет с пользой.
lyusitseki   обратиться по имени Среда, 21 Мая 2014 г. 19:34 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
Дюанка   обратиться по имени Четверг, 22 Мая 2014 г. 04:23 (ссылка)
Спасибо !!!
Ответить С цитатой В цитатник
rottam   обратиться по имени Четверг, 22 Мая 2014 г. 20:48 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Пятница, 23 Мая 2014 г. 08:34 (ссылка)
Благодарю от чистого сердца, дорогая Мариночка!
Ответить С цитатой В цитатник
marinapetrova1950   обратиться по имени Суббота, 08 Ноября 2014 г. 22:21 (ссылка)
Очень интересно,спасибо! Мариночка а уроков по sotnik SWF Decompiler у Вас нет. Не могу нигде найти. Буду признательна за ссылочку
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 10 Ноября 2014 г. 10:26ссылка
А по этой программе вряд ли есть какие то уроки, потому что SWF Decompiler выполняет только одну задачу - он декомпилирует флеш файлы. А также конвертирует SWF формат в FLA формат для последующего редактирования в программе Adobe Flash.
Открываете программу и слева увидите проводник по всем файлам вашего компьютера. Выбираете любую флешку с вашего компьютера, которую вы хотите разобрать на части и в проводнике щелкаете по ней. В центре на экране флеш проигрывателя отобразиться выбранная флешка. Справа окно для экспорта выбранного файла. В этом окне отобразяться все компоненты и скрипты из которых состоит флешка. Нажимаете на вкладку "Экспорт в FLA", указываете папку на вашем компьтере куда нужно сохранить файл FLA и после сохранения открываете его в программе Adobe Flash и работаете с ним.
Marina-Rozina   обратиться по имени Среда, 26 Ноября 2014 г. 08:34 (ссылка)
Ответить С цитатой В цитатник
Grif-studio   обратиться по имени Пятница, 01 Мая 2015 г. 18:05 (ссылка)
Спасибо, интересный урок!
Ответить С цитатой В цитатник
Mono-Liza   обратиться по имени Вторник, 08 Ноября 2016 г. 15:14 (ссылка)
Очень благодарна за урок!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку