Фігури в фотошопі: як намалювати або вставити? Довільні фігури в фотошопі: як з ними працювати

У фотошопі є цікавий інструмент - «Довільна фігура». На практиці до цього інструменту рідко звертаються, але він все одно має низку цікавих особливостей. У цьому уроці ви познайомитеся з довільними фігурами, а також дізнаєтеся як самостійно додавати свої набори таких фігур в фотошоп.

На панелі інструментів є група однорідних інструментів (швидка клавіша U). Туди входять: прямокутник, прямокутник з округленими краями, еліпс, багатокутник, лінія і довільна фігура.

На панелі атрибутів є віконечко, де можна вибрати фігуру з числа стандартних. Для цього потрібно натиснути на маленьку стрілку праворуч від мініатюри. Подивіться на скріншоти:


Що таке довільна фігура?

Вона представляє із себе векторне зображення, а значить не має обмежень за розмірами. Тому її можна розтягувати скільки завгодно без втрати якості.

У фігури немає свого кольору (крім того, який ми виберемо перед створенням), обсягу, тіней, обведення кордонів або чого-небудь ще. У цьому вона нагадує кисть, де колір ви задаєте самі, все інше вже доведеться домальовувати самостійно.


Як використовувати?

Щоб намалювати довільну фігуру, виберіть її зі списку, потім натисніть лівою кнопкою миші в вашому відкритому документі  і ведіть мишку в бік. Ви побачите, що з'явився контур майбутньої фігури. Рухаючи миша в різних кутах і напрямках, ви регулюєте її розмір і форму, тобто вона може бути широкою або вузькою. Не забувайте спершу вибрати потрібний колір, а потім вже малювати.

Затисніть клавішу Shift, щоб малювати фігуру ідеально рівною, без спотворень в будь-яку сторону.

Як встановити свої фігури в фотошоп?

Ви можете самостійно встановити набір фігур собі в програму. Тут працюють ті ж принципи, що і, наприклад, з або. Щоб їх встановити, по-перше, скачайте собі на комп'ютер набір з фігурами. Такі набори мають розширення csh.

Після цього, відкрийте меню фігур. Ви побачите такі 4 команди:

Вибравши «Завантажити ...», Відкриється діалогове вікно, в якому потрібно вказати шлях до файлу з розширенням csh,наприклад, так:


Цей набір автоматично додасться в кінець списку всіх фігур. Припустимо, у вас був в списку набір з тваринами, а ви завантажили стрілочки. У підсумку вийде список, що складається з тварин і стрілок.

Вибравши «Замінити ...», Буде все те ж саме, за винятком того, що нові фігурки з'являться не в кінці списку, а повністю замінять собою ті, що вже є. Наприклад, у вас спочатку були в списку довантажуючи набори з тваринами і стрілочками, а ви вирішили відкрити з заміною  набір орнаментів. У підсумку, в списку будуть тільки орнаменти.

А якщо ви завантажили кілька наборів, видалили будь-які окремі фігури, використавши команду "Вилучити…", Вообщем, зробили набір під себе, то можете його зберегти командою «Зберегти довільні ...». У майбутньому його можна буде завантажити в тому ж вигляді або передати кому-небудь через інтернет.

Остання команда «Відновити довільні ...»  дозволяє все повернути за замовчуванням.

Зверніть увагу, що в цьому ж меню є величезний список: Тварини, Стрілки, Природа, Об'єкти і т.д. Це стандартні набори, які нам люб'язно надали розробники фотошопа.

Другий спосіб установки з додатковою перевагою

довільні фігури  ще можна встановити безпосередньо в системні файли  фотошопа.

Зробити це трохи складніше, але головний плюс такого способу в тому, що ваш набір з'явиться в списку, що я описав вище (Тварини, Стрілки, Природа, Об'єкти і т.д.). У разі, якщо ви маєте намір часто користуватися цим інструментом, то такий спосіб установки скоротить час, і ви зможете вибрати потрібний набір в два кліка.

Для цього необхідно скопіювати файл з розширенням cshв системну папку фотошопа «Custom Shapes»  , Зазвичай у неї таку адресу: C: \\ Program Files \\ Adobe \\ Adobe Photoshop CS5 \\ Presets \\ Custom Shapes.

  Помітили помилку в тексті - виділіть її та натисніть Ctrl + Enter. Дякуємо!

