Записи Друзья Комментарии
Nattallie
Аватар Nattallie

 -Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Толкование снов Толкование сновУзнайте в чем тайна вашего сна — стоит готовиться к чему-то плохому или, наоборот, надо чтобы сон обязательно сбылся. Вы непременно найдете толкование вашего сна, ведь в базе уже сейчас содержится 47
  • Перейти к приложению СРОЧНО.ДЕНЬГИ СРОЧНО.ДЕНЬГИК сожалению, всякое бывает… И чаще, почему-то, это всегда случается неожиданно… Уникальная единая форма для подачи заявки на кредит во все банки сразу поможет сэкономить нервы, время и деньги!

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

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

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

 

 -Интересы

автотуризм гитара и саксофон животные лирика в поэзии медицина. компьютерные казуальные игры мультипликация психология и психоделика тайны планеты флешь-анимация флора и дачное цветоводство фотография хастл и латина

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.03.2013
Записей: 808
Комментариев: 2415
Написано: 5466


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

Пятница, 01 Мая 2015 г. 19:47 + в цитатник
Цитата сообщения novprospekt
Прочитать целикомВ свой цитатник или сообщество!
Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.

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



В первой части урока мы создали папку для нашего проекта, сам файл проекта в формате sqf и создали в этом проекте цифровые часики, которые поместили на основную сцену "Сцена 1".

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

Во второй части урока мы создали цифровой календарь, который разместили на основную сцену "Сцена 1", к уже имеющимся там цифровым часикам и протестировали нашу флешку.

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

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

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

Не забывайте, в дальнейшем, для постоянного сохранения вашего проекта периодически нажимать

Файл - Сохранить




Для дальнейшей работы нам потребуется создать дополнительные слои на Временной шкале. То есть, для того, чтобы часики и календарик стали масками, необходимо создать слои, где будут размещены футажи для маскирования.

Выделяем слой "Часики" и выше него создаем слой "Видео для часиков". Для этого нажимаем на плюсик под Временной шкалой. Теперь, дважды щелкнув по вновь созданную слою, в диалоговом окне вводим название для этого слоя - "Видео для часиков".

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

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

Далее нам надо будет создать Новый символ, в который мы поместим футаж для маскирования.

Вставка - Новый Символ
Новый символ - это видеоролик и имя ему даем "Футаж".

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

После того как Новый символ "Футаж" будет создан, откроется окно редактирования этого символа.

Импортируем в этот символ выбранное вами для маскирование видео (футаж).

Файл - Импорт

Указываете путь к вашему футажу. У меня он в папке с материалами проекта.
Если вы загружаете в Sothink SWF Quicker неотконвертированное видео, то сначала появиться диалоговое окно Импорта видео

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

В этом диалоговом окне обязательно проставьте галочку в пункте "Save a copy of the Flash Video file (*.FLV)". Это даст вам возможность сохранить копию вашего перекодированного видео в формате FLV, который используется во флеш программах для импорта видео файлов. Ниже данного пункта укажите путь для сохранения копии файла FLV. В нашем случае это папка создаваемого вами проекта. Этот ролик в формате FLV вы, затем запросто, можете использовать без проблем в других флешках и даже без дополнительной перекодировки.

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

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

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

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

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

Теперь, нам надо из символа "Футаж" переключиться на основную сцену "Сцена 1".
Для этого щелкаем по вкладке "Сцена 1", которая находится над Временной шкалой.

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

На основной сцене "Сцена 1" закрываем на замочек слои "Часики" и "Календарь" для того, чтобы нечаянно не сдвинуть находящиеся там динамические тексты.

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

Теперь, выделив слой "Видео для часиков", из Библиотеки перетаскиваем на Рабочее поле, на слой "Видео для часиков" видеоролик "Футаж".

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

При выделенном слое "Видео для часиков" инструментом "Трансформация" щелкаем на Рабочем поле символ видеоролик "Футаж" и, немного, трансформируем размеры и положение видеофутажа, а в панели "Свойства" в графе "Имя" вписываем

masked1

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

Следующим действием, выделяем слой "Видео для календарь" и на него также из Библиотеки перетаскиваем видеоролик "Футаж", а с помощью инструмента "Трансформация" изменяем размеры и положение футажа. В панели "Свойства" в графе "Имя" вписываем

masked

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

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

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

code:


masked.setMask(mask);

masked1.setMask(mask1);


На этом этапе можно уже протестировать вашу флешку, нажав в панели задач программы кнопку предварительного просмотра.

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

Но это еще не все. Далее нам необходимо поработать с видеороликом "Футаж".

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

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

Теперь в первом кадре у нас пустой ключевой кадр и футаж становится невидимым в первом кадре. Если щелкнуть во второй кадр на Временной шкале "Слоя 1", то футаж снова становиться видимым.

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

Зачем мы это сделали. Дело в том, что при загрузке вашей флешки на вэб страничку произойдет то, что в первую очередь мы увидим не маскированные футажи. Если же в первом кадре футаж виден не будет, то мы увидим в первую очередь наш календарик и часики, то есть маску. Но нам надо, чтобы после загрузки всех кадров футажа пустой кадр больше не загружался. Этого мы добьемся с помощью скрипта. Укажем, как должна происходить загрузка.
Для этого выделяем "Слой 2" и открываем вкладку "Действие".
Смотрим сколько кадров в настоящее время находится на "Слое 1". В моем случае это 50 кадров. У вас может быть другое количество кадров. Все зависит от видео, которое вы загрузили.
Итак, на "Слое 2" в первом кадре, в блокноте вкладки "Действие" вписываем следующий код

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

code:


ifFrameLoaded(здесь вписать цифру количества кадров вашего футажа)

{

    gotoAndPlay(2);

}


Возвращаемся на основную сцену "Сцена 1". Для этого щелкните вкладку "Сцена 1".
На Рабочем поле основной сцены "Сцена 1" теперь мы видим

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

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

В принципе, мы с вами выполнили нашу основную задачу и создали маску динамическим текстом. Если хотите, то можете экспортировать флешку и пользоваться ей. Только опять же напоминаю, что флешка должна иметь название отличное от имени нашего проекта в формате sqf. Напоминаю, что наш проект имеет имя - "Маска динамическим текстом.sqf". Значит флешке при сохранении надо дать любое другое имя. Это сделать обязательно. Иначе все наши данные слоям и символам осмысленные названия, например - "Футаж", слой "Часики" и так далее, превратятся в Символ 16, Слой 4 и так далее, а работать с таким проектом будет очень тяжело.

Далее же, я предлагаю некоторые действия, которые помогут придать нашему информеру более законченный и привлекательный вид. Но, как я уже отмечала выше, эти шаги не обязательны и могут быть выполнены на ваше усмотрение.
И так для тех, кто решил продолжить
Поставьте замочки на слои "Видео для часиков" и "Видео для календарь". Для этого щелкаем в квадратик рядом с глазком у выделенного слоя.
Со слоя "Календарь" наоборот снимаем замочек, щелкнув по этому замочку.
Выделяем слой "Календарь" и, щелкнув по нему правой кнопкой мыши, в появившемся контекстном меню, выбираем пункт "Копировать слой".

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

Далее, выделяем слой "Видео для часиков", который находится под слоем "Календарь" и, щелкнув по нему правой кнопкой мыши, в появившемся контекстном меню выбираем пункт "Вставить слой".
Очень внимательно посмотрите на скрин ниже и обратите особое внимание на то, где находится этот пункт меню, так как самым первым пунктом меню тоже является пункт "Вставить слой". Но это команда вставляет пустой новый слой, а вот команда "Вставить слой", которая расположена после пункта "Копировать слой", вставляет именно копию слоя, того, что вы скопировали ранее.

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

То есть, на Временной шкале под слоем Календарь, у вас должен появиться слой "Календарь копия"

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

Точно также поступаем со слоем "Часики". Снимаем с него замочек, выделяем слой "Часики", щелкаем по нему правой кнопкой мыши, из контекстного меню выбираем пункт "Копировать слой".
Снова щелкаем по слою "Часики" правой кнопкой мыши и, в появившемся контекстном меню, выбираем пункт "Вставить слой" (этот пункт находится внизу под пунктом "Копировать слой").
Над слоем "Часики" появиться слой "Часики копия". Этот слой надо опустить под слой "Часики". Для этого щелкаем по слою "Часики копия" левой кнопкой мыши и тянем его вниз, под слой "Часики".

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

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

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

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

Временная шкала на этом этапе должна выглядеть следующим образом

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

Следуем далее.
На Временной шкале выделите слой "Календарь", а на Рабочем поле инструментом "Выбор" (черная стрелка), выделите видеоролик "Календарь", щелкнув по нему. Откройте панель - вкладку "Фильтр" и нажмите на "+" - "Добавить фильтр".
В открывшемся контекстном меню выберите пункт "Тень"

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

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

Появятся параметры для настройки фильтра "Тень". Установите их как на скрине.

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

Слой "Календарь" закройте на замочек. Перейдите на слой "Календарь копия", выделите его, стрелками с клавиатуры нажмите один раз вправо и один раз вниз. Закройте слой "Календарь копия" на замочек.

Перейдите на слой "Часики", выделите слой и на Рабочем поле видеоролик "Часики". Примените фильтр "Тень" с такими же настройками как и для видеоролика "Календарь". Закройте слой "Часики" на замочек и перейдите на слой "Часики копия". Стрелками с клавиатуры нажмите один раз вправо и один раз вниз.
Оставьте замочки только на слоях - "Видео для календарь" и "Видео для часиков". С остальных замочки можно снять. На этом этапе обязательно сохраните ваш проект
Файл - Сохранить.

Теперь, перейдите в палитру Библиотека и дважды щелкните по символу - видеоролику "Календарь текст". В открывшемся окне редактирования этого символа, поочередно переходя на слои "День недели", "Месяц" и "Число", инструментом "Текст" удалите все тексты в текстовых полях.

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

Точно также в Библиотеке щелкните дважды по символу - видеоролику "Часики" и в окне редактирования этого символа инструментом "Текст", со слоя с часиками удалите текст в текстовом поле.

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

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






Серия сообщений "Маска в Sothink SWF Quicker":
Уроки флеш в программе Sothink SWF Quicker

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


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

Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

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

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

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

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


О проекте