• Авторизация


Делаем в Adobe Flash 3D Эффект переворота(3D вертелка) 15-07-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 вертелка).


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем в Adobe Flash 3D Эффект переворота(3D вертелка) | Natali-Ja - Дневник Natali-Ja | Лента друзей Natali-Ja / Полная версия Добавить в друзья Страницы: раньше»