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

Вторник, 15 Июля 2014 г. 21:04 + в цитатник

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

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

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

Пост отредадактирован 25.06.2014-добавила скрины в п.7

По просьбе

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 внесите соответствующие записи.

Вот и все!Осталось только включить фантазию.Успехов!

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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 10 - Кнопка-плеер в Adobe Flash.
Часть 11 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).