В този урок за Photoshop ще превърнем обикновена снимка на момиче във векторна рисунка.

Това е доста труден урок, който ще ви отнеме много време, но си заслужава! Благодарение на този урок ще разберете как се рисуват векторни изображения на хора.

Тук не използваме никакъв филтър, а само инструмента Pen. Ако не знаете как да използвате Pen Tool, вижте .

Намерете снимките, които искате да превърнете във векторно изкуство.

Дублирайте го и отидете в менюто Image> Adjustments> Posterize (Image - Correction - Posterize) и изберете желания брой нива там. Колкото повече нива, толкова по-подробно ще бъде вашето векторно изображение.

Маркирайте лицето и шията на момичето (открити участъци от кожата) с Използвайте инструмента капкомер, за да изберете цвета на кожата от снимката. Попълнете селекцията с този цвят.

Отново очертайте косата, напълнете я с черно и поставете този слой под слоя на лицето.

Тъй като сме загубили някои зони на косата на слепоочията и на челото, трябва да ги завършим. Направете това на нов слой над слоя на лицето.

Окръжете краищата на дрехите. Не забравяйте, че всеки детайл трябва да е солиден. Ще рисуваме сенки по-късно...

И сега, въз основа на вашата плакатна основа и оригиналното изображение, решете новото ниво, което ще рисувате, и с неговия цвят.

НИКОГА НЕ ВЗЕМАЙТЕ ЦВЯТ ОТ ПОСТЕРИЗИРАНИЯ СЛОЙ! ЦВЕТИТЕ ВЪРХУ НЕГО СА НЕПРАВИЛНИ, ТРЯБВА ВИ САМО ЗА ДА НАЧЕРТАТЕ НИВОТО.

Продължете да рисувате тоновете върху кожата. Слоевете със сенки трябва да се наслагват един върху друг според следния принцип: светли слоеве - отдолу, тъмни - отгоре.
Когато приключите с кожата, обединете всички тези слоеве.

Тъй като имаме два слоя с коса, направете нов слой на самия връх и нарисувайте светли кичури върху него.
Ако косата на вашата снимка е тъмна, тогава ще бъде лесно да се направи, а ако е светла, тогава ще трябва по-точно да нарисувате нюансите, получени по време на постеризацията.

Направете същото и с дрехите.
Ако погледнете оригиналната снимка, ще забележите, че огърлицата липсва на снимката. Всичко е наред, така да бъде.

Ако човекът на снимката е с малко наднормено тегло или има някакъв детайл, който не ви харесва, просто го премахнете!

Редактирайте всички останали подробности...

Сега поработете върху очите. Първо, на нов слой, нарисувайте формата на окото. След това създайте още един слой и нарисувайте мигли. След това обединете двата слоя заедно.

Върху формата на черно око нарисувайте малко по-малко бяло. А вътре в белия има няколко кръга, от които ще излезе зеницата.

Рисуваме устни. Първо начертайте фигурата и я запълнете с основния цвят.

Начертайте сенки и отблясъци върху устните, както и в устата (ако е необходимо).
Тук, както виждате, е нарисуван субстрат за зъбите - това е основата на венците и сянката на зъбите.

И накрая нарисувайте самите зъби и акценти върху тях.
Не забравяйте, че всички сенки и акценти трябва да бъдат групирани с основния цвят.

И след няколко часа работа върху тази снимка, сега вижте резултата! Искрено се надяваме, че и вие сами харесвате това, което сте нарисували.

Често се пита как да направите векторно изображение във Photoshop. Както знаете, Photoshop е програма за обработка на растерни графики и не е предназначена за работа с вектор. Специални графични редактори работят с векторни графики. Но ако наистина имате нужда от него, но няма време да изучавате нова програма, тогава с помощта на някои манипулации можете да преобразувате картината във вектор.

Какво е растерно и векторно изображение и как се различават

Растерното изображение също е мрежа от пиксели (точки). За всички нас познатата цифрова снимка е просто растерно изображение. Векторното изображение не се състои от пиксели, а от геометрични примитиви: прави линии, правоъгълници и други форми.

