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

Обновлено: 06.07.2024

Привет, это видео посвящено монтажным областям. Для начала мы покажем вам, только основы, но только быстро. Затем мы перейдем к более интересным профессиональным продвинутым вещам. Так что подождите.

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

Мы собираемся начать с Facebook, и их фотография профиля на данный момент имеет размер 180 пикселей в квадрате. Поскольку мы хотим, чтобы это были артборды, мы включим этого парня. Нажмите «Создать». А у тебя, друг мой, есть документ с артбордом. Эти маленькие группы выделяют артборды. Скажем, вы этого не делали, большинство людей этого не делают, они делают это... как мне это сделать, когда у меня есть дело с файлом? Допустим, мы начали его, не превращая в артборд. Чтобы превратить это в файл Artboards, все, что вам нужно сделать, это выбрать свой слой. Если у вас есть несколько слоев, просто выберите их все. Затем перейдите во всплывающее меню на панели «Слои» и выберите его здесь, там написано «Артборд из слоев». Что бы вы ни выбрали, оно будет использовать этот размер. Он появится здесь внизу, вам, возможно, придется ввести его заново, если у вас здесь что-то выходит за края.

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

Итак, это для моего обновления Photoshop Essentials. Поэтому всякий раз, когда я выпускаю курс, я просматриваю и обновляю все свои профили везде. Итак, это Photoshop Essential, он был сделан в июле 2019 года. А это профиль в Facebook. Почему оно выглядит таким длинным и все эти дефисы? Это только я, вы можете использовать символы подчеркивания, вы можете использовать коды. Как это довольно долго, вы могли бы использовать как 07-19. С этим можно пофантазировать, но для меня это работает. Я нажму "ОК".

Допустим, мы хотим добавить еще одну монтажную область. Есть два способа, оба требуют использования Artboard Tool. Так что возьмите «Artboard Tool», он тайно прячется под инструментом «Перемещение». Если вы хотите просто продублировать это... Я продублирую это, потому что мне нужно, чтобы этот парень был моим профилем в Instagram. Так что все, что я сделал, это дважды щелкнул здесь, и я собираюсь дважды... здесь вы переименуете его, дважды щелкните его на панели слоев. Так что это все то же самое, только это Instagram. Другой способ добавить их — использовать этот инструмент, вы можете подняться сюда и указать «Размер», если вы выбрали это и выберете iPhone 6, он изменит то, что вы выбрали, что может быть тем, что вы хотите.

Я собираюсь отменить. Допустим, мы хотим добавить этот маленький «+». Затем я хочу добавить iPhone6, скажем, вы занимаетесь веб-дизайном или разработкой приложений, вам нужен размер iPhone 6. Немного медленно с их обновлением, в любом случае iPhone 6 немного устарел. Но если вы щелкнете в любом месте случайным образом, вы получите размер iPhone6. Чтобы удалить артборд, просто нажмите на него. Самый простой способ при работе с монтажными областями — щелкнуть имя, а не край, и нажать "Удалить" на клавиатуре.

Сейчас я добавлю немного графики, я покажу вам несколько дополнительных вещей. Я собираюсь принести изображение. Мы собираемся перейти к «Файл», и мы собираемся перейти к «Поместить встроенный». Он пойдет туда, куда мы выбрали. На данный момент я выбрал этот артборд. И в папке «09 Artboards» возьмите «Daniel Scott». Это смарт-объект. Я собираюсь масштабировать его до чего-то подобного. Привет, я. Скажем, мне нужно сделать свой профиль в Твиттере сейчас. Если я перейду к своей технике здесь, «Артборд», нажмите на нее. Теперь я хочу продублировать его, он просто делает новый. То, что я хочу сделать, на самом деле просто... поскольку я собираюсь использовать много одинаковых элементов, я хочу их продублировать.

Самый простой способ — удерживать клавишу «Option» на Mac или клавишу «Alt» на ПК, когда вы нажимаете «+». Теперь я использую тот, что справа, вы можете отменить, используйте тот, что внизу, это зависит от вашего рабочего процесса. Я собираюсь пройти тем путем. Вы можете видеть, что это приносит как название, что круто, так и любые изображения, которые там есть. Так вот, это теперь Twitter.

Еще один способ сделать это — снова использовать «Artboard Tool», просто удерживая клавишу «Option» на Mac, клавишу «Alt» на ПК и просто перетаскивая имя. Я сказал, перетащите имя. Также делает дубликат, принося с собой все. Видишь ли, мой там немного психанул. Артборды странные, артборды... они существуют уже давно. Я считаю, что лучший способ справиться с ними — убедиться, что они находятся на приличном расстоянии. Как видите, я просто использую инструмент Artboard и перетаскиваю их. Это из-за действительно крутых Smart Guides, чтобы убедиться, что они все выстроены в линию. Но я считаю, что лучшее расстояние означает, что они в конечном итоге не перекрываются и не перепрыгивают с корабля на этот другой артборд.

