Get Adobe Flash player
Главная » Flash Обучение » Видео Уроки Flash » 3D flash карусель от начала до конца серия уроков

Мы в твиттере

Как создать?

Подпишитесь сейчас и вы получите на email серию бесплатных видеоуроков по flash.

Ваш e-mail:

Ваше имя на русском:

Подписавшись, Вы получите 4 видео урока, которые научат вас создавать flash презентации, flash баннеры, flash кнопки буквально за несколько минут!

Курс по flash cs5

 

Adobe Flash CS4 и Actionscript 3.0. Полный курс видео уроков.

Внимание!

Вы можете изучить все секреты flash анимации всего за 3 недели! Перейти из разряда новичка в разряд опытного пользователя даже без посещения дорогих курсов и чтения толстенных талмудов.

110 видео уроков,

в превосходном качестве помогут пройти, Вам, терни flash анимации самым быстрым и легким путём!

+ActionScript 3.0

Подробнее!..

www.megastock.ru
Уведомление об ответственности


3D flash карусель от начала до конца серия уроков

vitkuz   16 марта 2009    Раздел сайта: Flash Обучение » Видео Уроки Flash

Мы рады представить вашему вниманию новую серию по созданию модного, трех мерного, 100 % притягивающего взгляд баннера – 3D flash карусели.

Серия состоит из 12 простых видео уроков. Шаг за шагом на экране вашего монитора я покажу, как создать то, что вы видели выше.

Некоторые из особенностей карусели:

  • Скорость и направления вращения зависит от положения мыши на сцене
  • Подгружает картинки из вне используя файл данных XML
  • Трех мерность реализована за счет изменения масштаба по оси Y и сортировки элементов по Z на основе данного масштаба.

Часть 1

Flash урок #1: Добавление N объектов из библиотеки на сцену и размещаем их случайным образом.

В этом видео уроке вы узнаете, как в цикле присоединяться (конэктиться) к элементу в библиотеке, доставать его и помещать любое количество на сцену случайным образом (координаты всех элементов генерируются случайным образом).

Deposit: 1_3d_carusel.rar 5.61 MB | Ifolder: 1_3d_carusel.rar

Flash урок #2: Добавление N объектов из библиотеки на сцену и размещаем их по окружности

Это больше теоретический, нежели практический урок. Если в прошлом видео мы добавляли элементы из библиотеки случайным образом, то сейчас мы должны сформировать их координаты таким образом, чтобы они разместились аккуратно по окружности. В нем я на картинках объясню простую теорию, пользуясь которой, мы равномерно добавим элементы по окружности. Будем говорить о таких вещах, как косинус, синус, радиус, градус, угол. Гуманитарии не пугайтесь  - все наглядно и доходчиво :)

Deposit: 2_3d_carusel.rar 6.51 MB | Ifolder: 2_3d_carusel.rar

Flash урок #3: Добавление N объектов из библиотеки на сцену и размещаем их по эллипсу

Легкий урок. Разбивая радиус окружности на проекции, мы разместим элементы на сцене по эллипсу.

Deposit: 3_3d_carusel.rar 2.76 MB | Ifolder: 3_3d_carusel.rar

Flash урок #4: Анимируем нашу карусель по часовой стреле.

В данном видео уроке рассматривается вопрос программной анимации большого количества элементов (анимация при помощи actionscript). Динамическим образом мы подцепим слушатели событий к каждому элементу. Данный слушатель событий будет запускать функцию, которая и будет вращать всю нашу карусель по часовой стрелке.

Deposit: 4_3d_carusel.rar 8.62 MB | Ifolder: 4_3d_carusel.rar

Flash урок #5: Изменяем масштаб элементов в зависимости от их координаты.

Наша карусель все еще выглядит плоской, когда по задумке она должна быть 3D. В этом видео мы исправим этот недостаток, добавив несколько строчек в нашу анимирующую функцию. Теперь она будет не только двигать элементы, но и изменять их масштаб в зависимости от координаты. Этим мы добьемся немного 3D.

Deposit: 5_3d_carusel.rar 6.88 MB | Ifolder: 5_3d_carusel.rar

Flash урок #6: Сортируем наши элементы по масштабу.

На прошлом шаге у нас возникла маленькая ошибка с глубиной. В этом видео мы исправим эту ошибку. Мы сделаем так, чтобы наша анимирующая функция сортировала наши элементы на сцене в зависимости от их масштаба (Большие элементы находиться впереди, меньшие позади). Этим мы добьемся полноценного эффекта 3D. Также вы научитесь трюку – сохранять ссылку на главную линию времени, что бы иметь возможность сослаться на нее в любой, даже не очень удобный момент.

Deposit: 6_3d_carusel.rar 9.01 MB | Ifolder: 6_3d_carusel.rar

Flash урок #7: Анимируем нашу карусель в обе стороны.

