Създаване и работа с векторни графики в Adobe Photoshop

Създаване и работа с векторни графики в Adobe Photoshop

Adobe Illustrator е стандартното приложение за графичен дизайн. Това е най-добрият инструмент за работа с векторни файлове.





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





Какво е векторно изображение?

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





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

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



Можете да приложите два вида цвят към всеки обект:

  • ДА СЕ Удар е линия, която следва пътя.
  • ДА СЕ Попълнете добавя плътен цвят или модел към пространството, заобиколено от пътеката.

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





Във Photoshop рисувате векторни изображения с форми, линии и текст.

Начертайте векторни форми и линии

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





  • Инструмент за правоъгълник
  • Заоблен инструмент за правоъгълник
  • Ellipse Tool
  • Инструмент за многоъгълници
  • Инструмент за линия
  • Инструмент за персонализирана форма

Винаги можете да изберете маркирания инструмент, като натиснете U на клавиатурата си. Алтернативно, натиснете Shift + U да преминете през инструментите, докато намерите този, който искате.

За да работите по -бързо, е добра идея да научите повече Клавишни комбинации на Photoshop .

Начертайте основни векторни форми

Изберете инструмента за фигурата, която искате да нарисувате, след което добавете вашата Попълнете и Удар цветове.

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

За да нарисувате триъгълник, изберете Инструмент за многоъгълници . Кликнете веднъж върху платното си, за да отворите Създайте многоъгълник кутия за настройки. Комплект Брой страни да се 3 .

Промяна и редактиране на векторни форми

Не се ограничавате до основни форми, когато създавате векторни графики във Photoshop. Те могат да бъдат променени много бързо.

как да направите стикери за телеграма

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

Избери Инструмент за директен избор от лентата с инструменти (щракнете и задръжте върху Инструмент за избор на път икона, за да я намерите, или натиснете Shift + A ). Сега щракнете върху една от опорните точки и я плъзнете във всяка посока, за да деформирате формата.

За по -усъвършенствани редакции преместете две или повече опорни точки едновременно.

Щракнете върху едно, за да го маркирате, след това Shift + щракване друг. Сега използвайте клавишите на курсора на клавиатурата, за да преместите и двете точки едновременно.

Обединяване и комбиниране на векторни форми

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

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

Сега нарисувайте друга форма. Това ще отиде на същия слой като първата ви форма.

Когато трябва да преместите обектите поотделно, използвайте Инструмент за избор на път .

Плъзнете втората форма, така че да припокрива първата. Двете се сливат в една форма, въпреки че остават като отделни обекти. Щракнете Обединяване на компоненти на формата в Операции по пътя да ги комбинирате в един обект.

този сайт не може да бъде достигнат връзката е нулирана

Използвай Инструмент за избор на път за да изберете втората фигура, която сте нарисували. Сега в Операции по пътя избирам Извадете предната форма . Формата се изтрива заедно с областта, където се припокрива с първата форма.

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

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

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

Начертайте векторни линии

Има още два инструмента, свързани с формата, за които трябва да знаете. Първото е Инструмент за линия .

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

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

Начертайте персонализирани векторни форми

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

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

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

Рисуване на вектори с инструмента за писалка

Ако имате опит с Illustrator, ще знаете, че използвате Paintbrush Tool за рисуване на ръце. Photoshop има Brush Tool, който върши подобна работа. Но във Photoshop инструментът не е векторно базиран, така че не трябва да го използвате за рисуване. Трябва да използвате Инструмент за писалка вместо.

Инструментът за писалка е една от най -мощните функции във Photoshop. Ще го използвате много, докато редактирате снимки във Photoshop, тъй като ви позволява да създавате много прецизни селекции. Също така е чудесно за рисуване и векторно изкуство.

Започнете с инструмента за писалка

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

Ето един бърз грунд, за да започнете:

как да получа microsoft word на компютъра си
  1. Изберете Инструмент за писалка (P) . Щракнете върху платното с изображения, за да пуснете точка за закрепване.
  2. Преместете курсора на няколко сантиметра и щракнете отново, за да изпуснете друга опорна точка. Ще бъде създаден път за свързване на двете. Задайте щриха на 5px, черен, за да ви помогне да го видите по -добре.
  3. Щракнете още няколко пъти, за да развиете пътя. Щракнете и плъзнете, за да създадете извит път. Това също ще добави кормилото към точката на закрепване. Плъзнете ги, за да контролирате ъгъла и дълбочината на кривата.
  4. Щракнете Въведете за да създадете отворен път (линия) или щракнете върху първата опорна точка, за да създадете затворен път (форма).

Това, което прави Pen Tool толкова полезен, е, че можете да се върнете и да редактирате формата си по всяко време:

  • Вземи Инструмент за директен избор (A) . Изберете точка за закрепване на пътя и я плъзнете на нова позиция. Използвайте този инструмент с кормилото на котвата, за да редактирате и крива.
  • Изберете Добавяне на инструмент за котва точка като щракнете и задържите върху Pen Tool. Щракнете някъде по пътя, за да добавите ръчно нова опорна точка, след което я плъзнете на място. Това ви позволява да настроите фино формата си.

Три инструмента за писалка

Photoshop предлага три различни химикалки за рисуване:

  • The Инструмент за писалка е опцията по подразбиране и най -гъвкавата опция. За начинаещи бихме препоръчали да използвате това предимно за рисуване на прави линии. С напредването си може да се окажете, че го използвате за всичко.
  • The Инструмент за писалка в свободна форма ви позволява да рисувате от ръка, подобно на инструмента за четка. Той все още създава път, който можете да промените и редактирате по -късно. Котвите се генерират автоматично, докато теглите. Това е чудесен инструмент, ако използвате a графичен таблет .
  • The Инструмент за писалка с кривина улеснява изчертаването на криви, без да се налага да играете с кормилото, както правите с основния инструмент Pen.

Проследете изображение като вектор във Photoshop

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

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

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

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

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

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

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

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

Управление на векторни обекти

За да създадете свое произведение на изкуството, трябва всички тези обекти да са в правилната позиция и с правилния размер. Ето как да направите това:

  • Преместване на обекти като ги изберете с Инструмент за избор на път (A) и ги плъзнете на място.
  • Преоразмеряване на обекти като ги изберете с Инструмент за избор на път след това удря Ctrl + T на Windows или Cmd + T на Mac. Това показва кутия около обекта. Хванете кормилото по ръба и плъзнете навътре или навън, за да промените размера. Задръжте Преместване ключ за поддържане на оригиналното съотношение на страните.
  • Завъртане на обект като държите мишката точно извън една от кормилото, докато курсорът се превърне в икона за завъртане. Сега щракнете и плъзнете.
  • Пренаредете обектите като щракнете върху слой и го плъзнете над или под друг слой.
  • Подравняване на обекти като ги изберете всички с Инструмент за преместване (V) (или задържане Преместване и щракнете върху няколко слоя), след което използвайте контролите за подравняване в лентата с опции.

Векторни графики във Photoshop: Сложете всичко заедно

Сега, когато знаете как да използвате всички инструменти, можете да ги съберете, за да създадете свои собствени парчета векторно изкуство:

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

Дял Дял Туит електронна поща Adobe Illustrator срещу Photoshop: Каква е разликата?

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

Прочетете Напред
Свързани теми
  • Творчески
  • Адобе Фотошоп
  • Векторни графики
  • Adobe Creative Cloud
  • Урок за Photoshop
За автора Анди Бетс(221 публикувани статии)

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

Още от Анди Бетс

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате