Як створити векторну графіку у Photoshop?

Я знаю, що люди вважають за краще використовувати CorelDraw або Adobe Illustrator, але я хочу знати, чи є техніка, яку я можу дотримуватися, щоб використовувати Adobe Photoshop для створення векторних зображень .

TL; DR: Photoshop не може створювати справжні векторні зображення. Це дуже поширене оману.

Думайте про це як про машину. - Чи можете ви їхати на чотири колеса з Toyota Prius? Впевнені, що зможете ! Чи буде робити все те, що може зробити Jeep Wrangler? Чорт ні. Існує причина, що вам потрібно використовувати транспортний засіб на 4 колесах, щоб їхати на 4-х колісних, так само як є причина, що вам потрібно використовувати векторну програму для створення векторних файлів.

Незалежно від того, як створити файл і зберегти його, Photoshop завжди зберігає як векторну, так і растрову інформацію. Це на відміну від будь-якого справжнього векторного застосування.

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

Такі програми, як Illustrator, Inkscape, CorelDraw, Xara, Sketch тощо, насправді можуть містити лише 100% незалежні векторні дані з роздільною здатністю. Справа не в тому, що "люди віддають перевагу" використовувати векторну програму. Це потрібно, якщо ви бажаєте в кінці кінців справжній векторний файл.

Це не означає, що векторні інструменти у Photoshop загалом неповноцінні, вони не є . Так, ви можете малювати за допомогою векторних інструментів у Photoshop та створювати векторний контент. Але для того, щоб отримати реальну користь від цього векторного вмісту у Photoshop, ви завжди повинні використовувати Photoshop для всіх майбутніх змін. Коли ви збільшуєте або трансформуєте векторний контейнер у Photoshop, Photoshop інтерполює внутрішні растрові дані для перетворення. Ця інтерполяція не робитьтрапляються поза Photoshop. Отже, після експорту / збереження ви можете масштабувати щось на зразок Photoshop EPS, векторні краї будуть масштабуватися і залишатися чіткими, оскільки вони векторні, але інтерполяція растрових даних не відбувається поза Photoshop. Тож "розбиті пікселі" цілком можливі за допомогою EPShop Photoshop, навіть якщо ви використовували векторні інструменти. Ця проблема виникає, коли ви зберігаєте файл або експортуєте його. У всіх векторних форматах - PDF, EPS, PSD - Photoshop створює растровий файл із вбудованими векторними даними. Photoshop не створює векторного файлу. Це абсолютно не схоже на фактичні векторні програми.

Для виробничих цілей ця різниця може бути в значній мірі неважливою, якщо ви вже працюєте на високому ppi у Photoshop. Але користувач повинен пам’ятати, що просто використання векторних інструментів Photoshop та збереження у вигляді EPS / PDF не створює векторних файлів, використовуючи будь-яку доступну в даний час версію Photoshop (CC2017 - це найновіша версія).

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

Chippin 'in, якщо хтось все ще хоче створити векторні елементи у Photoshop (наприклад, для використання з растровими зображеннями або для будь-якої іншої ситуації).

Інструмент Photoshop, який дозволяє працювати з векторною графікою, - це інструмент « Перо» . Основна операція інструмента «Перо» включає натискання на полотно Photoshop, щоб відобразити точки. Ці точки з’єднаються лініями і почнуть створювати фігуру.

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

На форумах Adobe є дуже повний посібник про те, як розпочати роботу з інструментом «Перо» .

Ви МОЖЕТЕ експортувати створені вами шляхи до файлу Illustrator, але основний вигляд - Photoshop був створений для растрових зображень, а Illustrator - для векторних зображень. CorelDraw працює і в одній програмі, але компроміс - це не так добре, як Adobe, imo.

Я думаю, що цей потік потребує резюме, інакше читачі можуть залишатися розгубленими. Більшість читачів не буде байдуже, чи є результати "справжніми eps" або "справжніми векторними файлами", вони просто хочуть щось зробити. Однак вони повинні усвідомлювати межі та обмеження певних методик. Ось ключові поняття, наведені у відповідях:

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

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

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

4. Оскільки два формати мають взаємодоповнюючу силу, має сенс використовувати обидва. У цих випадках ви можете створити і маніпулювати своїми зображеннями, використовуючи Photoshop і Illustrator (або CorelDraw - що робить і те і інше), або ви можете використовувати векторні інструменти у Photoshop або інструменти растризації в Illustrator. Найкращий підхід продиктований у кожному конкретному випадку. Очевидним керівництвом є вибір основного інструменту на основі потрібного вихідного формату.

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

Генератор Photoshop може зберігати SVG (так, належні, лише векторні SVG, засновані на шарах форми, створених у Photoshop). Для цього вам знадобиться Photoshop CC 2014.2 (або 2014.1).

Довідка від Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Цей документ у Photoshop:

Створено цей SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>