15. Автоматическая трассировака изображения

Для первого случая я скачал изображение логотипа BMW в растровом формате .jpg, однотонное, четкое и достаточно высокого качества. Потому как для автоматической трасисровки изображения нужны практически идеальные условия. Это связано с тем, что программа не может распознать рядом стоящие пиксели и не может сделать точные грани растрового изображения, но в случае если у вас есть качественное изображение с четкими гранями, то терять время на ручную отрисовку не стоит, можно воспользоваться автоматической трассировкой встроенной в программу Corel Draw.

Для написания данного урока, я использовал последнюю версию на данный момент Corel Draw X5. Но, более ранние версии имеют практически тот же функционал что и данная программа, в связи с чем не стоит бежать за последней версией, алгоритм трассировки изображения практически на всех версиях данной программы остается одинаковым.

Итак, начнем с автоматической трассировки.

1. Запускаем Corel Draw.

2. Открываем растровый файл , можно воспользоваться функцией Drag-and-drop и перенести изображение из папки в программу, или же пойти более сложным путем через верхнее меню (Файл → Импорт → выбираем папку с нашим изображением и нажимаем импортировать)

3. Далее выбираем инструмент «выбор» это верхний инструмент в левом меню, нажимаем на изображение для его выделения, наверху у нас появится меню - «Трассировка растрового изображения», далее выбираем - «трассировка абрисом», в выпадающем меню выбираем - «Логотип».

4. В появившемся окне мы видим два окошка, левое — исходное растровое изображение, в правом — векторное изображение. Правее ползунки, которыми можно регулировать сглаживание, количество трассируемых деталей и т.д. Вы можете посмотреть и подстроить такие же настройки как сделал это я. Дальше обратите внимание на галочки, которое стоят, после того как наше изображение будет трассировано, исходное изображение нам уже не понадобится. Длаее ставим галочку удалить фон из всего изображения, чтобы он нам больше не мешал в векторном изображении. Далее нажимаем - “ОК”.

5. После того как Вы нажмете «ОК», все окна закроются и у вас останется только трасированное изображение, или другими словами вектроное изображение.

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

замкнутого вектора и заливки цветом.

7. Далее нам нужно выбрать инструмент «Выбор» верхняя стрелочка в левом меню, выбрать наше векторное изображение и нажать на нем правой кнопкой мыши. В появившемся меню нажимаем «Отменить группировку полностью» чтобы разгруппировать объекты после трассироваки.

8. Далее не снимая выделения с объекта нажимаем на нем правой кнопкой мыши и выбираем в меню «объединить». Это нужно чтобы объединить все объекты нашего изображения в один объект. (Когда стоит группировка, объекты соединены в одну группу, а опция «объединить» объединяет все объекты внутри изображения в один объект, это нужно для редактирования объекта целиком, хоть и в данном уроке это не рассматривается)

9. Далее справа внизу нажимаем на пустой квадратик с изображением «пера» и выставляем «ширина абриса» как «Сверх тонкий абрис»

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

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

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

Ручная трассировка изображения

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

Итак начнем:

1. Открываем растровое изображение в Corel Draw, как и в первой части данного урока это можно сделать двумя способами можно воспользоваться функцией Drag-and-drop и перенести изображение из папки в программу, или же пойти более сложным путем через верхнее меню (Файл → Импорт → выбираем папку с нашим изображением и нажимаем импортировать).

2. Увеличиваем изображение посредством колесика мышки, масштабирование в Corel Draw происходит при помощи колесика, далее выбираем в левом меню инструмент «Элипс».

3. Наводим инструментом в центр логотипа, появится надпись «центр» (она может и не появится в центре логотипа, допустим если растровое изображение не ровное, если оно не появилось или появилось рядом, наводим на центр логотипа без привязки к растровому изображению. В нашем изображении для урока центром является центр логотипа). Зажимаем левую кнопку мыши, далее зажимаем кнопку на клавиатуре ”CTRL” и ”SHIFT”, это нужно чтобы элипс растягивался пропорционально и тянулся из центра. И растягиваем его до крайней грани нашего логотипа.

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

