Монтажные области в Photoshop
Монтажные области для разных устройств на одном и том же холсте

Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.

Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.

Примечание.

Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.

Так что представляет собой монтажная область?

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

Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.

Параметры монтажной области

Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы. 

Установки монтажной области в Photoshop

Создание документа монтажной области

  1. В Photoshop выберите Файл > Создать.
  2. В диалоговом окне Новый введите имя изображения. Например, Веб-сайт для iPhone.
  3. В раскрывающемся меню Тип документа выберите Монтажная область.
  4. Выберите один из более 35 наборов настроек Размер монтажной области.
Размеры монтажной области в Photoshop
Большой выбор наборов размеров для монтажной области

  1. Начните добавлять элементы дизайна в монтажную область. В монтажную область можно добавлять смарт-объекты, слои, группы слоев и другие ресурсы.

Преобразование существующего документа в документ монтажной области

Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.

  1. Выберите один или несколько слоев/групп слоев в документе.
  2. Правой кнопкой мыши щелкните выделенные объекты, а затем выберите Монтажная область из слоев или Монтажная область из группы.

Добавление монтажных областей в текущий документ

  1. В панели «Инструменты» нажмите на значок  для выбора инструмента «Монтажная область».
  1. Нарисуйте монтажную область на холсте.
  2. При необходимости измените размеры монтажной области. На панели параметров инструмента выберите предварительно заданный размер во всплывающем меню «Размер». Также можно оставить пользовательский размер монтажной области.
Изменение размеров монтажной области в Photoshop
Изменение размеров монтажной области

  1. Присвойте монтажной области требуемое имя. Выполните следующие действия.
    1. Выделите монтажную панель, выберите Слой > Переименовать монтажную область
    2. Введите новое имя для монтажной области и нажмите клавишу Return.
  2. Начните добавлять элементы дизайна в монтажную область. В монтажную область можно добавлять смарт-объекты, слои, группы слоев и другие ресурсы.

Быстрое добавление монтажных областей в документ

Чтобы добавлять в документ монтажные области, нажимайте на значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать дубликат монтажной области вместе с ее содержимым, щелкните значок плюса (+), удерживая клавишу «Option/Alt».

  1. Выберите монтажную область.
  2. Нажмите на значок + рядом с монтажной областью. Монтажная область будет добавлена в документ неподалеку от значка +.
Добавление монтажных областей в Photoshop с помощью значков плюса
Добавление монтажных областей с помощью значков плюса

Примечание.

Щелкните значок плюса (+), удерживая клавишу «Option/Alt», чтобы создать дубликат выделенной монтажной области вместе с ее содержимым. Неподалеку от этого значка + появится новая монтажная область.

Работа с монтажными областями

Выбор фона монтажной области

На панели «Свойства» («Окно» > «Свойства») монтажной области укажите необходимое значение в поле Цвет фона монтажной области. Для монтажной области также можно задать прозрачный фон.

Выбор фона монтажной области

Перемещение элементов между монтажными областями

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

При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.

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

Дублирование слоев или групп слоев

При дублировании слоя или группы слоев в документе, содержащем монтажные области, можно выбрать монтажную область, в которую нужно поместить скопированный слой.

Дубликат слоев: выберите монтажную область, в которую нужно поместить скопированный слой.

Перемещение

Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.

Изменение размера

Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь на панели параметров инструмента выберите предварительно заданный размер во всплывающем меню Размер.

Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.

Сетки

Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.

Направляющие

Перетащите направляющие из линейки на холст в выбранной монтажной области. В дальнейшем эти направляющие будут перемещаться вместе с монтажной областью. Кроме того, если создать копию монтажной области вместе с назначенными ей направляющими, можно задать такие же направляющие для скопированной монтажной области. Для работы с нужными монтажными областями можно также выбрать «Просмотр» > «Создать макет направляющей». Чтобы задать настройки видимости направляющей, выберите «Просмотр» > «Показать».

Новый макет направляющей в Photoshop
(Слева) Создать макет направляющей | (Справа) Настройки видимости направляющей

Просмотр свойств монтажной области

Выберите монтажную область и выберите Окно > Свойства, чтобы быстро просмотреть ее основные свойства. Также можно изменить размер монтажной области на панели Свойства.

Когда монтажная панель выделена, ее свойства также отображаются на панели параметров.

Панель «Свойства монтажной области» в Photoshop
Панель свойств монтажной области

Отображение имен монтажных областей

Чтобы отобразить или скрыть имена монтажных областей, выберите «Просмотр» > «Показать» > «Имена монтажных областей». Имена монтажных областей автоматически обрезаются по ширине монтажной области.

Фильтрация слоев по монтажной области

В раскрывающемся меню поиска на панели «Слои» выберите Монтажная область. Выберите монтажную область или любой слой на ней. На панели «Слои» теперь можно просмотреть только выбранную монтажную область. Чтобы вернуться к панели «Слои» в полноэкранном режиме, отмените выбор всех слоев или выберите какой-либо объект вне текущей монтажной области.

Предотвращение автоматического вложения в монтажную область и из нее

Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.

Предотвращение автоматического вложения в монтажную область и из нее в Photoshop

Блокировка положения монтажной области

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

Закрепление положения в Photoshop

Переименование

Дважды щелкните имя монтажной области на панели Слои и введите новое имя. Также можно использовать команду Слой > Переименовать монтажную область.

Расформирование монтажных областей

Можно быстро разделять монтажные области на составляющие их элементы. Выделите монтажные области, выберите Слой > Разгруппировать монтажные области. Монтажные области расформировываются, и все составляющие их элементы перемещаются на один уровень выше в списке «Слои». Если последняя монтажная область расформировывается, документ перестает быть документом монтажной области.

Экспортировать монтажные области

Экспорт монтажных областей в виде графических ресурсов

Теперь можно экспортировать монтажные области как графические ресурсы JPEG, GIF, PNG, PNG-8 или SVG непосредственно с панели Слои.

Дополнительные сведения см. в разделе Экспорт монтажных областей и слоев.

Экспортировать монтажные области в PDF

Монтажные области можно экспортировать как PDF-документы. Выполните следующие действия.

  1. В Photoshop выберите Файл > Экспорт > Монтажные области в Adobe PDF.
  2. В диалоговом окне Монтажные области в Adobe PDF выполните следующие действия.
    • Выберите целевую папку, в которой следует сохранить сформированные PDF-документы.
    • Задайте префикс имени файла для создаваемых PDF-документов. Например, Кампания_страхование.
    • Укажите, следует ли экспортировать только содержимое на монтажных областях или также содержимое в участках, перекрывающих монтажные области.
    • Укажите, следует экспортировать все монтажные области или только выбранные.
    • Укажите, следует ли экспортировать вместе с монтажными областями их фоны.
    • Укажите, следует ли создать один PDF-документ для всех монтажных областей в текущем документе или отдельный PDF-документ для каждой монтажной области. Если принято решение создать несколько PDF-документов, для всех них используется определенный ранее префикс имени файла.
    • Укажите кодировку для экспортированных PDF-документов: ZIP или JPEG. При выборе JPEG также следует задать параметр Качество (0-12).
    • Укажите, требуется ли внедрять профиль ICC (International Color Consortium) в экспортируемые PDF-документы. Профиль ICC включает данные, характеризующие устройство ввода или вывода цвета.
    • Укажите, следует ли экспортировать вместе с монтажными областями их имена. При выборе этой настройки можно указать пользовательский шрифт, размер и цвет шрифта, а также цвет расширения холста.
  3. Нажмите кнопку Выполнить. Photoshop создает PDF-документ.

Экспорт монтажных областей в виде файлов

Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.

  1. В Photoshop выберите «Файл» > «Экспорт» > «Монтажные области в файлы».
  2. В диалоговом окне Монтажные области в файлы выполните следующие действия.
    • Выберите целевую папку, в которой следует сохранить сформированные файлы.
    • Задайте префикс имени файла.
    • Выберите тип экспорта: только содержимое монтажной области или вместе с перекрывающимися областями.
    • Укажите, следует экспортировать все монтажные области или только выбранные.
    • Укажите, следует ли экспортировать вместе с монтажными областями их фоны.
    • Выберите тип файлов для экспорта. Поддерживаются следующие форматы экспорта: BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 и PNG-24.
    • Укажите параметры экспорта для выбранного типа файлов.
      • Укажите, следует ли экспортировать вместе с монтажными областями их имена. При выборе этой настройки можно указать пользовательский шрифт, размер и цвет шрифта, а также цвет расширения холста.
  3. Нажмите кнопку Выполнить. Photoshop экспортирует монтажные области в виде файлов выбранного формата.

Просмотр на устройстве и сопутствующее приложение Preview CC

Предварительный просмотр дизайнов на целевых устройствах в Photoshop

С помощью функции «Просмотр на устройстве» в Photoshop и сопутствующего приложения Preview CC можно быстро просматривать дизайны на целевых устройствах iOS. Preview CC подключается к Photoshop через порт USB или по сети Wi-Fi и выполняется рендеринг просмотра дизайна в реальном времени. Все внесенные в дизайн изменения автоматически отправляются на устройство для предварительного просмотра.

Если документ содержит монтажные области, то функция «Просмотр на устройстве» пытается показать правильную монтажную область, сопоставляя размер и расположение области и размером подключенного устройства iOS. Также можно использовать панель навигации для предварительного просмотра определенной монтажной области на устройстве или пролистать разные области в том порядке, в котором они перечислены на панели Слои в Photoshop.

Дополнительные сведения о функции «Просмотр на устройстве» и Preview CC см. в разделах:

Часто задаваемые вопросы

Нет. Вложение монтажных областей в настоящее время не поддерживается.

Монтажную область можно представить как особый тип групп слоев. Монтажные области перечислены на панели «Слои», совсем как слои и группы слоев.

Да. Используйте функцию Монтажные области из слоев.

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

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