Таинственная линия рядом с формой после сохранения для Интернета в Illustrator

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

Я выровнял все фигуры по пиксельному растру (не уверен, что это требуется) и изменил опорную точку на левую верхнюю (во избежание размытия).
При сохранении для Интернета я выбираю «Оптимизировать искусство» и сохраняю его как прозрачный PNG-24.

Итак, почему рядом с одной фигурой есть загадочная нечеткая линия? Когда я смотрю на это в Illustrator, видна та же самая линия, но когда я увеличиваю масштаб, вы видите, что форма идеальна без таинственной линии.
Если это может помочь, линия есть снизу до 50% формы (по вертикали), все остальное идеально четко.

Что я делаю не так?
Надеюсь, я использовал правильные термины, так как мой Illustrator на другом языке.

В будущем было бы полезно, если бы вы разместили изображение. Или, что еще лучше, опубликуйте AI-файл (это может быть просто документ с изолированной проблемной областью).
Проверьте все ваши конверты, если они есть.

Ответы (7)

Если вы установите координаты «X и Y» на своих монтажных областях как целое число (целое число, например 10 вместо 10,234), я заметил, что это устраняет проблему. Кроме того, если вы отключите оптимизацию и сглаживание, это тоже может исправить это (хотя обычно это не рекомендуется, поскольку это даст более пиксельный результат).

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

Хочу сказать спасибо! Я часами дергал себя за волосы с этой проблемой. Ваше предложение прекрасно работает и полно здравого смысла.

К сожалению, это стандарт для Illustrator. Есть довольно много ситуаций, когда точность пикселя рендеринга формы, сглаживания и градиентного рендеринга Illustrator не соответствует уровню Photoshop, Fireworks и других приложений.

Я бы рекомендовал использовать Photoshop или Fireworks. Если возможно, переместите объекты и экспортируйте оттуда.

Я написал больше на эту тему здесь: Illustrator и дизайн приложений .

Так что я думал, что исправил, но потом где-то в другом месте появилась еще одна строка. Я уже пробовал импортировать его как смарт-объект в Photoshop, это первое, что я попробовал; но эффект был тот же. Должно быть, я делаю что-то не так, или это система, над которой я работаю? Спасибо за ссылку, я больше не буду сохранять изображения с помощью Illustrator.
Смарт-объекты в Photoshop CS5 имеют аналогичные проблемы со сглаживанием и дизерингом. В Photoshop CS6 есть некоторые исправления при работе со смарт-объектами из Illustrator, но они все еще не идеальны. Если вы можете, вам лучше всего будет вставить в Photoshop как слой формы и раскрасить в PS.

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

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

Этот подход работал у меня со времен CS3. Хотя я лично не пробовал это в CS6, один дизайнер, с которым я работаю, в основном использует 6, и у него не было никаких проблем, которые я заметил.

Перетаскивание объекта за пределы монтажной области, а затем изменение его положения — ужасное решение для программного обеспечения стоимостью около 1000 долларов. Вы отправили отзыв в Adobe?
Да, я выразил свою обеспокоенность. Я использую приложения Adobe почти каждый день, и у меня с ними довольно хорошо получается. Но это не мешает мне регулярно мечтать об их гибели. Я бы предпочел исправить ошибки, чем придумать новые функции, но они уже давно не работают таким образом.

Чтобы избежать этого, создайте новый файл Illustrator, затем скопируйте векторное изображение в этот новый файл и сохраните его.

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

Обычно я сдвигаю фигуры вверх или вниз на один или два пикселя и пробую Ctrl+ shift+ alt+ Sдля предварительного просмотра, а затем продолжаю пробовать до тех пор, пока линии не исчезнут. Проблема в том, что я знаю, что веб-графика чувствительна к пикселям, иногда вы не можете позволить себе переместить одну часть иллюстрации, оставив остальные, выравнивание пикселей, как вы знаете, важно, но иногда мне приходится идти на компромисс, потому что это чертовски раздражает.

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

Нажмите «Новый документ»… Установите флажок «Выровнять новые объекты по пиксельной сетке»… у меня это сработало

Привет Коуп, добро пожаловать в GDSE и спасибо за ваш ответ. Если у вас есть какие-либо вопросы, обратитесь в справочный центр или свяжитесь с одним из нас в чате графического дизайна , как только ваша репутация станет достаточной (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!

Я использую CS5 в течение нескольких лет и не помню, чтобы когда-либо сталкивался с этой проблемой раньше. Часть моего дизайна, которая «исчерчена» маленькими случайными белыми линиями, — это простой силуэт, на котором я использовал живую трассировку. Это не происходило ни на одном из других объектов в моем дизайне. Простой поиск в Интернете привел меня сюда, и я безуспешно попробовал несколько предложений. Затем я подумал попробовать наслоить силуэт, просто скопировав его и выровняв за ним еще один такой же слой. Это оказалось успешным для моего проекта, думаю, я поделюсь своим опытом.