Если вы находите их жесткими, немного раздвиньте их, а затем, когда они там, все, что я сделал, это включил и выключил Глазное яблоко. И как-то ожил. Такое случается нечасто, только в этом видео. Я оставлю это. Если вам нужно переместить несколько из них, скажем, вы хотите переместить их все вниз, вы также можете просто щелкнуть их всех с помощью «Shift». Они будут выглядеть так, как будто они выделены. Вы также можете щелкнуть их с нажатой клавишей "Shift" на панели "Слои", а затем просто переместить один из них, и все они присоединятся к вам.

Хорошо, вот такое введение в монтажные области. Переходим к следующему видео. Мы займемся более жесткими вещами. Это хардкор, как и артборды. Увидимся там.

Монтажные области Photoshop упрощают графический дизайн для разработки мобильных приложений

Том Грин – бывший писатель Lifewire, автор или соавтор 15 книг по компьютерной графике, а также профессор Хамбер-колледжа.

В этой статье

Перейти к разделу

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

Инструкции в этой статье относятся к Photoshop CC 2019 для Windows и Mac.

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

Когда вы создаете новый документ в Photoshop, монтажная область появляется в качестве выбора в диалоговом окне Preset Details:

Откройте Photoshop и выберите «Создать новый».

Выберите вкладку "Мобильные устройства".

Вы увидите предустановки, включающие несколько размеров iPhone, а также телефоны Android, iPad, устройства Microsoft Surface, Mac, размеры Apple Watch и общий размер для всего остального. Выберите один из вариантов, затем выберите Создать, чтобы начать работу.

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

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

Функция монтажных областей в Photoshop работает так же, как аналогичная функция Adobe Illustrator, поскольку каждая монтажная область обрабатывается как отдельный многоуровневый документ. Каждая монтажная область имеет свои собственные слои, группы слоев, текст, смарт-объекты и все, что вы можете добавить в документ Photoshop. Вы можете изменить порядок слоев в каждой монтажной области, а также порядок самих монтажных областей в палитре «Слои».

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

Чтобы дублировать монтажную область в Photoshop:

Щелкните правой кнопкой мыши монтажную область в палитре «Слои» и выберите «Дублировать монтажную область».

Если палитра «Слои» не отображается, выберите «Окно» > «Слои», чтобы открыть ее.

Дайте новой монтажной области имя и нажмите кнопку ОК.

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

Как использовать инструмент Photoshop Artboard

Чтобы настроить размер и ориентацию монтажной области:

Нажмите и удерживайте инструмент "Перемещение", а затем выберите инструмент "Монтажная область".

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

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

В одном файле Photoshop может быть сколько угодно монтажных областей.

Как просматривать монтажные области Photoshop на мобильных устройствах

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

Adobe предлагает приложение Skala Preview, которое работает с macOS для предварительного просмотра работы на устройствах iOS и Android. PS Mirror доступен в виде подключаемого модуля для компьютеров с ОС Windows и в виде приложения для устройств Android и iOS для предварительного просмотра.

В Adobe Photoshop CC 2018 появилась очень полезная функция, с помощью которой пользователь может добавлять монтажную область к своей работе в Photoshop, что раньше было невозможно. Точно так же, как мы использовали Adobe Illustrator с художественным пространством и различными монтажными областями в одном месте, теперь мы можем сделать то же самое для Adobe Photoshop.

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

Узнайте, как открывать монтажные области в Adobe Photoshop CC 2018, следуя приведенным ниже инструкциям. Есть два способа сделать это.

Выбор параметра для монтажных областей при открытии Adobe Photoshop CC 2018.
Добавление монтажной области после открытия файла Adobe Photoshop CC 2018.

Способ 1: выбор параметра монтажной области при открытии нового файла

Откройте Adobe Photoshop CC 2018. Это приведет вас к экрану, где вас спросят о размерах вашей работы и связанных пресетах. Здесь вы найдете опцию для монтажных областей, которая находится прямо под полосой дюймов/пикселей, как показано на изображении ниже. Выбор параметра монтажной области в первом диалоговом окне, которое появляется при открытии Adobe Photoshop CC 2018
Отметьте пустой квадрат перед монтажными областями, чтобы создать файл Photoshop с монтажными областями. Откройте квадратную вкладку для монтажных областей.

Основное отличие монтажных областей Adobe Illustrators от монтажной области Adobe Photoshop CC 2018 заключается в том, что в первом вы можете выбрать количество монтажных областей, которые хотите добавить, в самом начале, тогда как в Adobe Photoshop CC 2018 вы не можете выбрать количество нужные артборды. Однако вы можете добавить дополнительные монтажные области в свое рабочее пространство, используя второй метод добавления монтажных областей в рабочий файл Photoshop.

