Что такое монтажные области в фотошоп: Использование монтажных областей в Adobe Photoshop

Содержание

Что такое артборд в Photoshop и как его создать?

            Photoshop, хотя и используется миллионами пользователей по всему миру и является наиболее устоявшимся отраслевым стандартом в графическом дизайне, цифровом искусстве и редактировании фотографий, остается чем-то вроде загадки для многих пользователей, все еще пытающихся оценить весь потенциал программного обеспечения.  Хотя базовый набор инструментов и макет просты для понимания, именно более нестандартные функции делают Photoshop невероятно мощным инструментом для создания изображений.  К сожалению, однако, это <em>точно</em> эти ключевые функции, которые слишком часто остаются неиспользованными большинством пользователей.

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

Связанный: Как сделать кисти Photoshop для начинающих (так что вы можете перестать спрашивать!)

Что такое артборд в Photoshop?

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

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

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

Почему артборды полезны

Сам монтажная область будет автоматически обрезать слои / изображения всякий раз, когда какая-либо часть их пиксельной области входит в их холст. Это отлично подходит для быстрого поиска нужного урожая и повторения композиций отдельных макетов. Одна из лучших особенностей артбордов — это возможность использовать и повторно использовать графические ресурсы в разных артбордах. Например, используя фотографию каньона выше, мы можем использовать одну и ту же фотографию на разных экранах одного и того же приложения и, что более важно, хранить фото вне какого-либо конкретного холста.

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

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

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

Связанный: Как перевернуть холст в Photoshop: ярлыки и расположение меню

Как создать артборды в фотошопе

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

Шаг 1. Создайте новый документ

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

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

Шаг 2: добавление новых артбордов

Добавить новые монтажные области в Photoshop так же просто, как нажать на название монтажной области и нажать любой из знаков «плюс» сбоку от монтажной области. Photoshop автоматически переместит ваш курсор на следующий знак плюса, что позволит вам быстро добавить любое количество досок.

Шаг 3: переименование артбордов

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

Шаг 4: экспорт артбордов

Экспортировать артборды очень просто. Просто перейдите в меню «Файл»> «Экспорт» и выберите, хотите ли вы экспортировать свои монтажные области в локальные файлы в нескольких форматах или в формате PDF. У вас есть добавленная опция экспорта либо определенной платы (ов), установив флажок «Экспортировать выбранные монтажные области». Если этот параметр не отмечен, ваши доски будут экспортированы в один файл.

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

Все еще не понимаете? Возникли еще вопросы, связанные с артбордом или фотошопом? Позвольте им выйти — напишите нам в комментариях ниже, и мы поспешим к вам на помощь, как только сможем!

СВЯЗАННЫЕ С

Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)

4 совета по работе с артбордами в Photoshop


  • UI/UX
  • 2 мин на чтение

  • 9682

Перевод статьи «4 Tips for Prototyping with Adobe Photoshop Artboards» из блога Designmodo, об использовании новой функции Photoshop CC 2015 — артборд.


Когда Adobe анонсировал появление в новой версии Photoshop СС 2015 долгожданной функции артбордов (или как их еще называют — монтажные области), значительная часть дизайнерского сообщества, включая меня, чуть не умерли от счастья!

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

Ключевая функция артбордов — быстрое переключение между разрабатываемыми экранами приложения или страницами вебсайта, без необходимости переключения между открытыми вкладками документов (как это было всегда).

Таким образом, в одном .PSD-файле вы сразу можете видеть 10, 20, 30 или сколько вам нужно, открытых экранов приложения или страниц сайта.

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

Итак, поехали!

Навигация между артбордами

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

Во вкладке Layers (Слои), нажмите с зажатой клавишей Option (Alt на Win) на нужный вам артборд и он окажется посередине экрана.

Свернуть/развернуть все артборды

Несмотря на то, что артборды — это новая функция, способ их отображения — нет. По факту, артборды переняли смысл функции “группировка”, тем самым объединив все объекты с одного артборда в единую группу.

Чтобы просмотреть объекты, расположенные на том или ином артборде, все в той же панели Layers, с зажатой клавишей Cmd (Ctrl на Win), нужно нажать на стрелочку рядом с любым пунктом.

Создать артборд из группы

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

Для этого, выберите группу объектов в панели Layers, кликните по ней правой кнопкой и нажмите “Artboard from Group”.

Быстрый экспорт выбранного артборда в PNG

Для пользователей Illustrator или Sketch или многих других графических редакторов, подобная возможность — не нова. Но для Photoshop — это крутое нововведение 🙂

Функция быстрого экспорта любого выбранного артборда (или нескольких) доступна во вкладке Layers по нажатию правой кнопкой мыши — “Quick Export as PNG”.

Функция очень удобная, особенно если нужно показать кому-то работу над определенной частью приложения или опубликовать процесс на Dribbble, например.

Быстрая работа и предельная аккуратность

Новые функции в Photoshop CC 2015 призваны ускорить и облегчить работу веб-, графических и мобильных дизайнеров. Теперь группировать объекты стало проще, а необходимости в излишних слоях — меньше.

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

  • #дизайн
  • #интерфейс
  • #перевод
  • #статья
  • #фотошоп


  • 6

Использование монтажных областей в Adobe Photoshop

Руководство пользователя
Отмена

Поиск

Последнее обновление:
16 ноября 2022 г. 04:57:29 GMT

  1. Руководство пользователя Photoshop
  2. Знакомство с Photoshop
    1. Мечтай. Сделай это.
    2. Что нового в Photoshop
    3. Отредактируйте свою первую фотографию
    4. Создание документов
    5. Фотошоп | Общие вопросы
    6. Системные требования Photoshop
    7. Перенос предустановок, действий и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с иллюстрациями Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Используйте встроенное расширение Capture в Photoshop
    6. Библиотеки Creative Cloud
    7. Библиотеки Creative Cloud в Photoshop
    8. Используйте сенсорную панель с Photoshop
    9. Сетка и направляющие
    10. Создание действий
    11. Отмена и история
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочим пространством
    3. Системные требования | Фотошоп на iPad
    4. Создание, открытие и экспорт документов
    5. Добавить фото
    6. Работа со слоями
    7. Рисовать и раскрашивать кистями
    8. Сделать выбор и добавить маски
    9. Ретушь ваших композитов
    10. Работа с корректирующими слоями
    11. Отрегулируйте тональность композиции с помощью Кривых
    12. Применение операций преобразования
    13. Обрезка и поворот композитов
    14. Поворот, панорамирование, масштабирование и сброс холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получить отсутствующие шрифты в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление настройками приложения
    20. Сенсорные клавиши и жесты
    21. Сочетания клавиш
    22. Измените размер изображения
    23. Прямая трансляция во время создания в Photoshop на iPad
    24. Исправление недостатков с помощью Восстанавливающей кисти
    25. Создание кистей в Capture и использование их в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание смарт-объектов и работа с ними
    28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
  5. Photoshop в Интернете, бета-версия
    1. Общие вопросы | Photoshop в Интернете, бета-версия
    2. Введение в рабочее пространство
    3. Системные требования | Photoshop в Интернете, бета-версия
    4. Сочетания клавиш | Photoshop в Интернете, бета-версия
    5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
    6. Открытие и работа с облачными документами
    7. Применение ограниченных правок к вашим облачным документам
    8. Сотрудничать с заинтересованными сторонами
  6. Облачные документы
    1. Облачные документы Photoshop | Общие вопросы
    2. Облачные документы Photoshop | Вопросы рабочего процесса
    3. Управление и работа с облачными документами в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Невозможно создать или сохранить облачный документ
    6. Устранение ошибок облачного документа Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Делитесь доступом и редактируйте свои облачные документы
    9. Делитесь файлами и комментируйте в приложении
  7. Рабочее пространство
    1. Основы рабочего пространства
    2. Настройки
    3. Учитесь быстрее с помощью Photoshop Discover Panel
    4. Создание документов
    5. Разместить файлы
    6. Сочетания клавиш по умолчанию
    7. Настройка сочетаний клавиш
    8. Инструментальные галереи
    9. Параметры производительности
    10. Использовать инструменты
    11. Предустановки
    12. Сетка и направляющие
    13. Сенсорные жесты
    14. Используйте сенсорную панель с Photoshop
    15. Сенсорные возможности и настраиваемые рабочие пространства
    16. Превью технологий
    17. Метаданные и примечания
    18. Сенсорные возможности и настраиваемые рабочие пространства
    19. Поместите изображения Photoshop в другие приложения
    20. Правители
    21. Показать или скрыть непечатаемые дополнения
    22. Укажите столбцы для изображения
    23. Отмена и история
    24. Панели и меню
    25. Позиционные элементы с привязкой
    26. Положение с помощью инструмента «Линейка»
  8. Веб-дизайн, экранный дизайн и дизайн приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
  9. Основы изображения и цвета
    1. Как изменить размер изображения
    2. Работа с растровыми и векторными изображениями
    3. Размер изображения и разрешение
    4. Получение изображений с камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Недопустимая ошибка маркера JPEG | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов
    10. Изображения с высоким динамическим диапазоном
    11. Сопоставьте цвета на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стереть части изображения
    15. Режимы наложения
    16. Выберите цвет
    17. Настройка индексированных таблиц цветов
    18. Информация об изображении
    19. Фильтры искажения недоступны
    20. О цвете
    21. Настройка цвета и монохрома с использованием каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим или режим изображения
    25. Цветной оттенок
    26. Добавить условное изменение режима к действию
    27. Добавить образцы из HTML CSS и SVG
    28. Битовая глубина и настройки
  10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Отображение слоев с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
  11. Подборки
    1. Начало работы с подборками
    2. Сделайте выбор в композите
    3. Рабочая область выбора и маски
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Настройка выбора пикселей
    7. Перемещение, копирование и удаление выбранных пикселей
    8. Создать временную быструю маску
    9. Выберите диапазон цветов в изображении
    10. Преобразование между путями и границами выделения
    11. Основы канала
    12. Сохранить выделения и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Вычисления каналов
  12. Настройки изображения
    1. Замена цветов объекта
    2. Деформация перспективы
    3. Уменьшить размытие изображения при дрожании камеры
    4. Примеры лечебных кистей
    5. Экспорт таблиц поиска цветов
    6. Настройка резкости и размытия изображения
    7. Понимание настроек цвета
    8. Применение регулировки яркости/контрастности
    9. Настройка деталей теней и светлых участков
    10. Регулировка уровней
    11. Настройка оттенка и насыщенности
    12. Настройка вибрации
    13. Настройка насыщенности цвета в областях изображения
    14. Быстрая настройка тона
    15. Применение специальных цветовых эффектов к изображениям
    16. Улучшите изображение с помощью настройки цветового баланса
    17. Изображения с высоким динамическим диапазоном
    18. Просмотр гистограмм и значений пикселей
    19. Сопоставьте цвета на изображении
    20. Обрезать и выпрямить фотографии
    21. Преобразование цветного изображения в черно-белое
    22. Корректирующие слои и слои-заливки
    23. Настройка кривых
    24. Режимы наложения
    25. Целевые изображения для прессы
    26. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Настройка экспозиции и тонирования HDR
    28. Осветлить или затемнить области изображения
    29. Выборочная настройка цвета
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Радиальный фильтр в Camera Raw
    10. Управление настройками Camera Raw
    11. Открытие, обработка и сохранение изображений в Camera Raw
    12. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    13. Поворот, обрезка и настройка изображений
    14. Настройка цветопередачи в Camera Raw
    15. Версии процесса в Camera Raw
    16. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для устранения большинства проблем
  15. Улучшение и преобразование изображения
    1. Замена неба на изображениях
    2. Преобразование объектов
    3. Настройка кадрирования, поворота и размера холста
    4. Как обрезать и выпрямить фотографии
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, форм и путей
    7. Точка схода
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
  16. Рисунок и живопись
    1. Нарисуйте симметричные узоры
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов Pen
    16. Создание шаблонов
    17. Создание рисунка с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисуйте или раскрашивайте на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
  17. Текст
    1. Добавить и отредактировать текст
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
  18. Фильтры и эффекты
    1. Использовать фильтр «Пластика»
    2. Использовать галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Используйте фильтр «Пластика»
    9. Эффекты слоя и стили
    10. Применить определенные фильтры
    11. Размазать области изображения
  19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  20. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Дуотоны
    5. Работа с цветовыми профилями
    6. Документы с управлением цветом для онлайн-просмотра
    7. Управление цветом документов при печати
    8. Импортированные изображения с управлением цветом
    9. Пробные цвета
  21. Веб-дизайн, экранный дизайн и дизайн приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
  22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Отрисовка кадров в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
  23. Печать
    1. Печать 3D-объектов
    2. Печать из Photoshop
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Печать изображений на коммерческой типографии
    8. Улучшение цветных отпечатков из Photoshop
    9. Устранение проблем с печатью | Фотошоп
  24. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Играть и управлять действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
  25. Подлинность контента
    1. Узнайте об учетных данных содержимого
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
  26. Фотошоп 3D
    1. Фотошоп 3D | Общие вопросы о снятых с производства 3D-функциях

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

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

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

