Уроки по photoshop, робота з векторною графікою

Ви думаєте, що фотошоп створений тільки для растрової графіки? А ось і ні. У ньому можна повноцінно працювати і з вектором. Причому для цього не обов`язково вміти добре малювати або володіти програмою досконало. У photoshop є інструменти, які допоможуть вам легко створити повноцінну векторну картинку. Для цього достатньо вивчити Custom Shape - це заздалегідь готові векторні фігури.

У цій статті я розповім вам як за допомогою Custom Shape створити векторну ілюстрацію. Крім того до векторних формам можна додавати стилі і градієнти фотошопа. Це зробить вашу ілюстрацію ще привабливіше.
Custom Shape не єдиний інструмент в photoshop для роботи з векторною графікою. Їх ціла група і знаходяться вони на панелі інструментів.

На картинці бачимо, які ще форми можна використовувати - це прямокутник, прямокутник з округленими кутами, коло, багатокутник, лінія. Але це все прості форми, а нас цікавить останній інструмент в цьому списку Custom Shape. Це свого роду ціла база вже готових складних векторних форм. У photoshop є встановлені стандартні форми, але так само можна завантажувати додатково своїх. При стандартній установці фотошопа на жорсткий диск робити це треба в наступну директорію C: Program Files Adobe Adobe Photoshop CS3 Presets Custom Shapes. Якщо ж ви міняли місце установки програми, то просто знайдіть папку Custom Shapes і туди збережіть нові форми.
Отже. Вибираємо інструмент Custom Shape Tool (гаряча клавіша U). І подивимося на контекстне меню.

По-перше, тут можна вибрати режим роботи інструменту. Shape layers - форма буде створюватися на окремому шарі і кольорова. Paths - буде створюватися тільки контур форми. Fill pixels - отримаємо кольорову форму в робочому шарі.
Далі йдуть піктограми всіх тих же інструментів, що ми з вами бачили і на панелі інструментів. Це зроблено для швидкого доступу і полегшення нашої з вами роботи.
Якщо натиснути на трикутник поруч з нашим інструментом, то ми побачимо додаткові його функції.

Unconstrained (Довільний розмір), Defined Proportional (Пропорційно), Defined Size, Fixed Size (Фіксований розмір) або From Center (З центру). У разі Fixed Size введіть числові значення в поля W (Ширина) і Н (Висота) і ви Поліча фігуру такого розміру. Встановіть прапорець From Center (З центру), щоб будувати фігуру щодо центру.
Якщо клікнути на трикутнику поряд з написом shape на випадає панелі можна вибрати будь-яку фігуру. Або за допомогою меню цієї панелі можна завантажити фігури з інших бібліотек.

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

У режимі Paths контур можна додавати, віднімати або інвертувати. Так само як ми з вами розбирали ці функції при виділенні.

У режимі Fill pixels ми змінюємо режим Mode і ступінь прозорості. Галочка на проти anti-alias нехай стоїть - вона відповідає за згладжена країв.

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

Для це виберемо потрібні нам кольору (1), активуємо інструмент градієнт (2). На верхньому меню відобразитися наш градієнт (3). Вибираємо лінійну заливку (4). Ставимо курсор вгорі аркуша і тягнемо вниз.
Активуємо інструмент Custom Shape Tool. Кількома в верхньому меню на стрілочки поряд зі словом Shape, відкриється діалогове вікно, в якому знаходяться всі доступні для використання форми. Пам`ятаємо, що можна так само зайти в бібліотеку і завантажити в діалогове вікно і інші форми.
Вибираємо вподобаний нам об`єкт просто подвійним клацанням по ньому. Далі переводимо курсор на документ і клікнувши на ньому тягніть не відпускаючи ліву кнопку миші. У вас вийти обрана фігура. У моєму випадку гілочка.

Я її створила в режимі Shape layers, тому легко можу переміщати по документу, використовуючи інструмент Move tool.
Далі додамо квіти на гілку. Виберемо в бібліотеці відповідну форму. Режим для інструменту Path, кликнемо на трикутнику поряд з іконкою Custom Shape. У вікні вибираємо пункт Defined Proportions. Кількома по кнопці Add to Path Area і створюємо наші квіти.
Ми отримали з вами наступну ситуацію.

Квіти намальовані, але у нас немає жодного нового шару і вони не розфарбовані. Справа в тому, що контури відображаються у іншій панелі - Path.
Переходимо на цю панель. Кількома по стрілці в верхньому правому кутку і в меню вибираємо Make Selection. Після того як всі наші квіти перетворилися в виділення, створюємо новий шар і працюємо вже як з виділенням.

Ось така у мене вийшла картинка використовуючи тільки інструмент Custom Shape.

І останній штрих. На початку статті я говорила, що до векторних форм можна застосовувати стилі і всі інші прикраси фотошопу.
Для цього для початку фігуру потрібно растеризувати. Це означає, що її не можна буде редагувати як контур. Тобто іншими словами, ми перетворимо її в растрову, і до неї стануть застосовні всі закони растрової графіки. Layer - Resterize - Shape
Наприклад, почнемо з сонечка.
Клікнувши на піктограму внизу панелі шарів Add a layer style додамо сонечку сяйва.

А до метелику і голубам застосуємо готові стилі.

В результаті всіх дій у мене вийшла ось така картинка.

Тепер і ви зможете працювати з векторних зображенням в фотошопі.

Спеціально для Ячайнік, Олена Долженкова.

{Mosloadposition cpanel}