Артборды упрощают разработку мобильных приложений
Соберите любую группу графических дизайнеров и спросите их, в чем заключается их главная проблема при разработке интерфейсов для мобильных приложений. Они скажут вам «Фотошоп». Хотя это может удивить некоторых людей, это понятно. Смартфоны и планшеты имеют различные размеры экрана, что неизбежно приводит к нескольким десяткам файлов Photoshop .psd, содержащих несколько слоев, и сложному рабочему процессу. В 2015 году Photoshop представил отличную функцию Artboards, которая упростила разработку для экранов разных размеров.
Если вы являетесь пользователем Adobe Illustrator, вы знакомы с использованием артбордов. Функция артбордов в Photoshop работает так же, как аналог Adobe Illustrator.
Как создать артборд в Photoshop CC 2018
Есть два способа создать артборд в Photoshop CC 2018.
- Первый – создать его при открытии нового документа Photoshop. Теперь в разделе Детали предустановки есть выбор Артборд . Когда вы выберете вкладку Мобильный и нажмете Артборд , вы увидите пресеты , которые имеют несколько размеров iPhone, а также телефоны Android, iPad, устройства Microsoft Surface. , Mac, размеры Apple Watch и общий размер для всего остального.
- Другой метод заключается в выборе инструмента Artboard , который можно найти, нажав и удерживая инструмент Переместить . Выбрав инструмент Артборд , вы переходите в верхнюю часть интерфейса и выбираете предустановленный размер из того же списка, который вы видите при создании нового документа. Вы также можете установить нестандартный размер для артборда, изменить ориентацию на портретную или альбомную, добавить новый артборд или выбрать другие параметры.
Вот действительно полезная вещь об артбордах: вы можете иметь сколько угодно в одном файле Photoshop.
Как назвать и дублировать монтажные области в Photoshop CC 2018
Есть два способа дублирования артборда.
- Откройте панель Слои , выберите артборд и выберите Дублировать артборд в контекстном меню.
- Выберите артборд на панели Слои и переключитесь на инструмент Переместить . Выбрав артборд, нажмите и удерживайте клавишу Option/Alt и перетащите копию в выбранное вами место.
Общеизвестно, что артборды ничего вам не говорят. Чтобы изменить имя артборда, выберите его на панели Слои и переименуйте его, чтобы вы знали, какое устройство и ориентация применяются к каждому артборду.
Как добавить контент в артборд в Photoshop CC 2018
Артборд работает как слой. Вроде, как бы, что-то вроде.
Каждый артборд представляет собой отдельный многоуровневый документ, означает все, что вы можете добавить в слой, который вы можете добавить в артборд. Каждый артборд имеет свои собственные слои, группы слоев, текст, смарт-объекты и все, что вы можете добавить в документ Photoshop.
Вы можете изменить порядок наложения в каждом артборде и порядок артбордов.
Как просмотреть Photoshop CC 2018 Artboard на устройстве iOS
Когда функция Artboards дебютировала в Photoshop CC 2015, Adobe выпустила приложение для iOS под названием Adobe Preview , которое позволяло пользователям проверять свою работу для iPhone или iPad на мобильном устройстве, если оно находилось в той же беспроводной сети, что и компьютер или подключен к компьютеру через соединение USB. Adobe получила критику в то время, потому что не было представлено ни одно приложение для Android. Разработчики Android использовали функцию предварительного просмотра устройства в Photoshop для предварительного просмотра своей работы.
Adobe удалила приложение Adobe Preview из Apple App Store в конце 2017 года. В то же время оно прекратило использование функции предварительного просмотра устройства в самом Photoshop.
Начиная с 2018 года пользователи должны полагаться на сторонние приложения для предварительного просмотра, чтобы проверить свою работу на мобильных устройствах. Adobe предлагает использовать приложение Skala Preview, которое работает с macOS, для предварительного просмотра работы на устройствах iOS и Android. PS Mirror доступен как плагин для компьютеров Windows и как приложение для устройств Android и iOS для предварительного просмотра.