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

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

Що означає "векторний"? Ну, на відміну від цифрових зображень, які складаються з (зазвичай) мільйонів крихітних квадратів, відомих як пікселі, векторні фігури виготовляються з математичних точок, з'єднаних між собою лініями та кривими, щоб створити різні форми. Оскільки вони засновані на математиці, а не на пікселях, векторні форми надзвичайно гнучкі і не мають тих самих обмежень, що й пікселі. Ми можемо малювати векторні фігури будь-якого потрібного нам розміру, і незалежно від того, скільки ми їх редагуємо та масштабуємо, чи наскільки великими ми їх друкуємо, вони завжди залишаються чіткими та різкими! Перш ніж ми дізнаємося деталі того, як малювати векторні фігури у Photoshop та всі способи роботи з ними, давайте детальніше розглянемо цей важливий спосіб, яким векторні форми відрізняються від форм на основі пікселів. І чому, коли вам надають вибір між цими двома, векторні форми, як правило, найкращий варіант.

Цей підручник призначений для користувачів Photoshop CC . Користувачі Photoshop CS6 захочуть ознайомитись з нашим «Підручником векторного малюнка проти Pixel Shapes» у навчальному посібнику Photoshop CS6.

Вектори проти пікселів

Казка про дві форми

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

Векторна форма зліва та піксельна форма праворуч.

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

Панель шарів, що показує векторну та піксельну фігури на окремих шарах.

Виявлення шару форми

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

Шари форми легко ідентифікуються за невеликим значком у правій нижній частині мініатюри попереднього перегляду.

Масштабування векторної форми

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

Вибір форми вектора.

Щоб масштабувати векторну форму, я перейду до меню " Редагувати" в рядку меню вгорі екрана і виберу " Шлях вільної трансформації" :

Перехід до редагування> Безкоштовний шлях до перетворення.

Це розміщує поле вільної трансформації та обробляє навколо форми вектор ліворуч:

Вікно вільної трансформації з'являється навколо векторної форми.

Я хочу переконатися, що я масштабую обидві фігури точно такого ж розміру, тому замість того, щоб перетягувати ручки Free Transform вручну, я піднімусь до панелі параметрів у верхній частині екрана і зміню ширину ( W ) та висоту ( H ) значення фігури до 10%:

Встановлення як ширини, так і висоти форми вектора 10%.

Я натискаю клавішу Enter (Win) / Return (Mac) на моїй клавіатурі, щоб прийняти новий розмір, і тепер векторна форма зліва значно менша:

Форма вектора тепер на 10% перевищує розмір піксельної форми.

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

Натискання клавіш Ctrl + T (Win) / Command + T (Mac) для швидкого вибору шляху вільної трансформації.

Оскільки я зменшив форму, зменшивши її до 10%, я збільшу її до початкового розміру, встановивши як значення ширини, так і висоти на панелі параметрів до 1000% :

Встановлення ширини та висоти форми вектора на 1000%.

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

Форма вектора зліва зберігає свої чіткі, гострі краї навіть після масштабування.

Швидкі коди, дії та фільтри Плагін: Помилка короткого коду (основи реклами-середина)

Масштабування форми пікселя

Спробуємо те ж саме з формою пікселів праворуч. Спочатку я виберу його, натиснувши на шар "Форма пікселя" на панелі "Шари":

Вибір форми пікселя.

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

Перехід до редагування> Безкоштовна трансформація.

Безкоштовна трансформація проти вільного шляху трансформації

Зауважте, що цього разу команда називається Free Transform, а не Free Transform Path . Ми розглянемо шляхи в іншому навчальному посібнику, але, по суті, векторна форма складається з двох частин; основний контур фігури, відомий як шлях, і колір, яким наповнюється контур (шлях). Коли ми редагуємо або масштабуємо векторну форму, ми дійсно редагуємо та масштабуємо контур шляху. Ось чому, коли у мене був обраний векторний шар форми, команда називалася Free Transform Path. Тепер, коли у мене вибраний нормальний шар пікселів, ми редагуємо пікселі, а не шляхи, і тому назва команди змінилася на просто Безкоштовна трансформація. Знову ми пізніше будемо висвітлювати шляхи більш докладно.

Це розміщує поле вільної трансформації навколо форми пікселя праворуч:

Вікно вільної трансформації з’являється навколо форми пікселя.

Так само, як я робив з векторною формою, я зменшу форму пікселя вниз, встановивши Ширина та Висота до 10% на панелі параметрів:

Встановлення ширини та висоти форми пікселя на 10%.

Я натискаю клавішу Enter (Win) / Return (Mac) на моїй клавіатурі, щоб прийняти це, і тепер форма пікселів набагато менша. Все йде нормально. Навіть після зменшення форми пікселя до 10% вона виглядає так само різко, як і раніше, і ми все ще не бачили різниці між формою вектора та формою пікселя:

Форма пікселя після його зменшення до 10%.

Але тепер справжнє випробування. Що станеться, коли я набуду масштаб піксельної форми до початкового розміру? Я натискаю клавіші Ctrl + T (Win) / Command + T (Mac) на моїй клавіатурі, щоб швидко вибрати команду Free Transform, і щоб масштабувати форму пікселя назад, я встановлю ширину та висоту на панелі параметрів у 1000% :

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

Я натискаю Enter (Win) / Return (Mac), щоб прийняти його, і закритиму команду Free Transform. І тепер різниця між векторними та піксельними формами стає очевидною. Незважаючи на те, що я масштабував обидві форми точно однаковою кількістю, і обидві форми зберегли свої чіткі краї при зменшенні розміру, форма пікселя не могла обробити масштабування назад. Його колись гострі краї тепер виглядають м'якими, розмитими і рум’яними:

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

Давайте збільшимо масштаб для детального розгляду. Причина, коли краї піксельної форми виглядають набагато гірше, полягає в тому, що, коли я зменшив її до 10% від свого початкового розміру, Photoshop довелося скинути 90% пікселів, які складали початкову форму. Це було б добре, якби мені не потрібно було його масштабувати. Photoshop не може магічно відтворити пікселі, тому коли я його масштабував, все, що Photoshop міг зробити, це взяти ті решта пікселів і зробити їх більшими. Ось чому ми насправді можемо побачити сходовий ефект уздовж краю форми. Це краї окремих пікселів. Вони виглядають м'якими і розмитими, тому що саме це відбувається з пікселями, коли ми збільшуємо їх. Чим більше ми їх збільшуємо, тим м'якше вони набувають. З іншого боку, векторні форми не мають цієї проблеми. Вони просто точки, з'єднані між собою лініями і кривими, і ми можемо змінювати їх розмір стільки, скільки хочемо, не втрачаючи при цьому якості:

Крупним планом вектора та пікселя ребра форми.

Куди йти далі …

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

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

Категорія: