Донецкий техникум промышленной автоматики

Вектор в фотошопі

  1. Навіщо потрібен вектор в фотошопі
  2. Особливості роботи з вектором у фотошопі
  3. Основні примітиви
  4. Основні інструменти
  5. Основні операції з вектором у фотошопі
  6. Міняємо колір, розмір і застосовуємо стилі
  7. Завантажити приклад PSD (безкоштовно)
  8. Задати питання

Інструменти для роботи з вектором в Photoshop з'явилися досить давно, але використовувати їх в роботі почали порівняно недавно. Це пов'язано з тим, що дуже довгий час вони були "сирими" і тому вектор в фотошопі не є профільним інструментом для роботи, його і не допрацьовували. Але все змінилося з виходом Photoshop CC.

Навіщо потрібен вектор в фотошопі

Спочатку хочу розповісти чому я використовую вектор в фотошопі. Є безліч зарекомендували себе векторних редакторів. Найпоширеніші це Illustrator, CorelDraw, Xara. Найчастіше я займаюся веб дизайном, а значить моя робота не є кінцевим результатом. Тобто перш ніж стати сайтом, інтерфейсом, додатком макет потрапить верстальщику. Більшість верстальників досконало володіють Photoshop, але дуже поверхово знайомі з Illustrator. Тому бажання "запхати" все в один файл цілком логічно. Здорово коли верстальник отримує один PSD в якому міститься повний макет та ще й з можливістю редагування елементів. Поміняти колір кнопки, змінити радіус форми меню, збільшити або зменшити блок без втрати якості - за 2 кліка і 1 хвилину! Вектор в фотошопі дозволяє зробити це без особливих навичок.

Особливості роботи з вектором у фотошопі

Якщо ви раніше працювали в будь-якому векторному редакторі, то багато видасться знайомим. Але до чого доведеться звикати. Вся робота в фотошопі будується з шарами, це торкнулося і всіх векторних інструментів.
1. Що б легко редагувати вектор в фотошопі необхідно кожну фігуру розташовувати в окремому шарі.
2. Операції по "злиття", "віднімання", "накладення" краще застосовувати до не більше ніж двом об'єктам.
3. Після операції "злиття", "віднімання", "накладення" контури вихідних об'єктів залишаються доступними до редагування.
4. До всіх векторних об'єктів можна легко застосовувати растрові стилі. Це дуже зручно.
5. До векторних об'єктів можна застосовувати прозорість і накладати на них фільтри.
6. Окремі шари і групи шарів з векторними об'єктами можна легко клонувати всередині документа або копіювати в інший документ PSD.
7. Підписуйте кожен шар і гуртуйте шари - це заощадить масу часу.

Основні примітиви

Як і в будь-якому векторному редакторі, вектор в фотошопі має готові примітиви. Основні примітиви:
"Прямокутник", "Прямокутник з круглений кутами", "Еліпс", "Багатокутник", "Лінія", "Довільна фігура". У кожної фігури (в будь-який момент часу) можна задати товщину / тип / колір обведення і заливку. Для специфічних примітивів доступні додаткові властивості. Наприклад у багатокутника можна задати кількість кутів, а у прямокутника зі круглений кутами можна задати радіус округлення.
Як і в будь-якому векторному редакторі, вектор в фотошопі має готові примітиви

Основні інструменти

Що б намалювати довільний вектор або редагувати існуючий (в т.ч. і контур примітивів) необхідно використовувати інструменти "Перо" (малюємо довільний контур), "Перо +" (додаємо нові опорні точки в готовий контур), "Перо-" (видаляємо опорні точки з готового контуру), "Вільне перо" (малюємо довільний контур від руки), "Кут" (міняємо вигини кривих контуру, задаємо типи з'єднань між опорних точок).
Що б намалювати довільний вектор або редагувати існуючий (в т
Для ілюстрації процесу короткий відео з якого ви дізнаєтеся:
1. Як створити примітив
2. Як намалювати довільну векторну фігуру
3. Як правити контур примітиву
4. Як правити контур довільної векторної фігури

Основні операції з вектором у фотошопі

Усього доступно 4 операції: "Об'єднання фігур", "Відняти передню фігуру", "Об'єднати фігури в накладенні", "Відняти фігури в накладенні". Всі ці операції доступні через основне верхнє меню Шари> Об'єднати фігури, або через панель інструментів "Властивості" (верхнє меню Вікно> Властивості).
Увага! Перш ніж почати якісь операції з об'єднання векторних фігур переконайтеся що шари цих фігур виділені в панелі інструментів "Шари" (включити її F7 або Вікно> Шари).
Усього доступно 4 операції: Об'єднання фігур, Відняти передню фігуру, Об'єднати фігури в накладенні, Відняти фігури в накладенні
Коротке відео ілюструє основні операції "об'єднання фігур" в фотошопі.

Міняємо колір, розмір і застосовуємо стилі

Ось ми дійшли до самого цікавого. Вектор в фотошопі дозволяє поміняти розмір як у велику так і в меншу сторону без втрати якості. Для цього виберете потрібні шари в панелі інструментів "шари", натисніть Ctrl + T (або Command + T якщо у вас MAC) і перетягуючи маркери виділеного контуру мишкою відрегулюйте розмір. Що б розмір змінювався пропорційно необхідно затискати клавішу Shift.
Ось ми дійшли до самого цікавого
Коротке відео:
1. Змінюємо розмір векторної фігури
2. Змінюємо колір заливки векторної фігури
3. Додаємо стиль до векторної фігурі

Завантажити приклад PSD (безкоштовно)

Що б вам простіше було розібратися як використовувати вектор в фотошопі і подивитися як на практиці можна застосовувати ці інструменти я викладаю файл Інфографіки виконаний мною повністю з використанням векторних інструментів.

Задати питання

Якщо у вас щось не виходить або виникли питання пишіть в коментарях і я допоможу вам розібратися. Так само ви можете подивитися відео як я малюю іконки в Photoshop за допомогою векторних інструментів.