Докато моята статия за маските във Photoshop все още е активна, спешно искам да покрия проблема с конвертирането на растер във вектор. Преди два дни влязох в моята хронофагия Google Analyticsи какво видях? Оказва се, че някои хора идват на моя сайт, като поискат „растер към вектор“, но междувременно на моя сайт няма нито една разумна бележка по тази тема. Хората се измъчват Googleза преобразуване на растер във вектор Corel Draw, илюстратори дори Адобе Фотошоп. Да започнем с Photoshop.
От растер към вектор. Защо е необходимо това?
Photoshop е растерна програма. Векторът присъства в него под формата на векторни контури. Във Photoshop няма векторни обекти като такива. Но има векторни пътища, които могат да бъдат преобразувани във векторна маска. Маската се прилага върху ефект или обект и се получава вектор във Photoshop. Съдържанието на такъв обект все още е растерно, но може да бъде преобразувано във вектор, когато се записва в някои формати.
Например, можем да създадем запълване и да плъзнем векторна маска върху него. Във Photoshop има цяла група инструменти, които правят това безплатно и автоматично, това е група векторни примитиви. За повече подробности прочетете моята статия Векторни примитиви във Photoshop или. Така че контурът ще бъде вектор. Запълване вътре в растера. 
Photoshop не работи с вектор на пълна мощност. Използва предимствата си само тук и там. Но дори във Photoshop растерните обекти могат да се превърнат във векторни. Защо е необходимо това, ако имате Illustrator? Е, как да ви кажа? При активна работа с графики възникват различни ситуации. Понякога е по-лесно да преобразувате селекция в пътека на място, отколкото да влезете стремглаво в Illustrator и да правите трасиране там. За да плевите легло с ягоди във вашата дача, не е необходимо да се обаждате на комбайн. В крайна сметка не всеки иска или знае как да използва Illustrator, не всеки има нужда от него, не всеки може да го инсталира, но трябва да преобразувате качулка във вектор тук и сега. Изобщо не е необходимо да седнете с три тома на Illustrator за няколко седмици.
Преобразуване на растер във вектор във Photoshop
Какво точно може Photoshop да конвертира във вектор? Всичко, стига предварително да изберете този обект с груповите инструменти Изберете. Photoshop преобразува всяка селекция в контур. Можете да прочетете за инструментите за избор в статията Примитиви за избор във Photoshop. Нека ви дам работещ пример. Преди много години бях потърсен от много труден клиент, който поиска сложен уебсайт. Трябваше да направя различни рисунки за сайта и реших да го нарисувам във Photoshop. Докато рисувах, го конвертирах във вектор и сега ще ви кажа как. 
Ето едно такова изображение, което нарисувах с твърда четка върху таблет. Проследих оригиналния Витрувиански човек, модифицирах го и нарисувах собственото си лице, различно от оригинала. Идеята за векторизация на изкуството дойде случайно. Но след като го внедрих, получих възможност да мащабирам човек по какъвто начин пожелая. Освен това предишните назъбени ръбове и неравности бяха изгладени след векторизация.
Намиране на изображение за проследяване
Потърсих пеперуда в Google Images. Ще го преобразуваме във вектор. Моля, обърнете внимание, че колкото по-голямо е изображението, толкова по-гладък ще се окаже нашият векторен обект. Това важи както за Photoshop, така и за Illustrator. Под голямо изображение имам предвид картина с ширина 1000 пиксела или повече. Моята пеперуда например е от 2000 пиксела. 
Избор на обект
Изберете от менюто Инструментнай-обикновена магическа пръчка Инструмент за магическа пръчкаи щракнете върху бялата област. По този начин създадохме зона за избор, но трябва да селектираме пеперудата.
Отидете на Изберете > Обратноили щракнете върху работната зона и изберете от появилото се меню Изберете Обратно. Въпросът е, че създадената селекция трябва да се обърне, за да се избере пеперудата. Честно казано, не ме интересува как правите избора си. Въпреки че ръчно очертавате ласото, това няма значение.
Създайте векторен контур
Имаме избрана област, сега нека я преобразуваме във векторна пътека път. Изберете всеки инструмент за избор като Инструмент Ласо, Инструмент Правоъгълна маркировкаили Инструмент за магическа пръчка. Щракнете с десния бутон върху областта за избор и изберете от менюто, което се появява Направете работен път. В появилото се меню задайте степента на изглаждане Толерантноствкус. Зависимостта е проста. Колкото по-голямо е числото, толкова по-високо е изглаждането. Колкото по-ниско е числото, толкова по-ниско е изглаждането. Високото анти-алиасинг означава по-малък брой векторни възли и по-неточно следване на растерния контур. В случая с моя Витрувиански човек, това е точно ефектът, който исках.
И така, в палитрата ПътекаСега имаме работеща верига. Ако нямате палитра Пътекаотвори го Windows > ПътРаботна зона за палитри Пътекаизглежда като работен плот или временен дом. На него могат да се появят различни контури, но ако се грижите за последователното опазване, те ще изчезнат с времето. Кликнете два пъти върху контура Работен пъти запазете контура отделно. Контури в района Пътекаработят по същия начин като слоевете в палитра Слоеве. Ако контурът е избран, това означава, че е активен и можете да работите с него.
Инструменти за работа с пътеки във Photoshop - Инструмент за избор на пътИ Инструмент за директен избор. Имаме контур, но нямаме обект. Ако сте чели моята поредица от публикации за вектори във Photoshop, вече знаете, че вектор във Photoshop е представен като векторна маска за някакъв вид ефект или графика. Векторът може да присъства и под формата на интелигентен слой, който се свързва с импортирания файл на Illustrator, но ще оставим това за друга бележка. Изберете контура с инструмента Инструмент за избор на пътили в палитрата с контури Пътека. Кликнете Слой > Нов слой за запълване > Плътен цвятСъздадохме слой за запълване, на който веднага се присвоява векторна маска под формата на нашия контур.
Финализиране на векторния контур
Използвайки материалите, които описах в статиите Инструменти за векторно рисуване във Photoshop и Добавяне, изваждане, пресичане и изключване във Photoshop, ще усложним рисунката. Взех инструмента Инструмент за писалка, избра маската на слоя за запълване. В настройките Инструмент за писалкаизложени Извадетеи добави някои елементи към нашата пеперуда. Изрязах шарки на крилата и направих краката и антените по-дебели.
Създаване на персонализирана форма Custom Shapes
Винаги можете да запишете получения обект в произволни форми Персонализирани форми. Преди време споменах как може да стане това в статията Custom Shape Tool във Photoshop. Изберете слоя с пеперудата и щракнете Редактиране > Дефиниране на персонализирана формаНашата пеперуда се появи във формите на инструмента Инструмент за персонализирани фигури.
И ето до какво стигнахме:
Преобразуването на растерна снимка във вектор във Photoshop е напълно безсмислено упражнение. Но понякога такива техники могат да бъдат полезни за странична работа с графики и др.
Преобразуване от растерна във векторна фотография във Photoshop
Photoshop не е проектиран да конвертира растерни графики във векторни. Той обаче съдържа няколко специални ефекта, които визуално създават прилика на векторно изображение. И използвайки техниката, която описах, можете да направите векторно изображение от тях във Photoshop. Да вземем за пример обикновена снимка, направена от фотограф, когото познавам. 
Един от ефектите, които споменах, е Филтър > Художествен > ИзрязванеОставям настройките на вас. Изображението трябва да е възможно най-реалистично, но силно изгладено. Можем да спрем до тук, изображението вече изглежда „векторно“, но все още е растерно.
Сега трябва да създадете векторни области, равни на броя на цветовете в снимката. Изберете пръчка Инструмент за магическа пръчкаи се уверете, че квадратчето за отметка не е отметнато в настройките Съседни. Изберете първата област и следвайте целия път, който описах по-горе. Създайте път от селекцията, запълнена векторна маска от пътя и т.н.
Като цяло цялата снимка се преобразува във векторни области. Няма да конвертираме последната бяла област във вектор. Просто начертайте голям бял квадрат с инструмента Инструмент за правоъгълники го поставете под всички слоеве. След леко почистване и контуриране снимката изглежда като изображението по-долу. И още веднъж, такава работа не е предназначена за Photoshop и е по-скоро извращение. Но това може да се направи и в различни ситуации такива техники могат да бъдат полезни. Обработката на снимката ми отне 10 минути, така че този вид работа не отнема много време. И не забравяйте, че колкото по-голяма е снимката, която подредите на слоеве по този начин, толкова по-добре и по-еластично контурът ще може да обикаля зоните за избор. Колкото по-малко ъглови и груби ще се окаже нашият вектор във Photoshop. Различни настройки Толерантностпри създаване на контур те също ще дадат различни резултати. Приятно експериментиране!
16.03.2014 27.01.2018
Тази векторна рисунка може да бъде направена от снимка за няколко минути във Photoshop без много усилия. Всичко, което трябва да направите, е да приложите няколко филтъра, функции и коригиращи слоеве. Как да направите това, прочетете инструкциите в този урок.
С помощта на Photoshop можем да конвертираме всяка рисунка във векторно изображение.
Изберете снимка и я отворете във Photoshop.
Направете копие на слоя. Назовете един слой Момиче 1 слой, и второ Момиче 2 слой.
Приложете функцията Изображение - Корекции - Прагове(Изображение - Корекция - Изохелий) за слой Момиче 1 слой.
Задайте цветовете на бяло и черно в лентата с инструменти.
Прилагане на филтър Филтър - Скица - Фотокопие (Филтър – Скица – Фотокопие) за слой Момиче 2 слой.
Режим на смесване на слоеве Момиче 2 слойИнсталирай Умножете(Умножение) и обединете слоевете.
Приложете отново функцията Праг (Изохелий)
Сега трябва да изгладите ръбовете, за да направите това, приложете филтър Стилизирайте - Difusse(Стилизация - Дифузия)
Векторното изображение е готово.
Сега, за да го трансформирате по някакъв начин, можете да го оцветите. За да направите това, просто вземете черна четка и коригирайте линиите на чертите на лицето.
За да запълните с цвят, използвайте Инструмент за кофа за боядисване (Напълнете). Това няма да е проблем за вас.
В този урок ще говорим за това как да конвертирате растерно изображение във векторна форма във Photoshop. Разбира се, Photoshop е предназначен предимно за работа с растерни изображения, а векторът в него е някакво допълнение под формата на пътеки с векторна маска на слоя, която се прилага към обекта и създава векторна форма. В такава векторна форма (Shape) контурът ще бъде векторен, а запълването ще бъде растерно.
В този урок ще разгледаме следните стъпки:
Създаване на документ и рисуване на обект
Първо създайте нов документ с произволен размер и слой.
Сега нека нарисуваме произволно изображение. Вземете инструмента Brush с незамъглени ръбове и пълна непрозрачност. Нека нарисуваме проста геометрична фигура, например, както е показано на изображението.
Избор на растерен обект
За да преведете растерно изображение, първо трябва да го изберете с произволен инструмент за избор. Сега изберете начертания обект или с помощта на Wand Tool, или щракнете върху слоя с левия бутон на мишката, докато държите натиснат клавиша Ctrl.
Преобразуване на избран обект във векторна пътека (Path)
С помощта на който и да е инструмент за избор на тип извикайте контекстното меню. За да направите това, трябва да насочите инструмента към избрания обект и да натиснете десния бутон на мишката. В менюто, което се показва, изберете „Make Work Path...“.
Ще се появи прозорец, където ще трябва да въведете параметъра tolarence, който определя колко контролни точки ще съдържа векторната форма; колкото повече са, толкова по-гладък ще бъде векторният обект, но качеството на контролните точки ще бъде ниско.
Създаване на векторна маска за слой от векторна пътека
Отидете в раздела Paths, където трябва да се появи векторната пътека, която току-що създадохме.
Кликнете два пъти върху него, за да му дадете име.
След това от главното меню изберете “Layer -> New Fill Layer -> Solid Color...”. Можете да наименувате новия слой нещо, след което щракнете върху „ok“. Изберете цвят за бъдещата форма в диалоговия прозорец за избор на цвят.
Сега трябва да се появи нов слой с векторна маска в раздела Слоеве.
Как да запазите векторен обект в библиотека с векторни форми във Photoshop
След това ще бъдете подканени да дадете име на новия векторен обект. Щракнете върху „ok“ и след това тествайте новия обект в библиотеката с помощта на инструмента за персонализирани форми.
Ако урокът за конвертиране на растер във вектор е бил полезен за вас, споделете го в социалната си мрежа (икони по-долу).
Краен резултат 
Както знаете, векторните илюстрации в момента са много популярни в уеб графиките. Професионалните дизайнери могат да създадат такива илюстрации за няколко часа. Ако сте начинаещ или любител, уроците по уеб графики със сигурност ще са ви изключително полезни. Целта на този урок е да хвърли светлина върху процеса на създаване на избраното изображение. Ще демонстрирам целия процес стъпка по стъпка и ще обясня всички стъпки с помощта на моите коментари.
За да създадете наистина страхотно изображение, трябва да изберете правилната програма и да следвате определени правила. Ако искате да нарисувате векторна илюстрация, трябва да имате предвид, че редактори като напр Adobe Illustratorили Corel Draw. По същото време, Фотошопразполага с достатъчно средства за разработване на векторни илюстрации. Ще покажа ясно това в моя урок как да конвертирам чертеж във вектор. За основа на илюстрацията избрах скица на котка. Реших да изобразя синя котка с розови цветя в лапите.
Етап 1
Нека започнем със създаването на фона. Нека начертаем фигура с помощта на инструмента за избор () (в режим Слоеве с форма(слой с форма)). Настройки - (Непрозрачност на запълване) = 0% . Сега използвайте градиентно наслагване: ((Layer Style - Gradient Overlay)), за да запълните създадената форма. Всички настройки са по подразбиране, просто трябва да промените ъгъла (ще посоча степента) и градиента. Добавете Удар(Щрих) ((Стил на слоя - Штрих)). Използваме всички настройки по подразбиране, с изключение на ширината в 1 px и цветове.
Въпреки факта, че Photoshop е растерен графичен редактор, неговият инструментариум включва и някои векторни инструменти. Векторните инструменти са предназначени предимно за създаване на редактируеми криви - контури. За да опресним паметта ви, нека ви напомним, че разликата между растерната и векторната графика е в начина, по който се съхранява и описва графичната информация. Векторните чертежи се съхраняват под формата на математически описани криви, които не губят качество при мащабиране и могат лесно и гъвкаво да се редактират по всяко време. Първо, нека да разгледаме принципа на конструиране на векторни криви.
Векторните контури са изградени върху сегменти, които имат ключови възли и контролни точки. Ключовите възли ограничават сегмента от двете страни, а контролните точки ви позволяват да контролирате огъването на кривите.
Груповите инструменти се използват за създаване на криви Химилка. Инструмент Инструмент за писалкапроектиран да създава криви в ключови възли. Принципът на действие на този инструмент е да посочи ключовите точки на контурния сегмент. Ако при посочване на контролна точка, без да пускате бутона на мишката, я преместите, тогава сегмент, съдържащ контролна точка. По-нататъшните движения на мишката директно засягат контролната точка и от своя страна огъването на сегмента. Следващият ляв клик ще зададе следващата контролна точка и т.н.
Инструментът Pen може да работи в два режима - създаване на криви и създаване на така наречените фигури - превключването между тези режими става с бутоните - режим на създаване на контур, - режим на създаване на форма. Ако работите в режим на създаване на формуляр, тогава контурът, който създавате, винаги ще се счита за затворен и в резултат на това запълнен с избрания от вас цвят. Физически маската на слоя се създава в палитрата на слоевете въз основа на векторна рисунка. Самият слой се запълва с цвят по ваш избор (избирате цвета в палитрата със свойства).
Принципът на работа с векторна маска се различава малко от принципа на работа с растерна маска, различават се само средствата. Ако в случай на работа с растерна маска сте я променили с помощта на инструменти за рисуване, тогава в този случай промяната на формата на маската става с помощта на векторни инструменти.
За да конвертирате векторна маска в растерна, трябва да извикате контекстното меню на векторната маска и да изберете елемента Растеризирайте маската. Резултатът е обикновена маска на слоя. Иначе работата със слой маска във векторната версия не се различава от работата в растерната версия.
Векторните рисунки са удобни, защото можете много удобно да промените формата на кривите на този чертеж по всяко време. Има редица инструменти за това. Например инструментът (добавяне на ключови точки - възли) - добавя ключови точки на кривата на мястото, където щракнете. Инструментът може да изтрие допълнителни точки по даден път, като щракнете върху точката, която трябва да бъде изтрита. Всъщност преминаването към тези инструменти изобщо не е необходимо. Обърнете внимание на превключвателя Автоматично добавяне/изтриванев палитрата със свойства. Ако този режим е активиран (отметнат), Pen Tool автоматично ще превключи към инструмента за добавяне на точка (когато го поставите върху пътя) и инструмента за изтриване на точка (когато го поставите върху съществуваща точка). Ако режимът е деактивиран, тогава изтриването и добавянето на точки ще бъде възможно само при използване на подходящите инструменти.
Огъването на кривите се контролира чрез контролни точки. За да изберете контролна точка, използвайте инструмента Инструмент за директен избор. Избиране на възела за редактиране (щракване с този инструмент върху редактирания възел). След това чрез преместване на контролните точки влияете на огъването на кривата в областта на избрания възел. Можете също да премествате избрани възли с помощта на този инструмент. Инструмент Инструмент за избор на пътпроектиран да работи с кривата като цяло, като с обект - за движение и трансформация. За векторни обекти се използва режимът Free Transform, абсолютно същият като за растерните области.
Важен инструмент за работа с ключови възли е инструмент, наречен Инструмент за преобразуване на точки. Целта на този инструмент е да трансформира тип възел. Във векторната графика на Photoshop има два типа ключови възли - изгладениИ ъгъл. Значението на изгладените ключови възли е, че контролните точки на две криви се събират в един възел Винаги на една и съща виртуална линия.
Друг вид възел, както казахме, се нарича ъглов възел. Значението на този тип е, че виртуалните линии, минаващи през контролната точка на един от сегментите и общия ключов възел на двата сегмента, могат да се събират под произволен ъгъл.
Инструментът за преобразуване на типа работи по следния начин - ако възелът е гладък (и по подразбиране възлите се създават гладки), тогава щракването върху инструмента за преобразуване ще промени типа на възела на ъгъл. Ако след като натиснете бутона на мишката, не го пуснете, а просто го плъзнете, ще можете да контролирате огъването на сегмента в определен възел.
Започнахме, като подчертахме два режима на работа на Pen Tool. Първият е режимът за създаване на форми, а вторият е режимът за създаване на контури. Нека разгледаме по-подробно начина на работа с контури.
В този случай вашият път няма да се запълни автоматично и да формира векторна маска и слой. В този случай вашето очертание ще бъде чисто виртуално и няма връзка със слоеве. За да работите с такива контури, има палитра, наречена Path. Всички операции с контури са концентрирани в тази палитра.
В палитрата Path контурите (пътеките) се поставят като слоеве в палитрата Layers и един векторен слой може да съдържа няколко несвързани векторни контура. Долният ред на палитрата Path съдържа икони за управление на пътища. До болка познатите пиктограми с кошче за боклук и празен лист не са променили предназначението си и в тази палитра, т.е. съответно, това е изтриване на векторния слой и създаване на празен векторен слой.
Досега се чудехме защо са необходими тези векторни инструменти в такъв изцяло растерен редактор като Photoshop. Прост пример за използване на вектори във Photoshop е отново работа със селекции. Както можете да видите от фигурата, редица икони в палитрата Path са предназначени да трансформират контур (път) в контур за избор и обратно. Всъщност, след като придобиете някои умения за работа с контури, ще разберете, че е много по-лесно да настроите векторния контур към формата на избраната област, отколкото дори да използвате доста гъвкава бърза маска. Така че, ако искате да редактирате селекция, винаги можете да я конвертирате в път (контур), след което да я редактирате и да я конвертирате обратно в селекция. Ако искате да използвате традиционни операции като щрих и запълване за контури на селекцията, те също са на ваше разположение.
Логическите операции работят донякъде неочаквано. Можете да създавате пътища във всеки от логическите режими, било то събиране или изваждане. На този етап няма да забележите никакво действие. Но не се заблуждавайте от факта, че сте открили грешка в почти безупречна програма. Всъщност Photoshop запомня в какъв режим сте създали контура (офисът пише...) и веднага щом кажете на програмата да създаде контур за избор от вашата бъркотия от пътеки, Photoshop ще запомни всичко и ще извърши всички операции, които сте предписани му при създаването на пътеките. Диалоговият прозорец Създаване на контур на селекция от пътека ви позволява да зададете най-важните настройки по отношение на пътеките за селекция (но това е само ако използвате командата Направете селекция от менюто на палитрата на пътя).
Моля, обърнете внимание, че можете да зададете радиуса на разгъване (Feather), да активирате или деактивирате Anti-Aliased изглаждане. В секцията Операция можете да зададете логическия режим за новосъздадената селекция. Опциите в този раздел стават достъпни само ако вече съществува един контур за избор. Съответно, ако изберете операцията Нова селекция, създадената селекция ще замени съществуващата селекция; опцията Add to Selection ще добави към съществуваща селекция селекция, създадена от път; Substruct from Selection - ще извади създадения път от съществуващата селекция.
Инструмент Инструмент за свободна формави позволява да създадете векторна пътека в прост режим на рисуване, като четка. Задръжте левия бутон на мишката и просто преместете мишката, за да начертаете контура, от който се нуждаете. Този инструмент има една основна характеристика, която прави този векторен инструмент подобен на инструмента за магнитно ласо - това е опцията Магнитни. Принципът на работа е същият, инструментът търси контрастиращи граници и рисува контур само там. В противен случай контурът, създаден от този инструмент, не се различава от обикновения контур.
- Преглеждания: 58428