Правене на селекции с инструмента за писалка във Photoshop

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

В крайна сметка тяхната работа във Photoshop страда от това, тъй като те са останали да разчитат на инструмента Lasso за почти всичко, което не могат да изберат с инструментите за правоъгълна или елиптична маркировка. В този урок за Adobe Photoshop ще прекратим страданията. Ще научим колко лесно е да правите селекции с Pen Tool.

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

Едно от страхотните неща за Pen Tool е, че не е нещо, което е изключително за Photoshop. Далеч от това! На практика всяка популярна програма за редактиране на снимки, графики и оформление на страници използва инструмента за писалка под една или друга форма, така че след като научите как да го използвате във Photoshop, вече ще имате добро разбиране как да го използвате в много други програми, както добре!

Къде мога да намеря инструмента за писалка?

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

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

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

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

Защо се нарича инструмента "писалка"?

Един от първите спънки при научаването как да използваме Pen Tool, както при много други неща във Photoshop, е неговото име, тъй като в края на краищата, ако има едно нещо, което всеки, който някога се е опитал да го използва, знае, че това нещо не е химилка. Поне не от вида на писалката, за който обикновено се сещате, когато чуете думата „писалка“. Опитайте да напишете името си с него по същия начин, по който може да подпишете името си на лист хартия с химикалка и вероятно ще се окажете с усукана, заплетена каша и неща, които се привързват навсякъде (разбира се, предполагам, че би могло да бъде как ще подпишете името си).

Пиер Безие

Така че, ако не действа като традиционна писалка с мастило, защо се нарича Pen Tool? Инструментът за писалки всъщност се е наричал няколко неща през годините и под това не искам да кажа на онези неща, които може би сте го нарекли в моменти на безсилие. Може би сте чували това да се нарича „Безиевата писалка“ или „Безиевият инструмент“ и това е така, защото е създаден от човек на име Пиер Безиер (това е той вляво), френски инженер и всеобщ умен човек, който излезе с фантазия, която захранва инструмента, докато работи за автомобила на компанията Renault (Pen Tool първоначално е създаден, за да помогне на дизайна на автомобили).

Може би сте чували и Pen Tool, посочен като Paths Tool, и това наистина е най-подходящото име за него. Инструментът за писалка е свързан с изчертаване на „пътеки“. За да направим избор с Pen Tool, ние просто превръщаме пътя или пътищата, които сме начертали, в селекции. Винаги обаче започва с пътека.

Плъгин за къси кодове, действия и филтри: Грешка в краткия код (реклами-основи-средна-2)

Какво е път?

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

Пътят всъщност не е нищо повече от линия, която преминава от една точка в друга, линия, която е напълно независима и не се интересува от пикселите под нея. Линията може да е права или може да бъде извита, но винаги преминава от една точка в друга точка и както споменах, тя изобщо няма нищо общо с пикселите в изображението. Пътеката е напълно отделена от самото изображение. Всъщност път е толкова отделен, че ако се опитате да отпечатате изображението си с път, видим на вашия екран, пътят няма да се появи на хартията. Освен това, ако сте запазили изображението си като JPEG.webp файл и сте го качили на уебсайт, дори ако сте запазили изображението с пътя, видим на вашия екран в Photoshop, няма да го видите в изображението на уебсайта. Пътеките са само за очите и Photoshop. Никой друг никога няма да ги види, освен ако не се случва да мине покрай компютъра ви, докато работите.

Винаги имаме нужда от минимум две точки, за да създадем пътека, тъй като трябва да знаем откъде започва пътя и къде завършва. Ако използваме достатъчно точки, от които можем да върнем пътя си до същата точка, от която е започнал, можем да създадем различни форми от пътеките, което е точно как работят различните инструменти на Photoshop. Инструментът за правоъгълник използва пътеки, свързани с точки, за да нарисува правоъгълна форма. Инструментът Ellipse използва пътеки, свързани с точки, за да нарисува елиптична форма и т.н. Също така работи Photoshop's Type Tool, въпреки че Photoshop дръжки тип малко по-различно, отколкото обработва правилни форми, но всички видове в Photoshop по същество са направени от пътеки. Всъщност можете да конвертирате тип във форми, което след това ви дава всички същите опции за редактиране на пътя с тип, който получавате, когато работите с форми.

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

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

Това може да е малко объркващо, така че нека видим какво имам предвид. Отворете нов документ във Photoshop. Няма значение какъв размер е той. Ще избера размера 640x480 от списъка с предварително зададени настройки, но както казах, няма значение какъв размер ще изберете. Изберете вашия Pen Tool от палитрата Tools. Можете също така да изберете Pen Tool, като натиснете буквата P на клавиатурата си.

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

Лента с опции в Photoshop, показваща групата от три икони, представящи всеки от трите режима на инструмента за писалка.

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

Иконата вляво е иконата на слоевете Shape, известна също като „не тази, която искаме“, и е тази, която е избрана по подразбиране. Ако работехме с инструмента за писалка с избраната икона, щяхме да рисуваме фигури, така, сякаш използваме някое от различните инструменти за фигури, с изключение на това, че вместо да рисуваме предварително определена форма като правоъгълник или елипса, можехме да нарисуваме всякаква форма, която искахме. Както казах обаче, това не е, което искаме. Искаме иконата до нея, иконата Paths, затова продължете и кликнете върху нея, за да я изберете:

Уроци по Photoshop: Кликнете върху иконата "Пътеки" в лентата с опции, за да работите с пътеки с инструмента за писалка.

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

Щракнете веднъж вътре в документа с Pen Tool, за да добавите точка.

