Как да направите векторна снимка във photoshop. Как правилно да отворите векторно изображение във Photoshop

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

Етап 1.Отворете снимката във Photoshop.

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

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

Стъпка 2След това ще приложим корекция Isohelium към основния слой, за да получим черно-бял силует. Напълно възможно е първия път да не успеете да се уверите, че всички детайли, от които се нуждаете, се виждат на силуета. Затова ще направим няколко копия на слоя "База", така че на всеки да използваме различни настройкиза "Isohelia", вземете силует с необходимите детайли.

След като направите две или три копия на слоя "Base", изключете тяхната видимост. Уверете се, че имате активен само основния слой.

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

Стъпка 4Сега ще приложим дифузионен филтър към слоя, за да изгладим назъбените ръбове. Филтър – Стилизиране – Дифузия(Филтър - Стилизиране - Дифузия)

Сега, за да направим ръбовете на изображението по-остри, да тръгваме Изображение - Корекция - Нива(Image – Adjustment – ​​​​Levels), преместете десния и левия плъзгач по-близо до центъра. За да улесните контролирането на резултата, увеличете до 300%, преди да приложите корекцията.

Отново повторете стъпките с филтъра "Diffusion" и корекцията "Levels".

Стъпка 5Включете видимостта за слоя "Base_1". Приложи Изображение - Корекция - Изохелия(Изображение - Корекция - Праг).

Стъпка 6Повторете стъпка 4 за слоя "Base _1".

Стъпка 7Създайте нов слой, запълнете го с черно, преместете го в панела със слоеве под слоя "Base". Променете режима на смесване за слоя "Base_1" на " Разлика(Разлика). Ето какво се случи на този етап.

Стъпка 8Момичето се оказа доста грозно, но всичко е поправимо. Направете основния слой активен, добавете маска на слоя. С помощта на гумичка изтриваме „ужасяващите“ зони на лицето на момичето.

Вече много по-добре. Въпреки това, според мен, лявото око ни подведе малко.

Стъпка 9. Включете видимостта за слоя "Base_2", приложете Isohelia, така че да се появи ясен контур на окото. Повторете стъпка 4. Използване на инструмента " ласо» Изберете областта с окото и добавете маска на слоя.

Ако сте доволни от резултата, залепете слоевете.

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

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

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

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

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

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

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

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

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

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

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

Компютърната графика е много широко понятие. При споменаването на този термин някой ще се сети за 3D шедьоври от студията Pixar и Dreamworks, други ще се сетят за цифрова фотография, това решават други говорим сиотносно дизайна на компютърните игри. Но със сигурност ще има и много хора, които ще свържат тази фраза с векторна графика. Въпреки изключителната популярност векторни графики, много потребители са напълно незапознати с функцията на векторните рисунки. Какво се крие зад думите "векторна графика" и защо е толкова търсена?

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

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

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

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

Професионалните дизайнери използват години доказани инструменти за създаване на векторни графики, като Adobe Illustrator и CorelDraw. Но за любител, който трябва бързо да създаде лого на тениска или техническа илюстрация, няма нужда да прибягва до толкова тромави и скъпи приложения. Можете да се справите с безплатни, а понякога дори и онлайн инструменти. С тяхна помощ можете да конвертирате растерно изображение във векторно изображение, да скицирате прост дизайн, да генерирате модел на гилош и т.н.

⇡ "Google Чертежи" е най-лесният векторен редактор, който винаги е под ръка

Най-известният, прост и достъпен онлайн векторен редактор е Drawings on Google Drive. Това уеб приложение е част от онлайн офиса на Google и е по-фокусирано върху съвместна работаи добавяне на графични елементи към други типове офис документи, освен за създаване на векторна графика. Въпреки това все още има някои основни инструменти за работа с него.

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

⇡ Autotracer - безплатен конвертор на растер към вектор

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

Почти всеки векторен редактор има подходящите инструменти, но векторизацията може да стане още по-лесна с онлайн инструменти. Можете да намерите повече от една уеб услуга, която предлага подобни услуги. Например, безплатният ресурс Autotracer е много удобен. С него можете да конвертирате PNG, BMP, JPEG и GIF файлове във векторен формат и да ги записвате във формат SVG, EPS, PDF, DXF.

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

⇡ Vector Paint е векторен редактор в Chrome, който може да работи без браузър

Vector Paint е уеб приложение за Google Chrome, създаден в HTML5, но може да работи без браузър. То принадлежи към ново поколение приложения, представени в началото на септември тази година. Можете да стартирате такива приложения директно от работния плот - отворен браузър, както и достъп до интернет не са необходими за използването им.

Vector Paint съдържа доста голяма колекция от различни предварително зададени форми, които могат да се използват в проекти: има часовници, облаци, стрелки, животни, бележки и много други. Формите могат да се създават и ръчно с помощта на прави и начупени линии, инструмент за рисуване на произволни фигури, правоъгълник, елипса. За всеки елемент е възможно да изберете цвят, дебелина и вид на щриха, както и цвят на запълване, да го направите частично прозрачен, да добавите един от многото ефекти (изкривявания, сенки, текстури, псевдо-3D и др.) . Има и инструменти за управление на елементите в проекта: те могат да бъдат преместени отпред или преместени назад. За по-точно подреждане на елементи има много инструменти за подравняване, можете също да включите дисплея на линийката.

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

Vector Paint предоставя и други добавки, които могат лесно да се добавят към приложението. Това са разширени функции за работа с текст (допълнителни шрифтове, настройки за разстояние, отделни елементи на надписи), добавяне на маркери, използване на изображения за създаване на повтарящи се шаблони върху формуляри. От менюто Plugins също са включени Допълнителни опциищрихи и запълвания.

Завършените проекти се записват във формат SVG и могат да се експортират в PNG и JPEG.

⇡ SVG-Edit - онлайн векторен редактор

SVG-Edit е базиран на JavaScript векторен редактор, който може да работи във всеки браузър. Може да се използва като онлайн услуга (в този случай се използва демо адрес за достъп), както и като уеб приложение (в този случай трябва да изтеглите архива с SVG-Edit файлове, да го разархивирате и да стартирате файл на приложението във всеки браузър).

SVG-Edit работи напълно със SVG файлове, което прави възможно както запазването на проекти в този формат, така и отварянето на такива файлове и извършването на промени в тях. В допълнение, SVG файлът може да бъде импортиран в проекта като отделен елемент.

Полилинии, правоъгълници, квадрати, елипси, кръгове, многоъгълници, контури, текст могат да се използват за създаване на векторни графични елементи в SVG-Edit. Възможно е запълване на елементи с цвят, както и използване на градиенти, включително радиални. Поддържа работа със слоеве, показване на мрежа и показване на елементи под формата на телена рамка. Има инструменти за промяна на разположението на елементите (горе, долу), за бързо клониране на избрани векторни форми, за групирането им. Много команди са достъпни от контекстното меню (както в редовни редакториза настолен компютър). Обърнато е голямо внимание на инструментите за подравняване върху платното: можете да подравнявате елементи спрямо избраните обекти, към най-големия или най-малкия обект.

Програмата има голяма библиотека от готови фигури (същата, използвана във Vector Paint), но в допълнение достъп до огромен безплатна библиотекавекторни графични елементи IAN Image Library. За да работите с него, е необходима регистрация, но след това можете да видите колекции от векторни графични образци директно от редактора и веднага да ги добавите към текущия или нов проект.

⇡ Chittram - прост онлайн редактор

Chittram е друг векторен редактор, който може да работи като уеб приложение. За разлика от SVG-Edit, той се изпълнява като пълноценна онлайн услуга с възможност за запазване на проекти на сървъра. За да видите и редактирате предварително създадени проекти, използвайте Сметка Google.

Възможностите на Chittram са по-скромни от тези на SVG-Edit, но този редактор със сигурност ще изглежда по-удобен за начинаещи потребители. Приложението има възможност да използва растерно изображение като фон, но изберете изображение с харддискне можете - просто посочете връзка към файла. Няма импортиране и на локални векторни изображения, но можете да добавяте файлове от потребителската галерия на уеб услугата към проекта и да ги редактирате. Сайтът реализира търсене в галерията по ключови думи, както и етикети.

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

Ако вашият проект използва няколко формуляра, е удобно да се покаже панел, който изброява всички елементи. Използва се за преименуване и бързо избиране на обекти. Същият панел се използва за работа със слоеве.

⇡ Inkscape е пълна алтернатива на търговските пакети

Векторният редактор Inkscape има много предимства. Първо, той е междуплатформен (може да работи в Windows среда, Linux, Mac). Второ, той поддържа голям брой популярни векторни формати, включително SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF и други.

Редакторът също има инструменти за създаване на графики, които са стандартни за всеки векторен редактор: форми, криви, текст, запълване, пълна подкрепаслоеве. Inkscape ви дава възможност да извършвате различни действия с пътеки, щрихи, както и да прилагате булеви операции (комбиниране, пресичане на елементи, изключване един от друг и т.н.). Потребителят разполага с голяма библиотека от филтри и специален редактор, с който можете да създавате свои собствени ефекти. Програмата осигурява поддръжка графични таблети, което ви позволява да рисувате ръчно с накланяне и натиск на писалката.

Струва си да се обърне внимание на вградените инструменти за векторизация на растерни изображения. За да се вземат предвид важните обекти на преден план при проследяване на снимки, се използва алгоритъмът SIOX (Simple Interactive Object Extraction), за да помогне за автоматичното идентифициране на такива обекти.

⇡ ZebraTRACE - безплатно създаване на гилош

