Як перетворити піксельне зображення у векторний логотип у Inkscape?


17

Я не знаю, чи я в потрібному місці, але хотілося б знати, як перетворити піксельне зображення, яке я створив, у векторний логотип?

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

Піксельне зображення


3
Ви намагаєтесь зберегти пікселізований вигляд, чи намагаєтесь його згладити?
Брендан



Невелика проблема полягає в тому, що зображення не добре сформоване, вони не є ідеальними квадратами при збільшенні.
Адам Шульд

@brendan Я хочу зберегти нерівний вигляд
Гійом Вінсент

Відповіді:


16

Inkscape

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

Це кроки:

  1. Файл - Імпорт ... : виберіть "вбудовування" растрової карти.
  2. Виберіть вбудовану растрову карту.
  3. Виберіть Шлях -trace Bitmap ... . Це відкриє наступне діалогове вікно:

    введіть тут опис зображення

  4. Зробіть такі параметри, щоб зберегти вигляд пікселізованого квадратного поля в режимі та на вкладках Параметри :

    введіть тут опис зображення

    • Позначте кольори .
    • Виберіть 11 Сканування для 11 кольорів вихідного зображення.
    • Поставте прапорець Сканування стека, щоб один предмет на колір був розміщений один над одним.
    • Зніміть гладкі кути та оптимізуйте контури для отриманих квадратних коробок.
    • Клацніть на « Оновити» для попереднього перегляду, OK для відстеження растрової карти.
    • Перемістіть векторну графіку поруч із растровою картою для порівняння результату (тут обрана векторна траса знаходиться праворуч):

    введіть тут опис зображення

    • Скопіюйте векторний об’єкт на новий малюнок і збережіть у обраному вами форматі файлу.

Примітка:

Цей посібник не призведе до бажаного результату пікселізованої векторної графіки при роботі над дуже маленьким джерелом значків. Щоб все-таки отримати пікселізований ефект від трасування, ми повинні спочатку змінити масштаб піктограми перед імпортом у Inkscape.


Мені цікаво одна річ у @Takkat, якщо у вашому сліді є та сама аномалія, як і в Illustrator. Якщо ви подивитесь на мою відповідь, то побачите, що око не зовсім пряма - це те саме в Inkscape чи Inkscape виконує це краще?
Адам Шульд

@AdamSchuld: в Inkscape це варіант "оптимізувати шлях", який нам потрібно деактивувати, щоб отримати прямі лінії, а не Безьє. Однак може бути не 100% прямий кут (важко перевірити). Я вважаю, що в Illustrator є подібний варіант (але я не можу перевірити його на всій моїй системі Open Source тут).
Takkat

3

Я не досвідчений у програмі, але це можна зробити в Inkscape. Я впевнений, що хтось проскочить і пояснить це в Inkscape. Одне, що я помітив, коли я збільшував масштаб зображення, - це те, що у вашому зображенні є неточність цих квадратів. Хто б не створив це зображення, використовував змінну ширину рядків у 7 пікселів та 8 пікселів, що робить його трохи більше задіяним у процесі створення сітки для пікселізованого ефекту.

Швидкий спосіб знизити зображення в Adobe Illustrator - це буквально займає менше хвилини порівняно з більш задіяним процесом відтворення пікселів за допомогою сітки. Я не на 100% впевнений, чи відстеження растрових зображень в Inkscape дасть такий же результат.

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

Ефект збільшується. Більшість ефектів не буде відхилень. Збільшення масштабу

Однак певні ділянки вам потрібно буде виправити доріжки вручну, оскільки вони трохи відключені. Невеликі відхилення


дякую @AdamSchuld, я вибираю рішення з відкритим вихідним кодом Takkat. Але відповідь може допомогти користувачам ілюстраторів.
Гійом Вінсент

Його відповідь була кращою! Радий, що можу допомогти
Адам Шульд

0

Немає необхідності використовувати векторну графіку, коли ви хочете піксельно виглядати. Ви можете просто використовувати GIMPдля збільшення масштабу свого PNGфайлу. Ось як:

  1. Відкрийте файл у GIMP
  2. Виберіть Image>Scale Image
  3. Змініть налаштування, щоб масштабувати файл
  4. Експортуйте збільшений файл як інший PNG(натисніть Ctrl+ Shift+ Eабо виберіть File> Export)

Однак якщо ви видавлюєте піксельну піктограму Blender, вам доведеться скористатися Inkscapeметодом.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.