Тази първа точка, която току-що добавихме, е началната точка на нашия път. Сега в момента всъщност нямаме път. Всичко, което имаме, е отправна точка. "Точката" технически се нарича точка на котва или котва и е наречена така, защото закотвя пътя на мястото си. Тази първа точка ще закотви началото на пътя към това място вътре в документа. Като добавим още точки, всяка от тях ще закотви пътя на мястото си на това място.

Нека добавим още една точка. Кликнете някъде другаде в документа. Навсякъде ще направя. Ще щракна някъде вдясно от първоначалната си точка:

Уроци по Photoshop: Добавете втора точка за закрепване, като щракнете някъде другаде вътре в документа.

Сега добавих втора точка за закрепване и вижте какво се случи. Сега имам права линия, която съединява двете точки заедно! Тази права линия е моят път. Както споменах по-рано, ние се нуждаем от минимум две точки, за да създадем път, тъй като трябва да знаем откъде започва и къде завършва, а сега, когато имаме и начална, и крайна точка, Photoshop успя да свърже две точки заедно, създавайки нашия път.

Нека добавим още няколко точки само за забавление. Кликнете още няколко пъти на различни места вътре в документа. Отново, не щракнете и плъзнете, просто щракнете:

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

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

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

Малък кръг се появява в долния десен ъгъл на иконата на писалката, когато задържате курсора върху първоначалната начална точка на пътеката.

Този кръг ни казва, че сме на път да "пълен кръг" с нашия път, завършвайки го там, където е започнал. За да го затворите, просто кликнете директно върху началната точка.
По-долу можем да видим, че моят път се превърна в затворен път и сега е основен контур на форма:

Пътеката вече е затворена, завършва в началната точка, създавайки затворена пътека.

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

Превръщане на път в селекция

Досега разгледахме какво е път и как да нарисуваме основен път с инструмента за писалка на Photoshop. Но как да направите избор на пътя?

Лесно! Има няколко начина да превърнете пътека в селекция, включително удобна клавишна комбинация, но преди да разгледаме бързия начин, нека разгледаме официалния начин. „Официалният начин“ включва използване на палитрата на Photoshop's Paths, която ще намерите групирана с палитрата „Слоеве“ и палитрата „Канали“:

Палитрата на Photoshop's Paths.

На пръв поглед палитрата Paths изглежда много подобна на палитрата на слоевете на Photoshop и Adobe нарочно го направи така, че да се чувствате по-удобно да го използвате. Можем да видим предварителен преглед на формата на пътеката, която току-що създадохме, и по подразбиране Photoshop назовава пътя „Работен път“, който всъщност е фантастичен начин да се каже „временен“, сякаш ако искате да създадете различен път сега, без да преименувате този път първо на нещо друго, този ще бъде заменен от новия път. Можете да имате само един „Work Path“, така че ако искате да го запазите, ще трябва да щракнете двукратно върху неговото име в палитрата Paths и да го назовете още нещо, преди да създадете нов път.

Тъй като моят път прилича малко на корона, ще щракна двукратно върху името "Работен път", което ще доведе до диалоговия прозорец Save Path на Photoshop и ще преименувам пътя си в "Crown":

Можете да запазите временен „работен път“, просто като го преименувате.

Ще щракна върху OK, когато свърша и сега, ако погледна отново в палитрата си Paths, мога да видя това достатъчно сигурно, моят „Work Path“ е преименуван на „Crown“:

Палитрата Paths показва, че пътят е преименуван на "Crown".

Като го преименувам, пътят вече е запазен и няма да изчезне върху мен, ако отида да създам нов път. Също така, всички записани пътища се записват с документа на Photoshop, така че сега, ако запиша документа си, пътят ще бъде записан с него и следващия път, когато отворя документа, пътят все още ще бъде там в палитрата Paths.

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

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

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

Иконата "Зареждане на път като селекция" в долната част на палитрата Paths.

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

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

Това е толкова лесно! Всъщност това е дори по-лесно от това, защото има клавишна комбинация за превръщане на път в селекция, без изобщо да се налага да преминавате към палитрата на Paths. Когато нарисувате пътя си и сте готови да го превърнете в селекция, просто натиснете Ctrl + Enter (Win) / Command + Return (Mac), за да накара Photoshop да преобразува пътя в селекция.

Засега може да ви е малко по-очевидно защо, въпреки че Pen Tool е много инструмент за подбор, той не е групиран в останалите инструменти за подбор в горната част на палитрата Tools. Причината е, че Pen Tool е предимно инструмент за пътека. Той създава селекции, като първо създава пътеки и поради тази причина има повече общо с различните инструменти за формите и инструмента тип, които използват всички пътища, отколкото с основните инструменти за подбор като инструмента за правоъгълна маркировка или ласото Инструмент, който прави селекции въз основа само на пиксели.

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

Снимка на знак за спиране.

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

Кликнете веднъж в горния ляв ъгъл на знака за спиране, за да започнете пътеката с начална точка на котва.

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

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

Сега около изображението за спиране в изображението се появява пътека.

Ако погледна в моята палитра Paths сега, мога да видя много ясно, че имам път във формата на стоп знака:

Палитрата на Photoshop's Paths, показваща пътя, начертан около знака за спиране.

Забележете как Photoshop е кръстил пътя „Работен път“, което означава, че този път е временен и ще го загубя, ако създам различен път, без първо да го запиша, като го преименувам. Дори и да не създам нов път, пак ще го загубя, когато затворя документа, освен ако не го запиша първо. Нямам нужда да запазвам този път, така че няма да се притеснявам за него. В повечето случаи няма да е необходимо да се притеснявате и за това.

За да преобразувам пътя си в селекция, ще щракна върху пътя на натоварване като икона за избор в долната част на палитрата на слоевете, или също толкова лесно щях да натисна Ctrl + Enter (Win) / Command + Return (Mac):

Кликнете върху иконата "Зареждане на пътя като селекция" в палитрата Paths или натиснете "Ctrl + Enter" (Win) / "Command + Delete" (Mac), за да преобразувате пътя в селекция.

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

Сега знакът за спиране се избира след преобразуване на пътя в селекция.

Ще превключа обратно към моята палитра на слоеве и за да копирам знака за стоп върху собствения си слой, ще използвам клавишната комбинация Ctrl + J (Win) / Command + J (Mac), която поставя знака самостоятелно слой над фоновия слой:

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

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

Досега в нашия поглед върху правенето на селекции с Pen Tool във Photoshop, научихме, че Pen е всеки битов инструмент за подбор като по-често срещаните инструменти за подбор на Photoshop като Правоъгълната маркировка и Lasso Tools, но вместо да правим селекции въз основа върху пиксели, както правят тези други инструменти, Pen Tool очертава пътища, които след това могат лесно да бъдат превърнати в селекции, или от палитрата Paths, или с помощта на бързата клавишна комбинация.

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

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

Видяхме колко лесно би било да използвате инструмента за писалка, за да изберете нещо като знак за спиране, като го очертаете с път, съставен от поредица от прави сегменти на пътя и след това превърнете пътя в селекция. Това е чудесно, но наистина, ние все още не сме направили нищо, че не бихме могли да се справим по-лесно с нещо като инструмент Lasso, или още по-добре, многоъгълният инструмент Lasso, който е създаден специално за избор на плоскостранни форми като нашата спирка знак. Шансовете са, освен ако нямате някакво странно очарование с пътните знаци, рано или късно ще искате да изберете нещо малко по-интересно, а под „интересно“ имам предвид по-предизвикателно. И под „предизвикателство“ имам предвид нещо, което съдържа криви. Изборът на извит обект във Photoshop обикновено е, когато откриете, че губите всякакво уважение към основните инструменти за подбор. За щастие се случва и времето, когато Pen Tool наистина свети!

Преди да продължим, трябва да отбележа, че всичко, което направихме до този момент, беше доста просто. Щракнете тук, щракнете там, преобразувайте пътя в селекция, готово. Следващата част, в която влизаме в начертаването на криви, не е толкова проста, въпреки че със сигурност не е трудно, но ако това е първият ви път с Pen Tool или нямате много опит с него, работата с криви може да изглежда малко неестествено и дори малко завладяващо. Това определено идва аналогията с „карането на колело“. В началото може да паднете няколко пъти и да се чудите как някой успява да го направи, но колкото повече тренирате и колкото повече се придържате към него, толкова повече смисъл има всичко това започва да прави. За нула време това ще ви се стори като втора природа и изведнъж ще разберете защо толкова много хора се кълнат, че Pen Tool е единственият най-голям инструмент за подбор във всички Photoshop! Сериозно, наистина е така.

Получаване на дръжка върху ръкохватките за посока

Нека започнем отново с инструмента за писалка. Отворете нов празен Photoshop документ или просто изтрийте това, което сте направили досега в съществуващия документ, така че да започнем да ставаме нови. След това с избрания Pen Tool и опцията Paths в лентата с опции (не забравяйте, че по подразбиране е опцията Shape layer, така че ще трябва да сте сигурни, че сте избрали опцията Paths), щракнете веднъж навсякъде във вашия документ, точно както правихме преди. Този път обаче, вместо просто да щракнете, за да добавите точка за закрепване, щракнете и след това плъзнете мишката на малко разстояние от котвата, преди да пуснете бутона на мишката:

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

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

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

"А, направления дръжки!" ти каза. "Сега вече разбрах!"

… … …………….

"Чакайте, не, не. Каква по дяволите са дръжките на посоката?"

Дръжките за посока са, добре, дръжки и се използват само при създаване на извити сегменти на пътя. Няма нужда от дръжки за посока при създаване на прави сегменти от пътя. Обикновено са два от тях, въпреки че понякога има само един и както вече видяхме, те се простират от точки на котва. Наричат ​​ги „дръжки“, защото, както ще видим след малко, всъщност можете да ги вземете и да ги преместите.

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

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

Едно от хубавите неща, които ще научите доста бързо за инструмента за писалка е, че той е изключително прощаващ. Няма никаква причина да се притеснявате дали нещата ще се оправят първия път, когато рисувате пътеки с него, защото можем да се върнем назад и да оправим нещата лесно, когато приключим! Поставихте котва на неподходящо място? Няма проблем! Просто го преместете, където имате нужда! Ще видим как да направите това след миг. Изтеглихте ли дръжката за посока в грешна посока? Не е проблем. Хванете дръжката и я завъртете в посоката, от която се нуждаете. Отново ще видим как да направите това. Една от дръжките ви за посока е твърде дълга или твърде къса? Няма никакъв проблем. Просто кликнете върху него и след това го плъзнете по-дълго или по-кратко, ако е необходимо (да, ще видим и как да направите това). Пътеките са напълно редактируеми по всяко време, така че няма абсолютно никаква причина да се притеснявате дали да направите грешка или да я оправите първия път. Това не ви ли кара вече да се чувствате малко по-добре?

Въртящи се и оразмеряващи ръкохватки

Както споменах, те се наричат ​​посоки "дръжки", защото можете да ги хванете като дръжки и да ги местите. Нека да видим как да направите това. Първо ще разгледаме как да въртите двете дръжки едновременно. Използвайки точката на закрепване и двете дръжки за посока, които вече сме създали, задръжте клавиша Ctrl (Win) / Command (Mac). Ще видите иконата на вашия инструмент за писалка временно да се превърне в иконата за директен избор (бялата стрелка) и това е така, защото с избрания инструмент за писалка, задържането на „Ctrl / Command“ става бърз пряк път за временния достъп до инструмента за директен избор, който е какво използваме, за да изберем различни части от нашия път. След това просто кликнете директно върху малката форма на диамант в края на която и да е от дръжките за посока (самото щракване върху линията няма да работи, така че винаги трябва да кликнете върху диамантената форма в края на дръжката, за да направите нещо с него) и го плъзнете около котвата, за да го завъртите. Докато въртите една от дръжките, другата дръжка се върти заедно с нея в обратна посока, като вид на трион. Може също да забележите, че щом започнете да влачите дръжката, иконата на курсора на мишката ще се промени отново, този път в иконата Move Tool, тъй като преместваме нещо от едно място на друго:

Задръжте "Ctrl" (Win) / "Command" (Mac) и щракнете върху края на някоя от дръжките за посока, след което плъзнете дръжката, за да я завъртите около точката на котва. Докато плъзнете едната дръжка, другата се върти в обратна посока.

Можете да освободите клавиша „Ctrl / Command“, след като започнете да влачите дръжката. Не е необходимо да го държите надолу през цялото време.

За да промените размера на дръжката за посока, докато я въртите, просто плъзнете края на дръжката към котвата, за да я направите по-къса, или я плъзнете далеч от котвата, за да я удължите. Както споменах по-горе, по-късата дръжка ще направи кривата по-къса, а по-дългата дръжка ще направи извивката по-дълга. Въпреки това не можете да преоразмерите двете дръжки едновременно, така че ако трябва да преоразмерите и двете, ще трябва да плъзнете всяка по-дълго или по-кратко. Единственото, което можете да направите и на двамата едновременно, е да ги завъртите. Ако вече сте пуснали бутона на мишката след завъртане на дръжките и курсорът се е променил обратно в иконата Pen Tool и трябва да преоразмерите една от дръжките, ще трябва да задържите още веднъж „Ctrl / Command“, за да временно превключете обратно към инструмента за директен избор и след това щракнете и плъзнете края на дръжката, за да го преоразмерите:

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

