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

Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

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

Эффекты прокрутки можно применять практически ко всем элементам в Adobe Muse на сайте с фиксированными параметрами или с помощью фиксированных точек. К элементам относятся фоновые изображения, текст и изображения. Кроме того, можно применить эффект прокрутки фона к любому элементу, использующему фоновое изображение в качестве заливки. Эффекты прокрутки также можно применять в меню Заливка в браузере, если для отображения в окне браузера используется заполняющее фоновое изображение. 

Эффекты прокрутки не применяются к элементам заполнения фона, которые используют определенные графические эффекты, такие как скос и внутреннее свечение. Если к выбранному объекту применены эффекты таких типов, параметры в разделе Прокрутка на панели Заливка будут недоступны.

Примечание.

Чтобы применить к элементу эффекты прокрутки, проверьте, что для элемента задано состояние «Стандартное».

Помимо изображений и фоновой заливки, эффекты прокрутки также часто используются в анимации для создания эффекта глубины. Для разных элементов на странице можно задать разную скорость движения. Например, макет страницы может содержать элемент переднего плана, который будет перемещаться в два раза быстрее элемента среднего плана. Скорость перемещения мозаичной заливки фона, находящейся за анимированным содержимым, может быть в два раза меньше скорости элемента среднего плана. Данные настройки имитируют характер восприятия движения глазом человека. Скорость движения объекта, находящегося ближе всего к человеку, кажется наиболее высокой.

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

Перед использованием эффектов прокрутки ознакомьтесь со следующими ключевыми понятиями:

Исходная позиция

Исходная позиция в эффектах прокрутки — это то расположение, в котором настраиваемые элементы страницы начинают выполнять движение. Например, нажмите меню Заливка в браузере и выберите вкладку Прокрутка. Поле, расположенное по центру (в нем сейчас указано значение 0 пикс.), обозначает исходную позицию. При активации настроек движения на странице появится T-образный маркер. С помощью T-образного маркера можно управлять диапазоном движения. Значение 0 пикс., используемое по умолчанию, означает, что T-образный маркер находится на верхнем крае окна браузера.

Число пикселей в поле Исходная позиция указывает расстояние, на которое будут перемещены изменения, заданные в разделе Начальное перемещение (в указанном направлении и с заданной скоростью), по мере прокрутки страницы до этой позиции. Верхнему краю страницы соответствует положение в 0 пикселей. Значит, чем больше число пикселей, тем дальше будет прокручена страница. На палитре Перспектива (Окно > Перспектива) расстояние от верхнего края страницы обозначается как значение по оси Y.

Исходная позиция

Начальное перемещение

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

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

Конечное перемещение

Параметр «Конечное перемещение» определяет движение элемента после того, как пользователь прокрутит страницу за указанное значение. Значения, указанные в разделе Конечное перемещение, будут применены после прокрутки страницы ниже исходной позиции (после места, в котором расположен T-образный маркер). 

Элемент, к которому применен эффект прокрутки, перемещается в направлениях, для которых в соответствующих полях указаны значения больше 0. Если для направлений по горизонтали и по вертикали задано значение «0», элемент будет закреплен на странице и не будет перемещаться.

Если для направления по горизонтали задано значение «0», заливка в браузере не перемещается в горизонтальной плоскости влево или вправо.

На изображении ниже наглядно представлены ключевые понятия, относящиеся к эффектам прокрутки в Adobe Muse:

Исходная позиция, начальное и конечное перемещения
Исходная позиция, начальное и конечное перемещения

Перейдите на сайт, посвященный эффектам прокрутки, и узнайте, как они работают.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет