Из растра в вектор

Опишу способ, как быстро перевести растровую картинку в вектор для последующей анимации.
Функция трассировки растровых изображений есть и во флеше, но добиться нужного качества у меня не получилось:( Поэтому для таких целей я использую иллюстратор, где есть больше возможностей получить качественное векторное изображение, благодаря большему количеству настроек трассировки.
Чтобы набросок имел четкий контур, обвожу его гелевой ручкой. Затем сканирую изображение.

Шаг 1.
Открываем фотошоп и немного дорабатываем сканированное изображение, изменяя настройки яркости и контраста.

  

Если замечаем какие-то неточности/неровности/лишние линии, как у меня - используем обычный ластик, аккуратно подтираем:)

На выходе получаем изображение с четким темным контуром.

Шаг 2.
Импортируем картинку в иллюстратор. Это можно сделать, просто перетащив ее мышкой на рабочую область.Заходим в Параметры трассировки.

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

 

Шаг 3.
Результат не впечатляет, поэтому будем его улучшать, экпериментируя с настройками:) Я работала с 4-мя параметрами - изогелия, размытие, ресамплинг и подгонка контура.

 

Как видим, результат не идеален, поэтому доработаем его, но уже в о флеше. Это можно успешно сделать и в иллюстраторе,но мне привычней во флеше :)

Шаг 4.
Выделяем изображение в иллюстраторе и конвертируем во флеш,используя стандарный копипаст( Cntl C- Cntl V).Появляется окошко, выбираем пункт "вставить как векторное изображение".

Шаг 5.
Используя возможности флеша, подкорретируем нашу мадам. Где нужно - сглаживаем линии (Smooth), а где наоборот - выпрямляем (Straighten). Также с помощью стрелочки Selection Tool (V) вносим коррективы.

Что получилось после доработки во флеше:

И наш готовый рисунок:)

Комментарии
Аватар пользователя Kosshechka

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

Аватар пользователя Надя

Оксана, я сделала всё так, как сказано, но у меня при редактировании уже готового векторного рисунка во флеше почему-то не активен Ластик. Он просто не действует на изображение. Не знаете, почему так? Как мне это исправить?

Аватар пользователя Oksana

возможно потому, что что у вас объект сгрупирован. выделите его и разгрупируйте ctrl+B

Аватар пользователя Надя

Спасибо большое! Теперь всё получается!

Аватар пользователя Таня

Оксана, я все сделала, как написано, но изображение у меня почему-то не разбивается на составляющие, я пытаюсь откорректировать линии, а у меня двигается все изображение и инструменты (Smooth) и (Straighten) не активны.

Аватар пользователя Oksana

Таня, попробуйте выделить отдельные сегменты, которые вы хотите подкорректировать, с помощью lasso tool (по-видимому, так получилось, что все изображение у вас слито в один объект). Smooth и Straighten будут активны при выделении объекта.

Аватар пользователя Antony Beck

А как в самом flash, из вектора сделать раст, чтобы повысить производительность?

Аватар пользователя Oksana

попробуйте: Properties - Display - Сash as Bitmap (поставить галочку).

Аватар пользователя Antony Beck

Попробуем, спасибо!

Аватар пользователя юля

На сайте вектормэджик можно бесплатно толькодве картоинки перевести в вектор. ПРоэтому мой всем совет -ставьте иллюстратор. Где взять? Да везде! В сетке любой практически есть. Спросите у знакомых вебов, програмистов...Я например взяла у знакомого фтографа: и фотошоп и иллюстратор и корелдро до кучи. Всем удачи!

Аватар пользователя Vacsa

Денег не оберешься на фотошопы, иллюстраторы...
Тот же vectorMagic не бесплатен вроде.
Оксана, Вы используете их в своих фрилансовых вещах?

Аватар пользователя Oksana

использую все, что вы перечислили.про vectorMagic ниже в комментариях.

Аватар пользователя murejib

Еще один отличный прибор для этого - отдельная программа Vector Magic.
Я, например, не особенно глубоко разбираюсь в иллюстраторе - только на уровне разобрать исходник от дизайнера и перевести "весь-этот-ужасный-ворох-вектора" в форму, удобоваримую для анимации. Ну, плюс-минус сопутствующие функции.

Аватар пользователя Oksana

спасибо за информацию)да,действительно,есть такая программка - http://vectormagic.com . я лично, один раз ею воспользовалась - прямо на сайте протестировала.но не заметила, что в ней удобней, чем в илле. поэтому она не прижилась у меня)