Сега нека разгледаме как да въртите дръжките независимо една от друга. To rotate one handle without affecting the other one, first release your mouse button if you've been rotating or resizing the handles so your cursor changes back into the Pen Tool icon. Then, instead of holding down "Ctrl/Command", which moves both handles at once, hold down your Alt (Win) / Option (Mac) key and click on the end of either of the direction handles. You'll see your cursor change into the Convert Point Tool icon, which looks like a simplified arrow made of only two lines, almost like an upside down letter "v" (except that it's not quite upside down). Then, simply drag the handle around the anchor point to rotate it, just as you did before, and this time, the handle will rotate independently of the other one, breaking the connection between them:

Hold down "Alt" (Win) / "Option" (Mac) and click on the end of either of the direction handles, then drag the handle to rotate it around the anchor point independently of the other handle.

Again, you can release your "Alt/Option" key after you've started dragging. You don't have to hold it down the whole time.

You can also resize direction handles using the "Alt/Option" key in exactly the same way as you can with the "Ctrl/Command" key. If you're in the process of rotating a handle, simply drag it in towards the anchor point to make it shorter or away from the anchor point to make it longer. If you've already released your mouse button and your cursor is showing the Pen Tool icon again, you'll need to hold down "Alt/Option" once again, then click on the end of the handle and drag it to resize it.

Is there a difference between resizing the handles using "Ctrl/Command" and using "Alt/Option" to do it? Yes there is. If you haven't yet "broken the connection" between the handles by dragging one independently of the other, resizing a handle using "Ctrl/Command" will keep the handles connected together. It won't resize both handles at once, but it won't break the connection between them either so you'll still be able to rotate them together if you need to. If you resize a handle using "Alt/Option", you'll break the connection between the handles. Even if you don't rotate the handle as you're resizing it, the connection will still be broken.

What if you've broken the connection between the handles by rotating them using "Alt/Option" and then want to rotate them together again? Can you "rebuild the connection", so-to-speak, by selecting one of them while holding down "Ctrl/Command" as before? Good question, and the answer is no. Once you've broken the connection between the handles, the "Ctrl/Command" key on its own won't bring it back. You'll need to select one of the handles while holding Ctrl+Alt (Win) / Command+Option (Mac) at that point in order to move the handles together again.

Quick Summary So Far …

We've covered a lot of information here about working with direction handles, so before we move on and start drawing some actual curves, let's do a quick recap:

• To add an anchor point, simply click with the Pen Tool.
• To add an anchor point with direction handles extending out from it, click with the Pen Tool, then drag away from the anchor point before releasing your mouse button. The further you drag, the longer the direction handles will be.
• To rotate the direction handles together, hold down Ctrl (Win) / Command (Mac), which will temporarily switch you to the Direct Selection Tool, then click on the end of either handle and drag it around the anchor point. The other handle will rotate in the opposite direction.
• To rotate the direction handles independently, hold down Alt (Win) / Option (Mac), which will temporarily switch you to the Convert Point Tool, then click on the end of either handle and drag it around the anchor point. The other handle will not rotate.
• To resize handles without breaking the connection between them, hold down Ctrl (Win) / Command (Mac) to switch to the Direct Selection Tool, then click on the end of either handle. Drag it towards the anchor point to make it shorter, or drag it away from the anchor point to make it longer.
• To resize handles and break the connection between them, hold down Alt (Win) / Option (Mac) to switch to the Convert Point Tool, then click on the end of either handle. Drag it towards the anchor point to make it shorter, or drag it away from the anchor point to make it longer.
• To rotate the direction handles together after breaking the connection, hold down Ctrl+Alt (Win) / Command+Option (Mac), then click on the end of either handle and drag it around the anchor point. The other handle will once again rotate with it.

Okay, that pretty much covers the basics of how to control the direction handles. Let's see how we can use them to draw some curves!

We've covered a lot of ground so far. We know about anchor points and direction handles. We know that in order to draw straight path segments, all we need to do is lay down a series of anchor points wherever we need them simply by clicking with the Pen Tool, and as we add more and more anchor points, we add more straight sections to our path. We know how to create direction handles and how to rotate them, either together or separately, and how to resize them.

We know how to turn a path into a selection by clicking on the "Load path as selection" icon at the bottom of the Paths palette or by simply pressing "Ctrl+Enter" (Win) / "Command+Return" (Mac) on the keyboard. One thing I didn't mention yet is that regardless of whether our path consists of straight lines,
curves, or a combination of straight lines and curves, converting it into a selection is done exactly the same way, and we've already learned how to do it, which means we're well on our way to mastering making selections with the pen! All we need to do is get a bit of practice drawing curves, which is exactly what we're about to do!

Все още превъртате? Изтеглете този урок като PDF!

Drawing A Curve

Let's once again start fresh, either by opening up a new blank document in Photoshop or by deleting what you've already done. We're going to draw our first curve so we can put all of our newly-aquired direction handle knowledge to use. First, with the Pen Tool selected and the Paths option selected in the Options Bar, click once somewhere in your document to add an anchor point. Just click, don't click and drag. You should have one single anchor point on the screen when you're done.

Then, move your mouse cursor up and to the right of your initial anchor point. Click again to add a second anchor point, but this time, drag your mouse a little to the right of the anchor point to drag out direction handles. Hold down Shift as you drag to constrain your movement to a horizontal direction. As you drag out the direction handles, you'll see your path appearing as a curve between the two anchor points! The further you drag your mouse, the longer you make the direction handles, and the more of a curve you create:

Click once to add an anchor point, then click and drag out a second anchor point with direction handles, creating a curved path segment between the two points.

Click down and to the right of the second anchor point to add a third anchor point. This time, don't click and drag, just click:

Add a third anchor point down and to the right of the second one by clicking with the Pen Tool.

As soon as you add the third anchor point, a second path segment will appear, joining the second anchor point with the third one. And because our second anchor point has direction handles extending from it, this new path segment is also curved! We now have a nice, smooth arc starting from the first point on the left, then passing through the anchor point with the direction handles up top, and coming to an end at the third point.

One thing you may have noticed, and you can see it in the screenshot above, is that when you added the third anchor point, the direction handle extending out the left side of the second anchor point disappeared. It's still there, Photoshop simply hid it from view. To see it again, use the keyboard shortcut we've already learned to temporarily switch to the Direct Selection Tool, which is by holding down the Ctrl (Win) / Command (Mac) key, and then click on the second anchor point to select it. As soon as you do, the missing direction handle reappears as if it was there the whole time (which it was):

Hold down the "Ctrl" (Win) / "Command" (Mac) key to temporarily switch to the Direct Selection Tool, then click on the top anchor point to select it. The missing anchor point reappears.

With your "Ctrl/Command" key still held down so you still have access to the Direct Selection Tool, try resizing each direction handle by clicking on the end of each one to select it and then dragging it towards and away from its anchor point. Again, hold "Shift" as you drag to constrain your movement horizontally, and watch what happens. As you increase the length of a handle, you get more of a curve, and as you decrease its length, you get less of a curve. Also notice that each handle controls its own side of the curve. The handle on the left controls the curve coming into the anchor point from the left, and the handle on the right controls the curve flowing out from the anchor point on the right.

Here, I've made my handle on the left shorter, and as we can see, there's much less of a curve now than there was originally, almost becoming a straight line. I've also made the handle on the right longer, and as a result, the curve on the right is now much more pronounced. The faint curve is the original for comparison:

Change the shape of the curves by resizing the direction handles. The left handle controls the left curve, and the right handle controls the right curve.

I'm going to undo my changes by pressing Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) a couple of times to set my direction handles back to their original sizes so they're equal length once again. Now let's try rotating the handles. Hold down "Ctrl/Command" once again to access the Direct Selection Tool, then click on the end of either handle to select it and try rotating it around the anchor point. Since we selected the handle with "Ctrl/Command", both handles rotate together. Here I've dragged my left handle down and to the right, and the angle of the curve on the left changed along with it, now appearing as more of a slope as it rises up towards the anchor point. By dragging the left handle down and to the right, I caused the right handle to rotate up and to the left, and again, the angle of the curve on the right changed along with it, now rising above the anchor point briefly before making a steep decent down to the anchor point on the right. Again, the faint curve is the original for comparison:

Rotate the direction handles to change the angle of the curves. Select a handle while holding "Ctrl" (Win) / "Command" (Mac) to rotate both handles together.

The Dreaded "Loop"
One thing you want to avoid is rotating the handles too far, which will cause your path segments to overlap and create loops. Here, I've rotated my handles all the way around so that the left handle is now on the right and the right handle is on the left, and notice what's happened. My path segments are now overlapping each other, creating a loop:

Rotating the direction handles too far causes the path segments to overlap, creating an unwanted loop in the path.

Loops can be caused by rotating the direction handles too far, as I've done above, but more often than not, they're caused by a handle being too long, making the curve too long and causing it to overlap with itself. If that happens, which it does sometimes as you're drawing a path, simply shorten the length of the direction handle. Most people end up creating a whole bunch of loops in their path when they first start working with the Pen Tool, so don't think you're the only one. No need to panic or become frustrated though. As I said, the problem is most likely being caused by a direction handle being too long, and all you need to do is shorten the handle to "un loop" the loop!

I'm going to press Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) a few times once again to undo my changes and reset my path back to the nice smooth arc I started with. Now, what about rotating the direction handles independently of each other? As we learned on the previous page, to rotate the handles separately, instead of selecting them with "Ctrl/Command", we simply select them while holding down Alt (Win) / Option (Mac), which gives us temporary access to the Convert Point Tool. Click on the end of a handle to select it, then drag it with your mouse to rotate it and this time, the other handle will stay in place, breaking the connection between them.

Here, I've selected the handle on the right while holding "Alt/Option" and then rotated it down and to the left. Notice how once again, the angle of the path segment on the right changes to match the new direction of the handle, and this time, the handle on the left, along with the path segment on the left, both stay in place. My path now looks a bit like a shark fin:

Hold down "Alt" (Win) / "Option" (Mac) to temporarily access the "Convert Point Tool", then click on the end of a direction handle to select it and rotate it independently of the other handle.

Moving An Anchor Point

One thing we haven't looked at yet is how to move an anchor point. If you recall, I mentioned on the previous page that the Pen Tool is extremely forgiving, and one of the reasons for it, besides being able to rotate and resize our direction handles after we've created them, is that we can easily move anchor points from one spot to another if we need to. As we've already learned, anchor points anchor a path into place. The anchor points themselves, however, are not anchored into place. You can move an anchor point anywhere, anytime, and any path segments that are connected to it will move and adjust right along with it.

To move an anchor point, hold down Ctrl (Win) / Command (Mac) to temporarily access the Direct Selection Tool as we've already been doing, then simply click on the anchor point to select it and drag it to its new location with your mouse. Any path segments connected to it will move with it to the new location. Here, I've dragged my middle anchor point down a bit from its original location (again, the faint path marks the original location for comparison). Notice how the path itself has changed shape to adjust to the new location of the anchor point:

Hold down "Ctrl" (Win) / "Command" (Mac) and click on an anchor point to select it, then drag it to a new location. Any path segments connected to the point will move with it, changing shape as needed.

Normally, when outlining an object with a path to select it using the Pen Tool, you won't need to move to an anchor point quite as far as what I've done above, but it's very common to go back around your path after you've created it and nudge a few anchor points here and there to fine-tune the path. Once you've selected an anchor point, you can nudge it up, down, left or right using the arrow keys on your keyboard.

Combining Straight Paths With Curves

What if I didn't want both of my path segments to be curves? What if what I needed was for the first path segment to be curved, but the second one needed to be straight? Let's see how to do that. I'm going to delete my existing path and start over again. First, I'll click to add an anchor point to start things off. Then, just as before, I'll click to add a second anchor point up and to the right of my initial point, and this time, I'll drag out direction handles, which will create a curved path connecting the two points, giving me exactly what I had way up at the start of this page:

Click once to add an anchor point, then click to add a second anchor point and drag out direction handles to create a curve.

I now have my initial curve, but I want my next path segment to be straight. If I was to simply click somewhere to add another anchor point right now, I would get another curve because I have that direction handle extending out from the right side of the last anchor point I added. What I need to do is get rid of that one direction handle. Without a direction handle controlling the angle and length of a curve, we get a straight line.

To remove the handle, leaving only the handle on the left of the anchor point, all I need to do is hold down Alt (Win) / Option (Mac), which will again temporarily switch me to the Convert Point Tool, and then I just click directly on the anchor point. When I do, the direction handle on the right disappears, leaving only the one on the left:

Hold down "Alt" (Win) / "Option" (Mac) and click directly on the anchor point to remove the direction handle on the right, leaving only the one on the left.

Now, with the direction handle gone, if I click to add a new anchor point, I get a straight path segment between the two points :

With the direction handle on the right now gone, clicking to add a new anchor point adds a straight path segment between the two points.

I now have a curved path segment on the left and a straight one on the right! What if I wanted the exact opposite? Suppose I needed to start with a straight path segment and then follow it with a curve? To do that, first I'll start by clicking to add an initial anchor point. Then, since I want a straight path segment, all I need to do is click somewhere else to add a second anchor point, and I automatically get a straight path connecting the two points:

Click with the Pen Tool to add an initial anchor point, then click again somewhere else to add a second anchor point and create a straight path segment between them.

I'm going to keep my mouse button held down after clicking to add my second anchor point because I want my next path segment to be curved, and we know that in order to create a curve, we need a direction handle. To add a handle extending out from the right of my anchor point, I'm going to hold down Alt (Win) / Option (Mac), and with my mouse button still down, I'm simply going to to drag to the right of the anchor point. As I do, a direction handle will drag out along with it:

Hold down "Alt" (Win) / "Option" (Mac) and drag out a direction handle on the right of the anchor point.

Notice that the direction handle extended only from the right of the anchor point, not from both sides, leaving my straight path segment on the left in place. And now that I have my direction handle on the right, all I need to do to create my curve is click to add a third point:

Click to add a third anchor point, which creates a curved path segment between the previous anchor point and the new one.

And there we go! I now have a straight path segment on the left, followed by a curved segment on the right. Of course, most paths you draw are going to consist of more than just three anchor points. Let's say I wanted to continue this path, moving in the same general direction towards the right, and I want my next path segment to be curved as well. Just as I did a moment ago, I would leave my mouse button held down after clicking to add my third point. I would hold down Alt (Win) / Option (Mac) and I would drag out another direction handle. So far, we've only been dragging handles out towards the right, but what you really want to do is drag your handles out in the general direction you want the curve to follow. I want to create a curve that goes up and to the right, so I'm going to drag out a small handle in that same general direction:

Drag out your direction handles in the general direction of the curve.

Бакшиш! A good practice to get into is to keep your direction handles small when first dragging them out, since you never really know how long or at what exact angle they need to be until the actual curve appears, and the curve doesn't appear until you've added both of its anchor points. Once you've added both points and the curve appears, you can easily go back and make any adjustments you need to the handles. You may even want to wait until you've drawn the entire path before worrying about adjusting the handles.

With my direction handle created, I'm going to click to add a fourth anchor point, and I'm going to drag out direction handles from it as well:

Adding a fourth anchor point along with direction handles extending from it.

I now have a third segment added to my path, this one being a curve. Notice that this curve actually has two direction handles controlling it, one extending from the right of my third anchor point and one extending from the left of my fourth point:

The third path segment now has two direction handles, one on either end, working together to control the curve.

The overall shape of this curve is now being controlled by the length and direction of both of these handles. Watch what happens to the curve when I move the handles. I'll drag the bottom handle down and to the right, and I'll drag the top handle up and to the left. I'll also drag both of these handles longer. The faint curve is the original for comparison:

Changing the direction and/or length of either handle changes the overall shape of the curve. After rotating and lengthening both handles, the curve now appears in an "S" shape.

The curve is now a bit "S" shaped, and that's because the bottom handle is controlling the angle and length of the curve as it flows out from the third anchor point, while the top handle is controlling the angle and length of the curve as it flows into the fourth point. Changing the length and/or direction of either handle will change the overall shape of the curve.

I'm going to press Ctrl+Alt+Z (Win) / Command+Option+Z (Mac) a couple of times to undo the changes I made, so the curve is once again in a simple arc shape as it was a moment ago, and I think I'll finish off this path with another straight segment, which means I'll need to remove that direction handle extending out from the right side of the fourth anchor point. We've already learned how to do that, by holding down Alt (Win) / Option (Mac) and clicking directly on the anchor point itself:

Hold down "Alt" (Win) / "Option" (Mac) and click directly on the anchor point to remove the direction handle on the right.

With the direction handle gone, all I need to do now to add a straight path segment is click to add another anchor point:

The direction handle on the right is now gone, so we can add a straight path segment simply by clicking to add another anchor point.

We could continue this path for as long as we wanted, adding more straight segments and curves, but I think we'll stop here because we've pretty much covered everything we need to know about drawing paths with the Pen Tool at this point. That was a lot of information to take in, especially if this is your first time learning about paths. As I mentioned at the beginning, you won't become a Pen Master simply by reading through this tutorial, just as you won't learn how to ride a bike, or drive a car, learn to swim, or play the piano simply by reading about it. But hopefully you have some sense at this point of how to draw paths with the Pen Tool, how to draw straight path segments, how to draw curves by dragging out direction handles, how to change the length and angle of the curve by rotating and resizing the handles, and how to combine straight and curved segments in a path.

To finish off our look at making selections with the Pen Tool, let's see a practical example of how to select an object with curves.

Here, we have a photo of a couple of dolphins leaping out of the water. Definitely a couple of very curvy creatures:

A photo of two dolphins jumping out of the water.

Let's say we want to select these dolphins so we can use them for a design or a collage, or whatever the case may be. If you were to try selecting them with the Lasso Tool, which is most likely what you would end up using if you didn't know how to use the Pen Tool, not only would you have a tough time, you'd have an even tougher time trying to convince yourself that you were happy with the results when you were done. The reason is because the Lasso Tool simply isn't capable of making curved selections very well. The biggest problem with it, besides being a pixel-based selection tool, is that it relies on you having a steady enough hand to move it smoothly around the curves. Even if you don't suffer from a caffeine addiction, you could drive yourself crazy trying to draw a perfectly smooth curve with your mouse, or even with a pen tablet, and when you've finally given up, you'll still be left with a selection full of rough, jagged edges that just scream "amateur!". No one likes to be called an amateur, especially when there's no need for it thanks to the Pen Tool!

Examine The Object First
Whenever you're about to select something with the Pen Tool, before you begin, take a moment to examine the object carefully to get a sense of where you're going to need to place your anchor points. Forget about all the details in the object and focus only on its shape. Where are the areas where the shape changes direction? Which parts of the shape are straight? Which parts are curved? If there's a curve, is it a smooth, continuous arc or does the angle change at a spot along the curve? Visualize in your mind where you're going to need to place your anchor points, because when you place one, you always want to be thinking about the next one and what the path segment between the two points needs to look like.

A Tool Of Elegance
One more thing to keep in mind is that the Pen Tool is meant to be a tool of elegance . It's not a nail gun or a staple gun. You don't want to just go clicking around your shape adding anchor points all "willy nilly" (that's a technical term). When using it to draw curves, you want those curves to be nice and smooth, otherwise we might as well just stick with the Lasso Tool. To keep the curves flowing smoothly, we need to limit the number of anchor points we use to create them. That's why you want to take a moment to examine the object first and visualize where the anchor points need to be. If you can outline a large section of the shape using only one curve with an anchor point on either end, that's what you want to do, because that's what's going to give you the kind of results you're looking for. The kind of results that scream "definitely not an amateur!".

Let's select these dolphins. I'm going to start my path in the middle of the photo, at the spot where the side of the dolphin on the left overlaps the rear flipper of the dolphin on the right. There's no right or wrong place to begin a path. This is just where I've decided to start. The first part of that rear flipper is straight, so since I don't need a direction handle to create a straight path segment, I'm simply going to click once with my Pen Tool to add my first anchor point, which will serve as the starting point for my path:

Adding the first anchor point.

As I mentioned earlier, you'll probably find it helpful to zoom in on your image as you're drawing your path. To scroll the image around on the screen as you're zoomed in, hold down the spacebar, which will switch you temporarily to the Hand Tool and allow you to move the image around on the screen by clicking and dragging it.

The top of that flipper actually has a slight curve to it as it approaches the dolphin's tail section, so for my second anchor point, I'm going to click at the point where the flipper and tail section meet, and I'm going to drag out short direction handles, dragging up and to the right in the direction that the tail section is moving. Notice that I've now created a slight curve along the flipper:

Adding the second anchor point and dragging out small direction handles to add a slight curve to the first path segment.

As I continue up along the tail, I can see that it stays straight for a short distance, followed by a curve to the right, so I'm going to click to add a third anchor point at the spot where the curve begins. This gives me a straight path segment between the previous point and the new one. I know there's a short direction handle extending out from the previous anchor point, which normally means that my new path segment will be a curve, not a straight section, but because the handle is so short and is also moving in the same direction as the path segment, there is no noticeable curve to it. Consider it a "mostly straight" path segment:

Clicking to add the third anchor point, creating a (mostly) straight path segment.

Continuing along, we come to the first real curve in our path. For this, I'm going to need to drag out a direction handle from the anchor point I just added, so I'm going to hold down Alt (Win) / Option (Mac), then drag out a handle in the general direction where I want the curve to flow as it starts. Notice how I'm only dragging out a handle from the one side of the anchor point, not both:

Hold "Alt" (Win) / "Option" (Mac) to drag out a direction handle from one side of an anchor point.

To add the curve, I'll click and drag at the spot where the curve ends, shaping the curve as I drag out the handles until it matches the curve of the dolphin's tail. If I needed to, I could also go back and change the length and direction of the handle at the start of the curve to fine-tune it, but in this case, I don't need to do that:

Adding an anchor point at the opposite end of the curve and dragging out direction handles from it, rotating and resizing them as needed until the curve matches the curve of the object.

The next area of the dolphin is pretty straight, right up until its back begins to merge with its dorsal fin, at which point there's another curve, so I'm going to click to add an anchor point just before the curve up the dorsal fin begins, which is going to give me another "mostly straight" path segment between the previous point and the new point. Then I'm going to once again hold down Alt (Win) / Option (Mac) and drag out a direction handle as I prepare for my next path segment which will be curved:

Click to add an anchor point, then hold down "Alt" (Win) / "Option" (Mac) and drag out a direction handle to prepare for the next path segment.

The left side of the dorsal fin consists mainly of one continuous curve upward until it gets near the very top, at which point the shape changes, so to create this curve, I'm going to click and drag at the point near the top where the curve will change direction. As we can see in the screenshot, this adds a curved path segment between the previous anchor point and the new one, but the curve is not yet following along the shape of the fin. It's going to need some fine-tuning:

Adding a curve along the left side of the dorsal fin. The curve still needs some adjusting.

To adjust the curve, I'm simply going to hold down the Ctrl (Win) / Command (Mac) key, which gives me temporary access to the Direct Selection Tool, and I'm going to drag the handle extending out from the bottom anchor point towards the right to lengthen it, which is going to pull the angle of the curve in towards the right along with it, lining it up nicely with the curve of the fin. I've also rotated the top direction handles slightly in a clockwise direction just to be nit-picky, but the majority of the adjustment was done using the bottom direction handle:

Adjust the curve by adjusting its direction handles.

To add a curve around the top of the fin, I'll click and drag on the opposite side of it to add another anchor point with short direction handles. Notice though that we run into a bit of a problem. The direction handle on the left side of the curve is too long and it's pulling the curve away from the top of the fin:

The direction handle on the left of the curve is too long, resulting in the curve not following the shape of the fin.

To fix that, all I need to do is once again hold down Ctrl (Win) / Command (Mac), then click on the end of the handle to select it and drag it shorter until the curve is the proper shape:

Shortening the length of the direction handle to adjust the shape of the curve.

Let's finish creating our path around the dorsal fin. The remainder of the fin is basically a straight line, so I'm going to click at the base of the fin to add another anchor point which adds the straight path segment, completing our path around the fin:

Adding an anchor point at the base of the fin to finish drawing the path around it.

Since you and I would both be here all day if I was to continue commenting on every anchor point, direction handle and path segment as we make our way slowly around the dolphins, and since we've covered everything we need to know at this point, I'm going to go ahead and draw the rest of the path, outlining both dolphins:

Both dolphins are now outlined by the path.

The dolphins have now been outlined with the path, and if we look at the Paths palette, we can see that sure enough, we have a path in the shape of the dolphins:

Photoshop's Paths palette showing the outline of the dolphins in the preview thumbnail.

As we've learned, Photoshop automatically names the path "Work Path", which means it's temporary and will be replaced if we start a new path. If you wanted to save it, you would need to double-click on the name "Work Path" and rename it to something else, like "Dolphins" in this case. I'm not going to worry about that, since I have no need to save it. All I want to do at this point is convert my path into a selection, and since I'm already in the Paths palette, I'll do that by clicking on the Load path as selection icon at the bottom of the palette:

Clicking the "Load path as selection" icon at the bottom of the Paths palette.

I could also have used the keyboard shortcut Ctrl+Enter (Win) / Command+Return (Mac) . Either way converts my path into a selection, and if I look at my photo, I can see that my path has indeed become a selection around the dolphins:

The path around the dolphins has now been converted into a selection.

Къде да продължа …

И там го имаме! The dolphins are now selected and ready for whatever plans we have for them. And with that, we wrap up our look at drawing paths and making selections with the Pen Tool in Photoshop! За повече информация относно инструментите за избор на Photoshop вижте нашите Как да направите избор в серията Photoshop. Посетете нашия раздел Основи за Photoshop за повече теми в Photoshop!