Хотят сразу сделать и классно и аккуратно

В итоге как правило у них получается очень вялая, странная картинка, нарисованная вроде как аккуратно, при этом не удовлетворяющая автора и не дающая развернуться

На самом деле

В зависимости от того, насколько сложна разработка, мы можем более или менее скатываться в грубые широкие линии. Если нам нужно показать эскиз клиенту- мы можем несколько вычистить его

Очень важно понимать эту поэтапную концепцию свободы рисование- аккуратности, иначе получится что попало

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

Совсем тонкими линиями, чуть потолще, толстой равномерной линией, под тушь и тп

С технической точки зрения это все одинаково, делается процессом который мы посмотрим ниже

Итак, поехали

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

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

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

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

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

Осваиваем!

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

Нам нужно немного его донастроить, чтобы было удобно все делать

Создайте векторный слой, чтобы настройки были видны

• Инструмент OPERATION> OBJECT

настроить панели operation on transparent part и selectable object как у меня

Разработчики иногда меняют вид этих панелей, поэтому в вашей версии программы они могут выглядеть по-другому

установить modifier key settings > alt > deselect


дублировать инструмент.


Назвать одну копию operation scale и поставить mode > move control points scale/ rotate.

Вторую назвать operation free , поставить mode > free transform

• инструмент ELLIPSE

убрать настройку adjust angle after fixed и enable snapping

• инструмент ERASER > VECTOR ERASER

убрать erase on all layers, refer to all layers в настройках

Обычно по умолчанию все норм, но проверьте

Можно и то и то

Горячие клавиши


раздел menu commands - layer > new vector layer > alt + s


operation scale- W

operation free- Q

vector eraser- T

ellipse tool- H

• сбрасываем прозрачность у растрового слоя

• создаем новый векторный слой сверху- alt + S

• берем кисть и обводим

рисуем навынос, убираем пересечения с помощью векторной резинки (на кнопке пера?) размер векторной резинки можно изменять, выбрав ее в инструментах

• передвигаем линии / меняем их толщину с помощью object tool

scale и free form работают немного по разному

выбрать несколько линий- зажимать shift, убрать из выделения- зажимать alt (если настроили)

изменить толщину- выбрать нужные линии и в панели tool property меняем brush size

удалить линии- backspace/ delete

• можем копипастить одну или несколько линий инструмент object tool и ctrl С / ctrl V

это хорошо для создания тощин!

• можно резать линии с помощью твердой резинки!

• для ровных эллипсов- инструмент эллипс

в конце можем растеризовать слой

правая кнопка мыши по слою > rasterize


векторные слои сохраняются в формате файла .clip.

В psd- растеризуются

Используем инструмент bezier curve (можно и другие из группы Figure)

Создаем векторный слой поверх растрового с эксизом

• ставим точки

• точки можно двигать (зажав ctrl)

• у точек есть направляющие, отвечающие за кривизну сегмента- их тоже можно двигать

• на точку можно нажать правой кнопкой - switch corner- поменяется тип угла

• там же есть split line- разделить линию!

• Добавить новую точку посреди линии? правой кнопкой на нужном месте и add control point

• редактировать кривые можно инструментом object- move control point scale rotate

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

Инструменты группы Ruler, Figure, correct line

Особенно стоит обратить внимание на

• concentric cirle, curve ruler, figure ruler ellipse, symmetrical ruler

• figure- polyline, rectangle, параметр филл- лайн

• correct line- simplify vector line

Рисую насквозь!!- очень важно!!!!!

Приложение

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

Основная проблема- что нельзя рисовать сразу обведенную линию. Сначала как бы рисуешь только ее проект и потом обводишь =((((