Vectorboom
Статьи / Обзоры / Comments: 0

Обзор новых приложений от Adobe для мобильных устройств

Alex Serada
15.10.2014
adobe-mobile-all-appjpg

6 октября 2014 года в Лос-Анджелесе на конференции Adobe MAX были представлены новые и обновленные мобильные приложения для платформы iOS.

Основной целью компании Adobe была интеграция настольных приложений с мобильной платформой,  которая осуществляется посредством синхронизации через облачный сервис Creative Cloud. Вы можете начать работу в одном из мобильных приложений, а затем использовать эти материалы для работы в десктопных приложениях, не думая о переносе файлов, так как синхронизация осуществляется автоматически (необходим зарегистрированный аккаунт Adobe, так называемый  Adobe ID )

Так же с новым релизом CC 2014 была введена новая функция  Creative Cloud Libraries позволяющая собрать все элементы для конкретного проекта, созданные в различных приложениях Adobe (в том числе и в мобильных), в одном месте для продуктивной работы.

Все мобильные приложения Adobe имеют полную поддержку новых инструментов для работы с устройствами на базе  iOS – Adobe Ink & Slide. В скором времени приложения будут поддерживать и стилусы сторонних производителей, таких как Adonit и Wacom.

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

Adobe Illustrator Draw

adobe-draw.jpg

Adobe Illustrator Draw  является приемником мобильного приложения Adobe Ideas и будет особенно полезен векторным художникам, так как основной упор в программе делается именно на рисование.

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

После авторизации вы увидете главное окно программы, где находятся текущие проекты Adobe Draw, рисунки созданные вами ранее в приложении Adobe Ideas и примеры работ на Behance. В режиме управления вы можете удалять работы из проекта и размещать их в необходимой последовательности. Так же, непосредственно из главного окна программы, вы можете разместить свою работу на Behance.

adobe-draw-projects.gif

Главное окно Adobe Illustrator Draw

В верхнем углу слева находится иконка, которая открывает служебную панель, где вы сможете найти информацию о своем аккаунте, описание программы, немногочисленные настройки (право- либо леворучная ориентация панелей и два режима сглаживания линии: во время рисования и после) + принудительная синхронизация файлов Creative Cloud. Так же через служебную панель можно оставить отзыв для разработчиков и посмотреть вводный туториал по работе с приложением.

adobe-draw-preferences.gif

Служебная панель Adobe Illustrator Draw

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

draw-all-panels.jpg

Рабочая область

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

draw-brush-panels.jpg

Настройка кисти

При тапе (одиночном касании) на значке Color мы попадем в панель выбора цвета, которая состоит из нескольких вкладок. Мы можем выбрать существующую цветовую схему, добавить новую, воспользовавшись сервисом Adobe Color (прим. ранее Adobe Kuler), выбрать цвет с помощью Color Wheel и просмотреть историю использования цветовых схем.

adobe-draw-color-panel.gif

Панель выбора цвета

В панели Layers нам изначально доступно два слоя: для рисования и слой для референсных изображений, которые мы можем загрузить из облачного хранилища или нашего девайса, купить в Adobe Creative Market, либо сфотографировать. Для каждого слоя доступны следующие действия: изменение прозрачности, дублирование, перемещение, отражение и удаление.

adobe-draw-layers-panels.gif

Панель работы со слоями

В правой части верхней панели нам доступны дополнительные опции, шаблоны и выбор режима работы. Нажав значок Shapes мы попадем в панель выбора группы шаблонов, где имеются две вкладки:  фигуры по умолчанию и шаблоны сохраненные в библиотеке пользователя (на скриншоте ниже можно увидеть мои шаблоны созданные с помощью приложения Adobe Shape).

Дополнительные опции и шаблоны

На первой вкладке панели Shapes расположены две разновидности шаблонов:

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

При двойном тапе по границе шаблона мы применим выбранную кисть к контуру фигуры и получим рисунок фигуры целиком.

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

(прим. Использование пользовательских шаблонов предусматривает лишь масштабирование, поворот и заливку контура выбранным цветом)

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

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

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

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

adobe-draw-shapes.gif

Режим работы с шаблонами

Готовую работу (либо отдельные элементы) можно отправить в Adobe Photoshop или Adobe Illustrator.  Достаточно выбрать нужный пункт в меню совместного доступа и рисунок откроется в соответствующем редакторе спустя несколько секунд.

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

adobe-draw-export.gif

Экспорт изображения в Adobe  Photoshop и Illustrator

Скачать Adobe Draw из iTunes Store

Adobe Illustrator Line

adobe-line.jpg

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

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

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

Для каждой из кистей можно настроить размер, прозрачность и дополнительные опции.

Панель выбора цвета аналогична панели в Adobe Draw, так же как и меню выбора референса.

line-1.gif

Расположение элементов интерфейса и настройка кистей

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

line-ref-1.gif

Импорт референса и его настройка

Отдельно стоит упомянуть панель шаблонов, так как в ней кроме стандартного набора Trace Packs присутствует довольно внушительный Stamp Packs (по сравнению с Adobe Draw), но отсутсвует доступ к пользовательским шаблонам. Так же в панели шаблонов можно включить направляющие и привязку объектов.

line-shapes-1.gif

Панель шаблонов

Наиболее полезной и уникальной функцией Adobe Line является перспективная сетка.

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

line-grid-1.gif

Виды перспективных сеток

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

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

line-perspective.jpg

Построение объектов используя двухточечную перспективную сетку

Несмотря на то, что компания Adobe в туториале приложения и на главной странице программы Adobe Line уверяет, что файлы нарисованные в приложении можно редактировать в Adobe Illustrator как векторные объекты: “Send sketches to your desktop to edit as vector paths in Illustrator”— подтверждения этому я не нашел.

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

Screenshot 2014-10-10 14.52.32.png

Группа Adobe Drawing  отвечает на вопросы пользователей в Facebook

Файлы Adobe Line являются растровыми изображениями и Adobe Illustrator считает так же (см. панель Document Info) Если я ошибаюсь, прошу меня поправить.

При отправке файла в Adobe Photoshop мы получим PNG-изображение с фоном залитым белым цветом.

line-export-1.gif

Экспорт изображения в Adobe Photoshop и Illustrator

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

Скачать Adobe Line из iTunes Store

Adobe Shape СС

adobe-shape.jpg

Adobe Shape СС  фактически является мобильным аналогом одной из функций Adobe Illustrator,  а именно — Image Trace. Мы можем сфотографировать с помощью iPhone или iPad нарисованное нами изображение, либо предмет, и налету превратить его в векторный объект, который будет сохранен в Creative Cloud Library и доступен для использования в других приложениях (Adobe Illustrator Draw и Adobe Illustrator).

Главное окно программы довольно минималистично — изображения созданные нами ранее в Adobe Shape и кнопка создания нового изображения.

shape-library.jpg

Главное окно Adobe Shape CC

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

shape-add.jpg

Выбор источника референса

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

  1. Фотографирование.
  2. Настройка детализации.
  3. Очистка рисунка от лишних элементов. В этом нам поможет переключатель (+/–), где “+” — это добавление выделения, а “–” — снятие выделения с элементов рисунка.
  4. Сохранение векторного объекта.
shape-process-1.gif

Процесс создания векторного изображения из фотографии скетча

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

Для того, чтобы получить наиболее качественные векторные изображения я советую использовать в качестве исходников изображения нарисованные темным цветом на белом фоне (в примере я использовал SketchStick 6B). Лучше всего для этого подойдут рисунки выполненные тушью, маркером, лайнером — в общем, любым видом материалов дающих контрастное и четкое изображение.

Скачать Adobe Shape CC из iTunes Store

Adobe Brush CC

adobe-brush.jpg

Adobe Brush CC позволяет создавать кисти из ваших фотографий и изображений, которые впоследствии можно использовать в других программах ( Adobe Sketch, Adobe Photoshop и Adobe Illustrator) благодаря функции Creative Cloud Library.

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

Для того, чтобы создать новую кисть нажмите на соответствующую иконку слева и выберете источник референса: немедленное фотографирование; загрузка снимка, сделанного ранее; изображение сохраненное в Creative Cloud.

brush-library.gif

Главное окно Adobe Brush CC

После того как был сфотографирован набросок (либо выбран снимок / изображение) мы попадем в панель настроек кисти, состоящую из окна предпросмотра и области настроек для каждой из вкладок. Так же справа нам доступен артборд — зона для тестирования кисти.

На первой вкладке нам предлагается выбрать приложение, для которого создается кисть. Так как обзор касается векторных функций программы, то я буду рассматривать только создание кистей для Adobe Illustrator.

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

brush-process-3.jpg

Панель настроек и артборд

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

(Примечание: При создании кистей для других приложений будут доступны дополнительные настройки)

После сохранения кисти она будет доступна в панели Library программы Adobe Illustrator и готова к использованию в ваших проектах.

brush-process.gif

Настройки кисти и тестирование. Альтернативная версия из того же изображения.

Скачать Adobe Brush CC из iTunes Store

Adobe Color CC

adobe-color.jpg

Adobe Color CC  является приложением для iPhone, c помощью которого вы сможете составлять собственные цветовые схемы на основе ваших фотографий и, впоследствии, использовать их во многих приложениях Adobe за счет мгновенной синхронизации Creative Cloud Library.

Adobe Color — это новое название усовершенствованного сервиса Adobe Kuler, о чем нам и сообщает экран приветствия при первом запуске программы.

Далее нам необходимо войти в свою учетную запись Adobe ID или создать новый аккаунт.

Для того, чтобы создать цветовую схему мы должны выбрать источник референса: сфотографировать, выбрать снимок сделанный ранее или загрузить изображение из облачного хранилища Creative Cloud.

color-library.jpg

Вход в Adobe ID и выбор источника референсного изображения

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

color-photo-1.jpg

Создание цветовой схемы и использование предустановленных тем

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

color-save.jpg

Сохранение цветовой схемы и библиотека

Скачать Adobe Color CC из iTunes Store

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

Screenshot 2014-10-13 08.41.49.png

Панель Libraries в Illustrator СС 2014 после проведения тестов мобильных приложений Adobe.

Неиссякаемого креатива и духа экспериментаторства вам, друзья!

Автор - Alex Serada

LiveJournal

Behance

facebook.com

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.