Монтажные области

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

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

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

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

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

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

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

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

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

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

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

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

Размеры монтажной области в Photoshop Большой выбор наборов размеров для монтажной области

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

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

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

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

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

В панели «Инструменты» нажмите на значок для выбора инструмента «Монтажная область».

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

Изменение размеров монтажной области

Присвойте монтажной области требуемое имя. Выполните следующие действия.
1. Выделите монтажную область, выберите Слой > Переименовать монтажную область .
2. Введите новое имя для монтажной области и нажмите клавишу Return.
Быстрое добавление монтажных областей в документ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как устанавливать текстуры в фотошоп

Всем привет, дорогие читатели! Снова я, и снова с вагоном познавательной информации. Если вы начинающий пользователь программы, и не знаете как устанавливать текстуры в фотошоп, то вы на правильном пути. Сегодня мы это исправим, и вы станете настоящим специалистом. Ну что, приступим?

Что такое текстура

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

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

Установка

Для начала нам необходимо скачать эти узоры. Их можно найти на просторах интернета, обычно они скачиваются в раре — архивном файле. После скачивания находим его в папке и кликаем ПКМ (правой кнопкой мыши) по нему и выбираем действие «извлечь в текущую папку» («Extract here»).

У нас появилась папка с файлами.

Жмём по ней ПКМ, далее команда «вырезать».

После этого необходимо проделать следующий путь:
Этот компьютер (мой компьютер) → локальный диск (С:) → Program Files → Photoshop CS6 (Adobe Photoshop) → папка Presets (наборы) → папка Patterns. Мы попадаем в папку с текстурами. Добавляем сюда наши узоры путём нажатия ПКМ → вставить.

Если у вас появилось окно «Нет доступа к целевой папке», то в таком случае нужно нажать команду «продолжить».

Всё, файл теперь вставлен.

Создаем документ с текстурой

Переходим в программу фотошоп и создаём новый документ («Файл» → «Создать» → Ок).

Теперь в верхней панели выбираем Редактирование→Наборы→Управление наборами.

Перед нами возникает контекстное меню, в котором есть раздел «Тип набора», в нём необходимо выбрать «Узоры».

Затем кликаем по команде «Загрузить».

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

Жмём по ней, находим файл в формате «RAT» и выбираем «загрузить».

Как только загрузка произошла, можно заметить, что узоров стало больше, а это значит, что обработка прошла успешно. Нажимаем «Готово».

Теперь применим одну из структур к обычному белому файлу. Во вкладке «Слои» находим слой с фоном, кликаем ЛКМ по нему два раза и всплывает окошко, в котором необходимо нажать «Ок».

У нас появляется слой. Нажимаете ПКМ по нему и найдем функцию «параметры наложения».

Перед нами появляется меню, где мы выбираем пункт «текстура». Далее в элементах найдём нужный нам узор, кликаем по нему → затем «ОК».

Мои поздравления, наш фон готов.

Текстура из картинки

Иногда бывает так, что подходящая структурка уже имеется, но она не в архивном формате, а является обычной картинкой в формате png или jpeg. Если выход из подобной ситуации? Определенно, да! Давайте вместе справимся с этой задачей.
1) Откроем картинку в обычном формате («Файл» → «Открыть» → Ок).

2) Пройдём в «Редактирование» →Определить узор

Мы видим, что всплыло окошко, в котором структуре необходимо задать имя и следом «ОК».

Вот и всё, так легко мы добавили текстуру в наборы.

Удостоверится в этом можно перейдя в «менеджер наборов». В самом конце будет находиться крайний добавленный узор.

Создаем сами

А что делать, если нет подходящей структуры, хотя вы уже перерыли весь интернет? Можно создать свою собственную! Сегодня мы разберём один из наиболее простых способов.

Он заключается в использовании разных фильтров, путем их наложения друг на друга. Применяя различные фильтры, можно добиться необычных результатов. Попробуем создать текстуру «мокрый бетон».

Работаем по алгоритму:

1) Создаём новый документ с белым холстом.

2) «Фильтр»→«Шум»→«Добавить Шум».

В появившемся меню регулируем эффект и клик «ОК».

Мы получили качественную основу для последующего фильтра.

В появившемся меню отрегулируем значения в колонках «высота» и «эффект». Кликаем на кнопку «ОК».

Вот и всё, мы образовали собственную текстуру путем комбинации фильтров.

Наложение на изображение

А теперь давайте улучшим фотографию с помощью этих волшебных инструментов. Для этого процесса нам понадобится сама иллюстрация и подходящая к ней текстура. Допустим, возьмём фото девушки и имитацию мыльных пузырей.

Сперва нам необходимо загрузить фото, для этого выполняем следующие действия: Файл → Открыть→Находим нужный документ→Открыть.

Затем преобразуем наш фон в слой. ЛКМ два раза по фону →»ок»

Далее мы накладываем текстуру. ПКМ по слою → Параметры наложения.

Перед нами всплывает меню со стилями слоя. Слева перечислены параметры наложения, а справа элементы. Мы работаем таким образом:

Текстура → Выбираем нужный узор → «ОК».

Наблюдая результат, заметим, что фотография заиграла новыми красками.

В итоге

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

Ладно, друзья, шутки в сторону, делитесь своими навыками и нашими уроками, а также пишите в комментариях получилось ли у вас? Если есть вопросы — задавайте, с радостью отвечу. До скорых встреч!

Источник https://helpx.adobe.com/ru/photoshop/using/artboards.html

Источник https://krasivodel.ru/lessons/photoshop/kak-ustanavlivat-tekstury-v-fotoshop.html

Источник