Урок.Эффект полосок на картинке в Adobe Flash.

Среда, 19 Августа 2015 г. 07:38 + в цитатник

Цитата сообщения jzayka

Прочитать целиком В свой цитатник или сообщество!

Урок.Эффект полосок на картинке в Adobe Flash.

Поступила просьба от ПЧ как создать такой эффект.

Эффект сделан на основе Урока в программе Adobe Flash CS6.

1.Создаем на компьютере папку проекта под
названием"Эффект полосочки".Вы можете назвать по-своему.

Для создания эффекта нам потребуется Библиотека greensock,которую скачиваем вместе с прилагаемым материалом Тут

2.Распакуем архив.Находим там папку соm.Cкопируем ее в папку проекта "Эффект полосочки".

3.Открываем программу и создаем новый документ AS3.0.

Сохраяем в папку проекта "Эффект полосочки" под названием"полосочки".
Файл-Сохранить как-Указываем путь к папке проекта.
В папке проекта на данном этапе должно быть так:

4.В слоях создадим новый слой

Переименуем нижний слой в клипарт.Верхний слой для кода-as.
На нижнем слое может быть все ,что будет открываться под полосками при наведении мыши.
Это может быть текст,надписи,различный клипарт..и т.д.

5.Импортируем в Библиотеку картинку,которая будет при наведении мыши делиться на полоски.
Жмем ПКМ по значку картинки-Кликаем по строке Свойства.

Откроется окно.Во вкладке Параметры нас интересуют размеры.
Запомним их.

Переходим во вкладку ActionScript.

Ставим галочки как на скрине.В окошко Класс пишем Image.ОК

Если откорется предупреждение жмем OK

В Библиотеке должно быть так:

6.В Свойствах рабочей области выставляем размеры нашей картинки,которые мы запомнили.
У меня 940/640

7.Активируем нижний слой(клипарт).
Импортируем в рабочую область клипарт,который будет открываться при наведении мыши на картинку,которая находится в Библиотеке.
Файл-Импортировать-Импортировать в рабочую область.

Выравниваем

7.Активируем верхний слой.Открываем панель Действия (F9)
Копируем из папки с материалом(который скачали) код.

В строке 3 эксперементируем с количеством полосок.
Чем больше количество,тем уже полоски..

Ctrl+Enter-любуемся результатом.

Сохраняем проект.Жмем Файл-Сохранить.
Экспортируем ролик.Файл-Экспорт-Экспортировать ролик.
***
Дополнение..
Можно сделать эффект на фоне.Фоном может быть просто
прямоугольник,
нарисованный в программе по размеру рабочей области.
Для этого достаточно создать новый слой и переместить его в самый низ.

Может быть эта же картинка в других тонах.
Как в примере в начале поста.

Вот и все.
Экпериментируйте.Фантазируйте.Творите.
Удачи!

Серия сообщений "**Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 22 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 23 - Урок. Картинка из кусочков в Adobe Flash CS6
Часть 24 - Урок.Эффект полосок на картинке в Adobe Flash.