Переклад з растра в вектор в фотошопі

Поки моя замітка про масках в Фотошопі не охолола, терміново хочу висвітлити питання перекладу растра в вектор. Два дні тому, я зайшов в свій хронофагскій Google Analytic і що ж я побачив. Виявляється деякі потрапляють на мій сайт за запитом «растр в вектор», а тим часом, на моєму сайті немає жодної розумної замітки на дану тему. Люди ж мучать Google на переклад растра в вектор в Corel Draw, Illustrator і навіть Adobe Photoshop. Почнемо з Фотошопа.

Фотошоп - растрова програма. Вектор в ньому присутня у вигляді векторних контурів. Як таких, векторних об'єктів в Фотошопі немає. Але є є векторні контури, які можуть бути перетворені в векторну маску. Маска накладається на ефект або об'єкт і виходить вектор в фотошопі. Вміст такого об'єкта все одно растровое, але може перетворюватися в вектор при збереженні в деякі формати.

Фотошоп не працює з вектором на повну потужність. Лише використовує його переваги там так тут. Але навіть в Фотошопі растрові об'єкти можна перетворити в векторні. Навіщо це потрібно якщо є Ілюстратор? Ну як вам сказати. При активній роботі з графікою виникають різні ситуації. Іноді простіше на місці перевести виділення в контур, ніж йти з головою в Ілюстратор і займатися там трасуванням. Щоб прополоти грядку полуниці на дачі не потрібно викликати комбайн. Зрештою, не всі хочуть, або вміють користуватися ілюстратор, не всім він потрібен, не всі можуть його собі поставити, а перевести в вектор закорючку потрібно тут і зараз. Сідати з трьома томами по Ілюстраторові на пару тижнів для цього зовсім необов'язково.

Виберіть з меню Tool звичайнісіньку чарівну паличку Magic Wand Tool і клацніть по білій області. Так ми створили область виділення, але виділити потрібно метелика.

Зайдіть в Select> Inverse або клікніть по робочій області і з меню, що виберіть Select Inverse. Сенс в тому, що створене виділення треба інвертувати щоб виділити метелика. Чесно кажучи мені абсолютно все одно як ви будете створювати ваше виділення. Хоч вручну обводить ласо, це не має ніякого значення.

У нас є виділена область, тепер конвертуємо її в векторний контур path. Виберіть будь-який інструмент виділення на зразок Lasso Tool, Rectangular Marquee Tool або Magic Wand Tool. Клацніть по області виділення правою кнопкою миші і в меню оберіть Make Work Path. У меню встановіть ступінь згладжування Tolerance за смаком. Залежність проста. Чим вище цифра, тим вище згладжування. Чим нижче цифра, тим нижче згладжування. Висока згладжування означає більш низьку кількість векторних вузликів і більш неточне дотримання растровому контуру. У випадку з моїм Вітрувіанська людина саме такого ефекту я і домагався.

Отже, в палітрі Path у нас з'явився робочий контур. Якщо у вас немає палітри Path відкрийте її Windows> Path Робоча область палітри Path схожа на десктоп або тимчасовий притулок. На ній можуть з'являтися різні контури, але якщо ви подбаєте про послідовне збереження, з часом вони зникнуть. Зробіть подвійний клік по контуру Work Path і збережіть контур окремо. Контури в області Path працюють так само як шари в палітрі Layers. Якщо контур виділено, значить він активний і з ним можна працювати.

Інструменти для роботи з контурами в фотошопі - Path Selection Tool і Direct Selection Tool. У нас є контур, але немає об'єкта. Якщо ви Новомосковсклі серію моїх заміток про вектор в фотошопі ви вже знаєте, що вектор в фотошопі представлений у вигляді векторної маски для якогось ефекту або графіки. Ще вектор може бути присутнім у вигляді розумного шару, що посилається на імпортований фаил ілюстратор, але це залишимо для іншої статті. Виділіть контур інструментом Path Selection Tool або в палітрі контурів Path. Натисніть Layer> New Fill Layer> Solid Color Ми створили шар заливки, якому відразу присвоюється векторна маска у вигляді нашого контуру.

Ви завжди можете зберегти отриманий об'єкт в довільні фігури Custom Shapes. Деякий час назад я згадував про те як це можна зробити в статті Custom Shape Tool в Фотошопі. Виділіть шар з метеликом і натисніть Edit> Define Custom Shape Наша метелик з'явилася в постатях інструменту Custom Shapes Tool.

А ось те, що у нас вийшло в результаті:

Переклад растрової фотографії в вектор в Фотошопі абсолютно безглузде заняття. Але іноді подібні техніки можуть стати в нагоді для побічних робіт з графікою і не тільки.

Фотошоп не створений для перекладу растрової графіки в вектор. У ньому, проте, присутні кілька спец-ефектів, які візуально створюють подобу векторного зображення. А за допомогою описаної мною техніки можна і з них зробити векторне зображення в Фотошопі. Візьмемо для прикладу звичайну фотографію, зроблену моїм знайомим фотографом.

Одним із згаданих мною ефектів є Filter> Artistic> Cutout Залишаю настройки на вашій совісті. Зображення повинно вийти максимально реалістичним, але сильно згладженим. На цьому можна було б зупинитися, зображення вже виглядає «векторно», але воно як і раніше растровое.

Тепер потрібно створити векторні області рівні кількості кольорів на фотографії. Виберіть паличку Magic Wand Tool і переконайтеся, що в налаштуваннях не відзначена галочка Contiguous. Виділіть першу область і виконайте весь, описаний мною вище, шлях. З виділення створіть контур, з контуру залиту векторну маску і так далі.

Разом, вся фотографія перетворена в векторні області. Останню білу область ми не будемо перетворювати в вектор. Просто намалюйте великий білий квадрат інструментом Rectangle Tool і помістіть його під всі шари. Після легкої чистки і доопрацювання контурів фотографія виглядає так, як на картинці нижче. І ще раз, подібна робота не призначена для Фотошопа і є скоріше збоченням. Але, це можна зробити, і в різних ситуаціях подібні прийоми можуть стати в нагоді. Обробка фотографії зайняла у мене 10 хвилин, так що подібна робота не забирає багато часу. І пам'ятайте, чим більшого розміру фотографію ви розкладіть таким чином на шари, тим краще і більш еластично контур зможе обігнути області виділення. Що ж тоді незграбною і грубою вийде наш вектор в Фотошопі. Різні настройки Toleranse при створенні контуру теж дадуть різний результат. Вдалих експериментів!