В този урок ще научим основите на рисуването на векторни форми във Photoshop CS6 с помощта на простите инструменти в групата Shapes! Ще започнем, като научим как работят инструментите "Правоъгълник"(Инструмент за правоъгълник ), "Заоблен правоъгълник"(Инструмент за заоблен правоъгълник), "Елипса"(Инструмент Елипса), "Многоъгълник"(Инструмент за многоъгълник) и "линия"(LineTool). След това ще научим как да избираме цветове за запълване и щрихи за фигури, промяна външен видщрихи, редактиране на форми чрез полезни свойстваоформете слоеве и още! Имаме много да учим, така че в този урок ще се съсредоточим върху работата и свойствата на петте основни инструмента от групата Geometric Shapes. В следващия урок ще научим как да добавяме по-сложни форми към нашия документ с помощта на " Произволна фигура»!

Този урок е предназначен за потребители на Photoshop CS6. Ако работите за повече Стара версияпрограма, след това изучете оригиналния урок „Форма и слой с форма във Photoshop“.

Повечето хора смятат, че Photoshop се използва само за обработка на пикселизирани изображения и ако ги помолите да препоръчат добър графичен редактор, тогава в повечето случаи отговорът ще бъде " Adobe Illustrator". Наистина, възможностите на редактора на Adobe Illustrator са много по-широки от програмите на Photoshop, но въпреки това, както ще видим от този и следващите уроци, различните инструменти на групата Shapes улесняват добавянето на прости векторни изображения към чертежи и чертежи .

Ако не знаете какво е векторна форма и как се различава от пикселна форма, вижте урока.

Инструменти от групата "Форми".

Photoshop ни предлага избор от шест инструмента в групата Shapes: "Правоъгълник"(Инструмент за правоъгълник), "Заоблен правоъгълник"(Инструмент за заоблен правоъгълник), "Елипса"(Инструмент Елипса), "Многоъгълник"(инструмент за многоъгълник), "линия"(Инструмент за линии) и "Произволна фигура"(Инструмент за персонализирана форма). Всички тези инструменти са разположени на едно място в лентата с инструменти. По подразбиране виждаме инструмента Rectangle, но ако щракнем върху иконата на инструмента и задържим бутона на мишката, на екрана ще се появи падащо меню със списък с други инструменти, от които можем да изберем този, от който се нуждаем:

Щракването върху иконата на инструмента Rectangle ще ни позволи да видим другите инструменти от групата форми

Ще избера първия инструмент в списъка, Rectangle Tool:

Векторни форми, пътища и пикселни форми

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

За да рисувате векторни форми, а не пътеки или пикселни форми, изберете опцията "Фигура"(Форма) в панела с настройки на инструмента в горната част на екрана:

Изберете режима на инструмента "Форма" в панела с настройки

Запълване на форма с цвят


Кликнете върху иконата за цвят на запълване

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

4 опции за запълване на фигури (без цвят, плътен цвят, градиент и шаблон)

Метод на запълване "Без цвят"

Както подсказва името, методът за попълване "Без цвят"(Без цвят) не запълва формата с никакъв цвят. Може да попитате защо се нуждаем от празна фигура? Е, в някои случаи може да искате формата да има само тънък контур. След това ще разгледаме как да добавим щрих към фигура, но ако искате фигурата да има само контур без цветно запълване, изберете опцията Без цвят:

Ако изберете опцията „Без цвят“, фигурата няма да бъде запълнена с цвят

По-долу е примерна форма след прилагане на опцията Без цвят. Всичко, което виждаме, е тънкият контур на фигурата, така нареченият "контур". Контурът може да се види само във Photoshop, така че ако отпечатате документа или го запишете в JPEG форматиили PNG, контурът ще изчезне. За да го направим видим, трябва да добавим щрих към него, което ще разгледаме по-нататък, след като разгледаме всички опции. наливане(Попълнете):


Когато методът на запълване е зададен на Без цвят, се вижда само очертанието на формата (и след това само във Photoshop)

Метод на запълване "Чист цвят"

За да запълните формата с цвят, изберете опцията "Чист цвят"(Плътен цвят) (втората икона отляво):

Кликнете върху иконата на параметъра "Чист цвят".

След като изберете опцията Плътен цвят, изберете цвят за формата, като щракнете върху една от цветните мостри. Цветовете, които наскоро сте използвали, ще се появят в реда. „Наскоро използвани цветове“(Наскоро използвани цветове) над основните проби:

Изберете цвят, като кликнете върху неговия образец

Ако сред пробите няма необходим цвят, щракнете върху иконата Цветова палитра вдясно горен ъгълдиалогов прозорец:

Кликнете върху иконата за избор на цвят

След това изберете желания цвят в инструмента за избор на цвят. Щракнете върху OK, за да затворите палитрата, когато сте избрали цвят:


Изберете цвят за запълване на формата в инструмента за избор на цвят

По-долу е същата форма, само този път изпълнена с цвят:


Нашата форма вече е изпълнена с цвят.

Метод на градиентно запълване

За да запълните формата с градиентно запълване, изберете опцията "градиент"(градиент). След това щракнете върху една от миниатюрите, за да изберете желаната мостра на градиента, или създайте свой собствен, като използвате опциите под миниатюрите на градиента. В отделен урок ще разгледаме как да създавате и редактирате градиенти:

Първо изберете опцията "Градиент", а след това - желания образец на градиент

По-долу е същата форма, само че този път е изпълнена с градиентно запълване:


Нашата фигура вече е запълнена с една от предварително направените градиентни мостри.

Метод за запълване на шаблон

И накрая, изборът на опцията "Модел"(Шаблон), можем да запълним формата с шаблон. Щракнете върху една от миниатюрите, за да изберете готовия модел. Първоначално програмата не предлага много шаблони, но можете също да изтеглите допълнителни шаблони, изтеглени от интернет или създадени сами, като щракнете върху малката икона на зъбно колело (под иконата за избор на цвят) и изберете „Качване на модели“(Зареждане на шаблони) от менюто, което се появява:

Първо изберете параметъра "Шаблон", а след това - желаната проба на шаблон

И ето как ще изглежда фигурата, изпълнена с един от шаблоните на Photoshop. За да затворите диалоговия прозорец "Наливане"(Попълване), натиснете клавиша Enter (Win) / Return (Mac) или щракнете върху празно място в лентата с опции. Ако не сте сигурни в избора на правилния цвят, градиент или шаблон за фигура, не се притеснявайте, ще научим как да ги променим по-късно:


Фигура, изпълнена с избран модел

Добавяне на щрих към фигура

По подразбиране Photoshop не добавя щрих около краищата на фигура, но добавянето е също толкова лесно, колкото и запълването му с цвят. Всъщност опциите на параметъра "Удар" ("Удар")(инсулт) и "Наливане"(Fill) във Photoshop CS6 са същите, така че вече знаете как да ги използвате!

За да добавите щрих, щракнете върху цветната мостра на щриха в панела с настройки:


Щракнете върху мострата на цвета на щриха

В резултат на това ще се отвори диалогов прозорец със същите опции като за запълването, с изключение на това, че сега избираме цвят за щриха. В горната част на прозореца отново има четири икони "Без цвят"(без цвят) "Чист цвят"(плътен цвят), "градиент"(Градиент) и "Модел"(модел). По подразбиране е избрана опцията Без цвят. Аз от своя страна ще избера опцията Solid Color и след това ще задам цвета на щриха на черен, избирайки от мострите. Точно както при запълването, ако желаният от вас цвят не е сред пробите, щракнете върху иконата за избор на цвят в горния ъгъл, за да изберете ръчно желания цвят:

Изберете опцията „Чист цвят“ за щриха и след това изберете желания цвят от цветните образци

Промяна на ширината на линията

За да промените ширината (дебелината) на щриха, използвайте параметъра "ширина"(Ширина), намиращ се вдясно от мострата на цвета на щриха в панела с настройки. По подразбиране стойността му е 3 pt. За да промените ширината, можете или да въведете конкретна стойност директно в полето за въвеждане на данни (като натиснете Enter (Win) / Return (Mac) след въвеждане, за да потвърдите данните), или щракнете върху малката стрелка вдясно от стойността и преместете плъзгача:

Промяна на ширината на хода

Опция за подравняване на ръбовете

Ако погледнете по-далеч от дясната страна на панела с настройки, ще видите опцията „Подравняване на ръбовете“(Подравнете ръбовете). Когато тази опция е активирана (маркирана), Photoshop ще подравни краищата на формата спрямо пикселната мрежа, така че да останат остри и дефинирани:

Уверете се, че опцията Подравняване на ръбовете е активирана

Въпреки това, за да работи опцията Align Edges, не е достатъчно само да я изберете. Също така искате ширината на щриха да бъде в пиксели (px), а не в точки (pt). Защото в този моментмоята ширина на щриха се измерва в точки (единица по подразбиране), ще се върна и ще въведа нова стойност на ширината от 10 пиксела (px):

За да работи опцията Подравняване на ръбовете, задайте ширината на щриха в пиксели (px)

По-долу има черна линия от 10 пиксела, приложена към формата:


Проста форма с черна линия около нея

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


Същата форма, с опция за запълване, зададена на Без цвят

Още опции за инсулт

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


Щракнете върху бутона „Задаване на тип щрих на фигура“.

В резултат на това ще се отвори диалогов прозорец. Опции за инсулт(Опции за щрих), където можем да променим външния вид на щриха от непрекъсната линия на пунктирана или прекъсната. Параметър "Подравняване"(Подравняване) ни позволява да изберем вида на подравняване за щриха: вътре в пътя, извън или в средата. Можем да направим краищата на линиите да бъдат щрихирани (опция "Край"(Caps)) закръглени, квадратни или удебелени и точките на свързване на линиите в хода (параметър "ъгли"(Ъгли)): остри, заоблени или скосени. Когато натиснете бутон "Повече опций"(Още опции), разположен в долната част на диалоговия прозорец, ще се отвори друг прозорец, където можем да зададем конкретни стойности за щрихите и интервалите на пунктираната линия и дори да запазим настройките като предварително зададени:

Опции за инсулт

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


Появата на щриха се е променила от непрекъсната линия на пунктирана.

Инструмент за правоъгълник

И така, вече научихме как да избираме различни инструменти от групата "Форми" в лентата с инструменти, как да избираме цвета на запълването и щриха, как да променяме външния вид на щриха. Сега нека се научим как сами да рисуваме векторни форми! Ще започнем с изследване на първия инструмент за групиране на форми в списъка - "Правоъгълник"(Инструмент за правоъгълник). Ще го избера от лентата с инструменти, както направих по-рано:

Избиране на инструмента за правоъгълник

Инструментът Rectangle ни позволява да рисуваме прости четириъгълни форми. За да начертаете фигура, щракнете в прозореца на документа, за да определите началната точка на фигурата. След това, докато държите натиснат бутона на мишката, плъзнете мишката диагонално, за да завършите рисуването на фигурата. Докато премествате курсора, ще видите тънък контур (контур) на бъдещата фигура:


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

Когато отпуснете бутона на мишката, програмата ще запълни формата с цвета, който сте избрали в панела с настройки:


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

Преоразмеряване на фигура, след като е начертана

След като начертаете първоначалната форма, нейните текущи размери ще се появят в панела с настройки: ширина(Ширина (W)) и височина(Височина (H)). В моя случай нарисувах фигура с ширина 533 пиксела и височина 292 пиксела:


Панелът с настройки показва оригиналните размери на формата (ширина и височина)

Ако трябва да промените размера на фигура, след като сте я начертали (този метод работи за всички инструменти за фигури), просто въведете нови стойности в съответните полета за ширина и височина. Например, да кажем, че имам нужда формата ми да е широка 500px. Това изисква само промяна на стойността на ширината на 500px. Ако е необходимо, мога да въведа и конкретна стойност на височината. Ако искате пропорциите да останат същите, когато променяте височината или ширината на формата, първо щракнете върху иконата на малка верига между стойностите за височина и ширина:


След това, като активирате иконата на веригата, въведете нова стойност за височина или ширина. Photoshop автоматично ще замени съответната стойност на втория параметър. В моя случай ръчно въведох нова стойност на ширината от 500px и тъй като иконата на веригата беше активирана, Photoshop също промени стойността на височината на 273px:


Преоразмеряване на форма

Преоразмеряване на фигура, преди да бъде начертана

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

Щракнете някъде в документа, за да въведете стойностите за ширина и височина и програмата автоматично ще начертае формата

Рисуване на фигура от центъра

Нека научим някои прости, но полезни клавишни комбинации. Ако натиснете и задържите клавиша Alt (Win) / Option (Mac)докато премествате курсора, ще рисувате фигурата от центъра, а не от ъгъла. Този трик работи с всички инструменти за форма, не само с инструмента за правоъгълник. Моля, обърнете внимание, че първо трябва да започнете да рисувате формата и едва след това да натиснете клавиша Alt (Win) / Option (Mac). Също така е необходимо да освободите първия бутон на мишката и едва след това натиснатия клавиш Alt (Win) / Option (Mac), в противен случай приемането няма да работи:


Натиснете и задръжте Alt (Win) / Option (Mac), за да нарисувате фигура от центъра

Рисуване на квадрати

За да нарисувате квадрат, поставете курсора в прозореца на документа и започнете да го плъзгате, като рисувате правоъгълна форма. След като започнете да правите това, натиснете клавиша Shiftи продължете да го държите натиснат, докато местите курсора. Натискането на клавиша Shift ще преобразува формата в квадрат. И отново, не забравяйте да щракнете Клавиш Shiftслед като сте започнали да местите курсора, и го пуснете последен, в противен случай квадратът няма да бъде начертан. Можете да комбинирате две клавишни комбинации заедно, като натиснете и задържите клавишите Shift+Alt(Печеля) /Shift+опция(Mac)при използване на инструмента "Правоъгълник"(Инструмент за правоъгълник), в резултат на което ще нарисувате идеален квадрат от центъра:


Натиснете и задръжте клавиша Shift, докато местите курсора, за да нарисувате квадрат

Отново, докато рисувате, ще видите само тънък контур на квадрата, но когато отпуснете бутона на мишката, Photoshop ще го запълни с избрания цвят:

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

Опции за инструменти за фигури

Ако погледнете панела с настройки, след това вляво от опцията „Подравняване на ръбовете“(Подравнете ръбовете) ще видите икона на зъбно колело. Щракването върху него ще отвори диалогов прозорец с допълнителни настройкиза онзи инструмент от групата "Форми", който в този моментизбрано:

Кликнете върху иконата на зъбно колело

Защото имам избран инструмент "Правоъгълник"(Инструмент за правоъгълник), щракването върху иконата на зъбно колело ще се покаже допълнителни опцииза инструмента за правоъгълник. С изключение на работата с инструментите Polygon и Line, които ще разгледаме по-късно, няма да използвате това меню много често, защото вече разгледахме как да получите достъп до тези опции от клавиатурата. Например параметърът "Произволно"(Неограничено) ни позволява да рисуваме фигури с всякакъв размер и съотношение на страните, но тъй като по подразбиране всички инструменти за група форми работят по този начин, няма нужда да избираме специално тази опция. Параметър "Квадрат"(Квадрат) ни позволява да рисуваме квадрати с инструмента Rectangle, но можем да направим това, като просто натиснем и задържим клавиша Shift, докато местим курсора. Параметър "От центъра"(От центъра) отговаря за изчертаването на формата от центъра, но отново можем да направим това, като натиснем и задържим клавиша Alt (Win) / Option (Mac).

Ако изберете опции "Определен размер"(Фиксиран размер) или „Задаване на пропорции“(Пропорционално) и въведете стойности за ширина и височина, тези стойности също ще повлияят на следващата фигура, която ще бъде начертана, а не само на тази, която вече сте начертали. Следователно трябва да запомните, че след като начертаете формата, върнете се назад и изберете отново параметъра "Произволно"(Без ограничения), в противен случай всяка нова начертана форма ще бъде със същия размер или със същите пропорции:

Опциите, които виждате, зависят от това кой инструмент за фигури е избран

Редактиране на слоеве с фигури

По-рано научихме, че за да рисуваме векторни форми във Photoshop, трябва да настроим режима на рисуване на - "Фигура"(Форми) (за разлика от очертанията и пикселните форми). Когато рисуваме векторна фигура, програмата автоматично я поставя на отделен специален слой, наречен „Слой с форма“(Слой с форма). Ако погледнем в панела със слоеве, можем да видим, че формата, която нарисувах с инструмента "Правоъгълник"(Инструмент за правоъгълник), разположен на отделен слой-форма "Правоъгълник 1". Името на слоя ще зависи от това кой инструмент е бил използван, така че ако нарисувам овал с инструмента Ellipse Tool, например, слоят с формата ще се нарича Ellipse 1:

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

Визуално разликата между нормален слой и слой с форма е, че слоевете с форма имат малка икона с форма в долния десен ъгъл на миниатюрата на слоя:


Иконата на миниатюрата на слоя ни казва, че това е слой с форма.

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

С избрания слой с форма щракнете върху цветната мостра за запълване

Кликнете върху синия цвят

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


Цветът на формата е променен, без да се налага да преначертавате формата

И ако погледнем отново панела със слоеве, можем да видим, че миниатюрата на слоя с формата също е променила цвета си:

Когато направихме промените, миниатюрата на слоя с формата също промени външния си вид.

Инструмент за заоблен правоъгълник

Нека да разгледаме втория от инструментите на групата Shapes - "Заоблен правоъгълник"(Инструмент за заоблен правоъгълник). Ще го избера от лентата с инструменти:

Изберете инструмента Rounded Rectangle Tool

Инструментът Rounded Rectangle е много подобен на инструмента Rectangle, с изключение на това, че ни позволява да рисуваме правоъгълници с заоблени ъгли. Регулираме степента на закръгляване на ъглите с помощта на параметъра "радиус"(Радиус) в панела с настройки. Колкото по-голяма е стойността на радиуса, която въвеждаме, толкова по-заоблени стават ъглите. Стойността на радиуса трябва да бъде зададена преди начертаване на формата, в моя случай ще въведа стойността на параметъра "Радиус", равна на 50 пиксела:


Използвайте опцията "Радиус", за да определите степента на заобляне на ъглите

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


Плъзнете курсора, за да нарисувате заоблен правоъгълник, след като сте въвели стойност на радиуса в лентата с опции

Когато отпуснете бутона на мишката, Photoshop ще завърши рисуването на формата и ще я запълни с цвят:


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

По-долу има друг правоъгълник с радиус 150px. Тази стойност е толкова голяма (все пак за тази форма), че лявата и дясната страна на правоъгълника са извити:


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

Ето правоъгълник с малък радиус от 10 пиксела, който само леко закръгля ъглите на формата:


Малка стойност на радиуса закръгля ъглите по-малко

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

Ако не ви харесва закръгляването на ъглите на правоъгълника, след като сте го начертали, отидете в раздела на менюто "Редактиране"(Редактиране) в горната част на екрана и изберете „Отмяна: Инструмент за заоблен правоъгълник“(Инструмент за отмяна на заоблен правоъгълник) (или натиснете клавишната комбинация Ctrl+Z (Win) / Command+Z (Mac)), в резултат на което формата ще бъде премахната от документа. След това въведете нова стойност на радиуса в лентата с опции и започнете да рисувате правоъгълника отново.

Изберете Редактиране > Отмяна: Инструмент за заоблен правоъгълник

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

За да нарисувате фигура от центъра вместо от ъгъл, започнете да рисувате фигурата и след това натиснете и задръжте Alt (Win) / Option (Mac).И накрая, натискането на клавиша Shift+ алт (Печеля) / Shift+ опция (Mac) ще доведе до изчертаване на квадрат от центъра. Клавишите трябва да бъдат освободени само след като освободите бутона на мишката.

Инструмент елипса

Инструмент "Елипса"(Ellipse Tool) ни позволява да рисуваме елипси и кръгове. Ще го избера от лентата с инструменти:

Избиране на инструмента Елипса

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


Начертайте елипса с Ellipse Tool

Отпуснете бутона на мишката, за да завършите рисуването на формата и да я запълните с цвят:


Фигурата е изпълнена с цвят.

За да начертаете идеално равен кръг с инструмента Елипса, започнете да местите курсора и след това натиснете и задръжте Shift. За да начертаете елипса от центъра, натиснете и задръжте алт (Печеля) / опция (Mac) след като започнете да рисувате. Задръжте клавишите натиснати едновременно Shift+ алт (Печеля) / Shift+ опция(Mac) ще ви позволи да нарисувате кръг от центъра. И както винаги, пуснете клавишите само след като пуснете бутона на мишката:

Кръг, начертан с инструмента Елипса

Инструмент за многоъгълник

Инструмент "Многоъгълник"(Polygon Tool) е по-интересен за нас по отношение на възможностите за рисуване на форми. Ще го избера от лентата с инструменти:

Избиране на инструмента Polygon

Докато с инструмента Rectangle можем да рисуваме само четириъгълни правоъгълници, инструментът Polygon ни позволява да рисуваме многоъгълници с толкова страни, колкото желаем. След това ще разгледаме как дори можете да рисувате звезди с този инструмент! За да начертаете фигура с инструмента Polygon, първо въведете желания брой страни в полето за опции "Партии"(Страни) в панела с настройки. Можете да въведете произволно число от 3 до 100. По подразбиране броят на страните е 5, така че ще го оставя така:

Въведете броя на страните в полето за параметър "Страни".

След като зададете броя на страните, поставете курсора в прозореца на документа и започнете да плъзгате, за да начертаете многоъгълната форма. Photoshop винаги рисува многоъгълни форми от центъра, така че не е необходимо да задържате клавиша Alt (Win) / Option (Mac). Натискане и задържане на клавиш Shiftслед като започнете да рисувате многоъгълника, ще ви позволи да ограничите броя на ъглите за вашата форма и да я поставите на екрана точно както искате:

5-странна форма, начертана с инструмента Polygon

Като зададем броя на страните на 3, можем лесно да начертаем триъгълник:

Прост триъгълник, начертан с инструмента Polygon

По-долу има многоъгълник с 12 страни. Точно както при опцията за радиус за инструмента за заоблен правоъгълник, не можем да променим броя на страните, след като сме начертали формата, така че ако направите грешка, трябва да отидете на менюто "Редактиране"(Редактиране) в горната част на екрана и изберете елемента Отмяна: Инструмент за многоъгълник(Инструмент за отмяна на многоъгълник) (или натиснете Ctrl+Z (Win) / Command+Z (Mac)), след това въведете различна стойност в полето за опции Sides и преначертайте формата:

Многоъгълник с дванадесет страни

Начертайте звезди с инструмента Polygon

За да нарисувате звезда с инструмента Polygon, щракнете върху иконата на зъбно колело в лентата с опции, след което изберете опцията "звезда"(звезда):

Кликнете върху иконата на зъбно колело и изберете параметъра "Звезда".

След това щракнете в прозореца на документа и плъзнете курсора, за да нарисувате звезда. Параметър "Партии"(Страни) в панела с настройки определя броя на върховете на звездата, така че ако стойността по подразбиране е пет, получаваме звезда с пет лъча:

Петлъчева звезда, начертана с инструмента Polygon

Променяйки стойността на параметъра Sides на 8, получаваме звезда с осем лъча:

Задайте броя на звездните върхове, като използвате опцията Sides

Можем да начертаем фигура, която прилича на експлодираща звезда, като увеличим остротата на лъчите на звездата с параметъра "Дълбочина на лъчите"(Отстъп страни от). По подразбиране стойността на този параметър е 50%, аз ще увелича стойността до 90%. Също така ще увелича броя на звездните върхове до 16:

Начертайте форма, която прилича на експлодираща звезда, като увеличите стойността на параметъра Ray Depth

И ето формата, която получих:

Експлодираща звезда, нарисувана с инструмента Polygon

По подразбиране звездните върхове имат остри ъгли, но можем да ги закръглим, като изберем опцията „Гладки външни ъгли“(Гладки ъгли):

Изберете опцията "Гладки външни ъгли"

По-долу е петлъчева звезда с избрана опция за гладки външни ъгли:

Опцията Smooth Outside Corners смекчава ъгловатостта на звездите

Можем също така да закръглим ъглите в основата на лъчите на звездата, като изберем опцията "Гладки вътрешни ъгли"(Гладки отстъпи):

Изберете опцията „Гладки вътрешни ъгли“.

И отново нашата звезда изглежда съвсем различно:

Рисувана звезда с избрани гладки вътрешни ъгли

Инструмент за линии

Последният от основните инструменти в групата Shapes е "линия"(LineTool). Ще го избера от лентата с инструменти:

Избор на инструмента за линии

Този инструмент ни позволява да рисуваме прости прави линии, но можем да рисуваме и стрелки с него. За да начертаете права линия, първо задайте ширината на линията, като въведете стойност (в пиксели) в полето за параметри. "дебелина"(Тегло) в панела с настройки. По подразбиране стойността на дебелината е 1px, аз ще я увелича до 16px:

Параметърът "Width" отговаря за дебелината (или ширината) на линията

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

Задръжте натиснат клавиша Shift, за да рисувате хоризонтални или вертикални линии

Насочващи стрелки за рисуване

За да нарисувате стрелки, щракнете върху иконата на зъбно колело в панела с настройки, за да отворите опциите "стрелки"(Върхове на стрели). Изберете къде искате да добавите стрелките: в началото на линията, в края или в двата края едновременно (ако искате стрелката да сочи в същата посока, в която чертаете линията, изберете опцията "В края"(край)):

Щракнете върху иконата на зъбно колело за достъп до опциите „Стрелки“.

По-долу има ред, подобен на предишния, с изключение на това, че има икона със стрелка в края:

Инструментът за линии улеснява рисуването на направляващи стрелки

Ако размерът на стрелката по подразбиране не ви харесва, можете да го промените, като използвате опциите "ширина"(ширина) и "дължина"(дължина). Можем също да добавим огъване към стрелката с помощта на параметъра "Кривина"(Вдлъбнатост). По подразбиране стойността на този параметър е 0%, но аз ще я увелича до 50%:

Променете формата на стрелката, като увеличите стойността на параметъра "Curvature".

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

Стрелка с кривина, зададена на 50%

Скрийте очертанията около формата

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

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

2. Процес. За да започнете - щракнете с десния бутон на мишката и направете едно от двете неща: a) Копиране [Copy]. След това във Photoshop "e Редактиране - Поставяне [Редактиране - Поставяне]. При този метод Photoshop оставя заключения фонов слой и поставя изображението върху нов слой 1 над фона. Кликнете два пъти върху думата Layer 1, за да изберете текста и да назовете слоя по-подходящо. Например „theimage“.

b) Запазване на картината като [Save picture as] на винта. След това във Photoshop File - Отворете [File - Open] и намерете къде сте запазили снимката. Може би на работния плот?.. Имайте предвид, че в палитрата със слоеве иконата на изображението показва, че изображението е „индексирано“ [накратко, това е gif]. Имайте предвид също, че е блокиран. За да коригирате това, просто отидете на Изображение - Режим - RGB цвят [Изображение - Модел - RGB] и по този начин прехвърлете блокирания слой към фоновия слой. Двойното щракване върху фоновия слой ще го промени на редактируем слой. [Преименувайте слой 0, за да бъде по-удобен... Например, "theimage".]

Сега нека създадем дубликат на слоя с изображението. Ако използвате Photoshop 7 или CS, създайте нов набор от слоеве, за да запазите всички отделни обекти. Просто щракнете върху иконата на папка в долната част на палитрата със слоеве, щракнете два пъти върху Set 1 и го наименувайте като моя.

3. Мощен инструмент за писалка. Нека започнем, като създадем щрих около периметъра на цялата кола. Задайте цвета на преден план с капкомера, като вземете цвета от най-тъмната част на изображението. В този случай много близо до черно. Сега изберете инструмента за писалка от лентата с инструменти. Уверете се, че опцията Shape Layers е активирана [в горната част на лентата с опции], оградил съм я в оранжево.

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

4. Свързващи точки за закрепване. След като създадете път около колата, свържете се с първата опорна точка, за да създадете солидна форма. Сега скрийте слоя за копиране на изображението, за да видите резултата [Както направих на изображението по-долу.] Сега нека започнем да манипулираме опорните точки, за да придадем по-тънка форма на нашата кола.

Ето как изглежда сега палитрата със слоеве с новия слой Vector Shape, маркиран в синьо. Освен това, ако щракнете върху раздела Paths на палитрата със слоеве, ще видите версия на "path" на този слой.

5. Преобразуване на опорни точки. Изберете инструмента Convert Anchor Points и манипулирайте областите, които трябва да бъдат трансформирани, за да дадете ясна граница на автомобила.

Уверете се, че слой Shape 2 е избран.
Започнах да конвертирам точки от колелото. Кликнете върху опорната точка и я преместете в посоката на черната стрелка [вижте фиг. фиг.], докато пътеката започне да следва контурите на колелото.

Съвет: Инструментът за конвертиране създава 2 безиерови точки за регулиране на кривината.

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

Съвет: След като конвертирате няколко опорни точки [или опорни точки], ще разберете, че някои от оригиналните точки изобщо не са необходими. Всъщност, колкото по-малко са опорните точки, толкова по-гладък ще бъде изборът. Затова използвайте инструмента за премахване на опорна точка.

Ето какво ми се случи. Ще използваме тази форма като основа.

След това направих копие на слоя Shape 2 и манипулирах точките, за да нарисувам доминиращия цвят [син, в този случай] на колата. Щракнете върху миниатюрата на този слой, вземете капкомера и променете цвета от черен на син #3672BD.