Всякакви банкноти, както и документи от национално значение (дипломи, сертификати, сертификати и т.н.) се разпознават лесно с един поглед. Тази "разпознаваемост" на дизайна на документа се дава от фини повтарящи се шарки, които преминават през основния чертеж. Такива линии се наричат ​​гилош.

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

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

Създаването на нови гилоши е много лесно. Опитайте да направите малки промени във формулата за генериране на шаблон, като например промяна на стойността на коефициента от 2 на 3, и моделът ще се промени. За тези, които не искат да проявяват творчество със ZebraTRACE, програмата включва дузина и половина предварително зададени настройкис формули, които ви позволяват да получите най-обикновените гилоци.

⇡ Заключение

Безплатните инструменти за векторна графика не са толкова често срещани, колкото бихте искали, но те съществуват. Също така е добре, че с развитието на стандарта HTML5 и други уеб технологии стана възможно браузърът да се използва като векторен графичен редактор - преди това човек можеше само да мечтае за това. За прости проекти такива инструменти спестяват много време и ако използвате Inkscape, обикновено можете да откажете да закупите векторен редактор за дизайнерски нужди.

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

Как да конвертирате чертеж във вектор?

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

1. Използвайки инструментите за избор, изберете само елемента, който искаме да превърнем във векторна рисунка, и го копирайте върху нов слой, наречен "форма". След това създаваме друг слой и го запълваме напълно с бяло, този слой може да се нарече "фон". Сега преместете слоя "background" под слоя "shape" и ги слейте. Полученото изображение се нарича "Основа". Копирайте слоя "Base" два пъти и ги наречете "Base_1" и "Base_2". Изключете тяхната видимост.

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

Така че получихме най-нормалния ефект.

3. След това прилагаме дифузионен филтър към полученото изображение, за да премахнем назъбените ръбове. Пътят за активиране на филтъра: „Филтър – Стилизация – Дифузия“ (Filter-Stylize-Difuse). В прозореца, който се отваря, изберете "Анизотропен".

4. Следващата стъпка е да изгладите ръбовете, така че да станат по-остри, за това натискаме „Изображение – Корекция – Нива“ (Image-Adjustment-Levels). IN отворен прозорецпреместете левия и десния плъзгач по-близо до центъра. За да видите резултата от корекцията, най-добре е да увеличите чертежа до 300% преди да отворите нивата.

5. Повторете стъпки 3 и 4 в същия ред.

6. Изключете видимостта на нашия основен слой и включете слоя "Base_1". Извършете действието "Изображение - Корекция - Изохелия" (Изображение-Коригиране-Праг). Параметърът е зададен на ниво 138.

7. Извършваме операциите, посочени в параграфи 3.4 и 5 с този слой.

8. Създайте нов слой и го запълнете с черно. Ние го наричаме "фон". Поставете го под слоя "Base". В слоя "Base_1" променете режима на "Разлика" (Разлика).

Ето какво получаваме:

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

10. И така, получихме чертежа, сега той трябва да бъде преобразуван във вектор. Използвайте "Magic Wand", изберете цялата черна област на картината и щракнете с десния бутон върху изображението, в менюто, което се отваря, изберете "Генериране на работен път". Задайте стойността на 1,0.

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

В този урок ще разгледаме следните стъпки:

Създаване на документ и рисуване на обект

Първо да създадем нов документвсякакъв размер и слой.

Сега нека нарисуваме произволно изображение. Вземете четката за инструменти (Brush) с неразмазани ръбове и пълна непрозрачност. Нека нарисуваме проста геометрична фигура, например, както е показано на изображението.

Избор на растерен обект

За превод растерно изображениепърво трябва да го изберете с който и да е инструмент като Select. Сега изберете начертания обект или с помощта на Wand Tool, или щракнете върху слоя с левия бутон на мишката, докато държите натиснат клавиша Ctrl.

Преобразувайте избрания обект във векторна пътека (Path)

С помощта на който и да е инструмент от типа Select извикайте контекстното меню. За да направите това, насочете инструмента към избрания обект и щракнете десен бутонмишки. В менюто, което се показва, изберете „Направете работен път ...“.

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

Създайте векторна маска за слой от векторна пътека

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

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

След това изберете "Layer -> New Fill Layer -> Solid Color..." от главното меню. Можете да наименувате новия слой нещо, след което щракнете върху „ok“. Изберете цвят за бъдещата форма в диалоговия прозорец за избор на цвят.

Сега трябва да се появи нов слой с векторна маска в раздела Слоеве.

Как да запазите векторен обект в библиотеката с векторни фигури във Photoshop

След това ще бъдете подканени да дадете име на новия векторен обект. Щракнете върху „OK“, след което проверете нов обектв библиотеката с помощта на инструмента за персонализирани форми.

Ако урокът за конвертиране на растер във вектор е бил полезен за вас, споделете го социална мрежа(икони по-долу).