+++
+++
} ******** Все для Вас  Skandalikaва копилка  fleshmagik - Флеш анимации Музыкальные открытки Kubines - Оформление системы  Flash Magic - Флеш анимации DiZona – все для Photoshop SuprGif - Самая лучшая анимацияАнимация.GIF - Elza *******************

среда, 2 ноября 2016 г.

Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).от Лены



По просьбе LiSu рассмотрим как сделать эффект 3D переворота на 180 градусов по этому Уроку..

Буду благодарна,если меня поправят и дополнят опытные флешеры.


Кликните по разным сторонам прямоуголика.





1.Создадим папку.Название не важно.
2.Создадим новый документ документ AS3.Размеры 240/320.
Сохраним (Файл-Сохранить как) в созданную папку.

3.Создадим воображаемые страницы,которые по клику на них будут переворачиваться на 180 градусов.
Сделаем по размеру рабочей области прямоугольные формы разных цветов.
Это в моем примере..вы можете просто пронумеровать страницы или придумать что-то другое).
Делаем на примере 3-х страниц.Т.е.создадим 3 одинаковых по размеру прямоугольника.

4.Преобразуем в символ

Привязываем к AS с точкой регистрации в верхнем левом углу
Называем для 1-ой страницы page_1
В строку класс вписываем Page_1
Удаляем из рабочей области.


При появившемся окошке(выделено красным),жмем ОК.


То же самое проделаем поочередно со стрницами 2 и3.
Имя пишем page_2,page_3.Класс Page_2,Page_3 cоотвтственно
и удаляем со сцены.

5.Сделаем еще один прямоугольник,размер не важен .
У меня 240/50.Это будет что-то вроде шапки ..

6.Преобразуем в символ (см. скрин в п.4) .
Назовем top_tip.Поставим галочки в строке класс напишем TopTip.
Удалим.

Жмем ОК и еще раз ОК.

Так выглядит библиотека на данном этапе.
У меня присутствует page_4 Page_4(делала заготовки для 4-х страниц).

Если вы хотите добавить что-то на страницы (это может быть картинка,анимашка,текст и т.д),откройте поле редактирования символа.

Чтобы открыть,жмите на маленький треугольничек рядом с иконкой.
Откроются все символы,которые мы создали.

Жмем по нужному.В открывшемся поле добавляем новые слои,на которые помещаем,что задумали.


Все, на этом ручная работа закончена.
7. Cкопируйте файл Vertelka.as из вложения к посту в созданную папку.
Куда сохранили .fla файл.


В созданной папке теперь 2 файла..


Возвращаемся на рабочую сцену к документу .fla
так выглядит рабочая сцена ..


8.Открываем панель Действия, пишем код:
===============================================
import flash.geom.Point;

var pages:Array = [new Page_1(), new Page_2(), new Page_3()]
var vertelka:Vertelka = new Vertelka( this, new Point( 120, 160 ), pages, new TopTip() )
================================================

Тестируем(CTRL+ENTER).
Сохраняем работу(Файл-Сохранить)
Экспортруем(Файл-Экспорт-Экспортровать ролик)

Если хотите добавить страницы,сделайте как в п.4,изменив номер страницы и класса.
В панели Действия в строке 3 внесите соответствующие записи.


Вот и все!Осталось только включить фантазию.Успехов!
 Вложение: 4117330_kod_i_fayl_as.rar
Серия сообщений "**Мои уроки":
Часть 1 - Цветочный шлейф за курсором 
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 11 - Кнопка-плеер в Adobe Flash.
Часть 12 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 13 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 14 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 15 - Использование анимированной маски в Adobe Flash.Урок
...
Часть 22 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.

Комментариев нет:

Отправить комментарий