Ако намалите и след това значително увеличите растерното изображение, качеството му ще бъде безвъзвратно развалено. Тъй като всеки пиксел е точка с определен цвят и всички заедно тези точки образуват картина. Когато изображението се намали, допълнителните пиксели се изхвърлят, така че не може да бъде възстановено до първоначалния си вид.

Мащабирането на векторно изображение ви позволява да преоразмерявате, без да губите качество. Това е възможно благодарение на математически преизчисления на размерите на геометричните форми, които съставляват изображението.

Растерното изображение ви позволява надеждно да предавате визуална информация, векторното изображение няма такова предимство. Изображенията с векторна графика могат да бъдат полезни за изобразяване на лога и контурни чертежи. От тях няма да получите фотографска красота. Или ще бъдат много сложни изображения, състоящи се от огромен брой примитиви, които всъщност заменят пикселите.

Прост пример за това как да конвертирате растер във вектор

И така, векторът се състои от геометрични фигури. Photoshop има инструменти за създаване на пътеки. Контурът е геометрична фигура. За да направите векторно изображение във Photoshop, трябва да създадете контур на изображението. Инструментите на групата ще ни помогнат в това. Изберете: Инструмент за правоъгълна маркировка, Елиптичен инструмент за избор,** Инструмент за магическа пръчка , **Инструмент за бърз изборИ Инструмент "Писалка" / Pen.

За да се окаже, че векторът е чист, струва си да изберете растерно изображение с възможно най-високо качество, в противен случай контурите ще трябва да бъдат нарисувани ръчно.

Отворете растерното изображение във Photoshop (най-често срещаният формат на растерна карта е JPG). Лого, контурни чертежи, скици са много лесни за обработка. За да получите векторна скица на портрет, можете първо да конвертирате портрета в скица с помощта на "Филтриране на галерии", или използвайте готов поп арт. Как да работим с "Галерия филтър"и бързо създавайте поп арт от снимки, за които говорихме в предишни статии. За този пример ще вземем готов поп арт портрет. Нарочно го подготвихме от снимка с не най-добрата резолюция. Следователно векторната версия ще ни покаже забележима разлика.

За да работите с контури, трябва да извикате раздела „Контури“ / Пъткъм палитрата на слоевете. За да направите това, отидете в менюто "Прозорец" / Прозореци поставете отметка в квадратчето „Контури“ / Път. Отметката ще се появи в палитрата на слоевете.

Изображението има 4 цвята (фонът не се брои). Взимаме инструмента „Вълшебна пръчка“/Инструмент за магическа пръчкаи изберете първия цвят. За да изберете всички области, разпръснати от острови в изображението, задръжте Shift.

С избрания първи цвят изберете инструмента "Ласо" / Ласоили Инструмент за правоъгълна маркировкаи без да премахвате селекцията, щракнете с десния бутон на мишката. В контекстното меню изберете Направете работен път.

В диалоговия прозорец посочете максималното изглаждане "Толерантност" / Толерантност(от 1 до 10; колкото по-ниско е числото, толкова по-добре ще се повтарят контурите). Натискаме Добре.

Отметка "верига"ще се появи първият цикъл. На изображението ще бъде забележимо под формата на криви с точки. Те могат да бъдат подравнени и регулирани с инструмент Инструмент за избор на възел/Пряк избор. С този инструмент изберете точка и или коригирайте кривата, като преместите антената на точката, или преместете самата дъга.

Отметка "верига"променете името на веригата. За да направите това, щракнете двукратно върху него и променете името в диалоговия прозорец.

Правим всички описани стъпки с останалите цветове. В резултат на това получаваме четири контура за всеки цвят.

След като получихме контурите, остава да създадем вектор. Отидете на отметка "Слоеве" / Layerв палитрата на слоевете, създайте нов слой Shift+Ctrl+N. Задаваме основния цвят на този, в който ще оцветяваме първия контур.

Назад към отметка "верига", ставаме на първия контур. В главното меню под „Слоеве“ / Слоевеизбирам „Нов цвят на запълване“ / Нов слой за запълване - „Цвят“/Плътен цвят. В прозореца, който се отваря, щракнете Добре.

Сега отидете на отметката „Слоеве“ / Слоеве, ще видите първия векторен слой на новия слой.

В следващия диалогов прозорец, както обикновено, посочете името на файла и пътя.

Това е всичко. Методът е доста прост.

Ако често работите с векторни изображения, може би тази статия ще ви вдъхнови да научите нови графични редактори. Във всеки случай сте научили друг полезен метод. Пожелаваме ви страхотна работа.

Научете повече за Photoshop в курсовете.

Инструментите за работа с вектор във Photoshop се появиха отдавна, но започнаха да се използват в работата сравнително наскоро. Това се дължи на факта, че много дълго време те са били „сурови“ и защото. Векторът във Photoshop не е специализиран инструмент за работа и не е финализиран. Но всичко се промени с пускането на Photoshop CC.

Защо имате нужда от вектор във Photoshop

Първо искам да ви кажа защо използвам вектор във Photoshop. Има много доказани векторни редактори. Най-често срещаните са Illustrator, CorelDraw, Xara. Най-често се занимавам с уеб дизайн, което означава, че работата ми не е крайният резултат. Тези. преди да стане уебсайт, интерфейс, приложение, оформлението ще стигне до дизайнера на оформление. Повечето дизайнери на оформление владеят свободно Photoshop, но са много повърхностно запознати с Illustrator. Следователно желанието да се „пъхне“ всичко в един файл е съвсем логично. Страхотно е, когато дизайнерът на оформление получи едно PSD, което съдържа пълно оформление и дори с възможност за редактиране на елементи. Променете цвета на бутона, променете радиуса на формата на менюто, увеличете или намалете блока без загуба на качество - за 2 щраквания и 1 минута! Vector във Photoshop ви позволява да направите това без специални умения.

Характеристики на работа с вектор във Photoshop

Ако преди сте работили във всеки векторен редактор, тогава много неща ще ви се сторят познати. Но е нужно много, за да свикнеш. Цялата работа във Photoshop е изградена със слоеве, това важи и за всички векторни инструменти.
1. За да редактирате лесно вектор във Photoshop, трябва да поставите всяка форма на отделен слой.
2. Операциите „сливане“, „изваждане“, „налагане“ се прилагат най-добре за не повече от два обекта.
3. След операциите “сливане”, “изваждане”, “наслояване”, контурите на оригиналните обекти остават достъпни за редактиране.
4. Растерните стилове могат лесно да се прилагат към всички векторни обекти. Много е удобно.
5. Можете да приложите прозрачност към векторни обекти и да приложите филтри към тях.
6. Отделни слоеве и групи слоеве с векторни обекти могат лесно да бъдат клонирани вътре в документ или копирани в друг PSD документ.
7. Маркирайте всеки слой и групирайте слоеве - това ще спести много време.

Основни примитиви

Както във всеки векторен редактор, векторът във Photoshop има готови примитиви. Основни примитиви:
„Правоъгълник“, „Заоблен правоъгълник“, „Елипса“, „Полигон“, „Линия“, „Персонализирана форма“. За всяка форма (по всяко време) можете да зададете дебелината/вида/цвят на щрих и запълване. Допълнителни свойства са налични за конкретни примитиви. Например, за многоъгълник можете да зададете броя на ъглите, а за правоъгълник със заоблени ъгли можете да зададете радиуса на закръгляване.

Основни инструменти

За да нарисувате произволен вектор или да редактирате съществуващ (включително контура на примитиви), трябва да използвате инструментите „Pen“ (начертайте произволен контур), „Pen +“ (добавете нови точки за закрепване към готовия контур), „Pen -“ (изтриване на точките на закрепване от готовия контур), „Свободна писалка“ (начертайте произволен контур на ръка), „Ъгъл“ (променете завоите на кривите на контура, задайте видовете връзки между точките за закрепване).

