Положение вещей

Cow Skull

nyctea
8 лет назад

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

#stockmadness_week26

Тоже сова

nyctea
8 лет назад

У меня сова живая. Не знаю как совпало, но незадолго до 25ой недели я написала у себя в ВК, что если бы у меня был тотем, то это была бы сова - Strix varia. Думала-думала, да и нарисовала ее.

#stockmadness_week25 #совы

Redbubble

nyctea
8 лет назад

Делала проходной паттерн-симиляр, а получилось неожиданно прикольно, в том числе и в виде работ для Redbubble

#redbubble #pattern

Как я делаю трейс простых рисунков / Репост из моего LJ

nyctea
8 лет назад

Для начала - какой софт у меня есть: 1) Adobe Photoshop CS2. Возможно многие в курсе, что Адоб как-то выложили весь пакет CS2 с серийниками. Предполагалось, что им будут пользоваться старые клиенты, но ссылки широко распространились и пакет скачали все, кто хотел. Если не ошибаюсь, скачать можно до сих пор. Адоб сначала сказали “Ээээ!” (тут гифка с Траволтой), а потом махнули рукой. 2) Бесплатный плагин Fine Threshold. 3) Бесплатный векторный редактор Inkscape. 4) Инструмент для автотрейса VectorMagic.

Рисунки я фотографирую мобилкой и потом скачиваю с ГуглФото. Возьмем для примера картинку с котиком, нацарапанную на листочке. Нарисовано неаккуратно, грязновато, но тем и лучше. Если вы нарисуете чистыми линями рисунок на белой бумаге - все будет намного проще.

01.jpg

Обработаем рисунок в Фотошопе. Сначала я его обесцвечиваю.

02.jpg

Выделяю нужную часть и обрезаю лишнее

03.jpg

Получается так.

04.jpg

Автоматически выравниваю уровни.

05.jpg

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

06.jpgПосле я округлой жесткой кистью с белым цветом замазываю пятна и стираю ненужные линии. Но поскольку рисунок грязноват и неровен,  я добавляю толщины и цвета линиям через Filter-Other-Minimum. Если ваш рисунок ровный и аккуратный, это скорее не понадобится.

07.jpg

Еще один способ избавиться от мусора - слегка разблюрить рисунок.(Filter - Blur - Gaussian Blur) Это может уничтожить важные мелкие элементы, так что смотрите по обстоятельствам.

08.jpg

После этого я применяю замечательный фильтр Fine Threshold.

09.jpg

Чтобы пояснить его работу: вот это ДО применения фильтра… 10.jpg … а это уже после. 11.jpg

Дальше переходим  уже к конкретно трейсу. Вариант №1 - автотрейс с помощью программы VectorMagic. Просто перетягиваем картинку в окно программы, выбираем расширенный режим.

12.jpg

Количество цветов - указываем два.

13.jpg

Количество сегментов (“Настройка сегментации”) берем среднее.

14.jpg

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

15.jpg

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

16.jpg

Инструментом “Ножницы” я могу удалить ненужный бэкграунд, что и делаю.

17.jpg

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

18.jpg

Вариант №2. Автотрейс с помощью программы Inkscape.

Сначала нужно импортировать растровый рисунок, что вы подготовили в Фотошопе через Файл-Импорт.

19.jpg

Лучше рабочую область подогнать под размер картинки, для этого открываем “Файл - Свойства документа..”

20.jpg

Там разворачиваем область “Подогнать размер страницы под содержимое” и жмем аналогичную кнопку.

21.jpg

Далее собственно векторизация. 22.jpg

Я, честно сказать, не разбираюсь в трассировщике Inkscape, поэтому просто выбираю “Множественное сканирование / Цвет” и указываю 2, что должно подразумевать 2 цвета.

23.jpg

После этого нужно нажать кнопку ОК и если  ваш рисунок простой, то кнопка ненадолго станет ненажимаемой, а после - снова активной. Это значит  что векторизация произошла, просто закройте окно. Но поскольку растровый рисунок  более не нужен, его стоит удалить. Открываем редактор XML (если конечно он уже не открыт в правой панели, что часто бывает)

24.jpg

Ищем там элемент с именем image[число] и удаляем либо кнопкой в интерфейсе, либо клавишей Del.

25.jpg

Также стоит обратить внимание, что в Inkscape есть отличный инструмент, заливающий замкнутые области. В линейке инструментов он третий снизу. Методом тыка я установила, что в верхней панели для этого инструмента нужно выбрать “Закрыть интервалы - Нет” и “Увеличить/уменьшить на 1 px”. Можно и чуть больше, тогда заливка как бы немного перекрывает контур.

26.jpg

Еще для неаккуратных  контуров есть команда “Контур - Упростить”, это добавляет сглаживания. Но мне не понравился результат, местами линии сильно исказились.

27.jpg

Далее сохраняйте результат в EPS или SVG.

НО! Независимо от выбранного способа результат векторизации нужно пересохранить в  EPS 8 или EPS 10 в  Иллюстраторе.

Вариант № 3.

Ручной трейс. Тут все просто - импортируем растровую картинку в векторный редактор и отрисовываем поверх линиями.

28.jpg

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

#trace #vector #vector_magic #inkskape