Что такое монтажные области в фотошоп: Использование монтажных областей в 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 мин на чтение


  • 5048

Перевод статьи «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


Что такое монтажные области в 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 на панели инструментов. Этот инструмент находится в инструменте «Перемещение», поэтому нажмите и удерживайте значок и выберите правильный вариант.

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы хотите экспортировать монтажные области в отдельные файлы изображений, выберите Файл > Экспорт > Монтажные области в файлы .

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

Затем вы можете выбрать отображение только того, что находится на монтажной области, или включить элементы фона. Если вы выбрали определенные монтажные области, вы можете экспортировать только эти монтажные области, отметив параметр Export Selected Artboards .

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

После экспорта файлы будут сохранены по отдельности в выбранной папке.

Чтобы сохранить монтажные области в виде файла PDF, перейдите к пункту 9.0021 Файл > Экспорт > Монтажные области в PDF .

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

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

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

Поиск

Последнее обновление:
16 ноября 2022 г., 04:57:29 по Гринвичу

  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. Использование панели Touch Bar с 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
    4. Создание документов
    5. Поместить файлы
    6. Сочетания клавиш по умолчанию
    7. Настройка сочетаний клавиш
    8. Инструментальные галереи
    9. Параметры производительности
    10. Используйте инструменты
    11. Предустановки
    12. Сетка и направляющие
    13. Сенсорные жесты
    14. Использование панели Touch Bar с 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. Нокаут для отображения содержимого других слоев
    26. Слой
    27. Выпрямление
    28. Композит
    29. Фон
  11. Выборки
    1. Рабочая область выбора и маски
    2. Сделать быстрый выбор
    3. Начало работы с выборками
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Выберите диапазон цветов в изображении
    7. Настройка выбора пикселей
    8. Преобразование между путями и границами выделения
    9. Основы канала
    10. Перемещение, копирование и удаление выбранных пикселей
    11. Создать временную быструю маску
    12. Сохранить выделение и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублирование, разделение и объединение каналов
    15. Вычисления каналов
    16. Выбор
    17. Ограничительная рамка
  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. Настройка экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Выборочная настройка цвета
    31. Заменить цвета объектов
  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. Открытие, обработка и сохранение изображений в Camera Raw
    13. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых функций
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в 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. Преобразование изображений, форм и контуров
    10. Деформация
    11. Преобразование
    12. Панорама
  16. Рисование и раскрашивание
    1. Раскрашивание симметричных узоров
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    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. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Отрисовка кадров в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Используйте галерею размытия
    3. Основы фильтра
    4. Артикул эффектов фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Эффекты и стили слоя
    9. Применение определенных фильтров
    10. Размазывание областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать из фотошопа
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Дуотоны
    8. Печать изображений на коммерческой типографии
    9. Улучшение цветных отпечатков из Photoshop
    10. Устранение проблем с печатью | Фотошоп
  22. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарий
    4. Обработка пакета файлов
    5. Воспроизведение и управление действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
  23. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Документы с управлением цветом для онлайн-просмотра
    6. Управление цветом документов при печати
    7. Управление цветом импортированных изображений
    8. Пробные цвета
  24. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить аккаунты для атрибуции креативов
  25. 3D и техническое изображение
    1. Photoshop 3D | Распространенные вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стопки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 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 для этой монтажной области.

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

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

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

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

Шаг

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

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

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

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

Сетки

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

Гиды

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Монтажные области можно экспортировать как ресурсы изображений 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.