Ето как изглежда колата сега.

Сега да поработим върху прозорците.
Включете отново слоя копие на изображението [черно] и скрийте слоя Копиране на фигура 2 [син].
Вземете Pen Tool и в лентата с опции включете Subtract from area shape [Оградих го в оранжево].

Скрийте копирания слой Shape 2. Изберете слоя Shape 2. Нека започнем с проследяване на прозорците от противоположната страна на колата.

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

За да приложите този ефект към другите два прозореца, без да добавяте нов слой, просто задръжте Ctrl+Alt, щракнете и плъзнете тази субтрактивна пътека на копиране. [Направете това два пъти.] Сега поставете дубликатите на местата им. Използвайте инструмента за преобразуване на опорна точка отново за гладки ъгли и прецизно оформяне.

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

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

Сега, като използвате Ellipse Tool в лентата с инструменти, начертайте центъра на задното колело, след това, докато държите Shift, направете същото за предното колело.
За прецизно позициониране, Ctrl+щракнете върху новата елипса, след това щракнете с десния бутон върху простата елипса и изберете Free Transform Path. Кликнете отново с десния бутон и изберете Изкривяване. Също така започнах да работя върху фаровете [на нов слой], използвайки същата техника: Елипса - Свободна трансформация - Изкривяване - Задаване на позиция.

Тъй като са добавени нови слоеве, те може да са се натрупали, разумно е да ги наименувате правилно. [Мислех, че е възможно да използвам възможно най-малко слоеве, но...]

След това добавих броня. Отново, като използвате инструмента за писалка за проследяване, преобразувайте инструмента за опорни точки в гладки ъгли и точно оформяне спрямо оригинала. [Всичко това е отдавна установена и приета практика за проследяване, честно!]

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

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

Сега задайте активния цвят на черен [или просто натиснете D], натиснете клавиша B, за да изберете инструмента за четка, сега в лентата с опции задайте инструмента за избор на предварително зададени четки и изберете малка четка с меки ръбове от около 3. Но променете диаметър до 2px [опитайте дори 1], тъй като дори 3 могат да бъдат много.

За да изберете отново писалката, натиснете P, активирайте слоя Lines, щракнете с десния бутон и изберете опцията Stroke Path.

Ще бъдете подканени да изберете инструмент, с който да създадете нов щрих. Изберете Четка от падащото меню и щракнете върху OK.

Промених непрозрачността на слоя с линии на 54%, за да го смекча.

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

За структури като акценти, използвайте многоъгълното ласо [L], за да очертаете тези области, щракнете с десния бутон и запълнете с меко синьо [използвах #86A9D7].

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

16.03.2014 27.01.2018

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

С помощта на Photoshop можем да конвертираме всяка рисунка във векторно изображение.

Изберете снимка и я отворете във Photoshop.

Направете копие на слоя. Назовете един слой Момиче 1 слой, и второ Момиче 2 слой.

Приложете функция Изображение-Корекции-Прагове(Изображение - Корекция - Изохелия) за слой Момиче 1 слой.

Задайте цветовете на бяло и черно в лентата с инструменти.

Прилагане на филтър Филтър - Скица - Фотокопие (Филтър - Скица - Фотокопие) за слой Момиче 2 слой.

Режим на смесване на слоеве Момиче 2 слойИнсталирай Умножете(Умножение) и обединете слоевете.

Приложете отново функцията Праг (изохелия)

Сега трябва да изгладите ръбовете, за това приложете филтър Стил - Difusse(Стилизация - Дифузия)

Векторното изображение е готово.

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

За цветно запълване използвайте Инструмент за кофа за боядисване (запълвам). Това няма да е проблем за вас.

Инструментите за работа с вектор във 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 операции: „Сливане на форми“, „Изваждане на предна форма“, „Сливане на форми в наслагване“, „Изваждане на форми в наслагване“. Всички тези операции са достъпни чрез main Горно меню Слоеве > Обединяване на фигури, или през лентата с инструменти „Свойства“ (горното меню Прозорец > Свойства).
внимание! Преди да започнете операции за обединяване на векторни фигури, уверете се, че слоевете на тези форми са избрани в лентата с инструменти „Слоеве“ (включете я с F7 или Прозорец > Слоеве).

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

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

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


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

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

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

Задай въпрос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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