Монтажные области для разных устройств на том же холсте
Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.
Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.
Примечание.
Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.
Монтажную область можно представить как особый тип групп слоев. Монтажная область обрезает содержимое любых содержащихся в ней элементов по своим границам. Иерархия элементов в монтажной области отображается на панели Слои вместе со слоями и группами слоев. Монтажные области могут содержать слои и группы слоев, но не другие монтажные области.
Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.
Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.
- В Photoshop выберите Файл > Создать.
- В диалоговом окне Новый введите имя изображения. Например, Веб-сайт для iPhone.
- В раскрывающемся меню Тип документа выберите Монтажная область.
- Выберите один из более 35 наборов настроек Размер монтажной области.
Большой выбор наборов размеров для монтажной области
- Начните добавлять элементы дизайна в монтажную область. В монтажную область можно добавлять смарт-объекты, слои, группы слоев и другие ресурсы.
Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.
- Выберите один или несколько слоев/групп слоев в документе.
- Правой кнопкой мыши щелкните выделенные объекты, а затем выберите Монтажная область из слоев или Монтажная область из группы.
- В панели «Инструменты» нажмите на значок
для выбора инструмента «Монтажная область».
- Нарисуйте монтажную область на холсте.
- При необходимости измените размеры монтажной области. На панели параметров инструмента выберите предварительно заданный размер во всплывающем меню «Размер». Также можно оставить пользовательский размер монтажной области.
Изменение размеров монтажной области
- Присвойте монтажной области требуемое имя. Выполните следующие действия.
- Выделите монтажную панель, выберите Слой > Переименовать монтажную область.
- Введите новое имя для монтажной области и нажмите клавишу Return.
- Начните добавлять элементы дизайна в монтажную область. В монтажную область можно добавлять смарт-объекты, слои, группы слоев и другие ресурсы.
Чтобы добавлять в документ монтажные области, нажимайте на значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать копию монтажной области, нажмите клавишу Option/Alt и щелкните значок +.
- Выберите монтажную область.
- Нажмите на значок + рядом с монтажной областью. Монтажная область будет добавлена в документ неподалеку от значка +.
Добавление монтажных областей с помощью значков плюса
Чтобы создать копию выбранной монтажной области, нажмите клавишу Option/Alt и щелкните значок плюса (+). Неподалеку от этого значка + появится новая монтажная область.
Перемещение элементов между монтажными областями
Просто перетащите элементы из одной монтажной области в другую на холсте. При перемещении элемента между монтажными областями Photoshop пытается поместить его в таком же положении по отношению к началам координат линеек, расположенных в верхнем левом углу монтажных областей.
При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.
Слои или элементы, не включенные в какую-либо монтажную область, также можно группировать с существующими монтажными областями. Просто перетащите элементы из одной монтажной области на холсте в целевую монтажную область. Также можно переместить ее на целевую монтажную область с помощью панели Слои.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь на панели параметров инструмента выберите предварительно заданный размер во всплывающем меню Размер.
Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.
Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.
Перетащите направляющие из линейки на холст в выбранной монтажной области. В дальнейшем эти направляющие будут перемещаться вместе с монтажной областью. Кроме того, если создать копию монтажной области вместе с назначенными ей направляющими, можно задать такие же направляющие для скопированной монтажной области. Для работы с нужными монтажными областями можно также выбрать «Просмотр» > «Создать макет направляющей». Чтобы задать настройки видимости направляющей, выберите «Просмотр» > «Показать».
(Слева) Создать макет направляющей | (Справа) Настройки видимости направляющей
Просмотр свойств монтажной области
Выберите монтажную область и выберите Окно > Свойства, чтобы быстро просмотреть ее основные свойства. Также можно изменить размер монтажной области на панели Свойства.
Когда монтажная панель выделена, ее свойства также отображаются на панели параметров.
Отображение имен монтажных областей
Чтобы отобразить или скрыть имена монтажных областей, выберите «Просмотр» > «Показать» > «Имена монтажных областей». Имена монтажных областей автоматически обрезаются по ширине монтажной области.
Панель свойств монтажной области
Фильтрация слоев по монтажной области
В раскрывающемся меню поиска на панели «Слои» выберите Монтажная область. Выберите монтажную область или любой слой на ней. На панели «Слои» теперь можно просмотреть только выбранную монтажную область. Чтобы вернуться к панели «Слои» в полноэкранном режиме, отмените выбор всех слоев или выберите какой-либо объект вне текущей монтажной области.
Предотвращение автоматического вложения в монтажную область и из нее
Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.
Блокировка положения монтажной области
Выберите монтажную область и установите блокировку положения. Монтажная область закрепится в текущем месте на холсте, но остальные элементы можно добавлять, перемещать и удалять в обычном порядке.
Дважды щелкните имя монтажной области на панели Слои и введите новое имя. Также можно использовать команду Слой > Переименовать монтажную область.
Расформирование монтажных областей
Можно быстро разделять монтажные области на составляющие их элементы. Выделите монтажные области, выберите Слой > Разгруппировать монтажные области. Монтажные области расформировываются, и все составляющие их элементы перемещаются на один уровень выше в списке «Слои». Если последняя монтажная область расформировывается, документ перестает быть документом монтажной области.
Теперь можно экспортировать монтажные области как графические ресурсы JPEG, GIF, PNG, PNG-8 или SVG непосредственно с панели Слои.
Дополнительные сведения см. в разделе Экспорт монтажных областей и слоев.
Монтажные области можно экспортировать как PDF-презентацию. Затем можно указать, должна ли презентация перелистывать страницы только при ручном взаимодействии или автоматически через определенный интервал времени. Выполните следующие действия.
- В Photoshop выберите Файл > Экспорт > Монтажные области в Adobe PDF.
- В диалоговом окне Монтажные области в Adobe PDF выполните следующие действия.
- Выберите целевую папку, в которой следует сохранить сформированную PDF-презентацию.
- Укажите, следует ли экспортировать все монтажные области или только выбранные.
- Выберите, требуется ли автоматически перелистывать страницы слайд-шоу через определенный интервал времени (в секундах).
- Выберите, требуется ли вы автоматически зацикливать слайд-шоу после последней страницы.
- Нажмите кнопку Выполнить. Photoshop создает PDF-презентацию.
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.
- В Photoshop выберите «Файл» > «Экспорт» > «Монтажные области в файлы».
- В диалоговом окне Монтажные области в файлы выполните следующие действия.
- Выберите целевую папку, в которой следует сохранить сформированные файлы.
- Укажите имя файла.
- Выберите тип экспорта: только содержимое монтажной области или вместе с перекрывающимися областями.
- Укажите, следует экспортировать все монтажные области или только выбранные.
- Выберите тип файлов для экспорта. Поддерживаются следующие форматы экспорта: BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 и PNG-24.
- Укажите параметры экспорта для выбранного типа файлов.
- Нажмите кнопку Выполнить. Photoshop экспортирует монтажные области в виде файлов.
С помощью функции «Просмотр на устройстве» в Photoshop и сопутствующего приложения Preview CC можно быстро просматривать дизайны на целевых устройствах iOS. Preview CC подключается к Photoshop через порт USB или по сети Wi-Fi и выполняется рендеринг просмотра дизайна в реальном времени. Все внесенные в дизайн изменения автоматически отправляются на устройство для предварительного просмотра.
Если документ содержит монтажные области, то функция «Просмотр на устройстве» пытается показать правильную монтажную область, сопоставляя размер и расположение области и размером подключенного устройства iOS. Также можно использовать панель навигации для предварительного просмотра определенной монтажной области на устройстве или пролистать разные области в том порядке, в котором они перечислены на панели Слои в Photoshop.
Дополнительные сведения о функции «Просмотр на устройстве» и Preview CC см. в разделах: