Інструменти малювання дозволяють створювати та редагувати

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

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

Натисніть лівою клавішею миші інструмент -фігури- на панелі

інструментів, відкриється вікно вибору інструмента:

Тут представлені основні постаті, якими можемо користуватися.

Виберіть будь-яку та подивіться на панель параметрів:

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

• режим малювання:

- Шар-фігура. Фігура створюється окремому шарі. Шар-фігура

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

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

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

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

Виберіть будь-який, який сподобається. До речі, якщо клацнути по

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

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

• Довільно – як намалюєте, так і буде.

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

однакові.

• Заданий розмір – можна задати ширину та висоту прямокутника (в см) та

клацнути по полотну. З'явиться прямокутник із заданими розмірами.

• Задати пропорції – можна задати у скільки разів ширина буде меншою

(або більше) висоти. При розтягуванні фігури пропорція зберігатиметься.

• Від центру – малює прямокутник від центру.

• Прив'язати до пікселів – краї прямокутника прив'язуються до меж пікселів.

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

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

Виберемо другу фігуру - прямокутник із закругленими кутами. На панелі

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

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

Малюємо кола

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

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

Ось, наприклад, що вийшло:

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

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

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

• Радіус – радіус багатокутника.

• Згладити зовнішні кути – зі знятою галочкою кути гострі, з поставленою

галочкою кути округлі.

• Зірка – зі знятою галочкою багатокутник опуклий, із поставленою

галочкою багатокутник увігнутий.

• Глибина променів - якщо багатокутник увігнутий, його вершини хіба що

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

• Згладити зовнішні кути – зі знятою галочкою кути гострі, з поставленою

галочкою кути округлі.

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

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

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

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

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

Виберемо фігуру – лінії. На панелі виберемо режим – шар-фігура, товщину лінії

(у пікселях), колір та стиль. Розглянемо геометричні параметри:

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

• Початок – стрілка на початку лінії.

• Кінець – стрілка в кінці лінії.

• Ширина – пропорції стрілки у відсотковому відношенні до товщини лінії (від

10% до 1000%).

• Довжина – пропорції стрілки у відсотковому відношенні до товщини лінії (від

10% до 5000%).

• Кривизна – визначає ступінь вигнутості найширшої частини стрілки у місці, де

вона зустрічається з лінією (від -50% до +50%).
Наприклад:

У першій лінії всі галочки зняті, ширина – 500%, довжина – 1000%, товщина – 2
пікселя.

У другої лінії все теж саме, але стоїть галочка у -початок-і кривизна - 5%.

У третьої лінії все теж саме, але стоїть галочка у -кінець-і знята галочка у -
початок-.

У четвертій лінії стоять обидві галочки, ширина – 500%, довжина – 1000%,

кривизна – 15%, товщина – 5 пікселів.

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

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

Виберемо фігуру – довільна фігура. На панелі виберемо режим – шар-фігура,

колір та стиль. Геометричні параметри такі самі, як і прямокутника. Але тут є
вибір самої фігури:

Якщо клацнути по трикутнику, обведеному в кружок (праворуч), то в

контекстному меню можна вибрати додаткові фігури.

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

Принцип тут такий самий, як і з інструментами прямокутного виділення (на

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

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

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

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

візьміть на панелі інструментів інструмент -виділення контуру-:

Підведіть курсор до межі еліпса і, утримуючи натиснутою ліву кнопку

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

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

Припустимо, сподобалася остання постать, яку ми створили та хочемо

використати її надалі. Для цього її слід зберегти. Для цього меню Редагування ->
Визначити довільну фігуру. Введіть ім'я для нової фігури.

Тепер фігура з'явилася в панелі вибору довільних фігур, що розкривається.