У минулому уроці ми навчилися працювати з фігурами і шарами фігур в програмі Photoshop. Ми розглянули, як за допомогою п'яти інструментів групи «Постаті» ( «Прямокутник», «Прямокутник з округленими краями», «Еліпс», «Багатокутник» і «Лінія») додавати в документ прості прямокутники і еліпси, а також малювати зірки, лінії і напрямні стрілки.

Добре мати в програмі інструменти, що дозволяють малювати кола і квадрати, але що якщо нам знадобиться зобразити фігуру більш складної форми? Що, якщо припустимо, нам треба додати серце на весільний знімок або запрошення, намалювати собаку або кішку для логотипу зоомагазину? Як щодо зображення на ваших малюнках квітів, листя, сніжинок, музичних нот або значка копірайту?

Насправді, програма Photoshop працює з усіма цими та іншими фігурами і дозволяє нам додавати їх на зображення з тією ж легкістю, з якою ми додавали кола і квадрати. У програмі всі ці фігури більш складної форми називаються довільними фігурами, і ми можемо їх намалювати, використовуючи інструмент «Довільна фігура» (Custom Shape Tool), з яким ми познайомимося в цьому уроці.

Інструмент «Довільна фігура»

Інструмент «Довільна фігура» розташований на панелі інструментів в одному розділі з іншими інструментами групи «Постаті». За замовчуванням, на екрані відображається інструмент «Прямокутник» (Rectangle Tool), але якщо ви натиснете на нього і утримуйте кнопку миші кілька секунд, то з'явиться спливаюче меню з переліком інших інструментів, які також доступні в цьому розділі. Інструмент «Довільна фігура» знаходиться в самому низу списку:

Натисніть на значок інструменту «Прямокутник» і утримуйте кнопку миші, потім з меню, що виберіть інструмент «Довільна фігура»

Якщо у вас вже обраний один з інструментів групи «Постаті», то ви можете швидко перемкнутися на інструмент «Довільна фігура» на панелі налаштувань, де представлені шість значків, що відображають інструменти групи «Постаті». Значок інструменту «Довільна фігура» - останній справа (він виглядає як пляма):

Якщо у вас вже є активний інструмент групи «Постаті», то ви можете вибрати інструмент «Довільна фігура» на панелі налаштувань

Вибір форми довільної фігури

Після вибору інструменту «Довільна фігура» нам необхідно визначитися з формою фігури, яку ми хочемо намалювати. На панелі налаштувань праворуч від значка інструмента «Довільна фігура» з'явиться віконце попереднього перегляду, де буде відображатися мініатюра фігури, яка в даний момент  обрана:

Віконце попередньо перегляду відображає обрану нами довільну фігуру

Для того щоб вибрати іншу фігуру, натисніть на віконце попереднього перегляду. Ця дія призведе до відкриття палітри «Довільні фігури», де будуть представлені всі фігури, доступні в даний момент для вибору. Насправді програма Photoshop працює з набагато більшою кількістю довільних фігур, ніж те обмежена кількість, яке представлено спочатку в палітрі. Як завантажити в палітру інші довільні фігури, ми розглянемо далі:

Для відкриття палітри «Довільні фігури» натисніть на віконце попереднього перегляду

Щоб вибрати фігуру, просто натисніть на її мініатюру, потім - на клавішу Enter  (Win) / Return  (Mac) для закриття палітри. Або двічі клацніть кнопкою миші по мініатюрі фігури, в результаті чого фігура буде обрана і палітра закриється сама. Я виберу фігуру в формі серця:

Вибираємо фігуру в формі серця з палітри «Довільні фігури»

Вибір кольору для фігури

Після вибору форми фігури, вам потрібно вибрати колір для неї. Це можна зробити, натиснувши на значок зразка кольору, розташований праворуч від слова «Колір» (Color) на панелі налаштувань:

Натискаємо на значок зразка кольору, щоб вибрати для довільної фігури потрібний колір

Програма негайно відкриє колірну палітру, де ми зможемо вибрати потрібний колір. Оскільки я вирішив намалювати фігуру в формі серця, то я виберу червоний колір. Для закриття кольорової палітри натисніть ОК, коли виберете потрібний колір:


З кольорової палітри вибираємо колір для фігури у формі серця

Вибір параметра «Шар-фігура»

Як я вже згадував у минулому уроці, програма Photoshop дозволяє нам малювати фігури трьох типів за допомогою інструментів групи «Постаті». Ми можемо малювати векторні фігури, що не залежать від дозволу і можуть бути масштабуються без втрати якості (такий тип фігур ми б малювали в програмі Illustrator). Ми можемо також малювати контури, які є лише обрисами фігур, або ми можемо малювати піксельні форми, які програма заповнює кольоровими пікселями. У більшості випадків, ми малюємо векторні фігури, і щоб мати можливість це зробити, нам необхідно вибрати параметр «Шар-фігура» (Shape Layers) на панелі налаштувань. Це перший значок в групі з трьох значків, розташованих ближче до лівого краю на панелі налаштувань:

Для малювання векторних фігур вибираємо параметр «Шар-фігура» на панелі налаштувань

Щоб намалювати фігуру, клікніть кнопкою миші у вікні документа для визначення початкової точки і потім, утримуючи кнопку миші натиснутою, протягніть курсор миші у напрямку від початкової точки. У міру переміщення курсору програма буде відображати вам тонкий контур майбутньої фігури:


Натисніть кнопкою миші для визначення початкової точки і потім протягніть курсор, щоб намалювати фігуру

Відпустіть кнопку миші, щоб закінчити малювати фігуру, і програма негайно заповнить фігуру кольором, який ви вибрали на панелі налаштувань:


Програма Photoshop заповнить фігуру кольором, коли ви опустіть кнопку миші

Малювання фігури з правильними пропорціями

Зверніть увагу, що моя фігура в формі серця виглядає трохи перекрученою. Вона ширше і коротше, ніж я очікував побачити. Це сталося через те, що за замовчуванням програма Photoshop не стараються зберегти правильні пропорції  (Або по-іншому форматне співвідношення) фігури в процесі її зображення. Я натисну поєднання клавіш Ctrl + Z (Win) / Command + Z (Mac) для скасування дії і спробую намалювати фігуру знову.

Для того щоб намалювати фігуру з правильними пропорціями, встановіть курсор у вікні документа і, утримуючи кнопку миші натиснутою, почніть протягувати курсор і малювати фігуру, як зазвичай. При цьому натисніть клавішу Shift і продовжуйте її утримувати в міру переміщення курсора. Як тільки ви натиснете (і утримуйте) клавішу Shift, ви побачите, що контур фігури придбав правильні пропорції:


Щоб намалювати фігуру з правильними пропорціями, удержите клавішу Shift при переміщенні курсора

Коли розмір намальованою фігури вас влаштує, відпустіть кнопку миші, а потім відпустіть клавішу Shift (переконайтеся, що ви відпускаєте клавішу Shift останньої). Програма знову заповнить фігуру вибраним кольором:

Відпускайте клавішу Shift тільки після того, як ви відпустите кнопку миші

Я знову натисну поєднання клавіш Ctrl + Z (Win) / Command + Z (Mac) для скасування дії, а потім виберу фігуру іншої форми, натиснувши на віконце попереднього перегляду фігури на панелі налаштувань для відкриття палітри фігур. На цей раз я зупинюся на зображенні музичних нот:

Натискаємо на мініатюру музичних нот для вибору фігури

Для того щоб намалювати музичні ноти, я встановлю курсор у вікні документа для визначення початкової точки і потім, утримуючи кнопку миші натиснутою, протягну курсор миші у напрямку від початкової точки. Як тільки я почну протягувати курсор, я натисну і упину клавішу Shift для закріплення правильних пропорцій фігури і продовжу малювати зображення:

У міру переміщення курсора я упину клавішу Shift, Щоб зберегти правильні пропорції фігури

Потім я відпущу кнопку миші, щоб закінчити процес малювання, і програма Photoshop заповнить фігуру таким же кольором, який я вибрав для попередньої фігури:

Нова фігура заповниться тим же кольором, що і попередня

Зміна кольору заливки намальованою фігури

Що якщо я захочу, щоб моя нова фігура відрізнялася за кольором від попередньої? Я міг би просто вибрати інший колір на панелі налаштувань перед тим, як малювати нову фігуру. Однак ми можемо також з легкістю змінити колір вже намальованої фігури. Кожна нова намальована довільна фігура розташовується на окремому шарі фігур на панелі шарів, і кожен шар фігур має власну іконку зразка кольору, яка відображає поточний колір заливки фігури. Для того щоб змінити колір, потрібно просто двічі клацнути кнопкою миші по іконці зразка кольору:

Для того щоб змінити поточний колір фігури, двічі клацніть по іконці зразка кольору шару фігури

Програма Photoshop повторно відкриє колірну палітру, де ми зможемо вибрати новий колір. Я виберу фіолетовий колір:


З кольорової палітри вибираємо новий колір для фігури

Натисніть ОК, коли ви будете готові закрити колірну палітру, і таким чином програма Photoshop змінить колір фігури для нас:

Ми можемо в будь-який момент змінити колір векторної фігури

Завантаження додаткових наборів фігур

Як я вже згадував, програма Photoshop працює з набагато більшою кількістю довільних фігур, ніж те обмежена кількість, яке надано нам спочатку. Нам просто необхідно завантажити додаткові фігури  в палітру. Ми можемо зробити це, відкривши палітру фігур на панелі налаштувань і натиснувши на маленьку стрілку в правому верхньому куті палітри:

Натискаємо на маленьку стрілку в в правому верхньому куті палітри фігур

Ця дія призведе до відкриття меню з різними параметрами, в самому низу якого буде розташований перелік додаткових наборів  фігур, встановлених в програмі Photoshop. Кожен з цих наборів є зборами фігур, об'єднаних загальною тематикою, наприклад, «Тварини» (Animals), «Музика» (Music), «Природа» (Nature) і т.д. Деякі з наборів з'явилися тільки у версії програми Photoshop CS5 (саме цю версію використовуючи я), але більшість наборів доступні в будь-яких недавніх версіях програми:

Всі ці додаткові набори фігур встановлено в програмі, але їх потрібно завантажити в палітру вручну

Якщо ви знаєте, який набір фігур вам потрібно, ви можете його вибрати, натиснувши на відповідну назву набору в переліку. Однак простіше - завантажити всі набори фігур за раз. Ми можемо це зробити, вибравши назву «Все» (All) у верхній частині списку наборів:

Вибираємо назву «Все» (All), щоб завантажити всі додаткових наборів форм

Після цього з'явиться діалогове вікно, і вам потрібно буде вирішити - замінити поточні довільні фігури новими або додати фігури до наявних. Виберіть у вікні пункт «Додати» (Append), що дозволить вам зберегти початкові фігури і додати до них нові:


Для завантаження нових фігур при збереженні в палітрі початкових фігур вибираємо «Додати» (Append)

І тепер якщо ми відкриємо палітру фігур, натиснувши на віконце попереднього перегляду на панелі налаштувань, то побачимо різноманітні нові фігури, з яких ми зможемо вибрати потрібні. Я трохи розширив палітру фігур, щоб було видно більше мініатюр. Для того щоб переглянути всі мініатюри фігур, скористайтеся лінійкою прокрутки в правій частині палітри:

У палітру фігур тепер завантажені всі додаткові фігури, доступні в програмі Photoshop

Нижче представлено кілька прикладів фігур, які ми тепер можемо намалювати в програмі:


У палітрі фігур тепер відображені всі додаткові фігури, доступні в програмі Photoshop

Незважаючи на всю різноманітність готових довільних фігур, наданих в програмі, може трапитися так, що навіть після завантаження всіх наборів, ми не зможемо знайти потрібне нам зображення для особливого дизайну, над яким працюємо. І в такому випадку програма Photoshop виявиться для нас незамінним помічником, тому що вона дозволяє нам самим створювати будь-яку фігуру. Щоб дізнатися, як створити власну колекцію довільних фігур, зберегти і надалі використовувати її, вивчіть наш урок «Створення власних довільних фігур»!

І ось ми закінчили! Ми розглянули, як за допомогою інструменту «Довільна фігура» можна додати в документ фігуру складної форми. У наступному уроці ми вивчимо, чим відрізняються векторні фігури, контури і піксельні форми!

Переклад:  Ксенія Руденко

Інструменти малювання дозволяють створювати і редагувати векторні фігури. З ними легко створювати різні елементи для веб-сторінок.

Наступне сімейство інструментів дозволяє створювати геометричні фігури різної форми.

Rectangle (Прямокутник)  () - відповідно, дозволяє малювати прямокутник (а, натиснувши клавішу - квадрат), залитий кольором переднього плану.
Rounded Rectsngle (Заокруглений прямо кутник)  - створює фігури, подібні описаним вище, але дозволяє задавати радіус заокруглення кутів прямокутника.

Ellipse (Еліпс)  - створює овали (в поєднанні з утриманням клавіші - кола).
Poligon (Багатокутник) - дозволяє створювати геометричні фігури з будь-якою кількістю кутів, а також - багатопроменеві зірки. За замовчуванням створює опуклий п'ятикутник.
Line (Лінія)  - малює прямі лінії довільної або заданої довжини, товщини, кольору і напрямки.
Custom Shape (Довільна фігура)  - дозволяє створити геометричну фігуру довільної форми  і зберегти її для використання вдальнейшем.

створіть новий файл  для тренування.

Натисніть лівою клавішею миші на інструмент - фігури-  на панелі інструментів, відкриється вікно вибору інструменту:



Тут представлені основні фігури, якими ми можемо скористатися. Виберете будь-яку і подивіться на панель параметрів:

Для будь-якої фігури можна вибрати:

  • режим малювання:
    • Шар-фігура.   Фігура створюється в окремому шарі. Шар-фігура складається з шару заливки, що визначає колір фігури, і пов'язаної з ним векторної маски, яка задає кордону фігури. Межі фігури є контур, який з'являється на вкладці "Контури" панелі "Шари".

    • контури.   Цей режим дозволяє малювати контури фігур, які можна заливати або обводити довільним кольором. Контури відображаються на вкладці "Контури" панелі "Шари".

    • заливка пікселів . При роботі в цьому режимі створюються не векторні, а растрові зображення, які можна обробляти так само, як і будь-який растрове зображення

  • стиль і колір фігури

  • задати параметри, характерні для цієї фігури

малюємо прямокутники

Виберемо першу фігуру - прямокутник. На панелі виберемо режим - шар-фігура. Виберемо стиль, клацнувши по трикутнику праворуч.


Виберете будь-який, який сподобається. До речі, якщо клацнути по трикутнички в кружечку (праворуч), то в розпочатому контекстному меню  можна вибрати додаткові стилі. Якщо ж ви не хочете використовувати стиль, то виберіть білий квадратик, перекреслений червоною лінією.

Тепер можна задати геометричні параметри:


  • довільно   - як намалюєте, так і буде.
  • квадрат   - при розтягуванні мишкою фігури, ширина і висота будуть завжди однакові.
  • заданий розмір   - можна задати ширину і висоту прямокутника (в см) і клацнути по полотну. З'явиться прямокутник із заданими розмірами.
  • задати пропорції - можна задати у скільки разів ширина буде менше (або більше) висоти. При розтягуванні фігури пропорція зберігатиметься.
  • від центру   - малює прямокутник від центру.
  • Прив'язати до пікселів   - краю прямокутника прив'язуються до кордонів пікселів.

Тепер виберіть -проізвольно- і розтягніть мишкою ваш прямокутник на полотні. Ось, наприклад, що вийшло у мене при використанні стилів Button, Glass Buttons і Web Styles.




   Досить корисний інструмент для створення кнопочок і менюшек для ваших web-сторінок, чи не так?

Малюємо прямокутники з округленими кутами

Виберемо другу фігуру - прямокутник з округленими кутами. На панелі виберемо режим - шар-фігура, радіус заокруглення кутів - наприклад, 15 і колір (можна стиль, як хочете) .Геометріческіе параметри такі ж, як у прямокутника.

Ось, що вийшло у мене при різних комбінаціях радіусу і стилю.


Чим не блоки новин і кнопочки меню?

малюємо кола

Виберемо третю фігуру - еліпс. На панелі виберемо режим - шар-фігура, колір і стиль. Геометричні параметри такі ж, як у прямокутника, з тією лише різницею, що замість квадрата можна вибрати коло. Виберіть -проізвольно- і розтягніть еліпс. Якщо хочете, щоб був коло, то утримуйте Shift або виберіть в геометричних параметрах -окружность-.

Ось, що вийшло у мене:


малюємо багатокутники

Виберемо фігуру - багатокутник. На панелі виберемо режим - шар-фігура, кількість сторін в діапазоні від 3 до 100 (наприклад, 3 - для трикутника, 6 - для шестикутника), колір і стиль. Розглянемо геометричні параметри:


  • радіус   - радіус багатокутника.
  • Згладити зовнішні кути
  • зірка - зі знятою галочкою багатокутник опуклий, з поставленим галочкою багатокутник увігнутий.
  • глибина променів - якщо багатокутник увігнутий, то його вершини як би утворюють промені. Цей параметр показує яка частина радіуса багатокутника буде зайнята променями. Чим більше%, тим довше і гостріше промені.
  • Згладити зовнішні кути   - зі знятою галочкою кути гострі, з поставленим галочкою кути округлі.

наприклад:




Перший Дев'ятикутник має радіус 3 см, решта галочки зняті.

Другий Дев'ятикутник має радіус 3 см, галочка у -звезда-, глибина променів - 25%, решта галочки зняті.

Третій Дев'ятикутник має радіус 3 см, глибина променів - 50%, стоять всі галочки.

До всіх застосований стиль.

малюємо лінії

Виберемо фігуру - лінії. На панелі виберемо режим - шар-фігура, товщину лінії (в пікселах), колір і стиль. Розглянемо геометричні параметри:



Якщо все галочки зняті буде просто лінія, параметри задають стрілки на кінцях цієї лінії.

  • початок  - стрілка на початку лінії.
  • кінець  - стрілка в кінці лінії.
  • Ширина  - пропорції стрілки в процентному відношенні до товщини лінії (від 10% до 1000%).
  • довжина - пропорції стрілки в процентному відношенні до товщини лінії (від 10% до 5000%).
  • кривизна  - визначає ступінь зігнутості найширшій частині стрілки в місці, де вона зустрічається з лінією (від -50% до + 50%).


  • Малюємо кілька фігур в одному шарі

    Принцип тут такий же, як і з інструментами прямокутного виділення (на першому уроці ми робили нестандартну область виділення, застосовуючи інструменти на панелі параметрів: додати до виділення, відняти від виділення і т.д.). Такі ж інструменти є і на панелі параметрів фігур.

    Наприклад, створіть фігуру прямокутник, тепер на панелі параметрів клацніть по іконці "Додати до області фігури", а тепер виберіть фігуру еліпс. Підведіть курсор миші до верхньої межі нашого прямокутника, натисніть ліву кнопку миші і, не відпускаючи, розтягніть еліпс. Має вийти приблизно так:


    Якщо еліпс розтягнувся не так, як хотілося, можна це виправити. Для цього візьміть на панелі інструментів інструмент -виділення контуру-

    Підведіть курсор до кордону еліпса і, утримуючи ліву кнопку миші, перетягніть еліпс куди слід. Використовуючи всі ці інструменти, можна малювати фігури різної складності.

      зберігаємо фігури

    Припустимо нам сподобалася остання фігура, яку ми створили і ми хочемо використовувати її в подальшому. Для цього її потрібно зберегти. Для цього меню Редагування -\u003e Визначити довільну фігуру. Задайте ім'я для нової фігури.
    Photoshop

В абсолютній більшості випадків ви будете малювати векторні фігури. На відміну від піксельних форм, векторні фігури є гнучкими, масштабованими і не залежать від дозволу зображення, що означає, що ми можемо поставити їм будь-який бажаний розмір, редагувати і масштабувати їх стільки, скільки нам потрібно, не гаючи якості і навіть роздрукувати їх в будь-якому розмірі також без втрати якості!

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

Щоб переконатися, що ви малюєте векторні фігури, а не контури або пікселі, виберіть опцію "Фігура" (Shape) з видів режимів інструмента в панелі параметрів:

Вибір опції "Фігура" (Shape) на панелі параметрів

Заливка форми кольором

Наступна дія, яку ми, як правило, виконуємо після вибору опції "Фігура", це вибір кольору, що заповнює форму, в версії Photoshop  CS6 і вище, це робиться за допомогою кліка по полю "Заливка" (Fill) в панелі параметрів:




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

Ця дія відкриває вікно, яке дозволяє нам вибрати один з чотирьох різних способів  заповнення форми, кожен з яких представлений одним з чотирьох значків, розташованих уздовж верхньої частини вікна. Призначення значків, починаючи з лівого краю:

  • немає кольору  (No Color) - білий прямокутник з червоною діагональною лінією, заливка відсутня
  • чистий колір  (Solid Color) - заливка суцільним кольором
  • градієнт  (Gradient) - заливка градієнтом
  • візерунок  (Pattern) - затоки Photoshop-візерунком (патерном)




  Різні методи заливки форми

Немає кольору (No Color)

Як випливає з назви, вибір цієї опції залишить форму без заливки, з порожніми пікселями всередині. Для чого це потрібно? Ну, в деяких випадках може знадобиться тільки сам контур. Також, часто потрібна тільки обведення з прозорими пікселями всередині.

Нижче показаний простий приклад того, як виглядає форма без заливки кольором. Все, що ми бачимо - це основний контур форми, який так і називається - "Контур" (Path). Контур відображається тільки в документі Photoshop, так що при збереженні вашої роботи у форматі JPEG або PNG, або при друку, контур видно не буде. Щоб зробити його видимим, ми повинні додати до нього обведення, способи додавання якої ми розглянемо далі:




  Фігура "Прямокутник" без заливки і обведення.

Чистий колір (Solid Color)

Щоб заповнити вашу форму однотонним кольором, вибирайте опцію "Чистий колір" (Solid Color) друга іконка зліва:




  Опція "Чистий колір" (Solid Color) для заливки фігури суцільним однотонним кольором

При активній опції, виберіть колір для фігури, натиснувши на один з колірних зразків. Кольори, які при роботі в Photoshop ви недавно використовували, будуть відображені вище основних зразків:




  Вибір кольору натисканням на зразок.

Якщо потрібного вам кольору немає серед представлених зразків, натисніть на значок "Палітра кольорів" (Color Picker), розташований у правому верхньому кутку вікна:




  Клік на значок Color Picker для вибору власного кольору.

Відкриється діалогове вікно палітри кольорів, виберіть у неї колір і натисніть OK, щоб закрити Color Picker після вибору потрібного кольору.

Як видно на малюнку нижче, після цих дій ми маємо таку ж форму, тільки тепер форма має колір:




  Фігура, залита кольором.

заливка градієнтом

Щоб заповнити вашу форму градієнтом, виберіть опцію "Градієнт" (Gradient). Потім натисніть на одну з мініатюр для вибору встановленого градієнта, або використовуйте мініатюру смуги градієнта, розташовану нижче, для створення свого власного варіанту градієнта.




Вибір готового або створення власного градієнта для заливки фігури.

Ось той же форма, тільки тепер вона заповнена градієнтом:




  Форма, заповнена одним із попередньо градієнтів Photoshop.

Заливка візерунком (Patterns)

Нарешті, опція заливки візерунком дозволяє нам заповнити форму з попередньо візерунків Photoshop.
  Натисніть на одну з мініатюр для вибору візерунка. Заздалегідь в Photoshop встановлено не так багато варіантів візерунків, вибір, завантаження і установка візерунка для заливки докладно описані.

Нижче показана та ж форма, на цей раз заповнена візерунком:




  Та ж форма, тільки на цей раз залита стандартним візерунком Photoshop.

Якщо ви не поки впевнені, який колір, градієнт або візерунок, потрібен вашої фігури, не хвилюйтеся. Як ми побачимо далі, ви завжди зможете повернутися до редагування фігури пізніше і змінити вид заливки.

Додавання обведення до векторної фігурі

Ця опція з'явилася в Photoshop, починаючи з версії CS6. За замовчуванням, Photoshop НЕ буде додає обведення до країв фігури, але додати її так само просто, як і заливку кольором.

Для додавання обведення, натисніть на відповідну опцію в панелі параметрів:


  Опція додавання обведення.

Це відкриває вікно з параметрами, де ми можемо вибрати колір обведення, а також, задати багато інших параметрів.

У верхній частині вікна у нас є ті ж самі чотири ікони для вибору типу заливки лінії обведення, це "Ні кольору" (No Color), "Чистий колір" (Solid Color), Градієнт (Gradient) і "Візерунок" (Pattern). За умовчанням вибраний варіант "Ні кольору". Я виберу тип "Чистий колір" (Solid Color). Вибирати і призначати колір обведення точно таким же чином, як і колір заливки, про що йшлося вище.

Зміна товщини обведення

Щоб змінити товщину обведення, використовуйте відповідне поле введення, розташоване безпосередньо праворуч від прямокутника зразка кольору в панелі параметрів. За замовчуванням, товщина встановлена ​​в 3 пункту (пункту). Але ви можете задати інші одиниці виміру, якщо натиснете на це поле введення правою клавішею миші, відкриється список, що випадає одиниць виміру. Я, практично завжди, вибираю пікселі:


  Зміна ширини і одиниць вимірювання обведення.

Опція вирівнювання країв (Align Edges)

Правіше всіх інших, в панелі параметрів розташована опція "Вирівняти краю". При включенні цієї функції (вона включена за замовчуванням) Photoshop призведе у відповідність положення країв обведення з піксельної сіткою, що зробить зображення чіткіше.
  Опція буде активна тільки при одиницях виміру обведення пікселі.

Розширені можливості пошуку обведення

За замовчуванням, Photoshop малює обведення у вигляді суцільної лінії, але ми можемо змінити це, натиснувши кнопку "Задати тип штриха фігури" (Stroke Options) на панелі параметрів:


  Кнопка вікна вибору додаткових властивостей - вибір штриха обведення - суцільного, пунктирного, точкового і ін.

Це відкриває вікно "Параметри обведення" (Stroke Options). У цьому вікні ми можемо змінити тип лінії з суцільною на пунктирну або складається з точок. Крім цього, є три додаткові опції обведення:




  Діалогове вікно додаткових параметрів обведення

опція "Вирівняти"  (Align) дозволяє нам вибрати, чи буде обведення розташована всередині контуру, зовні або посередині.
  Наступна опція "Кінці"  (Caps) працює тільки в разі, якщо ми вибрали пунктирную обведення. Ми можемо змінити вид кінців відрізків.

  1. штрих закінчується на кордоні своєї заданої довжини і кінець має прямокутну форму
  2. кінець має напівкруглу форму і виступає на половину ширини за кордон задано довжини штриха з кожного боку
  3. кінець має прямокутну форму і виступає на половину ширини за кордон заданої довжини штриха з кожного боку

"Кути"  (Corners) дозволяють змінити вигляд кута при стику ліній обведення. Вугілля можуть бути гострими (за замовчуванням), закругленими або скошеними. Ця опція працює, якщо обведення розташована зовні або посередині контуру. Якщо обведення всередині контуру, кути завжди залишаються гострими.

Натискання на кнопку внизу вікна "Інші параметри ..." (More Options ...) відкриває ще одне вікно, де ми можемо поставити довжину штрихів і розривів між штрихами. Ось приклад прямокутної фігури з заливанням і пунктирною обведенням з різними довжинами штрихів:




  Обведення всередині фігури, в якій використовується два типи штриха - відрізок і точка.

Вітаю підкорювачів фотошопа!

Сьогодні мова піде про такий цікавий інструменті фотошоп як довільні фігури. Довільні фігури в фотошопі використовують рідко, частіше застосовують різні кисті. Але інструмент «Довільна фігура» закладений в програму.

Де «лежать» довільні фігури

Вибрати його можна на панелі головних інструментів в розділі, де є прямокутник, еліпс, багатокутник і лінія.

Для вибору потрібного інструменту використовуйте поєднання клавіш Shift + U кілька разів.


На допоміжної панелі інструменту досить багато налаштувань, проте початок роботи з інструментом найкраще починати з випадаючого вікна «Постаті» Shape, в якому можна вибрати будь-яку із запропонованих довільних фігур і почати її малювання.

Після вибору фігури, клацніте лівою клавішею мишки в будь-якому місці на зображенні і рухайте курсор, не відпускаючи кнопку, в будь-якому напрямку. Ви побачите, як з'являється контур обраної фігури, який змінюється за розмірами і товщині, в залежності від руху мишки.

Отримана фігура не втрачає своєї якості в залежності від розмірів картинки. Спочатку довільна фігура не має контуру і кольору, але їх можна вибрати на додатковій панелі налаштувань інструменту. При цьому контур може бути як суцільною лінією, так і переривчастим пунктиром, інтенсивність якого вказується поруч.


Якщо вибрати довільну фігуру і просто клацнути лівою кнопкою мишки в місці промальовування, вискочить вікно, де потрібно ввести параметри висоти і ширини штампа. Для зручності редагування кожна нова довільна фігура створюється на новому шарі.

Як завантажити довільні фігури в фотошоп

Подібні фігури для використання можна створити самостійно, для цього використовуються векторні зображення, бажано хорошої якості. Також в інтернеті повно вже зроблених тематичних добірок, їх досить завантажити і встановити. Всі файли для установки мають розширення. У випадаючому вікні, де вибирається контур фігури, перебувати невелика кнопка, що відкриває настройки.


Там треба вибрати рядок «Завантажити фігури ...» і знайти потрібний файл. Нові фігури з'являться в кінці списку.

Якщо ви хочете замінити існуючі фігури новими, вибирайте команду «Замінити фігури ...» Replace Shapes. Обраний файл замінить поточні фігури. Завжди можна відкотити повернутися до початкового значення за допомогою команди «Відновити фігури ...»

Якщо ви хочете назавжди залишити обрані фігури, скопіюйте файл в системну папку фотошопа за цією адресою: «C: \\ Program Files \\ Adobe \\ Adobe Photoshop CS6 \\ Presets \\ Custom Shapes»

На цьому все. Дякую за увагу!
  З повагою, Ул Сартаков.