Способ 2. Использование инструмента монтажной области для добавления монтажной области

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

Начнем с нуля. Откройте новый файл в Adobe Photoshop CC 2018 и нажмите синюю кнопку «Создать». Откройте Adobe Photoshop CC 2018.
Ваш новый файл создан. Новый файл готов к работе.
Обратите внимание на инструмент "Перемещение" слева, похожий на знак "плюс" со стрелками со всех четырех сторон. Нажмите правую кнопку курсора на этой вкладке, чтобы просмотреть дополнительные параметры из расширенного списка. Нажмите на инструмент "Перемещение" и выберите инструмент "Монтажная область".

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

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

Чтобы создать новую монтажную область:

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

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

Чтобы создать дополнительные монтажные области в документе:

• Выберите инструмент "Монтажная область" и перетащите другую монтажную область (инструмент "Монтажная область" вложен в инструмент "Перемещение").

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

• На панели «Слои» во всплывающем меню выберите «Слой» > «Создать» > «Монтажная область», назовите его и введите нужный размер.

Чтобы дублировать монтажную область:

• Выделив группу слоев монтажной области на панели «Слои», выберите «Слой» > «Дублировать монтажную область».

• Вариант + (Mac) | Alt + (Win) — перетащите группу слоев монтажной области на значок «Новый слой» на панели «Слои».

• Вариант + (Mac) | Alt + (Win) — перетащите имя монтажной области для дублирования (в области предварительного просмотра документа или на панели «Слои»).

Чтобы изменить размер монтажной области:

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

• Выбрав инструмент Монтажная область, используйте свойства на панели параметров, чтобы изменить ширину, высоту и ориентацию.

• Выбрав монтажную область, используйте панель свойств, чтобы изменить ее размер. (Монтажные области могут быть разных размеров в одном документе.)
Другие интересные факты об монтажных областях и ярлыки:

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

Чтобы изменить имя монтажной области, переименуйте группу слоев монтажной области на панели «Слои».

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

Опция -перетащить (Mac) | Alt + перетаскивание (Win), чтобы скопировать элементы из одной монтажной области в другую.

Опция-щелчок (Mac) | Удерживая клавишу Alt, щелкните (Win) имя группы слоев монтажной области на панели «Слои», чтобы выбрать «По размеру монтажной области на экране».

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

• Option (Mac) / Alt (Win) — щелкните треугольник раскрытия рядом с монтажной областью, чтобы развернуть/свернуть все монтажные области в документе.

• Если монтажная область содержит группы слоев, щелкните правой кнопкой мыши (или щелкните, удерживая клавишу Control на Mac) треугольник раскрытия рядом с монтажной областью и выберите «Закрыть/открыть эту группу» или «Закрыть/открыть все другие группы» в контексте. чувствительные меню. Примечание. Вложенные группы слоев остаются в исходном развернутом/свернутом состоянии.

• Command-щелчок (Mac) | Нажмите, удерживая клавишу Control (Win), на монтажной области на панели «Слои», чтобы свернуть/развернуть все монтажные области.

Чтобы экспортировать монтажную область:

• Выберите «Файл» > «Экспорт» > «Экспортировать как…», чтобы экспортировать каждую монтажную область в виде отдельного сведенного файла.

• В меню или на панели «Слои» выберите нужные монтажные области/слои и выберите «Быстрый экспорт как…» или «Экспортировать как», чтобы экспортировать каждую монтажную область в виде отдельного сведенного файла.

• Выберите «Файл» > «Экспорт» > «Монтажные области в PDF».

В этом видео (Работа с монтажными областями в Photoshop CC 2015) Джулианна демонстрирует, как монтажные области могут повысить вашу производительность при создании нескольких версий изображения в одном документе, а также новые функции и улучшения, добавленные в монтажные области в ноябрьском выпуске. выпуск Photoshop CC 2015.

В этом видео (Новые функции быстрого экспорта и Экспорта как в Photoshop) показано, как экспортировать монтажные области (и отдельные элементы монтажных областей) в виде новых документов).

В этом видео (5 скрытых жемчужин в Photoshop CC 2016) показано несколько улучшений монтажных областей в Photoshop. Примечание: из-за поддержки нового цвета фона фон монтажной области экспортируется так, как он визуализируется на холсте (т. е. если вы видите фон, вы получите его при экспорте! Визуальное представление «прозрачности ", так как шахматная доска работает в документах монтажной области так же, как и на обычных холстах. Поэтому, если вы изменили настройки > Прозрачность и цветовой охват на "Нет", вы не увидите шахматную доску, представляющую прозрачность в монтажной области. < /p>

В этом видео (Hidden Gems in Photoshop cc 2017) показано несколько улучшений монтажных областей в Photoshop.

Читайте также: