Читать книгу Рецепты долголетия. Жемчужины медицины Востока и Запада Савелия Кашницкого : онлайн чтение - страница 1 - (6)
Книги Савелия Кашницкого - бесплатно скачать или читать онлайн без регистрации - все книги автора в электронном виде бесплатно! - (2)
Кнопка подписки на видеоканал YouTube | Пространство сайтостроения - (13)
Переход по кадрам, урок второй, AS2.Контент. |
В прошлом уроке создали шаблон перехода по кадрам флешки с помощью кнопок.
Мы имеем эскизы кнопок и скрипты на них с инструкциями действия.
Но все кадры, на которые переводят действие кнопки, пусты.
Вот и будем заполнять кадры материалом (содержанием, контентом).
Это может быть просто картинки из инета или собственные, созданные в графическом редакторе (фотошоп ...),
анимированные (гифки) или видео. Статические изображения загружаются прямо в программу
(обычно в библиотеку), а анимация и видео загружаются в контейнер - фрагмент ролика (мувиклип, мувик, ролик),
который также появится в библиотеке. А из библиотеки материал (символы) переносятся на рабочий кадр
путём перетаскивания левой кнопкой (нажать и удерживая перенести) на нужный слой и кадр!
Приступаем (материалы для работы есть во влжении, но Вы можете использовать свои).:
Запускаем программу АФ, Открываем шаблон "Переход по кадрам"
1
Для работы создаём рабочую папку (я на рабочем столе), в ней загружаем материал. Я взял три файла: анимация снегопада, Санта в ПНГ
и рисунок фотошопный "Кнопка":
2
Переименовываем имеющийся слой шаблона в "Кнопки": закрываем его на замочек, убираем и видимость (нажимаете на точечки белые после названия слоя).
3
В панели "Свойства" задаём размеры нашей будущей работы (в примере =700/438) по размерам анимашки.
Создаём новый слой, переносим под слой с кнопками, Имя - "Контент".
На первом кадре этого слоя, по умолчанию, есть пустой ключевой кадр. Становимся на второй кадр, вызываем контекстное меню (правый клик на втором кадре, выбираем "Вставить пустой ключевой кадр"). Стали на третий кадр и также вставили пустой ключевой кадр.
4
Теперь приступаем к импорту материала. Начнем с анимашки, для неё создаём контейнер:
Вставка > Создать символ > Фрагмент ролика.
5
6
Открывается редактор ролика. Импортируем нашу заготовленную анимашку из папки. Для этого нажимайте одновременно на клавиатуре кнопки =Ctrl и R= (или через меню =Файл>Импорт>Импортировать в рабочую область):
7
Видеоролик из анимашки создан, он в библиотеке под именем "Символ4", одновременно в библиотеке появились и все кадры нашей анимации.
Возвращаемся на монтажный кадр:
8
Стали на первый кадр слоя "Контент", открыли библиотеку и, нажав левую кнопку мыши и удерживая, перетаскиваем одно изображение, например, "Растровое изображение1", на кадр:
9
Выравниваем по центру монтажного кадра. Для этого заходим в панельку "Выровнять" и нажимаем соответствующие значки:
(Если панелька "Выровнять" отсутствует, откройте из вернего меню "Окно",)
10
Теперь на первом кадре есть изображение.
Переходим на второй кадр слоя "Контент". На него из библиотеки перетаскиваем уже известным способом видеоролик "Символ4".
Также выравниваем по центру (смотри фото 10)
11
Есть два кадра.
Стали на третий, импортируем на него из библиотеки тот же видеоролик "Символ4", выравнивать по центру.
Затем из папки проекта импортируем Санту (изображение в PNG, то есть, без фона) сюда же: Ctrl+R: (смотри объяснения к фото 7). Размещаем как и куда планировали.
12
Тестируйте работу: Ctrl+Enter.
Всё работает. Только кнопки неприглядны и расположены неудачно.
Давайте ещё чуть поработаем с кнопками: Ставьте замочек на слой "Контент", переходите на слой "Кнопки", первый кадр
и переместите изображение кнопки (синей) в нижний левый угол (или куда посчитаете), То же повторите на втором кадре с красной кнопкой, а на третьем кадре - с зелёной.
13
Заменим изображения кнопок на заготовленный рисунок из папки проекта.
Для этого нужно войти в режим редактирования символа кнопки: кликать ПРАВОЙ кнопкой мыши по кнопке, в выпавшем меню выбрать "Правка".
14
Это режим редактирования кнопки.
Удаляем синий квадратик: выделить и нажать на клавиатуре "Delete".
Импортируем на кадр из папки проекта изображение кнопки: Ctrl+R (см. фото7).
15
Переходим на второй кадр, входим в редактирование кнопки "Символ2" =красный кружочек= (см. фото14),
удаляем кружочек, а из библиотеки переносим на кадр изображение кнопки. Выравнивать по центру (см. фото 10).
Переходим на третий кадр, производим действия как для предыдущей кнопки.
Тестировать: Ctrl+Enter
Сохраните проект в FLA файл. С ним продолжим работу в следующих уроках.
Файл > Сохранить как , направьте в папку проекта, дайте название.
На данном этапе Вы можете сохранить флешку: Файл > Экспорт > Экспортировать ролик. Дайте название, укажите куда
Пока всё. Продолжение следует.
Во вложении есть исходники и FLA.
Вложение: 4148196_vlozhenie.rar
Серия сообщений "МОИ УРОКИ. ":
Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
...
Часть 25 - Анимация во флеш Некоторые приёмы
Часть 26 - "Переход по кадрам", создание шаблона, Adobe Flash, AS2.Урок первый.
Часть 27 - Переход по кадрам, урок второй, AS2.Контент.
Часть 28 - Шаблон "Переход по кадрам" , AS3.
Часть 29 - Переход по кадрам, работа по шаблону, AS2. Третий урок
...
Часть 46 - Пламя свечи на AS3
Часть 47 - Выставляем на ЛиРу картинки с Гугл фото!
Часть 48 - Сглаживание анимации в фотошопе на видео шкале.
Рубрики: | Уроки/Уроки флеш Уроки/Adobe Flash |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |