Начертайте квадрат във Photoshop без избрани ръбове. Инструментът Rectangular Marquee във Photoshop. Как да рисувате векторни фигури във Photoshop, опции за запълване и щрих

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

В тази статия ще анализираме 3-те най-популярни начина за рисуване на правоъгълник или квадрат във Photoshop.

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

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

Метод 1. Инструмент за произволна форма

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

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

Вариант 1. Квадрат или правоъгълник с допълнително преоразмеряване без загуба на качество

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

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

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

Вариант 2. Стандартен (растерен) квадрат/правоъгълник

За да начертаете растерна форма наведнъж, използвайте настройката в лентата с опции Изпълнете запълване с пиксели. Но преди да започнете да го рисувате -!

Но всъщност можете да рисувате веднага и векторно, а след това само него. Тук можете да изберете сами.

Как да направите правоъгълник квадрат

Обичайното правило с натиснат клавиш Shift не работи с произволни форми. Следователно трябва да използвате панела с опции на инструмента и да изберете настройка, така че Photoshop да рисува квадрат.

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

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

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

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

Метод 2. Преминете селекцията

Този метод е толкова прост, колкото 5 цента. изберете инструмента и нарисувайте правоъгълник с пунктирана линия. За да начертаете квадрат, задръжте натиснат клавиша Shift.

Сега трябва да очертаем границите на тази избрана област. За да направите това, отидете на Редактиране - Щрих.

След това в новия прозорец задайте типа щрих: посочете дебелината на рамката, желания цвят и маркирайте как ще върви щрихът:

  • Вътре- така рамката ще лежи от вътрешната страна на избраната зона;
  • Центрирано- така рамката се разделя по равно на част, минаваща вътре в селекцията, и на част отвън;
  • Навън- означава, че рамката ще обикаля пунктираната линия за избор.

Ето как може да се окаже:

На екранната снимка по-горе съзнателно не премахнах пунктираната линия, защото и тя няма да изчезне за вас. За да се отървете най-накрая от него, натиснете Ctrl + D.

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

Метод 2.1 Попълване на селекцията

Най-често срещаният начин за начертаване на правоъгълник е да нарисувате поле за избор (както е описано по-горе) и просто да го запълните с произволен цвят. Ето ви правоъгълник или квадрат.

Метод 3. Промяна на селекцията

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

Така че трябва отново да изберете инструмента, да нарисувате рамката на бъдещия правоъгълник или квадрат (с клавиша Shift) и след това да отидете в менюто Избори изберете екип Модификация - Бордюр.

Ще се появи нов прозорец, в който в нашия случай посочваме ширината на границата на правоъгълника. Да кажем, че задам 7 пиксела. Получаваме следния резултат:

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

Остава само да премахнете селекцията - Ctrl + D. Мисля, че този метод е подходящ само за моите редки специфични задачи, тъй като оперението и подрязаните ъгли само развалят всичко.

Забелязахте грешка в текста - изберете я и натиснете Ctrl + Enter. Благодаря ти!

Най-лесният начин да нарисувате правоъгълник във Photoshop е да използвате инструмента Rectangle (Правоъгълник). Инструмент " Инструмент за правоъгълник»Принадлежи към групата инструменти за рисуване на форми и заема почетно място в нея.

Инструментът Rectangle в палитрата с инструменти на Photoshop

Разбира се, можете просто да вземете инструмента Rectangle Tool от палитрата с инструменти на Photoshop. И можете да го активирате с помощта на клавишни комбинации. С натискане на клавиша се активира последния използван инструмент от групата инструменти за рисуване на фигури. Ако не беше „Правоъгълник“, тогава трябва да използвате клавишната комбинация, която ви позволява да превключвате между различни инструменти в тази група.

Режими на рисуване

Правоъгълник, както всяка друга форма във Photoshop, може да бъде начертан в един от следните режими:

  • " Shape" (Фигура), когато се създава векторна пътека с растерно "запълване". Такъв правоъгълник може да бъде запълнен с плътен цвят, градиент или шаблон. Всяка фигура, начертана в режим Shape, се поставя на отделен слой, маркиран със специална икона, която информира потребителя, че в този слой се намира векторен обект. По-късно можете да се върнете към всяка създадена форма и да промените нейната форма, запълване и щрих;
  • "Път" (контур), когато се създава векторна пътека, която изпълнява спомагателни функции. Такъв правоъгълник не е част от изображението, но може да бъде преобразуван например в зона за избор или да се използва за получаване на векторна маска. Всички пътища, начертани в режим Path, са временни елементи, докато не бъдат запазени. За да контролирате пътеките във Photoshop, има панел " Пътища"(Контури). Всеки контур, като векторен примитив, винаги може да бъде редактиран;
  • „Пиксели“ (Pixels), когато към документа се добавят определен брой пиксели от даден цвят. Такъв правоъгълник веднага става част от растерното изображение. Когато рисувате в режим Пиксели, не се създават векторни пътеки и не се добавят допълнителни слоеве. Начертаният в него четириъгълник ще заеме мястото си в текущия слой. В бъдеще можете да работите с него по същия начин, както с всяко друго растерно изображение.
Правоъгълници, изчертани в режими: 1 - Форма; 2-Път; 3-пиксела

За да изберете режима, в който искате да нарисувате правоъгълник, трябва да се обърнете към " Лента с опции"(Панел с опции), когато инструментът" Инструмент за правоъгълник»Вече е активен. Всички възможни режими са представени в падащия списък "Избор на режим на инструмент" (който в руската версия на Photoshop се превежда като " Режим на инструмента за избор", въпреки че по-точен превод би бил " Избор на режим на работа на инструмента»).

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

Избраният режим определя не само свойствата на бъдещия обект, но и параметрите, които ще бъдат налични в панела с опции по време на неговото създаване. В по-голямата си част тези параметри са абсолютно еднакви за всички "Фигури", така че няма да бъдат разглеждани в рамките на тази статия. Освен това ще говорим само за онези уникални параметри на инструмента Rectangle Tool, които определят формата, размера и местоположението на правоъгълника.

Определяне на пропорциите, размерите и разположението на правоъгълник

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

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

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

Панел с опции

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

Падащо меню с опции за инструмента Rectangle Tool

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

  • " Unconstrained" (Arbitrary), който е активен по подразбиране. Използването му ви позволява да рисувате правоъгълници с произволни форми и размери, като следвате последователността от действия, представени точно по-горе;
  • " Квадрат"(Квадрат), изборът на който ще накара всички страни и ъгли на изчертания четириъгълник да бъдат равни един на друг;
  • " Фиксиран размер"(Определен размер), когато е активиран, можете веднага да определите точните размери на бъдещия правоъгълник. Когато е избран, стават достъпни две текстови полета: “W” (W) и “H” (H), в които можете да въведете съответно необходимата ширина и височина на правоъгълника. След това остава само да се посочи мястото, където трябва да се намира фигурата;
  • " Пропорционално " (Задаване на пропорции), когато е активирано, можете да зададете съотношението на бъдещия правоъгълник. Когато е избрано, стават достъпни и две полета: “W” (W) и “H” (H), в които можете да въведете съответно необходимото съотношение на ширината на правоъгълника към неговата височина. Тогава, когато чертаете четириъгълник, той винаги ще има посочените пропорции;
  • „От центъра“ (От центъра), когато е активирано, началната точка при чертане на правоъгълник няма да бъде един от върховете, а неговият геометричен център. Тази опция може да се използва заедно с която и да е от горните опции.
Процесът на рисуване на правоъгълник при избор на различни опции за инструмента Rectangle: 1 - Без ограничения; 2 - Без ограничения + От центъра; 3 - Квадрат; 4 - Квадрат + От центъра; 5 - Фиксиран размер; 6 - Фиксиран размер + от центъра; 7 - Пропорционален; 8 - Пропорционално + От центъра

Бързи клавиши

Когато работите с инструмента Rectangle Tool, можете да използвате клавишни комбинации. Така че, ако в процеса на рисуване на правоъгълник:

  • Натиснете и задръжте клавиша, правоъгълникът ще бъде създаден под формата на квадрат. Рисуването на правоъгълник с натиснат клавиш протича точно по същия начин, както ако опцията "Квадрат" е избрана за инструмента "Правоъгълник";
  • Натиснете и задръжте клавиша, след което основната точка на създадения правоъгълник ще бъде неговият геометричен център. Тоест, действието на натиснатия клавиш е равносилно на активиране на опцията "От центъра" За инструмента "Правоъгълник";
  • Натиснете и задръжте два клавиша едновременно: и , тогава създаденият правоъгълник ще бъде квадрат, а основната му точка ще бъде неговият геометричен център. С други думи, клавишите и имат същия ефект като опцията "Квадрат" в комбинация с опцията "От центъра", зададена за инструмента "Правоъгълник" в лентата с опции;
  • Натиснете и задръжте клавиша (Интервал), след което можете да промените местоположението на създавания правоъгълник и след като отпуснете клавиша, продължете да рисувате фигурата, но на ново място.
Процесът на рисуване на правоъгълник с помощта на горещи клавиши: 1 - Shift; 2 - Alt; 3 - Alt + Shift; 4-Интервал

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

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

Видео към статията

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

След това, в следващия урок, ще разгледаме как да рисувате по-сложни форми с помощта на инструмента Freeform Shape. Повечето хора смятат, че Photoshop се използва само за редактиране на изображения и ако ги попитате да ви препоръчат добър графичен редактор, в повечето случаи отговорът ще бъде „Adobe Illustrator“.

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

Photoshop има шест инструмента за рисуване на фигури - Rectangle Tool, Rounded Rectangle Tool, Ellipse Tool, Polygon Tool, Line" (Line Tool) и "Custom Shape" (Custom Shape Tool). Те се намират на едно място в лентата с инструменти.

По подразбиране инструментът Rectangle се вижда на панела, но ако щракнем върху иконата на инструмента и задържим бутона на мишката за няколко секунди, ще се появи изскачащо меню със списък на останалите инструменти от групата Shapes от който можем да изберем този, от който се нуждаем:

Всичките шест инструмента от групата Shapes са разположени на едно място в лентата с инструменти

Ако първо изберете един инструмент в групата Shapes и след това искате да превключите към друг, няма нужда да посещавате отново лентата с инструменти (въпреки че можете да направите това, ако желаете). Photoshop ни позволява да изберем желания инструмент от лентата с опции в горната част на екрана, където са представени всичките шест инструмента. Например в лентата с инструменти ще избера инструмента за правоъгълник:

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

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

Всичките шест инструмента за фигури могат да бъдат избрани директно от лентата с опции (след като един от тях е избран от лентата с инструменти)

Избиране на опцията Shape Layer

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

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

За да рисувате векторни фигури, изберете опцията Shape Layers от лентата с опции. Това е първата от трите икони по-близо до ляво (средната икона е опцията Paths, а дясната е опцията Fill Pixels):

За да рисувате векторни фигури, изберете опцията Shape Layer.

Избор на цвят за форма

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

Кликнете върху иконата за мостра на цвят, за да изберете желания цвят за формата

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

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

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

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

Както може би се досещате от името, Rectangle Tool ни позволява да рисуваме четиристранни правоъгълни форми. Просто щракнете в прозореца на документа, за да определите началната точка на формата и след това със задържан бутон на мишката плъзнете мишката диагонално, за да завършите чертането на формата. Докато премествате курсора, ще видите тънките очертания на бъдещата фигура:

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

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

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

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

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

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

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

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

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

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

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

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

Ако погледнете в лентата с опции, вдясно от шестте икони на инструмента за групови фигури, ще видите малка стрелка, сочеща надолу. Щракването върху тази стрелка ще отвори списък с допълнителни опции за инструмента Shapes по ваш избор. Например, когато изберете инструмента за правоъгълник, натискането на стрелката ще отвори меню с опции за инструмента за правоъгълник. С изключение на работата с инструментите Polygon и Line, които ще разгледаме по-късно, няма да използвате това меню често, защото вече сме научили как да избираме основни опции с помощта на клавишни комбинации и отделни клавиши.

Например опцията Unconstrained е избрана по подразбиране и отговаря за нормалното поведение на инструмента Rectangle, което ни позволява да рисуваме правоъгълни форми с всякакъв размер и с произволно съотношение. Опцията Square ни позволява да рисуваме квадрати, но можем да направим това, като просто натиснем и задържим клавиша Shift, докато местим курсора. Опцията From Center е отговорна за изчертаването на формата от центъра, но отново можем да направим това, като натиснем и задържим клавиша Alt (Win) / Option (Mac):

Кликнете върху малката стрелка, за да видите повече опции за инструмента Rectangle Tool

форма слой

Преди да преминем към останалите инструменти в групата Shapes, нека да разгледаме панела Layers. Както си спомняте, в началото на урока научихме, че за да рисувате векторни форми във Photoshop, трябва да изберете опцията "Shape Layer" в лентата с опции. И сега, след като начертах формата, можем да видим, че слой с форма (слой от тип Shape) се е появил в панела със слоеве, който програмата е нарекла „Форма 1“ (Форма 1). Всяка нова векторна фигура, която рисуваме, ще бъде поставена на отделен слой, който изглежда различно от обикновен пикселен слой. От лявата страна на слоя има икона за мостра на цвят, която показва текущия цвят на запълване на нашата форма, а отдясно на цветната икона е миниатюра на векторна маска:

Слоевете с фигури имат икона за мостра на цвят от лявата страна и миниатюра на векторна маска вдясно от нея

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

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

Photoshop ще отвори отново Color Picker, където можем да изберем различен цвят за нашата форма. Този път ще избера синьо:

Изберете различен цвят от цветовата палитра

Достатъчно е само да се върнете по всяко време и да промените цвета на формата.

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

Бялата област на векторната маска представлява областта на слоя, където цветът е видим.

За да ни улесни да видим как Photoshop изобразява векторна форма, можем временно да деактивираме векторните маски, като натиснем и задържим клавиша Shift, докато щракваме върху миниатюрата на векторната маска:

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

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

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

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

Документирайте след повторно активиране на векторната маска

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

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

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

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

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

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

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

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

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

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

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

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

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

Всичко по-горе означава, че рисуването на заоблени правоъгълници е по същество проба-грешка. Ако не харесвате заоблените ъгли на фигурата, след като сте я начертали, натиснете Ctrl+Z (Win) / Command+Z (Mac), за да я отмените бързо, след това въведете нова стойност на радиуса в лентата с опции и започнете рисуване на правоъгълника отново.

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

Ако щракнем върху малката стрелка в лентата с опции, за да отворим меню с разширени опции за Rounded Rectangle Tool, можем да видим, че опциите Free, Square и From Center са същите като опциите на Rectangle Tool. И отново, вече знаем как да избираме тези опции с помощта на клавишни комбинации и отделни клавиши:

Инструментите Rectangle и Rounded Rectangle имат същите допълнителни опции

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

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

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

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

Елиспълен до горецвят

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

Започнете да рисувате и след това добавете натискане на клавиш Shift, за да създадете идеално равен кръг.

Щракването върху малката стрелка в лентата с опции ще отвори опциите на инструмента Ellipse, които са подобни на опциите за инструментите Rectangle и Rounded Rectangle. Единствената разлика е, че с опцията за инструмент Ellipse можете да рисувате кръгове вместо квадрати:

Инструментът Ellipse Tool има почти същите опции като инструментите Rectangle и Rounded Rectangle.

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

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

Посочете броя на страните, които искате за многоъгълника, в опцията Страни в лентата с опции. Стойността по подразбиране за Sides е 5, но можете да въведете произволно число между 3 и 100:

Използвайте опцията Страни, за да кажете на Photoshop колко страни ще има вашата многоъгълна форма

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

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

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

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

Ето многоъгълник с 12 страни:

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

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

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

От списъка с опции за инструмента „Многоъгълник“ изберете „Звезда“

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

Използвайте опцията Дебелина, за да определите дебелината на линията

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

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

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

За да добавите стрелка в посоката, в която е начертана линията, изберете опцията Край

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

Лесни за рисуване стрелки с инструмента Line

Ако размерът на стрелката по подразбиране не ви устройва, можете да го промените с помощта на параметрите Ширина и Дължина. Можем също да добавим крива към стрелката с помощта на параметъра Concavity. По подразбиране стойността на този параметър е 0%. Ще го увелича до 50%:

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

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

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

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

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

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

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

И ето ни! Разгледахме основите на работа със слоеве с фигури и петте инструмента в групата Shapes във Photoshop! В следващия урок ще научим как да създаваме по-сложни форми с помощта на Custom Shape Tool.

Превод:Ксения Руденко

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

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

Да започнем с формите. Създаваме нов документ. 1000 на 1000 пиксела ще са достатъчни.

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


Задържайки десния бутон на мишката, рисуваме върху работното поле.



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


Сега вторият начин. Избрана област.

В горния панел потърсете раздела „Слоеве“ и създайте нов.


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


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


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

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



И сега клавишната комбинация ctrl + d и селекцията е премахната! Правоъгълникът е готов!



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


И сега ще ударим избраната област, за която отиваме в горния панел и кликваме върху раздела „Редактиране“. Интересуваме се от командата Stroke.


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


Натиснете клавишната комбинация ctrl + d, за да премахнете селекцията и да се насладите на резултата.

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


Вече научихме как да направим правоъгълник във Photoshop. Нека се научим как да го редактираме! Например, нека се опитаме да променим цвета и размера.


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

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

Правоъгълникът беше жълт, но стана зелен. Много просто, не мислите ли?


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


В диалоговия прозорец, който се появява, поставете отметка в квадратчето до Color Overlay. Кликнете върху полето, изпълнено с цвят, и изберете този, който харесвате.


Има много начини да промените цвета на правоъгълник. Но можете много добре да се ограничите до две основни.

Сега нека научим как да оразмеряваме правоъгълника.


Преоразмеряването на правоъгълник във Photoshop е изключително лесно. Изберете инструмента за преместване и щракнете върху правоъгълника.



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

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

С изрязани ръбове

Нека се опитаме да направим снимката квадратна, като отрежем излишните ръбове.
1. Стартирайте Photoshop. Зареждаме изображението в програмата, след което отиваме на инструмента "Рамка".

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

3. Сега използвайте стрелките на клавиатурата, за да се придвижите в желаната посока за изрязване и натиснете Enter.

Когато записвате като "JPEG", изберете качество 12 (най-добро) и щракнете върху "OK".

Това е всичко. Изрязахме и направихме картината квадратна.

Без режещи ръбове

Сега ще се опитаме да направим снимката квадратна, без да отрязваме ръбовете. Ръбовете ще станат бели и снимката ще остане без изкривяване и не е изрязана. Ето ни.
1. Кликнете върху снимката с десния бутон на мишката, отидете на свойства.

2. След това в диалоговия прозорец отидете на "Детайли" и вижте размера на картината. В моя случай едната страна е по-голяма, 640 пиксела, а пикселите са 72. Тогава ще създадем квадрат във Photoshop 640x640 пиксела, а не 425 на 425. Ще зададем и резолюция на 72 пиксела. Запишете тези данни.

3. Създайте празен бял квадрат. Отворете Photoshop и отидете на File > New.

4. В появилия се диалогов прозорец попълнете данните. В моя случай ширината и височината ще бъдат 640px. Резолюция 72. И вие разглеждате свойствата на вашето изображение. Натискаме "ОК".

5. Създадохме бял квадрат.

6. Сега вземаме и просто плъзгаме вашето изображение във Photoshop, в този квадрат.

7. След това натиснете Enter.

Добре, всичко свърши. Направихме снимката квадратна без изрязване или изкривяване. Сега остава да го запазите. Как да направите това, описано по-горе.

Метод на разтягане

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

1. Качете снимка. Отидете на Изображение > Размер на изображението.

2. В диалоговия прозорец не забравяйте незабавно да премахнете отметката от квадратчето „Запазване на пропорциите“. Поставяме в "ширина" и "височина" същите числа. В нашия случай, ако зададем 425x425, ще се стесни на ширина, а ако зададем 640x640, изображението ще се разтегне на височина. След като въведете данните, щракнете върху "OK".

3. Зададох 425х425 и снимката стесни ширината. спестяваме. Резултатът е по-долу.