Сейчас наша 3D карусель равномерно вращается в одну сторону, хотя по задумке скорость и направление карусели должно меняться от положения мыши на сцене. В этом уроке этим и займемся -- добавим немного интерактивности.

Deposit: 7_3d_carusel.rar 8.02 MB | Ifolder: 7_3d_carusel.rar

На этом шаге мы полностью завершаем макет 3D карусели можно перейти к следующей части.

Часть 2

Пред просмотром данной серии уроков рекомендуется посмотреть видеo журнал по теме flash+xml. Т.к. там это было объяснено максимально подробно, здесь же некоторые моменты пропущены.

Flash урок #8: Загрузка управляющего файла данных XML.

Создаем и загружаем во flash файл данных XML. Данный файл мы будем использовать для загрузки картинок и, показывания описаний и для управления переходами, если пользователь кликнул по одной из картинок.

Deposit8_3d_carusel.rar 9.45 MB | Ifolder8_3d_carusel.rar

Flash урок #9: Выводим управляющие параметры узлов XML.

В этом видео уроке мы учимся использовать XML. В цикле мы выведем все ссылки на картинки, которые хотим загрузить во flash.

Deposit: 9_3d_carusel.rar 8.77 MB | Ifolder: 9_3d_carusel.rar

Flash урок #10: Загружаем и размещаем на сцене внешние картинки.

В этом видео, используя файл данных XML, мы загружаем внешние картинки во flash и помещаем их на сцене в случайном порядке (координаты генерируются случайным образом).
После этого мы копируем куски готового кода, из прошлой части, когда мы создали работающий макет 3D карусели.

Deposit: 10_3d_carusel.rar 5.68 MB | Ifolder: 10_3d_carusel.rar

Flash урок #11:Делаем так, чтобы все работало.

Мы продолжаем копировать код из первой части, добиваясь того чтобы все работало. В результате мы получаем полноценную 3D карусель из внешних картинок-баннеров. Единственное чего не хватает на этом шаге – это того, чтобы человек по клику переходил по нужной ссылке.

Deposit11_3d_carusel.rar 15.65 MB | Ifolder: 11_3d_carusel.rar 15.65 MB


Flash урок #12: Добавляем возможность кликать по картинкам и переходить на нужный адрес.

Заключительный урок по 3D карусели. Делаем так чтобы по клику мыши можно было переходить по конкретной ссылке.

Deposit: 12_3d_carusel_bonus.rar 24.92 MB | Ifolder: 12_3d_carusel_bonus.rar

Исходники CS4: 3d_galery_step_by_step.rar [576,22 Kb] (cкачиваний: 1865)

 

Хочется отметить , что вы можете во flash загружать не только картинки (*.jpg) но и анимированные flash файлы (*.swf).

Загружаемые картинки не обязательно должны быть внешними, их можно импортировать внутрь флешки. В папке с исходниками вы найдете такой пример, труда разобраться после уроков - в нем не составит.

Добавить новость можно в вашем меню, там есть ссылка добавить новость.

Просмотров: 37563 | Комментарии (64) | 3d карусель, actionacript 3, flash уроки, видео
#1   rrr      19 марта 2009 20:40   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
спасибо вам огромное) ваши уроки действительно очень полезны)
#2   3DDsen      19 марта 2009 20:54   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Можно добавить скрипт что по нажатию на картину она приближалась для то го что бы ее можно было рассмотреть?
#3   Levsha100      19 марта 2009 21:13   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Конечно!
#4   Nicolas077      20 марта 2009 02:13   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Цитата: 3DDsen
Можно добавить скрипт что по нажатию на картину она приближалась для то го что бы ее можно было рассмотреть?

Поддерживаю просьбу.
И ещё вариант, чтобы не по клику, а по наведению картинка увеличивалась
#5   dmi-chem      20 марта 2009 02:29   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
"Можно добавить скрипт что по нажатию на картину она приближалась для то го что бы ее можно было рассмотреть?"

А как это сделать? Напишите плиииз, очень надо. Доделываю сайт во влэш и всё тормозится из-за галлереи. А ваш урок как раз то что надо, но нужно полное приближение картинок при нажатии. Жду с нетерпением!!!!!!!
#6   Клоун-Убийца      20 марта 2009 07:58   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
а что такое тематичесике пудлликации?!
#7   cipgicu      20 марта 2009 10:43   ICQ: --   



Регистрация: 15.03.2009
Публикаций: 0
Комментариев: 1
спасибо вам ok
#8   vitkuz      20 марта 2009 11:09   ICQ: --   



Регистрация: 17.07.2008
Публикаций: 96
Комментариев: 162
ГОСПОДА и ДАМЫ!!!

Посмотрите, как на сайте оформлены новости и оформляйте в том же духе!

В противном случае, ваша новость будет растреляна :)
#9   RJ-16      20 марта 2009 12:15   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
yahoo Наконец то! Молодцы ребята...Так продолжать ok
#10   er      20 марта 2009 16:17   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Карусель во флеш отлично получилась!
#11   Dik      20 марта 2009 16:22   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Интересно, а для чего подобную карусель можно применить??

А что значит тематических комментариев??
#12   Fly      20 марта 2009 17:17   ICQ: --   



Регистрация: 21.07.2008
Публикаций: 65
Комментариев: 590
А где вы про комментарии слышали или читали?


--------------------
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум
#13   Dik      21 марта 2009 21:14   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Сорри, новости. Как их писать??
#14   Grand155      25 марта 2009 06:37   ICQ: 351004192   



Регистрация: 18.02.2009
Публикаций: 1
Комментариев: 9
Много похвал,только не понятно,как получили ссылки на уроки,ибо в графе "публикация"у всех стоит 0,или все пошли вторым путем?И последняя новость висит уже давно.


--------------------
Яд ,мудрецом предложенный прими,
Из рук же дурака ,не принимай бальзама.
О.Хайям
#15   Fly      25 марта 2009 14:09   ICQ: --   



Регистрация: 21.07.2008
Публикаций: 65
Комментариев: 590
Скачиваний не так уж и много... Как раз под кол-во публикаций :)


--------------------
1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - http://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум
#16   dafnovoby      1 апреля 2009 20:30   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
ВОПРОСЫ !!!!!!!!!!!!!!!!


Что обазначает

Strong.easeOut когда делаешь анимацию на AS


new Tween(object,"parametr",Strong.easeOut,......);

Хочу узнать что обазначает и там еще пару похожих для чего ?
объясните плиз
#17   funny      2 апреля 2009 10:27   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
вот что получилось каруселька )))
очень здорово, наконец-то разобралась в этих синусах)
#18   SMERF72      7 апреля 2009 11:41   ICQ: --   



Регистрация: 7.04.2009
Публикаций: 0
Комментариев: 1
Огромное СПАСИБО за уроки в целом. а за 3D карусель ОТДЕЛЬНАЯ БЛАГОДАРНОСТЬ!
#19   vitkuz      7 апреля 2009 12:58   ICQ: --   



Регистрация: 17.07.2008
Публикаций: 96
Комментариев: 162
funny,
Отлично! Иконки веселые )
#20   kybergalex      7 апреля 2009 14:10   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Прикольная Тема smile
#21   dr.S      21 апреля 2009 23:13   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
спасибо большое) с днем Рождения!
dance3
успехов!
#22   ELVIRA3000      22 апреля 2009 03:01   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
drinks C ДНЕМ РОЖДЕНИЯ!!!!
#23   lelya      22 апреля 2009 07:26   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
с днем рождения!!! вдохновения, творческих успехов и новых идей!
#24   Alex632      22 апреля 2009 07:50   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Поздравляю с Днем Рождения! Спасибо за уроки.
#25   Клоун-Убийца      22 апреля 2009 08:02   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
С Днюхой!! good
#26   riks      22 апреля 2009 08:14   ICQ: --   



Регистрация: 19.10.2008
Публикаций: 1
Комментариев: 2
Присоединяюсь к поздравлениям!!! drinks
А можно сделать скачку с яндекса? А то ifolder, rapida, deposit - закрыты админом(((
#27   Djin      22 апреля 2009 11:05   ICQ: --   



Регистрация: 16.11.2008
Публикаций: 0
Комментариев: 3
Спасибо большое Вам, ребята. Не могу сказать, что сам бы не нашел решения для разных задач, но с вашими примерами это намного проще и понятнее. И главное большая экономия времени, что для меня намного важнее. Огромное спасибо и поздравляю Виталия с Днем рождения! Счастья, успехов, надежных партнеров и верных друзей, а деньги это наживное))), они точно будут при таком подходе к людям))))
#28   rostan2004      22 апреля 2009 12:59   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
С днем рождения!!!!
#29   Iriska67      22 апреля 2009 15:10   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Спасибо! Все понятно объяснено!
И с днем варения!
#30   Tico      1 мая 2009 10:46   ICQ: --   



Регистрация: --
Публикаций: 0
Комментариев: 0
Добрый день! Вот объясните чайнику...

Я скачал курс, установил adobe flash CS4 (никогда не работал со флеш до этого)

Благодаря тому что автор все отлично объяснил я смог создать карусель из 15 элементов! Если нажать ctrl+Enter то все работает отлично. но когда сохраняю у меня сохраняется исходник и файл в формате .swf размером 2 КБ.

Как же сохранить все это в одном флеш файле, что бы я мог его скажем выслать другу через почту, для того что бы он полюбовался моим первым флеш баннером :)
Спасибо за внимание!

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.