Як перевести логотип у вектор — безкоштовно, без Illustrator

Навіщо логотипу векторна версія

Більшість логотипів живе як PNG, який хтось експортував кілька років тому: 500 пікселів завширшки, трохи розмитий, а іноді й JPEG із сірим пухом довкола кожного краю. На шапці сайту цього досить, а більше ніде. Виробник вивісок, вишивальна майстерня, плотер, друкарня з банером і друк на футболках просять одного: «а у вас є у векторі?»

Векторний логотип (SVG, PDF, EPS чи файл Illustrator) — це набір фігур, описаних числами, тож він різкий і завбільшки з марку, і завбільшки з будинок, а кожен колір міняється одним кліком. Якщо того, хто малював логотип, уже не знайти й лишився тільки PNG, трасування — спосіб повернути вектор.

Точка за точкою чи так, як малює дизайнер

Більшість безкоштовних конвертерів трасують зображення точка за точкою: обходять край кожної кольорової ділянки піксель за пікселем і підганяють криві під ці сходинки. Метод — Potrace — розумний і давній, і він працює, але йде за пікселями, а не за задумом. Коло виходить кільцем із багатьох дрібних кривих, рівний край хитається, згладжена облямівка довкола кожної фігури стає тонким зайвим кольором, а пух JPEG — соринками.

На нашому тестовому логотипі — помаранчеве коло, жовта зірка, синя крапка й дві смуги — трасування точка за точкою дає 154 опорні точки. «Чисто» дає 26, бо розпізнає, що коло — це коло, зірка — зірка, а смуги — прямокутники, і малює їх саме так. Файл зменшується приблизно з 5,4 КБ до 0,6 КБ. Різниця очевидна, щойно ви захочете логотип змінити: 26 точок, за які можна взятися, а не 154, які доведеться чистити.

До трасування: три хвилини, які важать

Беріть найбільшу версію, яку знайдете. Пошукайте в старих листах, у коді сайту, у PDF-буклеті, на аватарці в соцмережах: логотип на 1000 пікселів трасується значно краще, ніж на 200. Якщо є лише крихітний, Paletoo трасує малі зображення з подвоєною роздільністю, щоб краї лягали там, де їх ставить згладжування, але деталей, яких у пікселях ніколи не було, не відновити.

Обріжте до самого логотипа. Скриншот зі шматком браузера довкола змусить трасувальник шукати кольори, яких у логотипі немає. А якщо логотип лежить на фото чи строкатому тлі, спершу виріжте його: «Прибрати фон» у тій самій панелі робить це за кілька секунд, на вашому пристрої.

Як перевірити вектор перед відправкою

Збільште до 400 % і подивіться на три місця: криву, кут і найтоншу лінію. Криві мають бути плавними, без пласких ділянок, кути — гострими, тонкі лінії — без розривів. Потім порахуйте кольори: «Кольори виділення» показують кожну заливку результату, і в логотипі на три кольори їх має бути три, а не сім. Якщо трапився зайвий майже білий чи світлий колір облямівки, видаліть його або ввімкніть «Прибрати фон» і трасуйте ще раз.

Наостанок експортуйте SVG і один раз відкрийте файл у браузері. Якщо логотип різкий за будь-якого збільшення, це вектор. SVG надсилайте для сайтів, плотерів та інших векторних редакторів, PDF — у друкарню.

Коли краще перемалювати

Трасування відновлює фігури, але не вигадує літер. Якщо в логотипі дрібний напис — слоган на 12 пікселів заввишки, — жоден трасувальник не прочитає його назад. Знайдіть шрифт (сервіси розпізнавання шрифтів зазвичай його називають), наберіть слова в Paletoo й перетворіть текст на контури, а трасуйте лише знак. Так само з логотипом, який був розмитим від початку: трасуйте його, щоб фігури стали на місця, а ті кілька, що вийшли криво, виправте пером і редагуванням точок.

Зроблено в Paletoo

Усі зображення на цій сторінці зроблено в Paletoo — ці три тими самими кроками на інших шаблонах:

Безкоштовно в Paletoo

1. Натисніть «Відкрити в Paletoo»: відкриється квадратний документ, у якому вже є тестовий логотип, — або натисніть Відкрити файл…, щоб почати з власного PNG чи JPG. Клацніть логотип, щоб вибрати його.

2. На вкладці Дизайн останній рядок блоку ШІ — Векторизувати. Натисніть його. Вікно відкриється поруч із панеллю, і вигляд, якого хоче зображення, уже вибрано й позначено маленькою іскрою: для логотипа — Чисто.

   

3. Лишіть увімкненими Прибрати фон, щоб білий папір не трасувався як колір, і Зберегти оригінал (сховати), щоб PNG лишився під вектором на випадок повторного трасування. Рядок під налаштуваннями показує, скільки зекономив «Чисто», наприклад 93 → 30 опорних точок.

   

4. Увімкніть Показати контури, щоб побачити попередній перегляд як контури з опорними точками. У кола їх має бути близько чотирьох, у зірки — десять кутів. Якщо фігура горбкувата, збільште Згладження; якщо два близькі кольори злилися, задайте в Кольори стільки, скільки їх справді в логотипі.

   

5. Натисніть Векторизувати. Логотип стане групою «Логотип · вектор» — по фігурі на колір, складених шарами, тож між ними не видно щілин. Перефарбуйте його в Кольори виділення або двічі клацніть фігуру, щоб рухати її точки.

6. Натисніть Експорт і виберіть SVG для вебу, плотера чи іншого редактора або PDF для друку. У файлі — справжні векторні фігури, а не картинка у векторній обгортці.

Зробіть по-своєму

Якщо в логотипа тонкий контур, що рветься, підніміть Деталізація до 100 % і трасуйте ще раз; якщо це JPEG із пухом, трохи зменште її, щоб пух усереднився.

Для однокольорового логотипа — на печатку, трафарет чи лазер — виберіть Лінійний малюнок або задайте Кольори 1: одна фігура, одна фарба.

Логотип із мʼякою тінню чи глянцевим відблиском — не пласка графіка: перемкніть вікно на Розумний, який зберігає світлотінь кількома мʼякими формами й справжніми градієнтами замість смуг.

Зробити онлайн

• Зображення у вектор онлайнПеретворіть логотип, іконку чи малюнок із PNG або JPG на чистий SVG приблизно за 30 секунд — безкоштовно, без реєстрації, а зображення не покидає браузер.
• Зробіть логотип онлайнНапишіть назву бренду, виберіть логотип — і він відкриється вже з вашою назвою. Експорт у SVG, PDF чи PNG — безкоштовно, без водяного знака й реєстрації.

Безкоштовні шаблони для дизайну: Шаблони брендбуків