За да илюстрирате процеса, кратко видео, от което ще научите:
1. Как да създадете примитив
2. Как да нарисувате произволна векторна форма
3. Как да редактирате контура на примитив
4. Как да редактирате контура на произволна векторна форма

Основни векторни операции във Photoshop

Налични са общо 4 операции: „Сливане на форми“, „Изваждане на предната форма“, „Сливане на форми в наслагване“, „Изваждане на форми в наслагване“. Всички тези операции са достъпни през главното горно меню. Слоеве > Обединяване на форми, или чрез лентата с инструменти „Свойства“ (горното меню Прозорец > Свойства).
Внимание! Преди да започнете каквито и да било операции за сливане на векторни форми, уверете се, че слоевете на тези фигури са избрани в лентата с инструменти „Слоеве“ (включете я с F7 или Прозорец > Слоеве).

Кратко видео, илюстриращо основните операции за "сливане на форми" във Photoshop.

Променете цвета, размера и приложете стилове

Тук стигаме до най-интересното. Vector във Photoshop ви позволява да преоразмерявате както нагоре, така и надолу, без да губите качество. За да направите това, изберете желаните слоеве в лентата с инструменти "Слоеве", натиснете Ctrl+T (или Command+T, ако имате MAC)и плъзгането на маркерите на избрания път с мишката регулирайте размера. За да може размерът да се промени пропорционално, трябва да задържите клавиша Shift.


Кратко видео:
1. Преоразмерете векторна форма
2. Променете цвета на запълване на векторна форма
3. Добавете стил към векторната форма

Изтеглете PSD пример (безплатно)

За да ви улесня да разберете как да използвате вектор във Photoshop и да видите как тези инструменти могат да бъдат приложени на практика, публикувам инфографичен файл, направен от мен изцяло с помощта на векторни инструменти.

Задай въпрос

Ако нещо не ви се получава или имате въпроси, пишете в коментарите и аз ще ви помогна да го разберете. Можете също да гледате видеоклипове с помощта на векторни инструменти.

Въпреки факта, че Photoshop е растерен графичен редактор, някои векторни инструменти също са предоставени в неговия набор от инструменти. Векторните инструменти са предназначени предимно за създаване на редактируеми криви - контури. За да освежим паметта ви, припомняме, че разликата между растерната и векторната графика е в начина на съхранение и описване на графична информация. Векторните чертежи се съхраняват под формата на математически описани криви, които не губят качество при мащабиране и подлежат на лесно и гъвкаво редактиране по всяко време. Първо, разгледайте принципа на конструиране на векторни криви.

Векторните контури са изградени върху сегменти, които имат ключови възли и контролни точки. Ключовите възли ограничават сегмента от две страни, а контролните точки ви позволяват да контролирате огъването на кривите.

Груповите инструменти се използват за създаване на криви Химилка. Инструмент инструмент за писалкапредназначени за създаване на криви по ключови възли. Принципът на действие на този инструмент е да посочи ключовите точки на сегмента на контура. Ако при задаване на контролна точка, без да отпускате бутона на мишката, я преместите, тогава в ключовата точка ще се появи сегмент, съдържащ контролен пункт. По-нататъшните движения на мишката вече пряко засягат контролната точка и от своя страна огъването на сегмента. Следващото щракване с ляв бутон ще зададе следващата контролна точка и т.н.

Инструментът Pen може да работи в два режима - създаване на криви и създаване на така наречените форми - затворени векторни области.Превключването между тези режими се извършва с бутони - режим на създаване на контур, - режим на създаване на форма. Ако работите в режим за създаване на формуляр, тогава контурът, който създавате, винаги ще се счита за затворен и в резултат на това ще бъде изпълнен с цвета, който сте избрали. Физически в палитрата Layers се създава маска на слоя въз основа на векторния чертеж. Самият слой се запълва с избрания от вас цвят (изберете цвета от палитрата със свойства).

Принципът на работа с векторна маска се различава леко от принципа на работа с растерна маска, различават се само средствата. Ако в случай на работа с растерна маска сте я променили с помощта на инструменти за рисуване, тогава в този случай промяната на формата на маската става с помощта на векторни инструменти.

За да конвертирате векторна маска в растерна, трябва да извикате контекстното меню на векторната маска и да изберете елемента Маска за растеризиране. В резултат на това ще получите обикновена маска на слоя. В противен случай работата с маска на слоя във векторната версия не се различава от работата в растерна версия.

Векторните рисунки са удобни, защото по всяко време е много удобно да промените формата на кривите на този чертеж. Има редица инструменти за това. Например инструментът (добавяне на ключови точки - възли) - добавя ключови точки на кривата на мястото, където щракнете. Инструментът може да премахне допълнителни точки по контура, като щракне върху точката, която трябва да бъде премахната. Всъщност преминаването към тези инструменти изобщо не е необходимо. Обърнете внимание на превключвателя Автоматично добавяне/изтриванев палитрата със свойства. Ако този режим е активиран (маркиран), инструментът Pen Tool автоматично ще превключи към инструмента за добавяне на точка (когато го поставите над пътя) и инструмента за изтриване на точка (когато го поставите върху съществуваща точка). Ако режимът е деактивиран, тогава изтриването и добавянето на точки ще бъде възможно само при използване на съответните инструменти.

Огъването на кривите се контролира чрез контролни точки. Използвайте инструмента, за да изберете контролна точка Инструмент за директен избор. Избиране на възела за редактиране (щракване с този инструмент върху възела, който се редактира). След това чрез преместване на контролните точки влияете на кривината на кривата в областта на избрания възел. Можете също да местите избрани възли с този инструмент. Инструмент Инструмент за избор на пътпроектиран да работи с кривата като цяло, както с обект - за преместване и трансформиране. За векторни обекти се прилага режимът на свободна трансформация, точно същият като за растерни области.

Важен инструмент за работа с ключови възли е инструмент, наречен Инструмент за преобразуване на точки. Целта на този инструмент е да преобразува тип възел. Има два типа ключови възли във векторната графика на Photoshop - гладкаИ ъгъл. Значението на изгладените ключови възли е, че контролните точки на две криви се сближават в един и същ възел Винаги на една и съща виртуална линия.

Друг вид възел, както казахме, се нарича ъглов възел. Значението на този тип е това виртуалните линии, преминаващи през контролната точка на един от сегментите и общия ключов възел на двата сегмента, могат да се сближават под произволен ъгъл.

Инструментът за преобразуване на типа работи по следния начин - ако възелът е гладък (и по подразбиране възлите са създадени гладки), тогава щракването върху инструмента за преобразуване ще промени типа на възела на ъглов. Ако след натискане на бутона на мишката не го пуснете, а просто го плъзнете, ще можете да контролирате огъването на сегмента в определен възел.

Започнахме с подчертаване на два режима на работа на Pen Tool. Първият е режимът за създаване на форма, а вторият е режимът за създаване на контур. Нека се спрем на режима на работа с контури.

В този случай вашият път няма автоматично да запълни и образува векторна маска и слой на слоя. В този случай контурът ви ще бъде чисто виртуален и не е свързан със слоеве. За да работите с такива пътеки, има палитра, наречена Path. Всички операции с контури са концентрирани в тази палитра.

В палитрата Path пътищата (пътеките) се поставят като слоеве в палитрата Layers, като на един векторен слой може да има няколко несвързани векторни пътя. Контролите за пътя се намират в долния ред на палитрата Path. До болка познатите пиктограми с кофа за боклук и чисто листо също не са променили предназначението си в тази палитра, т.е. съответно това е премахването на векторния слой и създаването на празен векторен слой.

Досега си мислехме защо в такъв абсолютно растерен редактор като Photoshop са необходими тези векторни инструменти. Прост пример за използване на вектори във Photoshop отново е работата със селекции. Както можете да видите от фигурата, редица икони на палитрата Path са предназначени да преобразуват път (път) в път за избор и обратно. Всъщност, след като придобиете някои умения за работа с пътища, ще разберете, че е много по-лесно да коригирате векторен път към формата на селекция, отколкото дори да използвате доста гъвкава бърза маска. Така че, ако искате да редактирате селекцията, винаги можете да го преобразувате в път (очертание), след това да го редактирате и отново да го преобразувате в селекция. Ако искате да приложите операции като Stroke и Fill, традиционни за пътищата за избор, те също са на ваше разположение.

