Инструментите за работа с вектори във 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 - с негова помощ можете да конвертирате снимка във векторно изображение. В тази статия ще ви разкажем как такава рисунка се различава от растерната и как да направите векторно изображение във Photoshop.
вектор
Когато създавате нов документ във Photoshop, напишете произволна дума на бял лист, като изберете удобен размер (с помощта на функциите "Текст" - иконата с буквата "T" в лентата с инструменти).
Увеличете мащаба с инструмента Лупа – ще видите, че буквите са съставени от пиксели. Всъщност изгледът се задава по формули, само показването в програмата се изпълнява от пиксели.
Върнете се към нормалния размер, като щракнете двукратно върху иконата на ръката. Намалете размера, както следва: "Редактиране" - "Трансформиране" - "Мащаб". Чрез намаляване на размера се запазва качеството на буквите. По същия начин увеличаваме текста колкото е възможно повече, качеството също остава добро, тъй като формулите работят добре във всеки мащаб.
растер
За да конвертирате векторно изображение в растерно изображение във Photoshop, ще намалим готовото изображение. След това отиваме в раздела "Слоеве", там избираме "Растеризиране" - "Текст". Вече имаме букви, които всъщност са пиксели.
Когато увеличите растерна карта/текст с помощта на функциите "Редактиране" - "Трансформиране" - "Мащабиране", качеството се влошава значително. При повтаряне на процедурата качеството се влошава всеки път - буквите стават размазани.
В такива илюстрации, когато се увеличават според алгоритъма на програмата, новите пиксели се запълват с цвят. Това е по-малко точно, отколкото с формулите.
Създаване на векторни графики
Можете да нарисувате рисунка, като използвате всяка снимка. Ако не сте знаели как да конвертирате снимка във вектор във Photoshop, преобразувайте я, следвайте следната процедура:
- Отворете вашата снимка/илюстрация. Създайте нов слой.
- Използвайте инструмента Pen, за да проследите очертанията на един от елементите (например лице). За да не пречи на фона, задайте по-ниска прозрачност, до 20-30%. Изберете цвят за запълване и контур.
- След това начертайте очертанията на други детайли по същия начин, запълнете ги с желания цвят.
- За сложно смесване на цветовете върху лицето на модела можете да използвате Филтри. Отидете в "Галерия с филтри", направете там "Постеризация" на няколко нива, удобно на 3 нива. Photoshop ще ви каже как се наслагват сенките, просто трябва да очертаете техните очертания. Можете допълнително да обезцветите, да направите снимката черно-бяла, да регулирате остротата, за да видите нивата по-ясно. При пълнене изберете по-светъл/тъмен цвят за слоевете. Имате цветови преходи.
Снимката, която ще обработвате, беше на бял фон. Ако нямате снимка от този тип, първо премахнете фона с помощта на опциите на програмата (гумичка или магия).
Използвайте селекция от формата и след това копирайте това, което сте избрали, за да приложите към нов слой. Преименувайте този слой на "форма". Създайте нов слой и го наречете "фон". На панела преместете слоя, така че позицията му да е под "оформения" слой. Чрез сливането на двата слоя получаваме слой, наречен "База".
След това приложете инструмента Isogelia към слоя "Main", за да получите силуета на черно-бялата композиция. След това трябва да приложите корекция Isogelia към основния слой, за да получите черно-бял силует. Приложете (Image - Adjustment - Threshold), което означава Изображение - Корекция - Isogelia.
След това използвайте дифузионния филтър, за да изгладите назъбените ръбове. (Филтър - Стилизиране - Дифузно) Филтър - Стилизиране - Дифузно. Сега, за да трансформирате ръбовете на картината в по-резки контури, приложете (Изображение - Корекция - Нива) Изображение - Корекция - Нива, доближете десния и левия плъзгачи. За нормални корекции на изображението, увеличете до 300%.
Приложете трик за слоя, наречен "Base_1". За да направите това, използвайте (Image - Adjustment - Threshold) Image - Correction - Isogelia.
Повторете от стъпка 4 за база _1. Създайте нов слой и го запълнете с черно, след което го поставете на място под слоя "Основа". Променете режима на смесване за слоя "Base_1" на следния "Разлика".
Оказа се не съвсем вариант, но е възможно. Използвайте слоя "База" като активен слой и добавете маска на слоя. С помощта на гумичка отстранете нежеланите зони по лицето на момичето.
Задайте видимия слой "Base_2". Нанесете Isogelia, така че очите. След това трябва да повторите стъпка 4. Нанесете "Ласо" и изберете областта на окото, за да я трансформирате в маска на слоя.
След това изображението ще бъде преобразувано във вектор. За да направите това, трябва да създадете от полученото изображение
Изберете цялата черна зона с магическата пръчка. След това преминете през изображението на RMB и в менюто, което се отваря, изберете "Генериране на работен път".
След това използвайте помощта (Редактиране - Дефиниране на персонализирана форма) Редактиране - Произволна форма. Дайте име на формата и я запазете.
Източници:
- как да направите векторна рисунка от
Векторна маска в Adobe Photoshop може да се използва по различни начини. В този случай ще разгледаме как да го използваме, за да приложим корекция на цветовете към отделна област на изображението.
Ще имаш нужда
- - Adobe Photoshop CS5
Инструкции
Стартирайте Adobe Photoshop и създайте нов документ. За да направите това, щракнете върху елемента от менюто "Файл"> "Нов" или натиснете горещите клавиши Ctrl + N. В новата ширина и височина посочете, например, 500 всяка, в "Съдържание на фона" (Коригиране) задайте "Прозрачен" (Прозрачен) и щракнете върху OK.
Щракнете върху елемента от менюто "Layer" (Layer)> "New layer-fill" (New pattern fill)> "Pattern" (Pattern) и в следващия прозорец веднага щракнете върху OK. Ще се отвори панелът за запълване на шаблон. От лявата му страна има бутон, който извиква падащо меню, в което можете да изберете желания модел. Използвайки настройката "Мащаб", шаблонът може да се увеличава или намалява. След като зададете необходимите параметри, щракнете върху OK. Фонът на документа ще заеме очертанията на избрания шаблон; в бъдеще върху него ще бъдат насложени векторни маски. С инструмента Move можете да преместите този шаблон.
Изберете инструмента Rectangle, в лентата с опции щракнете върху елемента "Пътища" и го използвайте, за да създадете малка рамка навсякъде в монтажната област. Щракнете върху "Слой"> "Нов коригиращ слой"> "Hue / Saturation" и в новия прозорец веднага щракнете върху OK. Ще се отвори нов прозорец, в който можете да промените параметрите Hue, Saturation и Lightness, като завъртите съответните плъзгачи. Имайте предвид, че промените се случват само с избраната област, т.е. с кутия, създадена от инструмента Rectangle. Всъщност този правоъгълник, върху който можете да приложите различни ефекти, е векторната маска.
Източници:
- Инструмент за правоъгълник
Хората често питат как да се направи векторно изображение във Photoshop. Както знаете, Photoshop е програма за обработка на растерни графики и не е предназначена за работа с вектори. Специални графични редактори работят с векторни графики. Но ако наистина трябва и няма време да изучавате нова програма, тогава с помощта на някои манипулации можете да преобразувате картината във вектор.
Какво представляват растерни и векторни изображения и по какво се различават
Растерното изображение също е мрежа от пиксели (точки). На всички ни познатата цифрова снимка е просто растерно изображение. Векторното изображение не се състои от пиксели, а от геометрични примитиви: прави линии, правоъгълници и други форми.
Ако намалите и след това значително увеличите растерното изображение, качеството му ще бъде необратимо повредено. Тъй като всеки пиксел е точка с определен цвят и всички тези точки заедно образуват картина. Когато изображението се намали, допълнителните пиксели се изхвърлят, така че не можете да го върнете към първоначалния му вид.
Мащабирането на векторно изображение ви позволява да преоразмерявате, без да губите качество. Това е възможно благодарение на математическото преизчисляване на размерите на геометричните фигури, които съставляват изображението.
Растерното изображение ви позволява надеждно да предавате визуална информация; векторното изображение няма такова предимство. Векторните графики могат да бъдат полезни за изобразяване на лога и линии. Няма да получите фотографска красота от тях. Или ще бъдат много сложни изображения, състоящи се от огромен брой примитиви, които всъщност заменят пикселите.
Прост пример за това как да конвертирате растер във вектор
И така, векторът се състои от геометрични фигури. Photoshop има инструменти за създаване на пътеки. Контурът е геометричната фигура. За да направите векторно изображение във Photoshop, трябва да създадете контур на изображението. Инструментите на групата ще ни помогнат в това. Изберете: Инструмент за правоъгълна маркировка, Елиптичен инструмент за избор, ** Инструмент за магическа пръчка , ** "Бърз избор" / Инструмент за бърз избори Инструмент за писалка.
За да направите вектора чист, трябва да изберете растерна карта с възможно най-високо качество, в противен случай ще трябва да изчертаете контурите ръчно.
Отворете растерното изображение във Photoshop (най-често срещаният формат на растерна карта е JPG). Лого, контурни чертежи, скици са много лесни за обработка. За да получите векторна скица на портрет, можете първо да конвертирате портрета в скица с помощта на "Филтриране на галерии", или използвайте готов поп арт. Как се работи с "Галерия от филтри"и бързо създавайте поп арт от снимки, за които говорихме в предишни статии. За този пример ще вземем готов поп арт портрет. Нарочно го подготвихме от снимка с не най-добра резолюция. Следователно векторната версия ще ни покаже забележима разлика.
За да работите с контури, трябва да се обадите на отметката "Пътеки" / Pathвърху палитрата на слоевете. За да направите това, отидете в менюто "Прозорец" / Прозореци поставете отметка в квадратчето "Пътеки" / Path... Отметката ще се появи в палитрата на слоевете.
Изображението има 4 цвята (не броим фона). Вземаме инструмента Инструмент за магическа пръчкаи изберете първия цвят. За да изберете всички области, разпръснати от острови в изображението, задръжте Shift.
Когато е избран първият цвят, изберете инструмента "Ласо" / Ласоили Инструмент за правоъгълна маркировкаи без да премахвате селекцията, щракнете с десния бутон. В контекстното меню изберете Направете работен път.
В диалоговия прозорец посочете максималното изглаждане Толерантност(от 1 до 10; колкото по-ниско е числото, толкова по-добре ще се повтарят контурите). Натискаме Добре.
На отметка "верига"се появява първият контур. Ще се вижда на изображението като криви с точки. Те могат да бъдат подравнени и снабдени с инструмент Инструмент за директен избор... С този инструмент изберете точка и или коригирайте кривата, като преместите извивката на точката, или преместете самата дъга.
На отметка "верига"променете името на контура. За да направите това, щракнете двукратно върху него и променете името в диалоговия прозорец.
Правим всички описани стъпки с останалите цветове. В резултат на това получаваме четири контура за всеки цвят.
След като получихме контурите, остава да създадем вектор. Отидете до отметката "Слоеве" / Layerв палитрата на слоевете, създайте нов слой Shift + Ctrl + N... Задайте основния цвят на този, в който ще рисуваме първия контур.
Обратно към отметката "верига", ставаме на първия контур. В главното меню в т Слоевеизбирам Нов слой за запълване - "Цвят" / плътен цвят... В прозореца, който се отваря, щракнете Добре.
Сега като отидете на отметката Слоеве, ще видите първия векторен слой на нов слой.
В следващия диалогов прозорец, както обикновено, посочете името на файла и пътя.
Това е всичко. Методът е доста прост.
Ако работите много с векторна графика, може би тази статия ще ви вдъхнови да научите нови графични редактори. Във всеки случай сте научили друг полезен метод. Желаем ви страхотна работа.
Научете повече за Photoshop в курсовете.
На отворените пространства на руския интернет намерих изображение на логото. Възможно ли е да се конвертира от растер във вектор във Photoshop и то автоматично? Не. Уви, докато тенденциите на вектора във Photoshop са такива, всичко, което беше направено в тази посока, остана непроменено преди още 5 версии. Оттогава не е докосван, не се е променил и нищо ново не е добавено към вектора. Имахте ли нужда от векторни инструменти във Photoshop? Ето ги, искате ли още? Какво си забравил във Photoshop, майстор Илюстратор. Приблизително тази линия на мисли накара разработчиците да внедрят най-простите векторни операции във Photoshop. Сега да се заемем с работата.
Преобразуването от растер във вектор се извършва чрез областите за избор. Първо създаваме селекция, след това превеждаме линиите за селекция във векторни пътеки, след това запълваме векторните пътеки със слоеве за запълване, като по този начин създаваме векторна маска. За да разберете всичко това не на ниво армейски екипи - щракнете тук, щракнете там, трябва да научите как да работите с инструменти за векторно рисуване, да разберете как векторните пътища могат да взаимодействат един с друг и да научите как да създавате векторна маска. Но не се притеснявайте, не е нужно да сядате да четете до уикенда, вече ще разберете как да конвертирате растер във вектор във Photoshop, ако приключите с четенето на статията до края.
Подчертаване на логото
Искам да подчертая, че за да бъде качествен преводът във вектор, самата картина трябва да е с голям размер. Това е вярно в случая на трасиране в Illustrator, а за Photoshop е още по-важно. Изображението ми е широко 1500 пиксела, когато приключим с превода във вектор, ще покажа как Photoshop превежда малки изображения и ще сравним резултатите.
- Изберете инструмента Magic Wand Tool
- Задайте в опциите Толеранс 20 или 30.
- На същото място щракнете върху иконата Добавяне към селекцията. Писах подробно за работата им в статията Добавяне, изваждане, пресичане и изключване във Photoshop, където ставаше дума за векторни инструменти, но при избор тези опции работят по същия начин.
Честно казано, не ме интересува как ще подчертаете логото, било с ръчно ласо, било чрез цветовата гама. Просто в тази ситуация, конкретно на това изображение, най-лесният начин е да го направите с Magic Wand Tool.
Преобразувайте селекцията във векторен път
Не превключвайте от инструмента Magic Wand Tool.
- Щракнете с десния бутон върху областта за избор.
- От менюто, което се показва, изберете Make Work Path.
- В прозореца, който се показва, настройте толеранса на 1.0 Колкото по-висока е стойността на толеранса, толкова по-гладки, стилизирани и неточни ще бъдат нашите очертания.
На илюстрацията по-долу избрах инструмента за избор на път и избрах пътя, така че да можете да го видите.
Записване на пътя към палитрата Path
Тази операция е незадължителна, но желателна.
- В прозореца, който се показва, въведете име и щракнете върху OK.
Превключете към палитрата Path. Ако не можете да го намерите, щракнете върху Window> Path
Щракнете двукратно върху пътя в палитрата.
Създайте векторна маска
Процесът на създаване на векторна маска е перфектно описан в моята статия Векторна маска във Photoshop. Нека извършим този процес бързо и без подробности.
Уверете се, че вашият развъдник е избран в палитрата Path
Изберете от менюто Layer> New Fill Layer> Solid Color
В прозореца, който се показва, изберете цвят и щракнете върху OK
Това е всичко. Всичко би било по-точно, ако не беше hronofag.ru Не забравяйте, че ви казах, че колкото по-малко е изображението, толкова по-зле ще бъде преведено. Готови ли сте да заложите на ръцете си някакво мръсно сканиране, натъпкано в Word, което клиентът изисква да бъде преведено във вектор? познах? В същото време изображението се компресира чрез JPG компресия, намалява, след това се увеличава, след това отново намалява до размера на аватар, а върху него също се разля кетчуп. Възможно ли е качествено да се преведе такава картина във вектор във Photoshop?
Първо, разгледайте нашето лого. Въпреки отличната разделителна способност, ясни ръбове Photoshop не успя да създаде хубави и равномерни очертания. Илюстраторът го прави 100 пъти по-добре, но статията не е за илюстратора. Както можете да видите, контурите дори не са навсякъде, дори в правоъгълните части на логото. И кръговете са напълно наклонени.
Сега ще намаля изображението 2 пъти, после още 2 пъти и ще ви покажа резултата от превода във вектор.
Ето добър пример за това как размерът на растерното изображение влияе върху качеството на трасето. И това въпреки факта, че изображението е с много високо качество, въпреки размера. Е, ще намаля качеството. Запазете снимката като JPG с най-лошо качество.
Нека преведем във вектор. Отличен резултат, липсва само кетчуп. Точно за доволен клиент, обработка в гръндж или винтидж стил!
И все пак малко манипулирам истината. Въпросът е, че всичко това има смисъл за Illustrator, който създава вектор от картина. Photoshop не създава вектор от картина, той създава пътища от селекция. Логично е, че колкото по-добър и гладък е изборът, толкова по-гладки ще бъдат извивките. И инструментът Magic Wand, с който избрахме тези области, вече не е подходящ за избор на такива страховити изображения. Да, ще можете да правите висококачествени селекции, да използвате всички инструменти за избор, дори ще можете да ги увеличите и да създадете повече или по-малко равномерен контур въз основа на тях, което пак няма да е идеално. Да вървиш по този път е просто загуба на време. Единствената работеща опция е да изобразите логото от нулата във Photoshop.