Примечание:

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

Итак, что такое артборд?

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

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

Настройки монтажной области

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

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

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

Широкий выбор предустановок размера монтажной области

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

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

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

  1. Выберите одну или несколько групп слоев или слоев в документе.
  2. Щелкните выделенный фрагмент правой кнопкой мыши и выберите «Монтажная область из слоев» или «Монтажная область из группы».

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

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

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

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

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

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

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

Добавьте монтажные области со значками плюса

Примечание:

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

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

Установить фон артборда

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

Установить фон артборда

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

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

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

Вы также можете сгруппировать слои/элементы, не включенные ни в одну монтажную область, с существующими монтажными областями. Просто перетащите элемент на холсте на целевую монтажную область. Либо переместите его в целевую монтажную область на панели «Слои».

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

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

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

.

Двигаться

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

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

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

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

Сетки

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

Гиды

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

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

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

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

Свойства монтажной области также отображаются на панели параметров инструмента при выборе монтажной области.

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

Показать имена монтажных областей

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

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

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

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

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

Позиционная блокировка артборда

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

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

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

Растворить артборды

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

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

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

Монтажные области можно экспортировать как ресурсы изображений JPEG, GIF или PNG непосредственно с панели «Слои».

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

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

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

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

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

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

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

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

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

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

Еще нравится это

  • Фотошоп и дизайн
  • Дизайн с монтажными областями

Купите Adobe Photoshop или начните бесплатную пробную версию .​

Войдите в свою учетную запись

Войти

Управление учетной записью

Войдите в свою учетную запись

Войти

Управление учетной записью

Что такое монтажные области в Photoshop и как их использовать

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

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

Хотя поначалу монтажные области могут показаться запутанными, вот основные сведения о них и о том, как их использовать.

Что такое монтажные области в Photoshop?

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

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

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

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

Артборды и холсты в Photoshop

Холст в Photoshop — это рабочая область в программе, которая содержит изображение, фигуры, текст или любой другой элемент в виде слоев. Это пустая страница, которая открывается при создании нового документа. Чтобы создать холст, выберите Новый файл при открытии Photoshop.

Затем вы можете выбрать размер холста по умолчанию или добавить собственный размер и разрешение справа от панели, прежде чем выбрать Создать.

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

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

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

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

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

Когда бы вы использовали монтажные области?

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

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

Когда монтажные области создаются в Photoshop, они оптимизируются для цветового режима RGB, а также для расширенного режима рисования графического процессора, что делает их хорошо подходящими для цифровых проектов.

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

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

Как создавать монтажные области в Photoshop

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

Чтобы создать монтажную область при запуске нового проекта, нажмите кнопку Новый файл при открытии Photoshop. Вы также можете перейти к File > New или нажать Control + N (Win) или Command + N (Mac), если у вас уже есть открытый проект.

После открытия окна «Новый документ» вы можете выбрать монтажную область размера по умолчанию или перемещаться по различным вкладкам для определенных размеров холста, например, к вкладке Mobile . Вы также можете ввести определенный размер документа и разрешение в правой части окна.

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

Теперь у вас будет одна монтажная область в рабочей области с выбранными вами размерами. Вы также заметите, что панель Layers создала группу Artboard 1 для вашего проекта, куда будут добавляться ваши слои при работе с выбранной монтажной областью.

Если вы уже создали отдельный холст и добавили элементы, вы можете легко преобразовать его в монтажную область, не потеряв при этом свою работу. Для этого выберите инструмент Artboard на панели инструментов. Этот инструмент находится в инструменте «Перемещение», поэтому нажмите и удерживайте значок и выберите правильный вариант.

Затем вы можете установить определенные параметры на панели параметров , например, задать нестандартный размер монтажной области. Вы также можете использовать раскрывающееся меню Размер , чтобы выбрать размер монтажной области по умолчанию, например iPhone X размер .

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

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

Вы также можете преобразовать обычный холст в монтажную область, выбрав слои или группы слоев в Панель «Слои» , щелкните правой кнопкой мыши (Win) или Control + Click (Mac) и выберите Монтажная область из группы или Монтажная область из слоев . Этот метод не позволяет вам установить размеры монтажной области перед ее созданием.

Как добавлять и изменять монтажные области

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

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

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

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

Создав монтажные области, вы можете изменить размер или цвет фона выбранной монтажной области на панели свойств.

Вы также можете дополнительно настроить монтажную область, перейдя к Редактировать > Настройки > Интерфейс (Win) или Photoshop > Настройки > Интерфейс (Mac) и выбрав раскрывающееся меню рядом с Монтажные области под Внешний вид вкладка .

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

Вы можете экспортировать монтажные области так же, как обычно экспортируете изображение в формат изображения, такой как PNG или JPG. Однако экспортированное изображение будет отображаться как все монтажные области, соединенные в том порядке и в том порядке, в котором они расположены в документе.