Довільні фігури в фотошопі. Як встановити додаткові набори фігур. Малювання фігури з правильними пропорціями

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

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

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

У цьому уроці ми вивчимо основи малювання векторних фігур в програмі Photoshop CS6 за допомогою простих інструментів групи «Постаті»! Ми почнемо з вивчення роботи інструментів «Прямокутник»   (Rectangle Tool ), «Прямокутник із закругленими краями»   (Rounded Rectangle Tool), «Еліпс»   (Ellipse Tool), «Багатокутник»   (Polygon Tool) і «Лінія»   (Line Tool). Далі ми навчимося вибирати кольору заливки і обведення для фігур, змінювати зовнішній вигляд обведення, редагувати фігури за рахунок корисних властивостей шарів-фігур і багато іншого! Нам треба багато вивчити, тому в цьому уроці ми сфокусуємось на роботі і властивості п'яти основних інструментів групи геометричних фігур. У наступному уроці ми навчимося додавати складніші фігури в наш документ за допомогою інструменту «Довільна фігура»!

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

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

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

Інструменти групи «Постаті»

Програма Photoshop пропонує нам на вибір шість інструментів групи «Постаті»: «Прямокутник»   (Rectangle Tool), «Прямокутник із закругленими краями»   (Rounded Rectangle Tool),   «Еліпс»   (Ellipse Tool), «Багатокутник»   (Polygon Tool), «Лінія»   (Line Tool) і «Довільна фігура»   (Custom Shape Tool). Всі ці інструменти розташовані в одному місці на панелі інструментів. За замовчуванням, нам видно інструмент «Прямокутник», але якщо ми кликнемо по іконці інструменту і утримаємо кнопку миші, то на екрані з'явиться меню, що випадає з переліком інших інструментів, з яких ми зможемо вибрати потрібний:

Натискання на значок інструменту «Прямокутник» дозволить нам переглянути інші інструменти групи фігури

Я виберу перший інструмент в списку - інструмент «Прямокутник»:

Векторні фігури, контури і піксельні форми

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

Для того щоб намалювати векторні фігури, а не контури або піксельні форми, виберіть параметр «Фігура»(Shape) на панелі налаштувань інструменту у верхній частині екрану:

Вибираємо на панелі налаштувань режим інструменту «Фігура»

Заповнення фігури кольором

Кількома по значку зразка кольору заливки

В результаті, відкриється діалогове вікно, де буде запропоновано вибрати один з чотирьох способів заливки фігури, позначених окремим значком. Зліва направо можна побачити значок «Ні кольору» (з червоною діагональною смугою), значок заливки Кольором, значок Градієнта і значок Візерунка:

4 параметра заливки фігури ( «Ні кольору», «Чистий колір», «Градієнт» і «Візерунок»)

Спосіб заливки «Ні кольору»

Як випливає з назви, спосіб заливки «Ні кольору»   (No Color) фігуру ніяким кольором не заповнює. Ви можете запитати, навіщо ж нам потрібна порожня фігура? Ну, в деяких випадках, можливо, вам буде потрібно, щоб у фігури був тільки тонкий контур. Далі ми розглянемо, як додати до фігури обведення, але якщо ви захочете, щоб у фігури був тільки контур без заливки кольором, вибирайте параметр «Немає кольору»:

При виборі параметра «Ні кольору» фігура ніяким кольором не заповниться

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

Коли в якості способу заливки вибрати «Ні кольору», видно тільки контур фігури (і то, тільки в програмі Photoshop)

Спосіб заливки «Чистий колір»

Для того щоб заповнити фігуру кольором, виберіть параметр «Чистий колір»   (Solid Color) (другий значок зліва):

Кількома по значку параметра «Чистий колір»

Після вибору параметра «Чистий колір», вибираємо колір для фігури, клікнувши по одному із зразків кольору. Кольори, які ви недавно використовували, з'являться в ряду «Нещодавно використані кольори»(Recently Used Colors) над основними зразками:

Вибираємо колір, клікнувши на його зразком

Якщо серед зразків немає необхідного кольору, клікніть по іконці Палітри кольорів в правому верхньому куті діалогового вікна:

Кількома по іконці Палітри кольорів

Потім в палітрі кольорів виберіть потрібний колір. Натисніть ОК для закриття Палітри, коли ви визначитеся з кольором:

У палітрі кольорів вибираємо колір для заливки фігури

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

Наша фігура тепер заповнена кольором

Спосіб заливки «Градієнт»

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

Спочатку вибираємо параметр «Градієнт», а потім - потрібний зразок градієнта

Нижче представлена ​​та ж фігура, тільки на цей раз заповнена градієнтною заливкою:

Наша фігура тепер заповнена одним із зразків готових градієнтів

Спосіб заливки «Візерунок»

І, нарешті, вибравши параметр «Візерунок»   (Pattern), ми зможемо заповнити фігуру візерунком. Клацніть по одній з мініатюр, щоб визначитися з готовим візерунком. Спочатку в програмі представлено не так багато візерунків, але ви також можете завантажити додаткові візерунки, викачані з Інтернету або створені самостійно, клікнувши по маленькому значку шестерні (під значком Палітри кольорів) і вибравши пункт «Завантажити візерунки»   (Load Patterns) з меню, що:

Спочатку вибираємо параметр «Візерунок», а потім - потрібний зразок візерунка

І ось як буде виглядати фігура, заповнена одним з візерунків програми Photoshop. Для того щоб закрити діалогове вікно «Заливка»   (Fill), натисніть клавішу Enter (Win) / Return (Mac) або клікніть по порожньому місці на панелі налаштувань. Якщо ви сумніваєтеся у виборі правильного кольору, градієнта або візерунка для фігури, не переживайте, пізніше ми вивчимо, як їх можна змінити:

Фігура, заповнена обраним візерунком

Додавання до фігури Обведення

За замовчуванням, програма Photoshop Не додає обведення по краях фігури, проте додати її так само легко, як і виконати заливку кольором. Насправді, опції параметрів «Обведення» ( «Штрих»)(Stroke) і «Заливка»(Fill) у версії програми Photoshop CS6 однакові, тому ви вже знаєте, як їх використовувати!

Щоб додати обведення, клікніть на зразок кольору обведення на панелі налаштувань:

Кількома за зразком кольору обведення

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

Вибираємо для обведення параметр «Чистий колір», а потім із зразків кольору вибираємо потрібний

Зміна ширини Обведення

Для того щоб змінити ширину (товщину) обведення, скористайтеся параметром «Ширина»   (Width), розташованим праворуч від зразка кольору обведення на панелі налаштувань. За замовчуванням, його значення дорівнює 3 pt. Для зміни ширини можна або ввести певне значення прямо в віконце введення даних (натиснувши Enter (Win) / Return (Mac) після введення для підтвердження даних), або клікнути по маленькій стрілці праворуч від значення і перемістити бігунок:

Змінюємо ширину обведення

Опція «Вирівняти краю»

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

Переконайтеся, що опція «Вирівняти краю» включена

Однак, для того щоб опція «Вирівняти краю» працювала, недостатньо просто вибрати її. Також необхідно, щоб ширина обведення була в пікселях (px), а не в пунктах (pt). оскільки в теперішній момент   ширина моєї обведення вимірюється в пунктах (одиниця виміру за замовчуванням), я повернуся назад і введу нове значення ширини, що дорівнює 10 пікселям (px):

Для того щоб опція «Вирівняти краю» працювала, встановіть ширину обведення в пікселях (рх)

Нижче до фігури застосована чорна обведення шириною 10 рх:

Проста фігура з чорної обведенням навколо неї

Після додавання фігурі обведення, якщо я повернуся назад і гукну за зразком кольору заливки на панелі налаштувань, вибравши спосіб заливки «Ні кольору»   (No Color), у мене залишиться тільки контур фігури з обведенням. Усередині фігура стане порожньою. Може здатися, що фігура заповнена білим кольором, але це тільки тому, що колір заднього фону документа білий, що ми і бачимо в дійсності.

Та ж сама фігура, з параметром заливки «Ні кольору»

Додаткові опції обведення

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

Кількома по кнопці «Задати тип штриха фігури»

В результаті відкриється діалогове вікно «Параметри обведення»   (Stroke Options), де ми зможемо змінити зовнішній вигляд обведення з безперервної лінії на штриховую або пунктирну. параметр «Вирівняти»   (Align) дозволяє нам вибрати тип вирівнювання для обведення: всередині контуру, зовні або посередині. Ми можемо зробити кінці ліній для обведення (параметр «Кінці»   (Caps)) округлими, квадратними або потовщеними, а місця з'єднання ліній в обведення (параметр «Кути»   (Corners)): гострими, закругленими або скошеними. При натисканні кнопки «Інші параметри»(More Options), розташованої в нижній частині діалогового вікна, відкриється ще одне віконце, де ми зможемо встановити конкретні значення для штрихів і прогалин пунктирною лінії і навіть зберегти настройки у вигляді пресету:

параметри обведення

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

Зовнішній вигляд обведення змінився з безперервної лінії на пунктирну

Інструмент «Прямокутник»

Отже, ми вже дізналися, як вибирати різні інструменти групи «Постаті» на панелі інструментів, як вибирати колір заливки і обведення, як змінювати зовнішній вигляд обведення. Тепер давайте вивчимо, як малювати самі векторні фігури! Ми почнемо з вивчення першого інструменту групи фігур в списку - «Прямокутник»   (Rectangle Tool). Я виберу його на панелі інструментів, як уже робив раніше:

Вибираємо інструмент «Прямокутник»

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

Простягніть курсор, щоб намалювати прямокутну фігуру. У міру переміщення курсора з'явиться тонкий контур фігури

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

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

Зміна розміру фігури після того, як вона намальована

Як тільки ви намалювали первісну фігуру, на панелі налаштувань з'являться її поточні розміри: ширина   (Width (W)) і   висота   (Height (H)). У моєму випадку, я намалював фігуру 533 пікселя шириною і 292 пікселя висотою:

На панелі налаштувань видно початкові розміри фігури (ширина і висота)

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

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

Змінюємо розміри фігури

Зміна розміру фігури до того, як вона намальована

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

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

Малювання фігури від центру

Давайте вивчимо кілька простих, але корисних клавішних комбінацій. Якщо ви натиснете і утримуйте клавішу Alt (Win) / Option (Mac)у міру переміщення курсору, то ви намалюєте фігуру від центру, а не від кута. Цей прийом працює з усіма інструментами групи «Фігура», а не тільки з інструментом «Прямокутник». Зверніть увагу, що спочатку треба почати малювати фігуру і тільки потім натискати клавішу Alt   (Win) / Option (Mac). Також необхідно відпускати першої кнопку миші і тільки потім натиснуту клавішу Alt (Win) / Option (Mac), інакше прийом не спрацює:

Натисніть і утримуйте клавішу Alt (Win) / Option (Mac), щоб намалювати фігуру від центру

малювання квадратів

Для того щоб намалювати квадрат, встановіть курсор у вікні документа і почніть його протягувати, малюючи прямокутну фігуру. Як тільки ви почали це робити, натисніть клавішу Shiftі продовжуйте її утримувати в міру переміщення курсора. Натискання клавіші Shift перетворює фігуру в квадрат. І знову, не забудьте натиснути клавішу Shift після того, як ви почали переміщати курсор, і відпустити її в останню чергу, інакше квадрат перестав вималюється. Ви можете об'єднати дві клавішні комбінації разом, натиснувши і утримавши клавіші Shift + Alt(Win) /Shift + Option(Mac)   при застосуванні інструменту «Прямокутник»   (Rectangle Tool), в результаті чого ви намалюєте від центру ідеальний квадрат:

Натисніть і утримуйте клавішу Shift в міру переміщення курсора, щоб намалювати квадрат

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

Програма завжди чекає, поки ви відпустіть кнопку миші, перш ніж заповнити фігуру кольором

Опції інструменту групи «Постаті»

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

Кількома по значку шестрені

Оскільки у мене обраний інструмент «Прямокутник»   (Rectangle Tool), натискання на значок шестерні відобразить додаткові опції для інструменту «Прямокутник». За винятком роботи з інструментами «Багатокутник» і «Лінія», які ми вивчимо пізніше, ви не будете надто часто використовувати це меню, тому що ми з вами вже розглянули, як отримати доступ до даних опцій з клавіатури. Наприклад, параметр «Довільно» (Unconstrained) дозволяє нам малювати фігури будь-якого розміру і з будь-яким співвідношенням сторін, але оскільки за замовчуванням, всі інструменти групи фігур працюють таким чином, немає необхідності спеціально вибирати даний параметр. параметр «Квадрат»   (Square) дозволяє нам малювати квадрати за допомогою інструменту «Прямокутник», але ми це можемо зробити, просто натиснувши і утримавши клавішу Shift у міру переміщення курсора. параметр «Від центру»   (From Center) відповідає за малювання фігури від центру, але знову, ми це можемо зробити, натиснувши і утримавши клавішу Alt (Win) / Option (Mac).

Якщо ви виберете параметри «Поставлене розмір»   (Fixed Size) або «Поставити пропорції»   (Proportional) і введете значення ширини і висоти, то дані значення також вплинуть і на наступну фігуру, яка буде намальована, а не тільки на ту, яку ви вже намалювали. Тому потрібно пам'ятати про те, щоб після малювання фігури повернутися і заново вибрати параметр «Довільно»   (Unconstrained), в іншому випадку кожна нова намальована фігура буде такого ж розміру або з такими ж пропорціями:

Параметри, які ви бачите, залежать від того, який інструмент групи «Постаті» обраний

Редагування шарів-фігур

Раніше ми з вами вивчили, що для того щоб намалювати в програмі Photoshop векторні фігури, нам потрібно встановити режим малювання - «Фігура»(Shapes) (на відміну від контурів і піксельних форм). Коли ми малюємо векторну фігуру, програма автоматично розміщує її на окремому спеціальному шарі під назвою «Шар-фігура»(Shape layer). Якщо ми подивимося на панель шарів, то побачимо, що фігура, яку я намалював за допомогою інструменту «Прямокутник»   (Rectangle Tool), розташовується на окремому шарі-фігурі «Прямокутник 1». Назва шару буде залежати від того, який інструмент був використаний, тому якщо я, припустимо, намалюю овал інструментом «Еліпс» (Ellipse Tool), шар-фігура буде називатися «Еліпс 1»:

Кожна нова векторна фігура розміщується на окремому шарі-фігурі

Візуально різниця між звичайним шаром і шаром фігури полягає в тому, що шари-фігури мають маленький значок фігури в правому нижньому кутку мініатюри шару:

Значок на мініатюрі шару говорить нам про те, що це шар-фігура

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

Вибравши шар-фігуру, натискаємо за зразком кольору Заливання

Кількома за зразком блакитного кольору

Як тільки я гукну за зразком, програма негайно заповнить фігуру новим кольором:

Колір фігури був змінений без необхідності заново малювати фігуру

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

Коли ми внесли зміни, мініатюра шару-фігури також змінила свій вигляд

Інструмент «Прямокутник з округленими кутами»

Давайте розглянемо другий з інструментів групи «Постаті» - «Прямокутник із закругленими кутами»   (Rounded Rectangle Tool). Я виберу його на панелі інструментів:

Вибираємо інструмент «Прямокутник з округленими кутами»

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

Використовуйте параметр «Радіус» для визначення ступеня заокруглення кутів

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

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

Коли ви відпустите кнопку миші, програма Photoshop закінчить малювати фігуру і заповнить її кольором:

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

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

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

А ось прямокутник з невеликим значенням радіуса - 10 пікселів, яке лише трохи округляють кути фігури:

Маленьке значення радіусу менше округляють кути

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

Якщо вам не подобається закруглення кутів прямокутника, після того як ви його намалювали, перейдіть в розділ меню «Редагування»   (Edit) у верхній частині екрану і виберіть пункт «Скасувати: Інструмент« Прямокутник з округленими кутами »»   (Undo Rounded Rectangle Tool) (або натиснути клавіші Ctrl + Z (Win) / Command + Z (Mac)), в результаті чого фігура буде видалена з документа. Потім введіть нове значення радіуса на панелі налаштувань і почніть заново малювати прямокутник.

Вибираємо «Редагування»\u003e «Скасувати: Інструмент« Прямокутник з округленими кутами »

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

Щоб намалювати фігуру від центру, а не від кута, почніть малювати фігуру, а потім натисніть і утримуйте в натиснутому стані клавішу Alt (Win) / Option (Mac).   І, нарешті, спільне натискання клавіш Shift+ Alt (Win) / Shift+ Option (Mac) призведе до того, що буде намальований квадрат від центру. Клавіші необхідно відпустити тільки після того, як ви відпустите кнопку миші.

Інструмент «Еліпс»

інструмент «Еліпс»   (Ellipse Tool) дозволяє нам малювати еліпси і кола. Я виберу його на панелі інструментів:

Вибираємо інструмент «Еліпс»

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

Малюємо еліпс за допомогою інструменту «Еліпс»

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

Фігура заповнена кольором.

Щоб намалювати ідеально рівне коло за допомогою інструменту «Еліпс», почніть переміщати курсор і далі, натисніть і утримуйте клавішу Shift. Для того щоб намалювати еліпс від центру, натисніть і утримуйте клавішу Alt (Win) / Option (Mac)   після початку малювання. Утримання одночасно натиснутими клавіш Shift+ Alt (Win) / Shift+ Option   (Mac) дозволить вам намалювати коло від центру. І як завжди, відпускайте клавіші тільки після того, як ви відпустите кнопку миші:

Коло, намальований інструментом «Еліпс»

Інструмент «Багатокутник»

інструмент «Багатокутник»   (Polygon Tool) більш цікавий для нас з точки зору можливостей малювання фігур. Я виберу його на панелі інструментів:

Вибираємо інструмент «Багатокутник»

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

Введіть кількість сторін в віконце параметра «Сторони»

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

Фігура з 5 сторонами, намальована за допомогою інструменту «Багатокутник»

Вказавши число сторін рівне 3, ми можемо з легкістю намалювати трикутник:

Простий трикутник, намальований за допомогою інструменту «Багатокутник»

Нижче представлений багатокутник з числом сторін рівним 12. Так само, як і в випадку з параметром «Радіус» для інструменту «Прямокутник із закругленими кутами», ми не можемо змінити кількість сторін після того, як намалювали фігуру, тому якщо ви зробили помилку, вам потрібно перейти в розділ меню «Редагування»   (Edit) у верхній частині екрану і вибрати пункт «Скасувати: Інструмент« Багатокутник »   (Undo Polygon Tool) (або натиснути клавіші Ctrl + Z (Win) / Command + Z (Mac)), потім ввести інше значення в віконце параметра «Сторони» і заново намалювати фігуру:

Багатокутник з дванадцятьма сторонами

Малювання зірок за допомогою інструменту «Багатокутник»

Для того щоб намалювати за допомогою інструменту «Багатокутник» зірку, клікніть по іконці шестерні на панелі налаштувань, виберіть параметр «Зірка»(Star):

Кількома по іконці шестерні і вибираємо параметр «Зірка»

Потім клікніть мишкою у вікні документа і простягніть курсор для того, щоб намалювати зірку. параметр «Сторони»   (Sides) на панелі налаштувань визначає число вершин зірки, таким чином, якщо за замовчуванням значення параметра дорівнює п'яти, у нас вийде п'ятикутна зірка:

П'ятикутна зірка, намальована за допомогою інструменту «Багатокутник»

Змінивши значення параметра «Сторони» на 8, ми отримаємо восьмиконечную зірку:

Визначте число вершин зірки за допомогою параметра «Сторони»

Ми можемо намалювати фігуру, схожу на яка вибухнула зірку, збільшивши гостроту променів зірки за допомогою параметра «Глибина променів»(Indent Sides By). За замовчуванням, значення цього параметра дорівнює 50%, я збільшу значення до 90%. Також я збільшу кількість вершин зірки до 16:

Малюємо фігуру, схожу на яка вибухнула зірку, збільшивши значення параметра «Глибина променів»

І ось, яка фігура у мене вийшла:

Вибухнула зірка, намальована за допомогою інструменту «Багатокутник»

За замовчуванням, вершини зірок мають гострі кути, але ми можемо їх округляти, вибравши параметр «Згладити зовнішні кути»   (Smooth Corners):

Вибираємо параметр «Згладити зовнішні кути»

Нижче представлена ​​п'ятикутна зірка, де вибрано «Згладити зовнішні кути»:

Параметр «Згладити зовнішні кути» пом'якшує незграбність зірок

Ми можемо також скруглить кути у підстав променів зірки, вибравши параметр «Згладити внутрішні кути»   (Smooth Indents):

Вибираємо параметр «Згладити внутрішні кути»

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

Намальована зірка, де вибрано «Згладити внутрішні кути»

Інструмент «Лінія»

Останнім з основних інструментів групи Фігури є інструмент «Лінія»(Line Tool). Я виберу його на панелі інструментів:

Вибираємо інструмент «Лінія»

Даний інструмент дозволяє нам малювати прості прямі лінії, але також ми можемо з його допомогою намалювати стрілки. Для того щоб намалювати пряму лінію, по-перше, встановіть товщину лінії, ввівши значення (в пікселях) в віконце параметра «Товщина»(Weight) на панелі налаштувань. За замовчуванням, значення товщини дорівнює 1 пікселю, я добавлю до до 16 пікселів:

Параметр «Товщина» відповідає за товщину (або ширину) лінії

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

Утримуйте Shift для малювання горизонтальних або вертикальних ліній

Малювання напрямних стрілок

Для малювання стрілок, клікніть по іконці шестерні на панелі налаштувань, щоб відкрити опції «Стрілки»   (Arrowheads). Виберіть, де ви хочете додати стрілки: на початку лінії, в кінці або одночасно на обох кінцях (якщо ви хочете, щоб стрілка вказувала в тому ж напрямку, в якому ви малюєте лінію, виберіть параметр "В кінець"   (End)):

Клацніть по іконці шестерні, щоб отримати доступ до опцій «Стрілки».

Нижче намальована лінія, схожа на попередню, за винятком того, що на кінці розташований значок стрілки:

За допомогою інструменту «Лінія» легко малювати напрямні стрілки

Якщо встановлений за замовчуванням розмір стрілки вас не влаштовує, ви можете змінити його, використовуючи параметри «Ширина»(Width) і «Довжина»(Length). Ми можемо також додати стрілкою вигин, скориставшись параметром «Кривизна»   (Concavity). За замовчуванням, значення даного параметра дорівнює 0%, але я добавлю до до 50%:

Змінюємо форму стрілки, збільшивши значення параметра «Кривизна»

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

Стрілка зі значенням параметра «Кривизна», рівним 50%

Приховування контуру навколо фігури

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

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

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

Щоб переконатися, що ви малюєте векторні фігури, а не контури або пікселі, виберіть опцію "Фігура" (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 ...) відкриває ще одне вікно, де ми можемо поставити довжину штрихів і розривів між штрихами. Ось приклад прямокутної фігури з заливанням і пунктирною обведенням з різними довжинами штрихів:

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

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

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

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

сюди входять Прямокутник »,« Прямокутник з округленими кутами »,« Еліпс »,« Багатокутник »,« Довільна фігура »і« Лінія ». Всі ці інструменти виконують одну функцію: створюють робочий контур, що складається з опорних точок, і заливають його основним кольором.

Як бачимо, інструментів досить багато. Поговоримо про всі коротко.

Загальні настройки інструментів

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

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

Маніпуляції з фігурами

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

Даний пункт дозволяє, після скоєння однієї чи кількох попередніх операцій, об'єднати всі контури в одну цільну фігуру.

Практика

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

Отже, практика.

1. Для початку створимо звичайний квадрат. Для цього виберемо інструмент «Прямокутник», Затиснемо клавішу SHIFT   і потягнемо від центру полотна. Можна скористатися напрямними для зручності роботи.

2. Потім виберемо інструмент «Еліпс»   і пункт налаштувань «Відняти передню фігуру». Зараз ми будемо вирізати коло в нашому квадраті.

3. Кількома один раз з кожного місцеві на полотні і, в діалоговому вікні, пропишемо розміри майбутнього «отвори», а також поставимо галку навпроти пункту «Від центру». Коло буде створено точно в центрі полотна.

4. Натискаємо ОК   і бачимо наступне:

Отвір готове.

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

6. Змінимо колір фігури. З уроку ми знаємо, яка настройка відповідає за заливку. Є й інший, більш швидкий і практичний спосіб   зміни кольору. Необхідно двічі клікнути по мініатюрі шару з фігурою і, у вікні настройки кольору, вибрати бажаний відтінок. Таким способом можна залити фігуру будь-яким суцільним кольором.

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

7. Задамо обведення. Для цього поглянемо на блок «Штрих»   на панелі параметрів. Тут виберемо тип обведення «Пунктир»   і повзунком змінимо її розмір.

8. Колір пунктиру задамо за допомогою кліка по сусідньому колірному віконця.

9. Тепер, якщо повністю відключити заливку фігури,

То можна побачити наступну картину:

Таким чином ми пробіглися майже по всіх налаштуваннях інструментів з групи «Фігура». Обов'язково потренуйтеся, моделюючи різні ситуації, щоб зрозуміти, якими законами підкоряються растрові об'єкти в Фотошопі.

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

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

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