5. Точно таким же способом делаете второй контур изображения. Пример показан на рисунке.

6. Таким способом рисуем все элипсы данного логотипа. Всего у нас их получилось 4. Каждый раз повторяя пункт 3, мы строим 4 элипса с разными размерами, по контурам логотипа.

7. Итак, круглые конторы логотипа готовы. Теперь примемся делать внутреннюю часть нашего логотипа. Лучшим и самым простым способом для понимая процесса, я рекомендую выбрать инструмент «Перо», если у Вас уже есть навыки работы с Corel Draw Вы можете выбрать инструмент «Кривая Безье», но без опыта работы с этим инструментом, совладать новичкам будет непросто. Поэтому выбираем инструмент «Перо» и начинаем обводить наш внутренний контур логотипа. Ставим точку в верхней части, спускаемся вниз по контуру и ставим вторую точку, далее идем налево и ставим треью точку. С прямыми линиями все понятно, что делать с плавной дугой ? Идем в пункт «8».

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

9. Далее нам необходимо сгладить наши точки до плавного состояния, которые идут по дуговому контуру, для этого выбираем инструмент «фигура» который находится второй сверху в левом меню. (этот инструмент нужен для редактирования точек в объекте). При нажатии на данный инструмент, при условии что у Вас выделен объект над которым вы будете работать, появятся все контрольные точки из которого состоит данный объект и мы увидим все точки объекта и особенно их множество где идет плавная дуга, которую мы обрисовывали прямыми. Нам необходимо убрать эти точки по максимому, для обрисовки вектрором данной дуги требуется всего две точки. Для этого нажимаем на иконку в верхнем появившемся меню “выбрать все узлы” она помечана красным кругом, она выделит нам все точки данного объекта, далее переходим к иконке сокращать все узлы и нажимаем на «плюсик», у нас появится ползунок, мы зажимаем ползунок левой кнопкой мыши и ведем его направо, чем дальше мы его ведем тем меньше точек у нас остается. Наша задача сделать минимум точек при условии того, что наш вектор будет «облегать» контур изображения. Будьте аккуратны, уменьшайте количество точек в реальном времени, т.е. постоянно отслеживайте, не ушел ли куда то вектор при уменьшении точек. Если это случилось просто отведите чуть назад ползунок, когда Вы его отпустите количество точек будет минимальным. На изображении видно, что все точки которые шли по дуге исчезли, вместо них появилась дуга, которая описывается двумя точками. Это идеальный вариант вектора. Чем больше точек, узлов в векторе, тем хуже, старайтесь делать всегда минимальное количество точек и узлов в векторном изображении. Со второй «четвертинкой» логотипа можно поступить также, или же просто взять скопировать и вставить такую же половинку и повернуть ее на 180 градусов и подставить по контурам логотипа, так как они одинаковые.

10. Далее проделываем все теже самые операции что и в пункте 9, только с буквами BMW, начнем с буквы «B». Она имеет три объекта, внешний контур, и два контура внутри. Точно также обрисовываем все пером, далее выбираем инструмент «фигура», выделяем все точки и ползунком умньшаем количество точек. Это главный принцип обрисовки, таким способом можно обрисовать любое изображение.

11. Обрисовываем все буквы BMW.

12. После того как все обведено, выбираем «инструмент выбора» первая стрелка в левом меню.

13. Полностью выделяем всю картинку, зажимаем левую кнопку мыши и выделяем все объекты. Далее нам необходимо убрать выделение с растрового изображения. Для этого зажимаем на клавиатуре кнопку «SHIFT» и левой кнопкой мыши нажимаем на край картинки с логотипом.

14. Далее наводим на выделенную область, зажимаем правую кнопку мыши и отводим правее, отпускам кнопку и у нас появится меню, в котором нужно нажать «скопировать сюда».

15. Длаее выделяем всю скопированную область, наводим на нее, нажимаем правую кнопку мыши и выбираем пункт «объединить».

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