Сохранение Illustrator в маленьком размере искажает формы

У меня есть необработанный символ в векторах шириной около 500 пикселей и высотой 600 пикселей. Все штрихи были обведены.

Сохранив его прямо из нормального размера, вот что я получаю:

]

Однако, если я сохраню его в «Сохранить для Интернета» с высотой 100 пикселей, я получу следующее:

]

Видите верхнюю часть с желтым шлемом? Черная форма (также известная как контурный штрих) намного жирнее, чем исходный размер.

Почему это происходит?

Вы можете скачать AI-файл здесь: https://www.dropbox.com/s/33pjfcjupkqdoig/Symbol.ai?dl=0

По всем правилам эти линии вообще не должны быть видны. Измените размер растрового изображения в Photoshop для сравнения.
Какую ширину обводки вы используете в оригинале? Сохраняет ли ширина обводки этот размер, когда изображение уменьшается или, возможно, уменьшается недостаточно для правильного изменения контраста?
@ usr2564301 изменение размера растрового изображения сохраняет правильный вес линий.
@fred_dot_u с обводкой (не обведено) результат тот же
«изменение размера растрового изображения сохраняет правильный вес линий» — это утверждение настолько сомнительно, что мне просто нужно было пойти и попробовать. Нет, изменение размера растрового изображения в Photoshop не поддерживает толщину линий. В растровом изображении нет «весов линий».
@ usr2564301 мы, вероятно, говорим о разных вещах или разных методах. Что я сделал, так это экспортировал изображение JPG из иллюстратора и изменил размер того же изображения JPG в Photoshop до 100 пикселей. В результате получается шлем с гладкой подкладкой. См. ответ joojaa, это в основном то, что он сделал.

Ответы (3)

Я просмотрел ваш файл .ai, думая, что это что-то с масштабированием обводки, но проблема на самом деле в том, что у вас слишком много деталей в этой области, чтобы правильно масштабировать ее при таком маленьком размере.

Полная высота части поверх шлема составляет 23 пикселя. Если вы попытаетесь уменьшить его до 10%, для этой части останется только 2,3 пикселя. Он выглядит смелее, потому что вы получаете средний цвет между черным цветом фигур, их более темной бежевой заливкой и желто-бежевым цветом шлема, который «забивает» пространство и делает его более смелым.

На 50% вы все еще можете видеть детали:введите описание изображения здесь

На 30% видно, что начинает "забиваться":введите описание изображения здесь

При 10%, как вы это делаете, вся область в основном заполнена темно-серым цветом:введите описание изображения здесь

Однако, если я удалю некоторые детали в этой области, например:введите описание изображения здесь

Тогда область остается открытой. Вы также можете видеть, что у вас есть только 1 или 2 пикселя между верхом и низом этой области:

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

Что дает лучший результат:

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

Вам решать, какую деталь вы хотите сохранить, чтобы масштабировать ее в основном до размера почтовой марки.

Или вы можете использовать лучшую подгонку за счет более размытого изображения.
Это, пожалуй, самое надежное объяснение на сегодняшний день. Во всяком случае, я не понимаю, почему он отдает предпочтение черному, а не желтому, ведь он в основном желтый, черный - это просто контур...
Не рассматривайте это как предпочтение; подумайте об этом как о среднем. Для простоты предположим, что у вас есть 2 смежных пикселя: один белый (0%) и один черный (100%). Если вы измените размер на 50%, вы получите один пиксель с 50% серым цветом. Другой пример: допустим, у вас есть 8 смежных пикселей: 2 черных, 4 белых и 2 черных. Если вы измените размер на 2 пикселя (25%), вы получите 2 пикселя примерно по 50% каждый. Точно так же работает передискретизация в Illustrator и Photoshop при увеличении или уменьшении масштаба; он усредняет смежные цвета, чтобы определить, что делать с добавленными или удаленными пикселями.
Да, но как... Это в основном 90% желтого и 10% черного. Если я изменю размер в Photoshop, все будет хорошо, см. ответ joojaa. Я не знаю, почему Illustrator все портит :\

Вполне возможно масштабировать это изображение без особых хлопот, если вы используете лучшие алгоритмы фильтрации, чем иллюстратор предлагает вам в качестве опции. Здесь я беру вашего мага и фильтрую его с помощью lanczos (с imagemagic) из исходного.

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

Если это или не это лучше, это другое дело. В любом случае, вы должны проектировать свое произведение с учетом его минимального размера.

Итак, вы экспортировали из иллюстратора и изменили размер растрового изображения с помощью imagemagick? Это, вероятно, решение здесь, но не совсем то, что я ожидал. Я не понимаю, почему иллюстратор отдает предпочтение черному цвету вместо желтого при экспорте растрового изображения. К сожалению, проектирование в минимальном размере приведет к тому же искаженному эффекту...
@coldpumpkin Потому что он либо берет слишком мало сэмплов (оптимизировано для искусства), имеет нелинейный рабочий профиль или объединяет прозрачность с альфа-каналом (другие параметры aa, не так сильно, что он отдает предпочтение черному цвету, но объединение суммирует вклад элементов переднего плана, поскольку у вас есть много черные сверху). На самом деле нет оптимального решения для этого, просто существует множество технических деталей, которые зависят от ситуации и предпочтений. Также да, проектирование на самом низком уровне решает эту проблему, так как это означает меньшее количество строк, поэтому больше нет этой проблемы. Масштабирование готового дизайна — это не его повторное проектирование.

Если ваш целевой выходной размер составляет 100 пикселей, сделайте изображение 100 пикселей, прежде чем экспортировать его.

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

При масштабировании обязательно отметьте «Масштабировать штрихи и эффекты».

Даже если я увеличу его до 100 пикселей (и выглядит хорошо), при экспорте он выдаст тот же искаженный результат: \
Хм, хорошо, 100 пикселей выглядит хорошо, «Сохранить для Интернета» в формате .png24 с разрешением 100 пикселей, просмотреть результаты в истинном размере, размер, который он открывает по умолчанию в вашем средстве просмотра изображений. Выглядит неплохо? Если вы увеличите масштаб, конечно, вы увидите, что пиксели разбиваются, но при экспорте и просмотре в этом размере они должны выглядеть точно так же, как в вашей программе для рисования. Помните, что 100 пикселей — это примерно 1,3 дюйма на экране. Большой размер значка.
Все еще такой же. Попробуйте с файлом :P
Сохранение Illustrator в маленьком размере искажает формы
СпросиСетьПолитика конфиденциальности1y, 0v