Монтажная область в фотошопе что это
Монтажные области
Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.
Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.
Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.
Так что представляет собой монтажная область?
Монтажную область можно представить как особый тип групп слоев. Монтажная область обрезает содержимое любых содержащихся в ней элементов по своим границам. Иерархия элементов в монтажной области отображается на панели Слои вместе со слоями и группами слоев. Монтажные области могут содержать слои и группы слоев, но не другие монтажные области.
Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.
Параметры монтажной области
Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.
Создание документа монтажной области
Преобразование существующего документа в документ монтажной области
Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.
Добавление монтажных областей в текущий документ
Быстрое добавление монтажных областей в документ
Чтобы добавлять в документ монтажные области, нажимайте на значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать копию монтажной области, нажмите клавишу Option/Alt и щелкните значок +.
Чтобы создать копию выбранной монтажной области, нажмите клавишу Option/Alt и щелкните значок плюса (+). Неподалеку от этого значка + появится новая монтажная область.
Работа с монтажными областями
Перемещение элементов между монтажными областями
Просто перетащите элементы из одной монтажной области в другую на холсте. При перемещении элемента между монтажными областями Photoshop пытается поместить его в таком же положении по отношению к началам координат линеек, расположенных в верхнем левом углу монтажных областей.
При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.
Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.
Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.
Просмотр свойств монтажной области
Когда монтажная панель выделена, ее свойства также отображаются на панели параметров.
Отображение имен монтажных областей
Фильтрация слоев по монтажной области
Предотвращение автоматического вложения в монтажную область и из нее
Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.
Блокировка положения монтажной области
Выберите монтажную область и установите блокировку положения. Монтажная область закрепится в текущем месте на холсте, но остальные элементы можно добавлять, перемещать и удалять в обычном порядке.
Расформирование монтажных областей
Экспортировать монтажные области
Экспорт монтажных областей в виде графических ресурсов
Дополнительные сведения см. в разделе Экспорт монтажных областей и слоев.
Экспортировать монтажные области в PDF
Монтажные области можно экспортировать как PDF-презентацию. Затем можно указать, должна ли презентация перелистывать страницы только при ручном взаимодействии или автоматически через определенный интервал времени. Выполните следующие действия.
Экспорт монтажных областей в виде файлов
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.
Просмотр на устройстве и сопутствующее приложение Preview CC
С помощью функции «Просмотр на устройстве» в Photoshop и сопутствующего приложения Preview CC можно быстро просматривать дизайны на целевых устройствах iOS. Preview CC подключается к Photoshop через порт USB или по сети Wi-Fi и выполняется рендеринг просмотра дизайна в реальном времени. Все внесенные в дизайн изменения автоматически отправляются на устройство для предварительного просмотра.
Если документ содержит монтажные области, то функция «Просмотр на устройстве» пытается показать правильную монтажную область, сопоставляя размер и расположение области и размером подключенного устройства iOS. Также можно использовать панель навигации для предварительного просмотра определенной монтажной области на устройстве или пролистать разные области в том порядке, в котором они перечислены на панели Слои в Photoshop.
Дополнительные сведения о функции «Просмотр на устройстве» и Preview CC см. в разделах:
Photoshop. Монтажные области
Каталог статей
Содержание
Уроки Photoshop от профессионального полиграфиста – это практический курс для желающих освоить Photoshop и/или отточить навыки работы в нём.
Создать новый файл в Photoshop
Создать новый файл в Фотошоп можно несколькими способами. Первый способ – это создание файла с помощью буфера обмена.
Я в интернете нашёл нужное мне изображение. Далее, копирую его в буфер обмена через контекстное меню, вызываемое правой кнопкой мыши. Перехожу к Фотошоп и вызываю Меню: Файл→Создать (Menu: File→New) или горячую клавишу [Ctrl + N]. Старайтесь запоминать горячие клавиши или, для начала, записывать, и сразу привыкайте использовать их в работе. Во-первых, горячие клавиши существенно ускоряют работу, а, во-вторых, это признак профессионализма.
В диалоговом окне Фотошоп предлагает способы создания файла, и «Буфер обмена» стоит на первом месте. Сразу правильно заданы все параметры, а именно размеры, разрешение, цветовая палитра.
Вновь созданный файл пустой, с единственным слоем «Фон». Вставляем файл из буфера обмена, горячая клавиша [Ctrl + V]. Изображение встаёт на новый слой. Теперь можно с ним работать или просто сохранить.
Второй способ создания файла – это пользовательский файл, т.е. файл, созданный с нашими параметрами/настройками. В правой панели диалогового окна задаём параметры файла: это размеры (ширина и высота) «Холста», можно задать в любых единицах измерения (Сразу оговорюсь, что для полиграфии удобно пользоваться метрической системой – это мм или см, а для WEB удобно пользоваться пикселями);
Разрешение изображения, традиционно измеряется в ppi (pixels per inch или в пикселях на дюйм). Для полиграфии – это от 150 до 300 ppi, для WEB – не имеет значения;
Цветовая палитра: для полиграфии это CMYK, для WEB – RGB;
А также цвет фона.
Растрирование
Подробности читайте в большой статье, посвящённой одному из «китов» современной полиграфии – растрированию. Из статьи Вы подробно узнаете: о понятии линиатура (частота растра); о связи частоты растра и разрешения; о зависимости частоты растра от печатной машины и типа бумаги…
Но самое интересное, это не то, что можно создать файл с нужными параметрами, а то, что часто используемые нами настройки можно сохранить в качестве шаблона и использовать их в последующей работе.
Для примера создадим настройку стандартного листа форматом А4 полиграфического качества, разрешением 300 ppi, в палитре CMYK.
В этом поле вводим название нашей сохранёнки. Если шаблон с таким именем уже есть, то Фотошоп не разрешает повторно его ввести.
Пользовательские шаблоны размещаются на вкладке «Сохранённые». Как видно, для удаления шаблона нужно нажать на иконку «корзина».
В заголовке шаблона отображено не только название, но и основные параметры, что позволяет быстро ориентироваться и находить нужный шаблон.
Если в ваших работах меняется преимущественно один параметр, то не следует заводить кучу шаблонов. Поясню. Допустим, я работаю с файлами полиграфического качества, Разрешение и Цветовая палитра у меня неизменны, а меняется только формат (размер файла). В этом случае, я буду пользоваться одним шаблоном А4, недавно созданным и просто оперативно менять в нём размеры – это, всё равно, будет быстрее, чем выискивать шаблон с нужными размерами, если у меня их штук 20.
Во вкладке «Недавние» отображается история создаваемых нами файлов, опять же, если наша работа циклична, то удобно доставать шаблоны отсюда.
А кроме всего, Фотошоп предоставляет большой выбор стандартных шаблонов, которыми можно пользоваться, если удобно.
Создадим файл из нашего шаблона. Новый файл всегда со стандартным слоем «Фон» (Background), который имеет непрозрачную заливку.
Но Фотошоп не отстаёт от других производителей и идёт в ногу со временем, поэтому здесь, как и в других программах, я имею в виду не только продукты Adobe, появились «Монтажные области». Вижу удивление и неприязнь со стороны полиграфистов-допечатников, но не спешите судить, давайте посмотрим для чего они нужны и как с ними работать.
Монтажные области в Photoshop
Создадим «Монтажную область» через контекстное меню. В имени «Монтажной области» сразу удобно описать её размеры. Зачем это нужно будет понятно в дальнейшем.
Размер Монтажной области можно регулировать мышкой, а значения размеров отображаются в панели Инфо. Размер указывается в тех единах измерения, которые мы задали в Настройках. Поправим их. Меню: Редактирование→Настройки→Единицы измерения и линейки… Или горячие клавиши [Ctrl + K].
Когда мы создаём файл для WEB удобно пользоваться пикселями. Почему? Да потому, что в WEB у нас поле вывода – это экран, а размеры областей экрана выражаются в пикселях. Даже если мы специально не готовим изображения под WEB, а тупо выкладываем их в социальных сетях, всё равно, удобно контролировать размер, а значит и качество изображений, через пиксели.
Итак, параметр Линейки меняем на «пиксели».
Вновь возвращаемся к процессу редактирования размера Монтажной области. Теперь и наша подсказка и в панели Инфо размер Монтажной области отображается в пикселях.
Существует и вариант более точной настройки размера Монтажной области – по цифрам, поговорим о нём чуть позже.
Количество Монтажных областей ограничено физическими пределами Монтажного стола, на котором они располагаются. Монтажный стол очень большой и гораздо больше, чем в Иллюстраторе, но эти пределы существую и их можно достичь. Впрочем, в реальных задачах упереться в пределы Фотошоп мне не доводилось.
Создадим ещё одну Монтажную область и назовём её по такому же принципу, т.е. в названии укажем размер области.
Идеология Монтажных областей Photoshop – это некие структуры, которые существуют над группами. Иными словами, это сущности с наивысшим статусом.
Данный способ организации Монтажной области отличается от идеологии Иллюстратора и тем более от идеологии, принятой в Индизайн, хотя программы и распространяются одной компанией.
Ещё один способ создания Монтажной области – это создание при помощи инструмента. Инструмент так и называется «Монтажная область» и прячется на самой верхней полке, под инструментом «Перемещение». Инструмент позволяет рисовать Монтажные области произвольных размеров. Нажимая на «+» можно быстро размножать Монтажные области.
В панеле «Свойства» можно редактировать некоторые параметры Монтажной области, например, такие как: Изменить шаблон; Цвет фона; а также Ширину и смещение по оси Х.
Я заготовил файл, в котором на реальном примере показан способ применения Монтажных областей на практике. Суть данного приёма в том, что, когда для Сайта необходимо создать дизайн баннеров разных размеров, мы не создаём кучу отдельных файлов с разными размерами, а создаём один файл с несколькими Монтажными областями.
Ещё раз. Для адаптивной вёрстки в WEB необходимо создание баннеров одного дизайна, но разных размеров. Также это может понадобиться и для рекламных модулей, которые размещаются в разных областях сайта или размещаются на разных сайтах, где области размещения могут варьироваться.
И либо мы работаем по старинке, создаём для каждого размера отдельный файл, а на второй монитор выводим эталон. Либо мы работаем новым способом, создавая необходимое количество монтажных областей и дизайним сразу всё. Так не только дизайн баннеров получается быстрее и качественнее, но и мы получаем существенное ускорение на этапе создания готовых файлов, т.е. файлов непосредственно для WEBа.
YouTube-канал XpertPRESS
Уроки Photoshop от профессионального полиграфиста – это практический курс для желающих освоить Photoshop и/или отточить навыки работы в нём. Мы расскажем и покажем Фотошоп от азов до самых сложных практических приёмов. Объясним базовые понятия растровой графики и полиграфического качества. Приёмы работы с объектами, с цветом, дизайнерские фишки, анимация, RAW и мн. др. Отработаем и закрепим горячие клавиши, клавиши быстрого доступа иные приёмы быстрой и качественной работы, т.е. профессиональные навыки. Добро пожаловать на Канал…
Технология работы с Монтажными областями в Photoshop
Рассмотрим конкретный пример. У меня есть сайт с разными рекламными площадями, с разными размерами рекламных модулей. Под эти размеры я создал Монтажные области.
В некотором моменте поведение Монтажной области напоминает поведение Холста. Действительно, изображение, выходящее за пределы Холста, как и изображение, выходящее за пределы Монтажной области, перестаёт быть видимым. Однако, если вывести за Монтажную область всё изображение, то оно вновь становится видимым и может спокойно существовать за пределами Монтажной области. Причём эта зона огромна (в отличие от Illustrator) и сюда можно накидать кучу вспомогательного материала, чего затруднительно сделать в Иллюстраторе при больших файлах и почти невозможно сделать в Индизайн.
За это Фотошопу респект и уважуха!
В Монтажной области, как и в обычном файле можно работать с отдельными слоями, либо связывать слои для удобства перемещения по нескольку нужных объектов. А также можно объединять слои в группы. Все иерархии, созданные в Монтажной области также продолжают существовать и за пределами Монтажной области на Монтажном столе, а также и в иной Монтажной области.
Инструмент «Перемещение» с Монтажной областью работает также, как и в обычном файле, полностью поддерживаются все режимы, включая и «Автовыбор» слоя.
Но самое вкусное, что есть в технологии создания WEB-баннеров – это Быстрый экспорт. Параметры Быстрого экспорта настраиваются в (Меню: Редактирование→Настройки→Экспорт), либо через горячую клавишу [Ctrl + K].
В блоке «Формат быстрого экспорта» выбираем именно формат файла. Фотошоп не предлагает нам ничего лишнего, а только поддерживаемые WEB форматы. Напомню, что для WEB используется цветовая палитра RGB, и определённые форматы. Коротко рассмотрим их. JPG – не поддерживает прозрачность, но основное преимущество – это мощный компрессующий движок.
PNG – менее эффективен при сжатии, но поддерживает прозрачности.
GIF – предназначен для анимации, а SVG – это векторный формат, Фотошоп просто его поддерживает, но записывать в него векторы не может.
В другом блоке настроек можно указать место сохранения файлов экспорта. Это либо то же место, где сохранён рабочий файл, либо мануальное место, т.е. место по нашему выбору.
| Формат | JPG | PNG | GIF | SVG |
|---|---|---|---|---|
| Палитры | CMYK, RGB | RGB | RGB | RGB |
| Тип | Raster | Raster | Raster | Vector |
| Прозрачности | — | + | + | + |
| Компрессия | + | — | — | — |
И так, для нашего примера подходит jpg или PNG. Оптимальнее JPG, но для примера я использую PNG.
Через контекстное Меню есть возможность для «Быстрого экспорта» использовать не все Монтажные области, а только выделенные. Для выделения используем инструмент «Перемещение». Если нет выделенных Монтажных областей, то «Быстрый экспорт» через Контекстное меню не работает. Но при этом будет работать через меню (Меню: Файл→Экспортировать→Быстрый экспорт в …). В этом случае экспорт распространяется на все Монтажные области.
В диалоговом окне выбираем место расположения файлов экспорта, согласно сделанным ранее настройкам. И вот он фокус! Мы сразу получаем нужное количество файлов (по количеству Монтажных областей) в нужном формате и, самое главное, с правильным названием. Обратите внимание, файлы названы по названиям Монтажных областей. И козырь в рукаве сейчас сыграл нам на пользу.
Видео версия урока в Photoshop
Посмотреть Видео версию урока можно на нашем канале в YouTube. Не забывайте подписываться, ставить лайки и ждать выхода следующих серий.
Скачать рабочие файлы
Скачать рабочие файлы со слоями в формате PSD можно по ссылке.
Урок 1.5. Работа с несколькими монтажными областями в одном документе.
Если вы работаете в большом масштабе или размер изображения больше, чем может поместиться на экране монитора, у документа появляются полосы прокрутки.
Для прокрутки используется инструмент «Рука»:
Его легко вызвать, удерживая нажатой клавишу «Пробел» при любом активном инструменте.
Также данный инструмент может понадобиться, если вы работаете, к примеру, в сфере полиграфической рекламы, одни и те же элементы графического образа вами используются как основные элементы, но в различных носителях. Например, требуется создать календарь, буклет и баннер в одном документе. Вы можете создать несколько монтажных областей в одном документе.
Монтажная область
Монтажные области представляют собой области, которые могут содержать печатаемые графические объекты. Монтажные области можно использовать в качестве областей кадрирования для печати.
Наличие нескольких монтажных областей полезно для создания различных объектов, таких как многостраничные файлы PDF, печатные страницы с разными размерами или элементами, независимые элементы web-сайтов и прочее.
Можно создавать многостраничные файлы, содержащие до 100 монтажных областей различных размеров. Созданные монтажные области могут перекрываться, примыкать друг к другу или находиться одна на другой.
Монтажные области можно сохранять, экспортировать и печатать независимо или вместе.
Число монтажных областей для документа можно задавать при его создании, в ходе работы с документом их можно добавлять и удалять. Можно создавать монтажные области различных размеров, изменять размеры при помощи инструмента «Монтажная область»:
На данном примере показано применение данного инструмента:
Монтажные области
Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.
Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.
Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.
Так что представляет собой монтажная область?
Монтажную область можно представить как особый тип групп слоев. Монтажная область обрезает содержимое любых содержащихся в ней элементов по своим границам. Иерархия элементов в монтажной области отображается на панели Слои вместе со слоями и группами слоев. Монтажные области могут содержать слои и группы слоев, но не другие монтажные области.
Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.
Параметры монтажной области
Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.
Создание документа монтажной области
Преобразование существующего документа в документ монтажной области
Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.
Добавление монтажных областей в текущий документ
Быстрое добавление монтажных областей в документ
Чтобы добавлять в документ монтажные области, нажимайте значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать дубликат монтажной области вместе с ее содержимым, щелкните значок плюса (+), удерживая клавишу Option или Alt.
Щелкните значок плюса (+), удерживая клавишу «Option/Alt», чтобы создать дубликат выделенной монтажной области вместе с ее содержимым. Неподалеку от этого значка + появится новая монтажная область.
Работа с монтажными областями
Выбор фона монтажной области
Перемещение элементов между монтажными областями
Просто перетащите элементы из одной монтажной области на холсте в другую. При перемещении элемента между монтажными областями Photoshop пытается поместить его в таком же положении по отношению к началам координат линеек, расположенных в верхнем левом углу монтажных областей.
При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.
Дублирование слоев или групп слоев
При дублировании слоя или группы слоев в документе, содержащем монтажные области, можно выбрать монтажную область, в которую нужно поместить скопированный слой.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.
Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.
Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.
Просмотр свойств монтажной области
Когда монтажная область выделена, ее свойства также отображаются на панели параметров.
Отображение имен монтажных областей
Фильтрация слоев по монтажной области
Предотвращение автоматического вложения в монтажную область и из нее
Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.
Блокировка положения монтажной области
Выберите монтажную область и установите блокировку положения. Монтажная область закрепится в текущем месте на холсте, но остальные элементы можно добавлять, перемещать и удалять в обычном порядке.
Расформирование монтажных областей
Экспорт монтажных областей
Экспорт монтажных областей в виде графических ресурсов
Экспорт монтажных областей в PDF
Монтажные области можно экспортировать как PDF-документы. Выполните следующие действия.
Экспорт монтажных областей в виде файлов
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.