Как сделать баннер HTML5 в Google Web Designer с эффектом 3D

preview_player
Показать описание
Создание 3D баннера в Google Web Designer - подробный пример создания трёхмерной модели и эффекта вращения.
В этом уроке подробно рассмотрим процесс создания трёхмерной модели с помощью настроек позиционирования. А также рассмотрим настройки событий и цикличности.
План урока:
1:50 - моделирование трёхмерного изображения.
20:26 - настройка анимации.
6:12 - знакомство с интерфейсом программы.
22:48 - остановка анимации при наведении курсора мышки.
25:26 - настройка цикличности (повторов).
32:00 - настройка события (ссылки).
26:29 - возобновление анимации после отведения курсора мышки.

Рекомендации по теме
Комментарии
Автор

Спасибо огромнейшее Максим! я весь тырнет перекопал в поисках уроков по гугл веб дизайнер...

дмитрийжуков-ую
Автор

Даже не знаю чего тут так мало просмотров. Хорошее видео.

VolodkaBobovich
Автор

Максим, Благодарю Вас! Всё получилось=)

АлексейИльенков-зэ
Автор

От души благодарю очень полезный урок!!! Возник вопрос как сделать, чтобы анимация шла при наведении на баннер, а при загрузке была статична.

АлексейИльенков-зэ
Автор

Интересный урок, не подскажете есть ли направляющие на рабочем столе как в фотошопе?

ВладиславКолмыков-цв
Автор

А зачем делали заднюю сторону, если она не показывается вообще? надо было бы по-хорошему тогда сделать вращение на 360градусов ( или видимость его), а не на 180

ruslan
Автор

Максим, подскажите один нюанс, mouseout И возврат к исходному состоянию баннера. Этот момент не получился, после mouseout нужно выбрать переход к странице один? Или есть какой то гармоничный переход?

АлексейИльенков-зэ
Автор

Максим, подскажите где брать все детали для подобных 3д объектов?

gurnolog
Автор

Помогите пожалуйста, банер не поддерживается на safari !!!

hoblindarkmoguchii
Автор

Максим, здравствуйте! А как сделать баннер на HTML5 с адаптивным (резиновым) размером?

ilyashaulov
Автор

Здравствуйте у меня нв интерфейсе нету этой кнопки DİV как ее включить?

nicatveliev
Автор

Поддержу ваш канал своей подпиской !!!Надеюсь на вашу взаимность!!

БлогКопателя