Как исправить пикселизированный логотип и сохранить прозрачный фон

Один из моих первых клиентов-фрилансеров, занимающихся веб-дизайном, прислал мне свой логотип в качестве JPEG шириной 150 пикселей. Это был единственный файл, который у них был. Их предыдущие у дизайнера было, они поссорились, и теперь единственный экземпляр Существующий логотип представлял собой сжатую миниатюру из старого электронного письма. подпись. Они хотели, чтобы это было в заголовке их нового сайта примерно на Ширина 400 пикселей с прозрачным фоном.

В этом нет ничего необычного. Малые предприятия теряют оригинальные файлы логотипов постоянно. Дизайнер, который сделал это пять лет назад, недоступен. Компьютер с оригинальными файлами умер. Все, что осталось, это крошечный пиксельная версия, взятая из PDF-файла или скриншота. Вот как спасти его.

Почему логотипы исправить сложнее, чем фотографии

Фотографии имеют естественную текстуру. Кожа, ткань, трава, небо. Если ИИ слегка сглаживает или слегка добавляет деталей, выглядит естественно, потому что фотографии должны иметь вариации. Логотипы — это полная противоположность. Они иметь твердые, продуманные края. Форма буквы имеет определенную форму. А Геометрический знак имеет чистые, математически точные кривые. Любое отклонение такая точность читается как неправильная.

Стандартные программы масштабирования фотографий с этим плохи. Они смотрят на зубчатые края пиксельного логотипа и попытайтесь сгладить их, но это сглаживание превращает острые углы в закругленные, а прямые линии в слегка волнистые. Результат на первый взгляд выглядит чище, но неправильный, когда вы на самом деле посмотрите на это.

Лучше работает специалист по масштабированию, обученный работе с графикой и иллюстрациями. У Real-ESRGAN есть вариант для цифрового искусства, сохраняющий четкие края. и плоские цвета. Он рассматривает пикселизацию как повреждение, которое необходимо исправить. чем текстуру, которую нужно сгладить. Для логотипа размером 150 пикселей, который мне нужно было исправить: это делало разницу между чем-то полезным и чем-то, что выглядело так, будто оно было нарисовано тупым карандашом.

Пошаговый процесс спасения

Шаг первый. Получите лучший источник, какой только сможете. Если у клиента есть логотип их веб-сайт, даже если он отображается небольшим, исходный файл может быть больше, чем кажется. Щелкните правой кнопкой мыши и откройте изображение в новой вкладке. Проверьте реальные размеры. Иногда логотип отображается с разрешением 200 пикселей. Wide на самом деле представляет собой файл размером 600 или 800 пикселей, масштабируемый с помощью браузер. Возьмите эту большую версию.

Шаг второй. Если логотип имеет белый фон и он вам нужен прозрачный, сначала удалите фон с помощью AI. Удаление фона На ClarifyPix стоит 1 кредит, а создание логотипа занимает около трех секунд. Жесткие края логотипов делают удаление фона необычайно чистым. результат должен быть близким к идеальному.

Шаг третий. Увеличьте логотип. Используйте 2x, если оригинал составляет около половины ваш целевой размер, 4x, если он составляет четверть или меньше. Для моих 150 пикселей логотип перешел в заголовок размером 400 пикселей, 4-кратное увеличение до 600 пикселей дало мне комната для работы. Стоимость от 2 до 4 кредитов.

Шаг четвертый. Просмотрите края при увеличении 200%. Ищите смягченные углы, шаткие линии или растекание цвета по краям. Большинство апскейлеров ИИ получают логотипы примерно на 80% правы. Оставшимся 20% обычно требуется несколько минут. ручной очистки с помощью ластика или быстрого прохода с помощью нерезкого фильтр маски, чтобы снова затянуть края.

Шаг пятый. Если вам нужен прозрачный фон, убедитесь, что вы экспортировали в формате PNG с неизмененным альфа-каналом. Еще раз проверьте края относительно темный фон, чтобы не было белой каймы. Белый ореол то, что незаметно на белом фоне, становится очень заметным на темном фоне. заголовок сайта.

Что делать, если в логотипе есть текст?

Сложнее всего исправить логотипы с текстом, поскольку формы букв очень определенные пропорции. Если ИИ слегка сжимает или растягивает часть письмо, оно сразу бросается в глаза. Для этого я повышаю масштаб увеличить логотип в 2 раза, затем наложить исходную уменьшенную версию с непрозрачностью 50 % и Сравните формы букв. Если какие-либо буквы выглядят неправильно, я вручную отрегулируйте их, используя оригинал в качестве эталона.

Если шрифт узнаваем, что часто бывает с обычными шрифтами логотипов, Я просто перепечатываю текст в правильном размере и положении. Это займет пять минут и дает идеальный результат. Логотип получает масштабирование с помощью искусственного интеллекта. Текст перепечатывается. Эта комбинация обеспечивает наилучшее качество восстановление текстового тяжелого логотипа.

Когда ничего из этого не работает

Если логотип имеет ширину менее 100 пикселей и сильно пикселизирован, AI масштабирование даст что-то, что будет выглядеть чище, но все же не профессиональный. На этом этапе лучший вариант — перерисовать логотип. Обрисуйте фигуры в Illustrator или Inkscape. Сопоставьте шрифты. Восстановить это как вектор. Это занимает час или два работы, но дает идеальный, бесконечно масштабируемый логотип.

На исправление логотипа JPEG размером 150 пикселей, с которого я начал, ушло около 45 минут. Удаление фона заняло три секунды. Масштабирование ИИ заняло восемь секунд. Остальные 44 минуты ушли на ручную очистку краев и перепечатку текста. название компании. Клиент остался доволен, и я взял с него плату за час работы. работа. Инструменты сделали тяжелую работу. Я выполнил точную работу. Это Баланс примерно подходит для восстановления логотипа.

Если клиент отправляет вам крошечный пиксельный логотип, не говорите ему, что вам это нужно. векторный файл, который они никогда не найдут. Исправьте это, выставьте им счет и двигайтесь дальше.