| |
|
| |
| |
 |
|
| |
|
|
| |
|
|
| |
Побуждение для написания данной статьи - это постоянная просьба друзей и знакомых по векторизации логотипов для последуещей печати визиток, плакатов. Главное отличие растрового изображения от векторного - это система записи изображения. Растр - это запись информации о каждом пикселе картинки, а вектор это запись информации и геометрических фигурах, их цвете и положении.
1. Я выбрал для примера преобразования растра в вектор картинку популярного мобильного телефона. Ниже показана картинка iphone, над которым придется поработать, чтобы придать в последующем векторный вид. Качество изображения в этом случае не столь важно, лишь бы были детали для трассировки. Рекомендую для лучшего перевода из растра в вектор, для более точных контуров, при очень плохом исходном изображении уеличить средствами photoshop картинку в 2-3 раза от исходного размера.
2. Далее описание собственно процесса перевода из растра в вектор. Собственно - первый правый клик мыши и выполните одно из двух: а) Copy [Копировать]. Затем в меню Photoshop'е Edit - выбрать Paste [Редактирование - Вставить]. [Photoshop создаст документ размером изображения в буфере.] В этом случае Photoshop оставляет заблокированный слой фона и вставляет изображение на новый слой Layer 1 над фоном. Два раза кликните на слове Layer 1, чтобы выделить текст и назвать слой более приемлемо. Например, 'iphone'.
или
б) Save Picture As [Сохранить рисунок как] на жесткий диск. Затем в меню Photoshop File - Open [Файл - Открыть] и найдите с помощью внутреннего файлового менеджера, куда вы сохранили картинку. Может быть, Мои документы/мои картинки?.. Обратите внимание, в палитре слоев иконка изображения показывает, что изображение "индексное" [короче говоря, это gif]. Заметьте также, оно заблокировано. Чтобы это исправить просто идем в Image - Mode - RGB color [Изображение - Модель - RGB] и переводим тем самым заблокированный слой в слой фона. Двойной клик на слое фона переведет его в редактируемый слой. [Переименуйте Layer 0 в более дружественный... Например, "iphone".]
Теперь создадим дубликат слоя iphone. Если вы используете Photoshop CS3 или CS4, создайте новый набор слоев, чтобы сохранить все индивидуальные объекты. Просто нажмите на иконке папки внизу палитры слоев, двойной клик на Group 1 и назовите его как у меня [Элементы].
3. Будем пользоваться инструментом перо. Необходимо начать с создания обводки по периметру всего iphone. Установите foreground color при помощи пипетки, взяв цвет с самого темного места iphone или выбирите черный цвет. Теперь необходимо выбереть инструмент перо на панели инструментов. Удостоверьтесь, что опция Shape Layers включена [вверху на панели опций], я обвел ее красным цветом.
Теперь необходимо ставить точки привязки там, где вы посчитаете необходимо будет редактирование контура всего объекта.
Используйте горячие клавиши маштабирования: Ctrl + [Плюс на цифровой панели справа на клавиатуре] для увеличения масштаба. Соответственно Ctrl - уменьшение. Я рекомендую использовать эти функции для большей точности проработки изображения. Чем точнее будет прорисованы контуры, тем четче в конечном итоге получиться векторное изображение.
3*. Небольшое лирическое отступление от перевода растра в вектор нашего телефона. Рекомендации по обводки контура можете посмотреть в этой теме, благодаря ей, вы значительно ускорите обводку контура.
4. Этап соединение точек привязки. После создания пути вокруг контура телефона, соедините с первой точкой привязки, чтобы создать твердую форму. Теперь скройте слой iphone copy, чтобы увидеть, что получилось [Как я сделал на рисунке ниже.] Теперь начнем манипулировать с точками привязки для придания более стройной формы нашему телефону.
5. Этап перевода из растра в вектор заключается в градиенте частей картинке имитирующих отражение света. Выбираем на панели меню инструментов в подразделе заливка режим градиента.
С проставлением цветов градиента в соответствии с самым светлым участком падующего света. Для этого воспользуемся инструментом фотошоп - пипетка.
6. Немного усидчивости и усердия поможет перевести любое изображение из растра в вектор. Достаточно быстрое преобразование растра в вектор телефона iphone заняло около 50 минут.
Посмотрите что получилось в результате преобразования растр в вектор:
7. Ну и для сравнения результата преобразования растра в вектор выкладываю увеличенную картинку кнопки home в 10 раз.
и изначальную растровую картинку.
8. Полученную картинку можно увеличивать в 100 - 200 раз, да во сколько угодно раз без потери качества. |
|
| |
|
|
| |
|
|
|
|
|
|
|
