Узнайте, как с помощью Adobe Muse добавить эффекты прокрутки к заливке браузера и фоновой заливке веб-сайта.
Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите раздел Часто задаваемые вопросы о прекращении обслуживания Adobe Muse.
Применение эффектов прокрутки к изображениям, используемым в качестве заливки браузера
Эффекты прокрутки позволяют управлять скоростью перемещения изображений, используемых в качестве заливки браузера, как для мозаичных, так и для элементов страницы без разбиения. Эффекты прокрутки можно применять к заполняющим фоновым изображениям, для которых заданы значения «Исходный размер», «Заполнение», «По размеру» или «Мозаика». Заполняющее изображение браузера перемещается в направлении прокрутки страницы на основе настроек скорости и перемещения, заданных в меню «Заливка в браузере» в разделе «Прокрутка».
Параметры в этом разделе будут недоступны до тех пор, пока в меню «Заливка в браузере» не будет добавлено фоновое изображение, которое будет использоваться в качестве заполняющего в браузере. Эффекты заливки не удастся применить к заливке браузера сплошным или градиентным цветом.
Добавление эффектов прокрутки к заливке браузера
Чтобы настроить параметры эффектов перемещения при прокрутке для заполняющих изображений браузера, выполните указанные ниже действия.
- В представлении «Дизайн» выберите «Страница» > «Свойства страницы». На вкладке «Макет» в поле «Минимальная высота» задайте значение 2000 пикселей. Это обеспечит достаточную длину страницы для прокрутки. Нажмите кнопку «ОК», чтобы сохранить изменения и закрыть диалоговое окно «Свойства страницы».
- На панели управления нажмите ссылку «Заливка в браузере». На вкладке «Заливка» нажмите значок папки рядом с разделом «Изображение», чтобы выбрать файл изображения на компьютере. В меню «Подгонка» выберите нужное значение и включите параметр «Прокрутка».
- Нажмите вкладку «Прокрутка». Установите флажок напротив «Перемещение».
Уделите время ознакомлению с разделом «Прокрутка» в меню «Заливка в браузере». Поле, расположенное в центре раздела (в нем указано значение 0 пикс.), обозначает исходную позицию (расположение T-образного маркера), которая служит для управления перемещением. Значение 0 пикс, используемое по умолчанию, означает, что T-образный маркер расположен на самом верхнем краю окна браузера.
Число пикселей в поле исходной позиции указывает расстояние, на которое будут перемещены изменения, заданные в разделе «Начальное перемещение» (в указанном направлении и с заданной скоростью), по мере прокрутки страницы до этой позиции. Верхнему краю страницы соответствует положение в 0 пикселей. Значит, чем больше число пикселей, тем дальше будет прокручена страница. (На панели управления в разделе «Перспектива» расстояние от верхнего края страницы обозначается как значение по оси Y).
Значения, указанные в разделе «Конечное перемещение», будут применены после прокрутки страницы ниже исходной позиции (после места, в котором расположен T-образный маркер).
Элемент, к которому применен эффект прокрутки (в нашем случае это мозаичное изображение, выбранное в качестве заполняющего изображения браузера), перемещается в направлениях, для которых в соответствующих полях указаны значения больше 0. Если и для направления по горизонтали, и для направления по вертикали задано значение «0», элемент будет закреплен на странице и не будет перемещаться.
Можно заметить, что в разделе «Начальное перемещение» рядом со значениями в полях имеется символ «x» (в нижнем регистре). Он обозначает множитель скорости перемещения. На изображении с примером заливки браузера показано, что заполняющее изображение браузера будет перемещаться вверх с той же скоростью, что и скорость прокрутки страницы. Если посетитель прокручивает страницу быстрее, перемещение эффекта прокрутки будет происходить с той же скоростью, с которой посетитель прокручивает страницу.
В разделе перемещения по горизонтали (влево и вправо) в поле указано значение «0». Это означает, что заполняющее изображение не будет двигаться влево или вправо.
В разделе «Конечное перемещение» представлены те же параметры. На изображении с примером заливки браузера показано, что заполняющее изображение будет двигаться вверх с той же скоростью, что и скорость прокрутки страницы, и не будет перемещаться в горизонтальном направлении.
Наведите курсор на кнопку информации (значок «i»), расположенную в нижнем левом углу вкладки «Прокрутка», чтобы подробнее узнать о том, какие эффекты прокрутки применены к заполняющему изображению браузера.
- Воспользуйтесь кнопками со стрелками в разделе «Начальное перемещение», чтобы задать направление перемещения заполняющего изображения по вертикали (вверх или вниз) и по горизонтали (влево или вправо).
- В разделе «Начальное перемещение» задайте скорость горизонтальной и вертикальной прокрутки, введя числовые значения или с помощью кнопок со стрелками вверх и вниз. Более подробное описание этих настроек приведено ниже. Если в поле значения скорости указано «0», то элемент не будет двигаться в указанном направлении при прокрутке страницы (до достижения исходной позиции).
- Обновите значения в разделе «Конечное перемещение» и задайте в соответствующих полях значения направления и скорости перемещения для эффекта прокрутки.
- Нажмите в любом месте страницы, чтобы закрыть меню «Заливка в браузере».
- Выберите «Файл» > «Предварительный просмотр страницы в браузере», чтобы просмотреть страницу в новом окне браузера. Прокрутите страницу, чтобы просмотреть, как применяется эффект перемещения при прокрутке.
- Завершив просмотр, закройте браузер и вернитесь в приложение Muse.
Применение эффекта перемещения при прокрутке к фоновой заливке элемента страницы
Добавление эффектов прокрутки к фоновой заливке
Перемещение при прокрутке можно применить к объектам страницы, имеющим в качестве заливки мозаичные и обычные фоновые изображения. Выполните следующие действия.
- Во время редактирования страницы в представлении «Дизайн» выберите Страница > Свойства страницы. В поле настройки минимальной высоты страницы укажите значение, например 2000 пикселей, чтобы сделать страницу достаточно длинной для прокрутки. Нажмите кнопку «ОК», чтобы сохранить изменения и закрыть диалоговое окно «Свойства страницы». Кроме того, чтобы сделать страницу длиннее, на нее можно добавить необходимый объем материала.
- В представлении «Дизайн» на панели управления выберите инструмент «Прямоугольник».
- Нарисуйте на странице прямоугольник.
- В меню «Заливка» выберите мозаичное или обычное фоновое изображение для прямоугольника.
- Откройте вкладку Прокрутка в меню Заливка и задайте параметры прокрутки.
- Нажмите вкладку «Прокрутка» в меню «Заливка». Установите флажок «Перемещение», чтобы приступить к настройке параметров прокрутки.
Обратите внимание Т-образный маркер, который отображается над элементом, для которого применен эффект перемещения при прокрутке. Он обозначает исходную позицию (в настоящий момент — 100 пикселей над элементом). Значок, расположенный по центру раздела «Прокрутка», обозначает расположение T-образного маркера на странице. Можно сбросить значения исходных позиций для эффектов прокрутки, указав другое значение в центральном поле раздела или перетащив T-образный маркер на другое место на странице. При перетаскивании T-образного маркера область над исходной позицией будет временно затемнена.
Т-образный маркер не должен находиться вверху по отношению к выделенному элементу. Можно щелкнуть T-образный маркер и перетащить его вровень с верхним краем элемента или перетащить T-образный маркер так, чтобы он находился под элементом.
Приложение Muse предлагает неограниченную свободу действий при создании дизайна сайта, поскольку можно как просто перетаскивать маркеры в нужное место, так и вводить числовые значения в поле исходной позиции для точной настройки перемещения элемента при прокрутке страницы посетителем.
Вкладка «Прокрутка» в меню «Заливка» аналогична вкладке «Прокрутка» в меню «Заливка в браузере».
- Выбрав элемент, для которого применен эффект перемещения при прокрутке, воспользуйтесь вкладкой «Прокрутка» меню «Заливка», чтобы задать числовое значение для исходной позиции, либо перетащите для этого T-образный маркер в нужное место на странице.
- Задайте направление перемещения элемента по горизонтали и вертикали, а также настройте в разделе «Начальное перемещение» скорость перемещения относительно скорости прокрутки страницы. Это позволяет настроить перемещение элемента до момента прокрутки страницы до исходной позиции.
- Задайте направление перемещения элемента по горизонтали и вертикали, а также настройте в разделе «Конечное перемещение» скорость перемещения относительно скорости прокрутки страницы. Это позволяет настроить перемещение элемента после прокрутки страницы ниже исходной позиции.
На изображении с примером свойств прокрутки показано, что прямоугольник будет двигаться вправо, перемещаясь в три раза быстрее скорости прокрутки страницы посетителем, и достигнет нужного положения, когда страница в браузере будет прокручена до исходной позиции. По мере прокрутки страницы ниже исходной позиции (100 пикселей) прямоугольник начнет перемещаться влево в три раза быстрее скорости прокрутки страницы посетителем. В этом примере прямоугольник не будет двигаться вертикально, поскольку в обоих соответствующих полях указано значение «0».
- Нажмите в любом месте страницы, чтобы закрыть меню «Заливка».
- Нажмите «Просмотр» или выберите «Файл» > «Предварительный просмотр страницы в браузере», чтобы просмотреть страницу с примененными эффектами прокрутки. Прокрутите страницу, чтобы увидеть, что элемент перемещается.
- Завершив просмотр, вернитесь в приложение Muse или нажмите кнопку «Дизайн», чтобы продолжить редактирование страницы.
Вход в учетную запись