Булевите операции работят малко неочаквано. Можете да създавате пътища във всеки от логическите режими, било то събиране или изваждане. На този етап няма да забележите никакви действия. Но не се подвеждайте от факта, че сте открили грешка в почти безупречна програма. Всъщност Photoshop запомня в кой режим сте създали пътя (офисът пише ...) и веднага щом поръчате на програмата да създаде контур за избор от вашата смесица от пътища, Photoshop ще запомни всичко и ще изпълни всички операции, които вие предписани му при създаване на пътеки. Диалоговият прозорец Създаване на път за селекция от път ви позволява да зададете най-важните настройки по отношение на пътищата за избор (но само ако използвате командата Направи селекция от менюто на палитрата Път).

Моля, имайте предвид, че можете да зададете радиуса на перо (Feather), да активирате или деактивирате Anti-Aliasing anti-aliasing. В секцията Операция можете да зададете логическия режим за новосъздадената селекция. Опциите в този раздел стават достъпни само ако вече съществува един път за избор. Съответно, ако изберете операцията Нова селекция, създадената селекция ще замени съществуващата селекция; опцията Добавяне към селекция ще добави селекция, създадена от път към съществуваща селекция; Substruct from Selection - ще извади създадения път от съществуващата селекция.

Инструмент Инструмент за свободна формави позволява да създавате векторен път в прост режим на рисуване, като четка. Задръжте левия бутон на мишката и просто преместете мишката, за да нарисувате контура, от който се нуждаете. Този инструмент има една основна функция, която прави този векторен инструмент подобен на инструмента Magnetic Lasso и това е опцията Магнитни. Принципът на работа е същият, инструментът търси контрастни граници и чертае контур само там. В противен случай контурът, създаден от този инструмент, не се различава от обичайния контур.

• Преглеждания: 57900

Всеки, който работи с графични редактори, понякога трябва да се справя както с векторна, така и с растерна графика.

Ами ако трябва да добавим някои специални ефекти на Photoshop към векторния файл. Днес ще ви покажа как да работите с векторни файлове във Photoshop.

1) Просто плъзнете и пуснете AI или EPS файл във PHOTOSHOP. Виждаме:

2) Размерът е много важен тук - в края на краищата, във Photoshop изображението ще стане растерно и ще бъде трудно да увеличите размера, без да губите качество. Затова е най-добре веднага да вземете голям размер.

3) Когато отворихме нашия файл, всички изображения бяха на един и същ слой. За да работите с всеки от тях поотделно, ще трябва да използвате селекция, например инструмента Rectangular Marquee Tool, и след това да изрежете до нов слой.

4) Тъй като не сме сигурни с какъв размер ще трябва да работи изображението, ще го преобразуваме в интелигентен обект. Просто щракнете с десния бутон върху него и изберете подходящия елемент. Оказва се, че обектът е станал подобен на векторен обект по отношение на характеристиките и може да се увеличава, както желаете.

5) В този пример копирах един от черепите и след това го превърнах в интелигентен обект и разпънах двата обекта. Засега не се вижда разлика

6) Но нека увеличим изображението. Разликата е очевидна!

7) Всичко, което остава да се направи, е да поставите всичко както трябва). Можете да използвате свойства на слоя (Image>Adjustments) и опции за смесване (Щракнете с десния бутон>Blending options).

И все пак защо е по-добре да отваряте векторни изображения във векторни редактори?

Защото тук можете да промените не само размерите, правилните линии, цветовете, което не винаги е лесно във Photoshop, особено за начинаещ.
И накрая, трябва да знаете, че във Photoshop можете да поставите изображение директно от Illustrator - просто изберете желаното изображение в illustrator, Ctrl+C, и тогава ctrl+vвъв PhotoDhop.
Освен това процедурата е идентична с описаната по-горе.