Перейти к содержимому
  • Как сделать параллакс эффект с привязкой к курсору?

    Евгений Зубов Евгений Зубов,

    В этом уроке я расскажу как сделать чудовищно крутой эффект параллакс эффекта в Adobe Muse. Множество ярких примеров этого эффекта есть на сайте по ссылке. Стоит еще сказать что такого функционала нет в программе по умолчанию. По этому, Вам нужно четко следовать инструкции что-бы достигнуть результатов.

    Инструкция по установке и применению:

    1. Скачайте виджет с промо сайта (купите)
    2. Распакуйте скачанный архив и найдите в нем файл Параллакс эффекты от adobemuse.ru.mulib
    3. Щелкните по этому файлу два раза левой кнопкой мыши
    4. Произойдет установка виджета и он появится у Вас в Adobe Muse в панели Библиотека:

      2015-06-22_013352.thumb.jpg.842d84ffe6f4

       
    5. Находим этот виджет и просто перетаскиваем его на ту страницу сайта, на которой хотим эффекта
    6. Настройки виджета по умолчанию идеально подойдут большинству пользователей:

      2015-06-22_013529.thumb.jpg.a7a3896b5a61
       
    7. Теперь выбираете любой объект к которому хотите применить эффект, например прямоугольник:

      2015-06-22_013634.thumb.jpg.1b8951b86a49
       
    8. Далее, не снимая выделения с объекта, найдите панель Гиперссылки:

      2015-06-22_013731.thumb.jpg.b32c2de4bef4
       
    9. И тут, в поле подсказка, Вам нужно ввести кодовую фразу:
      parallax 0.3
      2015-06-22_013933.thumb.jpg.99afd125d6cc
       
    10. Все готово! Переходите в режим Предпросмотра, или в браузер и наслаждайтесь эффектом!

    Теперь подробнее о том как управлять эффектом:

    • Что-бы изменить силу эффекта, измените число после фразы parallax (в примере, это число 0.3).
      Максимальное значение не ограничено. Минимальное - 0.
       
    • Эффект может принимать минусовое значение, например:
      parallax -0.3
      В этом случае эффект будет инверсированным. То есть противоположным движению мыши.
       
    • Что-бы на два разных объекта сделать разные эффект, просто для каждого укажите разную силу эффекта. Например:
       
      • Первый объект parralax 0.3
      • Второй объект parrallax -0.3
         
    • Вы можете делать разные, впечатляющие эффекты комбинируя разные слои, силу эффекта и количество объектов.

    Успехов в создании потрясающих эффектов!

    В комментариях ниже Вы можете задать свои вопросы.

    Отзывы пользователей

    Рекомендуемые комментарии

    В  Adobe Muse ver.2015 я не смог победить parallax -0.3     Делал всё по инструкции.

    ----------в инструкции оЧепятка-----------------------------------------------

    • Первый объект parralax 0.3
    • Второй объект parallax -0.3

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    В  Adobe Muse ver.2015 я не смог победить parallax -0.3     Делал всё по инструкции.

    ----------в инструкции оЧепятка-----------------------------------------------

    • Первый объект parralax 0.3
    • Второй объект parallax -0.3

    Спасибо. Исправил.

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    После установки виджета Parallax перестал работать Слайд-шоу - полноэкранный режим с эффектом прокрутки, проще говоря что бы фон менялся по мере его просмотра вниз. Что делать?

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    После установки виджета Parallax перестал работать Слайд-шоу - полноэкранный режим с эффектом прокрутки, проще говоря что бы фон менялся по мере его просмотра вниз. Что делать?

    Здравствуйте! Напишите в службу поддержки, пожалуйста.

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Добрый день!

    Какие лицензионные условия использования данного виджета? Можно ли будет продавать шаблоны, созданные с помощью этого виджета на Themeforest, например?

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Добрый день!

    Какие лицензионные условия использования данного виджета? Можно ли будет продавать шаблоны, созданные с помощью этого виджета на Themeforest, например?

    Здравствуйте!

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

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Здравствуйте!
    У меня такой вопрос: а "любым объектом" может быть зацикленная анимация, сделанная в edge? То есть я хочу получить паралакс из кучи зацикленных анимашек.

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Здравствуйте!
    У меня такой вопрос: а "любым объектом" может быть зацикленная анимация, сделанная в edge? То есть я хочу получить паралакс из кучи зацикленных анимашек.

    Скажу по правде. Мы в таких случаях не тестировали.

    Поделиться комментарием


    Ссылка на комментарий
    Поделиться на других сайтах

    Оставлять сообщения могут только участники клуба

    Вступите в клуб или войдите под своим аккаунт, чтобы писать сообщения

    Вступить в клуб

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас
×