×

Как рисуют 2D художники на планшете. От выбора устройства до советов по работе в Photoshop

Всем привет, меня зовут Андрей Гаценко, я Map Artist Team Lead в GameDev-компании AB Games. В этом материале расскажу о том, какую технику используют 2D-художники в своей работе, как её использовать и какие программы нужны для работы. А так же как выбрать и настроить под себя графический планшет.

Моя история

С фотошопом я познакомился в конце 90-х. Когда я заканчивал школу, был у меня друг Леха, а у него дома был ПК. На то время это было довольно большой редкостью: пока все играли на приставках, Леха уже «рубился» на компьютере.

Как-то он пригласил меня поиграть в каких-то «Казаков». Мне понравился игровой процесс на ПК, но рассматривание деталей изображения увлекло меня больше. Игры тогда не были «фуллскриновыми», и однажды я заметил на рабочем столе ярлык с изображением глаза. Он меня заинтересовал, и я спросил Леху, что это и как оно работает. Так началось мое знакомство с Photoshop (версия 5.0 или 6.0, уже не помню).

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

Через некоторое время и у меня появился свой компьютер. Самым главным к нему требованием было — «чтобы тянул фотошоп». Игры и все остальное отошло на второй план. На то время я уже окончил школу, за плечами у меня была «художка», но я не знал, как дальше развить свои навыки, куда применять их, и самое главное, куда поступать учиться. Идти на поводу у социальных представлений об успешности и выбирать профессию какого-то, в теории, высокооплачиваемого специалиста, я не хотел. Поэтому, узнал о существовании академии искусств у нас в Украине (название я выучил только на третий год) и поступил туда.

Там я познакомился с векторной графикой, работу с фотошопом я изучал самостоятельно, по статьям в журналах, типа «photographer», где были советы по ретуши фотографий от мастеров (я с детства увлекался фотографией). Ну и конечно же по книгам Дена Маргулиса и Скотта Келби.

После учебы пошел работать в рекламную компанию (тогда я очень хотел заниматься рекламой), где мне предоставили первый мой планшет, это был Genius Pen sketch. До этого приходилось работать мышкой. Вначале это было странно и неудобно — рисовать где-то внизу и смотреть на экран, но потом я ощутил, как же это на самом деле прекрасно. С тех пор я всегда работаю на планшете. Дома я часто рисую до ночи или до самого утра, и даже если я просто серфлю в интернете, с использованием пера планшета все происходит намного тише, чем с мышкой.

Какой планшет выбрать новичку

Можно очень долго обсуждать и спорить на данную тему. Возможно, это чем-то похоже на покупку первой машины: сначала ты покупаешь ту, на которую хватает денег. Основываешь выбор на «красиво» или «модно», кому что важнее. А уж вторую берешь на основе полученного за рулем опыта.

Почти уверен, что если новичок спросит у (бывалого профессионального) художника, каким планшетом он пользуется, большая вероятность, что ему скажут — Wacom. Почему? «Да просто он лучший из лучших» — ответят тебе. Но это давно уже не так. На дворе 21 век и рынок не стоит на месте — выбор планшетов довольно велик. На самом деле это как в анекдоте про фотографа и кастрюли: не важно, на чем вы рисуете, главное — как, и чтобы конкретно вам было удобно.

Я остался консерватором в выборе планшета и мой личный планшет — это Wacom Intuos 4. Купил когда-то на ebay за 200$. Он имеет чувствительность к давлению — 2048, что уже немного ниже по сравнению с новейшими моделями. Это как «первая машина»: она устарела технически, но она тебе нравится, ты к ней привык и будешь ездить на ней еще долгие годы. Так и я прикипел к своему планшету. Мне нравится дисплей Express Key с подсветкой, которая обеспечивает постоянную ссылку на каждую настройку клавиш, выглядит лампово. В современных моделях эта функция проецируется на монитор, что довольно удобно, но кнопки у них сенсорные, а это может несколько отвлекать от работы (задев случайным движением руки во время работы кнопку можно вызвать на экран нежелательные команды). Также, на современных моделях встроенная, и, на мой взгляд, совершенно ненужная функция выбора режима — Multi-touch, и вот этот ластик на конце пера — ни разу не видел, чтобы кто-то использовал его.

Пара практических советов

Если вы только переходите на планшет, то вряд ли заметите такую особенность, как угол нажатия пера. Лучше обратите внимание на размер планшета. Обычно при выборе срабатывает мнимое мнение «чем больше, тем лучше». На самом деле размер рабочей поверхности достаточно иметь — А6 (148×105mm).

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

Мои рекомендации:

Wacom Intuos Pro M
Размеры рабочей поверхности — 224×148 mm
Чувствительности пера — 8192
lpi: 5080
$448,50

XP-Pen Deco Pro S
Размеры рабочей поверхности — 230×130 mm
Чувствительность к давлению — 8192
lpi: 5080
$160,63

Huion New 1060Plus
Размеры рабочей поверхности — 254×158.75 mm
Чувствительности пера — 8192
lpi: 5080
$149,42

Gaomon M10K PRO
Размеры рабочей поверхности — 255.06×159.84 mm
Чувствительности пера — 8192
lpi: 5080
$93,38

Планшет экранник для более продвинутых

Наверное, это мечта каждого художника, по крайней мере, когда вышли первые Wacom Cintiq это было так.

  • Wacom One — $628,30;
  • Huion Kamvas 12 — $522,02;
  • XP-Pen Artist 12 Pro — $410,19;
  • $XP-Pen Artist 12 — 372,86.

Работа с планшетом и оптимизация работы в Photoshop

Express Key, hotkey и кнопки стилуса. На планшете можно использовать настройки по умолчанию, но лучше настроить его под себя. В основном художники используют hotkey на клавиатуре. Я рекомендую освоить эту технологию как основу работы. Она позволяет рисовать быстрее, не отвлекаясь на необходимость просмотра зоны действия в пределах планшета и клавиатуры. Также это оптимизирует работу и сэкономит время, будь ты художник в геймдеве или рисуешь творческие иллюстрации. Помимо самых святых hotkey — Ctrl + S и Ctrl +Z, можно настроить любое часто используемое действие с любыми комбинациями клавиш. Современный Photoshop позволяет выбросить все ненужное и оставить на панели лишь те инструменты, которыми ты пользуешься. Это сократит для новичка время поиска и выбора инструмента.

Одна моя коллега использует простейшую настройку «для себя» — QWERTY для самых часто используемых инструментов. Где к примеру Q — brush, W — Eraser tool и тд.
Кнопки стилуса тоже лучше настроить под свои потребности. Например, я настраиваю перо стилуса — щелчок мыши, нижняя кнопка — двойной щелчок, верхняя кнопка — щелчок правой кнопкой мыши.

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

Zoom. Самое быстрое использование увеличения изображения, когда при нажатом одновременно Ctrl и пробел и двигая стилусом в нужном направлении вправо — увеличиваем, а влево — уменьшаем. Позволяет не отвлекаться на выбор инструмента на панели или применять комбинации hotkey Ctrl + / Ctrl -.

Любому художнику очень важно при работе смотреть на свой арт издалека. При нажатой клавише — h + клик по изображению, дает возможным на время масштабировать свое изображение. Это удобно, когда ты сосредоточен на работе с мелкими деталями и хочется увидеть, что происходит в масштабе. Но тут на самом деле лучше использовать навигатор или просто открыть отдельно дубликат изображения (Window / Arrange / New Window for (название файла)) и, если работаете с двумя мониторами, перетащить его на второй монитор. На рабочем вести работу в деталях, а на втором смотреть в масштабе.

Brush. Это почти самый главный инструмент в работе 2D, не отвлекаясь на клавиатуру можно менять параметры кисти.

Diameter (размер) и Hardness (жесткость кисти), взамен клавиш — {/} и Shift + { Можно не отвлекаясь от процесса рисования удерживая нажатой Alt и нажатием правой клавиши стилуса (двойной щелчок кисти) как бы не касаясь планшета (иначе будет выбран инструмент — Eyedropper Пипетка) вести стилус в направлении:

  • вправо /влево — Diameter
  • вверх /вниз — Hardness
Данный прием дает нам визуально регулировать параметры.

Прозрачность же кисти можно регулировать простым нажатием цифровых клавиш:

  • opacity — от 1 до 0
  • flow — Shift + от 1 до 0
Есть еще довольно полезный прием для быстрой работы с кистями в Photoshop. Если работа состоит из частых смен настроек кистей для разных задач, можно упорядочить кисти, а также другие инструменты, создав сеттинги. Делается это с помощью панели — Tool Present, выбрать ее можно просто кликнув в меню Window — Tool Presets. Как это работает: выбираем параметры кисти, цвет толщину пера, блендинги и вообще все, что можно, для любого инструмента. Кликаем в окне на New Tool Preset и создаем пресет с названием кисти. В названиях рекомендую указать состояние кисти, это позволит быстро ориентироваться при выборе инструмента. Те. К примеру:
  • Hard brush 1 px
  • Soft brush 20 px 60%
  • Cloudy brush
  • Eraser Hard Tool
  • Eraser Soft Tool 50%

Action (экшены) — очень полезны в работе для оптимизации времени. Я настроил пару экшенов для изометрического построения в горизонтальной и вертикальной проекциях, и теперь всего лишь нажатием пары клавиш я выставляю любой объект в изометрию. В компиляции со Smart Object можно смело рисовать карты в изометрии.

Также записал улучшение резкости через High Pass. Удобно, когда работаешь с какими-то иконками и нужно потом на финале сделать более живое изображение.

Smart Object (смарт объект) можно использовать не только для изометрической проекции объекта, но также для прорисовки сложных элементов (декора).

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

Плагины (Photoshop)

Для лучшей работы существует несколько плагинов:

  • Coolorus — удобный блендер для цвета, помимо стандартной настройки панели Color, я использую данный плагин. Позволяет быстро выбирать не только в монохроматическом порядке цвета, а также комплементарные, акцентированные и другие цвета.
  • Lazy Nezumi — очень крутой плагин, обрабатывает положение пера и его давление, у него несколько предустановок и типов сглаживания, что очень полезно для работы в Photoshop. Это дает возможность делать крутые линии не отрывая руки и не прибегая к постоянному Ctr+Z. Также с легкостью рисовать параллельные линии круги и эллипсы с одного взмаха.

Программы, в которых можно рисовать

В зависимости от задач можно разделить на растр и вектор:

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

GIMP — в этой программе не работал, но говорят, что очень хорошая, а главное — бесплатная.

Easy Paint Tool SAI — как по мне, главным ее преимуществом является работа с кистью, в ней можно рисовать ровные линии с минимальной толщиной кисти в 0.6px. Блендинг немного отличается в сравнении с Photoshop и дает более чистый результат. Если пользоваться параллельно с фотошопом, нужно учитывать, что она не поддерживает Smart Object.

Corel Painter — одна из древних программ для рисования, но «пеинтер» заточен на более творческую работу цифровой живописи. Возможность выставить цифровые холсты по вкусу, холст это или бумага, с изменением настроек текстур. Большой выбор кистей и их настроек, с изменением своих возможностей при нажатии и наклоне стилуса. Также имитация традиционных средств живописи (акварель, масло и тд). Блендинг цветов — более естественный.

Adobe Illustrator — самая популярная программа из векторной, как для дизайна, так и для иллюстраций. Можно работать пером и последующими изменениями объекта. Или воспользоваться кистями, настраивать их под свои нужды для придания динамичного контура. Еще намного быстрее сделать вектор под сложный проект, чем пользоваться кривыми в Photoshop. Или наоборот, рисовать скетч в Photoshop с последующим экспортом в Illustrator.

CorelDRAW — В основном она связана с дизайном. Иконки, интерфейс. Быстрая и удобная работа с кривыми, без лишних прикосновений. Трассировка растра на мой взгляд удобнее чем у других. Если рисовать, то это — Gradient Mesh, но это долгая работа.

PureRef — для работы с референсами. Бесплатная и мало «весит». Не нужно открывать в фотошопе отдельный файл или вставлять изображения поверх слоев. PureRef может быть открыта поверх любой программы, прозрачная или заблоченая. Скопировать можно любые картинки и упорядочить их в любом порядке, не теряется при этом качество изображения. Также можно открыть путь по картинке откуда ты ее скачал.


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

Підписуйтеся на Telegram-канал @gamedev_dou, щоб не пропустити найважливіші статті і новини

👍ПодобаєтьсяСподобалось12
До обраногоВ обраному3
LinkedIn

Схожі статті



Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

А чи можна використовувати сенсорні планшети (той же iPad з Apple Pencil) для чогось напів-професійного, наприклад створення арту для інді гри?

Очень рекомендую также Clip Studio
3 месяца бесплатной подписки, 2 вида пакета, куча дополительного контента от комьюнити
Преимущество перед фотошоп: программе всё равно на версию винды, пробег матери, она просто работает, не лагает, ещё и можно записывать прямо с неё процесс рисования

Есть еще программы Affinity Photo и Affinity Designer:
affinity.serif.com
один из плюсов — нет подписки, а есть только разовая оплата.

Судя по промо, это — клон Adobe, но плюс конечно в оплате. Нужно потестить как то.

Чисто гипотетически — а был хоть один дизайнер который бы начинал свою творческую жизнь с лицензионным фотошопом?)

Но ведь $120 в год не кажется заоблачной суммой даже для начинающих.

Спасибо за статью! Главное вовремя вышла, перед 11.11. Выбрал из вашего списка для дочки (как начинающей) Gaomon M10K PRO сегодня за 56$ на али.

Спасибо! Как раз думал что купить сыну на день рождения. Он любит рисовать. Думал купить обычный планшет со стилусом. А тут список специализированных планшетов — как раз то что надо.
Да, по ценам. На Алиэкспрессе посмотрел XP Pen-ы, в официальном магазине цены сильно ниже указанных: xp-pen.aliexpress.ru/...​ro/1910017_515389403.html
А завтра день холостяка — цена XP-Pen Deco Pro S — 78USD (обычная цена — 90USD), в сравнении с указанными здесь 160USD или 4300грн на розетке. Но я буду брать скорее уже тогда беспроводной вариант, который завтра будет стоить 111USD

Підписатись на коментарі