Артборд в фотошопе что это
Что такое артборд в Photoshop и как его создать?
Ниже мы кратко рассмотрим один из таких инструментов, артборды, и дадим вам простое и удобное объяснение того, как работают артборды и почему вам следует рассмотреть возможность их интеграции в свой рабочий процесс — будь то дизайн UX, концепция искусство или редактирование фотографий.
Связанный: Как сделать кисти Photoshop для начинающих (так что вы можете перестать спрашивать!)
Что такое артборд в Photoshop?
Монтажные области в Photoshop — это, по сути, просто специальные группы контейнеров, которые действуют как отдельные холсты в одном документе. Поскольку каждый из них выполняет функцию единого холста, это отличный инструмент для интерфейса и дизайна UX для таких вещей, как приложения и веб-сайты, для которых требуется несколько экранов, часто повторно используя изображения и другие ресурсы.
Используя артборды, вы можете проиллюстрировать путь пользователя на нескольких экранах без необходимости использования нескольких документов и повторно использовать единый пул ресурсов, помогая дизайнерам повторять, сохранять тему и видеть пресловутый лес вместе с деревьями. Используя монтажные области, пользователи могут не только ускорить рабочий процесс, но и упростить экспорт и обмен идеями.
Почему артборды полезны
Сам монтажная область будет автоматически обрезать слои / изображения всякий раз, когда какая-либо часть их пиксельной области входит в их холст. Это отлично подходит для быстрого поиска нужного урожая и повторения композиций отдельных макетов. Одна из лучших особенностей артбордов — это возможность использовать и повторно использовать графические ресурсы в разных артбордах. Например, используя фотографию каньона выше, мы можем использовать одну и ту же фотографию на разных экранах одного и того же приложения и, что более важно, хранить фото вне какого-либо конкретного холста.
Это позволяет быстро перебирать идеи и перемещать ресурсы интуитивно понятным и экономичным способом. Каждый актив, когда он вырезан внутри монтажной области, включается в группу слоев этой монтажной области в меню слоев. При хранении вне холста этот конкретный слой отделяется от любой группы слоев и больше не будет регистрироваться как часть какой-либо монтажной области.
Эта возможность размещать слои вне холстов артбордов также позволяет дизайнерам держать свои ресурсы под рукой для легкого доступа, давая им возможность более свободно экспериментировать. Есть множество способов воспользоваться этим.
Еще один отличный вариант использования артбордов — это создание легко доступных ссылок для художников. Хотя есть отличные программы вроде PureRef которые разработаны специально для создания крупномасштабных справочных досок, использование функции артборда может ускорить работу художников, которые часто используют фотобашинг в своей работе, сохраняя их в виде слоев за пределами холста.
Связанный: Как перевернуть холст в Photoshop: ярлыки и расположение меню
Как создать артборды в фотошопе
Ниже мы проведем вас через основные шаги по настройке и управлению вашими монтажными областями, а также их экспорту для внешнего использования.
Шаг 1. Создайте новый документ
Первое, что вам нужно сделать, это, конечно же, создать артборд. Для этого все, что вам нужно сделать, это убедиться, что вы отметили параметр монтажных областей помимо ориентации на новой панели документа. Этот вариант будет автоматически выбран при выборе формата в Интернете или для мобильных устройств.
Когда вы создаете новый документ с помощью монтажных областей, первая группа слоев монтажной области будет автоматически сгенерирована в меню слоев.
Шаг 2: добавление новых артбордов
Добавить новые монтажные области в Photoshop так же просто, как нажать на название монтажной области и нажать любой из знаков «плюс» сбоку от монтажной области. Photoshop автоматически переместит ваш курсор на следующий знак плюса, что позволит вам быстро добавить любое количество досок.
Шаг 3: переименование артбордов
Чтобы переименовать монтажные области, просто перейдите на вкладку слоев, дважды щелкните заголовок группы слоев монтажной области и введите полностью подходящее имя для этой платы.
Шаг 4: экспорт артбордов
Экспортировать артборды очень просто. Просто перейдите в меню «Файл»> «Экспорт» и выберите, хотите ли вы экспортировать свои монтажные области в локальные файлы в нескольких форматах или в формате PDF. У вас есть добавленная опция экспорта либо определенной платы (ов), установив флажок «Экспортировать выбранные монтажные области». Если этот параметр не отмечен, ваши доски будут экспортированы в один файл.
В этом суть использования артбордов; в их внешней простоте есть множество отличных возможностей для улучшения рабочего процесса, поэтому обязательно поэкспериментируйте и выясните, как их лучше всего интегрировать в ваш собственный процесс.
Все еще не понимаете? Возникли еще вопросы, связанные с артбордом или фотошопом? Позвольте им выйти — напишите нам в комментариях ниже, и мы поспешим к вам на помощь, как только сможем!
Как использовать функцию артбордов в Adobe Photoshop CC 2018
Артборды упрощают разработку мобильных приложений
Если вы являетесь пользователем Adobe Illustrator, вы знакомы с использованием артбордов. Функция артбордов в Photoshop работает так же, как аналог Adobe Illustrator.
Как создать артборд в Photoshop CC 2018
Есть два способа создать артборд в Photoshop CC 2018.
Вот действительно полезная вещь об артбордах: вы можете иметь сколько угодно в одном файле Photoshop.
Как назвать и дублировать монтажные области в Photoshop CC 2018
Есть два способа дублирования артборда.
Общеизвестно, что артборды ничего вам не говорят. Чтобы изменить имя артборда, выберите его на панели Слои и переименуйте его, чтобы вы знали, какое устройство и ориентация применяются к каждому артборду.
Как добавить контент в артборд в Photoshop CC 2018
Артборд работает как слой. Вроде, как бы, что-то вроде.
Каждый артборд представляет собой отдельный многоуровневый документ, означает все, что вы можете добавить в слой, который вы можете добавить в артборд. Каждый артборд имеет свои собственные слои, группы слоев, текст, смарт-объекты и все, что вы можете добавить в документ Photoshop.
Вы можете изменить порядок наложения в каждом артборде и порядок артбордов.
Как просмотреть Photoshop CC 2018 Artboard на устройстве iOS
Adobe удалила приложение Adobe Preview из Apple App Store в конце 2017 года. В то же время оно прекратило использование функции предварительного просмотра устройства в самом Photoshop.
Начиная с 2018 года пользователи должны полагаться на сторонние приложения для предварительного просмотра, чтобы проверить свою работу на мобильных устройствах. Adobe предлагает использовать приложение Skala Preview, которое работает с macOS, для предварительного просмотра работы на устройствах iOS и Android. PS Mirror доступен как плагин для компьютеров Windows и как приложение для устройств Android и iOS для предварительного просмотра.
4 совета по работе с артбордами в Photoshop
Перевод статьи “4 Tips for Prototyping with Adobe Photoshop Artboards” из блога Designmodo, об использовании новой функции Photoshop CC 2015 — артборд.
Когда Adobe анонсировал появление в новой версии Photoshop СС 2015 долгожданной функции артбордов (или как их еще называют — монтажные области), значительная часть дизайнерского сообщества, включая меня, чуть не умерли от счастья!
Если вы не понимаете, почему появление артбордов в Photoshop — это великое событие, то, скорее всего, вы не занимаетесь ни веб-дизайном, ни созданием мобильных приложений.
Ключевая функция артбордов — быстрое переключение между разрабатываемыми экранами приложения или страницами вебсайта, без необходимости переключения между открытыми вкладками документов (как это было всегда).
Чтобы помочь вам освоить этот новый инструмент (почти во всех прочих продуктах от 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 призваны ускорить и облегчить работу веб-, графических и мобильных дизайнеров. Теперь группировать объекты стало проще, а необходимости в излишних слоях — меньше.
Монтажные области
Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.
Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.
Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.
Так что представляет собой монтажная область?
Монтажную область можно представить как особый тип групп слоев. Монтажная область обрезает содержимое любых содержащихся в ней элементов по своим границам. Иерархия элементов в монтажной области отображается на панели Слои вместе со слоями и группами слоев. Монтажные области могут содержать слои и группы слоев, но не другие монтажные области.
Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.
Параметры монтажной области
Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.
Создание документа монтажной области
Преобразование существующего документа в документ монтажной области
Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.
Добавление монтажных областей в текущий документ
Быстрое добавление монтажных областей в документ
Чтобы добавлять в документ монтажные области, нажимайте значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать дубликат монтажной области вместе с ее содержимым, щелкните значок плюса (+), удерживая клавишу Option или Alt.
Щелкните значок плюса (+), удерживая клавишу «Option/Alt», чтобы создать дубликат выделенной монтажной области вместе с ее содержимым. Неподалеку от этого значка + появится новая монтажная область.
Работа с монтажными областями
Выбор фона монтажной области
Перемещение элементов между монтажными областями
Просто перетащите элементы из одной монтажной области на холсте в другую. При перемещении элемента между монтажными областями Photoshop пытается поместить его в таком же положении по отношению к началам координат линеек, расположенных в верхнем левом углу монтажных областей.
При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.
Дублирование слоев или групп слоев
При дублировании слоя или группы слоев в документе, содержащем монтажные области, можно выбрать монтажную область, в которую нужно поместить скопированный слой.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.
Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.
Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.
Просмотр свойств монтажной области
Когда монтажная область выделена, ее свойства также отображаются на панели параметров.
Отображение имен монтажных областей
Фильтрация слоев по монтажной области
Предотвращение автоматического вложения в монтажную область и из нее
Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.
Блокировка положения монтажной области
Выберите монтажную область и установите блокировку положения. Монтажная область закрепится в текущем месте на холсте, но остальные элементы можно добавлять, перемещать и удалять в обычном порядке.
Расформирование монтажных областей
Экспорт монтажных областей
Экспорт монтажных областей в виде графических ресурсов
Экспорт монтажных областей в PDF
Монтажные области можно экспортировать как PDF-документы. Выполните следующие действия.
Экспорт монтажных областей в виде файлов
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.
Как добавить артборды в Adobe Photoshop CC 2018
Adobe Photoshop CC 2018 представил очень полезную функцию, благодаря которой пользователь может добавлять монтажную область к своей работе в Photoshop, что ранее было невозможно. Как мы использовали Adobe Illustrator с арт-пространством и разными монтажными областями в одном месте, теперь мы можем сделать то же самое для Adobe Photoshop.
Лично я чувствовал, что это единственное, чего не хватало в Adobe Photoshop, потому что всякий раз, когда мне приходилось делать что-то, связанное с моей первой работой или артбордом, мне приходилось каждый раз открывать другой Photoshop, создавая дубликат. Но теперь, с этим дополнением в новом Adobe Photoshop CC 2018, я могу использовать функцию артборда и работать с одним и тем же файлом на разных артбордах. Мне больше не придется мучиться с открытием новых файлов или созданием дубликатов того же файла.
Узнайте, как открывать монтажные области в Adobe Photoshop CC 2018, выполнив указанные ниже действия. Есть два способа сделать это.
Метод 1: выбор варианта монтажной области при открытии нового файла
Вы можете соответствующим образом изменить другие детали вашего артборда и нажать синюю вкладку для создания прямо в конце поля, чтобы сделать эти настройки окончательными.
Вы можете изменить ориентацию монтажной области после ее создания, щелкая вкладки, как показано на изображении выше.
Метод 2: использование инструмента Artboard для добавления монтажной области
Вам не обязательно выбирать вариант Artboard в первую очередь, как это было в первом методе добавления артборда в наш Adobe Photoshop CC 2018. Иногда люди не решаются работать над чем-то большим. более одной монтажной области и, следовательно, не вижу необходимости проверять параметр монтажной области в стартовом меню для Adobe Photoshop CC 2018. Но, если вы передумали, создайте файл Adobe Photoshop, выполните следующие действия, чтобы добавить монтажную область или монтажные области в свой файл.
Здесь вы найдете параметр «Инструмент монтажной области». И это то, что вам нужно для создания артбордов для вашего рабочего места. Выберите этот инструмент, щелкнув по нему один раз. Теперь вы можете нарисовать артборд на экране.
Нажимая на эти знаки плюса, вы можете автоматически добавлять дополнительные монтажные области на свой экран. Или нарисуйте снова, используя инструмент Artboard, как мы делали на предыдущих шагах.
Вы также найдете возможность добавить артборд из этой панели. Это значок после двух горизонтальных монтажных областей. Тот, у которого есть знак плюса внутри прямоугольника, предназначен для добавления монтажной области.