Как работать со слоями в программе Adobe Muse

| Рубрика : Уроки Adobe Muse |

Здравствуй читатель блога https://sila-biznesa.ru/ В предыдущем уроке мы научились создавать что-то типа баннера. Это область с кратким описанием услуги, картинкой, телефонами и призывом позвонить.

В этом уроке мы разберём что такое слои в программе Adobe Muse. Панель слоёв у нас находится в правой панели инструментов Adobe Muse. Если у тебя справа нет вкладки слоёв, то нужно в меню программы нажать на «Окно» → «Слои». После чего в правом блоке программы у тебя появятся слои.

Что такое слои?

Слои в Adobe Muse – это группа элементов на странице. То есть например, у меня есть 4 слоя:

  1. Шапка
  2. Меню
  3. Баннер
  4. Контент
Слои в Adobe Muse

Слои в Adobe Muse

В слое «шапка» находятся все элементы принадлежащие к шапке. А именно:

  1. Название сайта
  2. Описание
  3. Телефоны
  4. Призыв к действию
Слои шапка сайта в Adobe Muse

Слои шапка сайта в Adobe Muse

Все эти элементы у меня находятся в одном слое под названием «шапка».

Для чего это делается? Для того, чтобы можно было удобно редактировать различные элементы на сайте, чтобы их можно было легко находить. Например, нужно отредактировать телефоны. Мы находим этот элемент в слое шапка, выделяю его нажатием на квадратик рядом с этим элементом и телефоны выделяются у нас на страничке. Теперь можно производить любые изменения с этим элементом:

Выделение слоя в Adobe Muse

Выделение слоя в Adobe Muse

Как создать слой в Adobe Muse?

Изначально, когда мы только создаём страницу, у нас не будет слоёв «шапка», «меню» и т.д. Будет всего лишь 1 слой, который называется «слой 1». И в нём будут все элементы, которые мы создадим на странице. Чем РАНЬШЕ ты начнёшь создавать слои под различные блоки на сайте, тем лучше будет структурирован сайт, так как в последствии тебе будет легче в этих элементах ориентироваться и выделять нужный тебе слой. Для того, чтобы создать новый слой, кликаем по соответствующему значку в Adobe Muse:

Создание слоя в Adobe Muse

Создание слоя в Adobe Muse

После чего нужно переименовать созданный слой. Кликаем на слой 2 раза и его можно переименовывать. Давай ему название в соответствии с теми элементами страницы, которые будут в него входить.

Для чего ещё нужны слои?

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

Иерархия слоёв в Adobe Muse

Иерархия слоёв в Adobe Muse

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

2015-04-12_150440

Чтобы изменить иерархию элементов, то есть, например, наложить прямоугольник на телефоны, достаточно этот элемент перенести выше телефонов:

Перетаскивание слоёв в Adobe Muse

Перетаскивание слоёв в Adobe Muse

Что ещё можно делать со слоями?

  1. Можно убрать их отображение Слева на против каждого слоя есть значок в виде глаза. При нажатии на него исчезает слой. Если нажать на него ещё раз, то слой появляется.
  2. Можно заблокировать слой Для этого нужно поставить замок рядом с нужным слоем или элементом. В таком случае этот элемент или слой нельзя будет редактировать или перетаскивать:
Блокировка и скрытие слоёв в Adobe Muse

Блокировка и скрытие слоёв в Adobe Muse

Надеюсь, что после прочтения этого урока, у тебя больше не будет вопросов, как работать со слоями.

Вам понравился материал? Поблагодарить легко! Буду весьма признателен, если Вы поделитесь этой статьей в социальных сетях.

Не пропустите новые КЛАССНЫЕ статьи. Подпишитесь ↓

Delivered by FeedBurner

Автор: Кривицкий Владислав

Здравствуйте читатели моего блога. Меня зовут Кривицкий Владислав, мне 21 год и занимаюсь созданием, продвижением сайтов и интернет магазинов с 2011 года. Так как за всё время моей деятельности в интернете появилось много практических знаний и навыков, хочу ими делиться на страницах этого блога. Так же если Вы "клацнете" по моему имени, то попадёте на мою страницу ВКонтакте. Пишите в личные сообщения, стараюсь всем ответить и помочь.

комментария 3

  1. Николай says:

    Ничего у меня не получилось в деле освоения Фотошоп, именно со слоями. Что-то меня одолевают сомнения браться ли за это изучение, вдруг опять будет облом…

  2. Ольга says:

    Влад, здравствуйте.Как бы мне с вами поговорить по Адобе МЬЮС.
    У меня проблема. Когда я вставляю ссылку прячу под текст, а потом хочу ее удалить у меня удаляется и картинка на которой этот текст стоит. Что я делаю не правильно?

Добавить комментарий