PARALLAX эффекты в Adobe Muse #25
Скачайте 3 бесплатных шаблона лендинга в Adobe Muse: http://goo.gl/OjngFP
Смотрите бесплатный курс по веб-дизайну: http://goo.gl/w8FYc5
Урок по Muse, в котором я покажу как круто использовать параллакс скролинг при создании сайта в Muse. Для начала посмотрим примеры интересных решений, определим где можно а где нельзя использовать такой эффект и попробуем сделать нечто подобное. В конце будет небольшое задание, выполнив которое вы закрепите умение делать PARALLAX СКРОЛЛИНГА В ADOBE MUSE.
Примеры лучших 20 сайтов с parallax – http://goo.gl/tA1Mou
Домашнее задание:
1. Сделать сайт, который предлагает один товар или услугу из списка:
a. безалкогольный напиток
b. тариф сотового оператора
c. морская регата
d. полёт на дирижабле
e. вызов эвакуатора
f. модель автомобиля
g. художественный фильм или мультфильм
2. В этом сайте обязательно должны присутствовать следующие эффекты:
a. parallax для картинки (горизонтальный и вертикальный)
b. Использование непрозрачности для появления объекта при прокрутке
c. Использовать прокрутку для переключения слайдов в галереи
Таймкоды:
0:05 Примеры классных сайтов с параллакс эффектом
06:00 Где не нужно использовать параллакс эффект
07:00 Создание параллакс скроллинга в Muse
07:38 Перевод языка в Adobe Muse
13:00 Панель эффектов прокрутки
23:07 Настройка перемещения
28:00 Добавление слайдшоу
28:50 Автозупуск
30:00 Прокрутка текстуры
36:10 Задание
Больше полезных видео по веб-дизайну в группе вконтакте: https://vk.com/4wwweb
Я вконтакте: http://vk.com/danilfimushkin
Личный блог: http://goo.gl/ndRggw
Бесплатный курс по Adobe Muse: http://goo.gl/llX8kz
Бесплатная подписка на видеоуроки по дизайну: http://goo.gl/iQxZ8t
Последние сообщения
127 полезных и бесплатных онлайн академий
24.04.2019
Ресурсы для objective-C программистов
21.03.2018