Illustrator, Save for Web: сохранить оптимизацию Art и Type за один раз?

11

При экспорте для веб-сайтов в Illustrator всегда есть знакомые схемы Art Optimizedи Type Optimizedсхемы воспроизведения (кроме None).

Обе схемы имеют свои преимущества на разных типах элементов. Неудивительно, что Art Optimized превосходит все, что угодно, кроме текста, тогда как Type Optimized часто намного лучше отображает текст / шрифты. (Ну, я думаю, это может быть субъективной темой, но это не имеет отношения к обсуждению - давайте просто будем оставаться правдивыми с фактом; иногда вы предпочитаете одну или другую, и часто (вот суть всего этого) вы предпочитаете обе схемы обрабатывать их предполагаемые элементы, соответственно, верно?

Мне часто приходится экспортировать две версии; один * _art_opt.png и один * _type_opt.png при создании, например, логотипа. Затем я должен поместить оба визуализированных изображения в два слоя в Photoshop, отрезав часть Art Optimized из области Type и наоборот. Просто для того, чтобы получить то, что я искал, в первую очередь: ОПТИМИЗИРОВАННОЕ искусство… другими словами, «искусство» визуализировало Art Optimized и текст визуализировало Type Optimized.

Фактор в том, что я часто делаю различные размеры; прозрачные версии и непрозрачные версии; сохранить в различных форматах ... и у вас есть некоторые серьезные ™ времени отходы прямо там.

И так, вопрос

Мне просто интересно, есть ли способ иметь художественные элементы, обработанные Art Оптимизированных выдач и текстовые элементы, рассматриваемые как Type Optimized - все в том же ходе?

Ниже приведен пример, показывающий, как знак появляется логотип хорошо в одной оптимизации (искусство) и логотип появляется текст лучше в другой оптимизации (типа), в котором я должен был бы сохранить два файла и привести их в Photoshop вручную смешивать хорошие части вместе:

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

Хенрик
источник

Ответы:

11

При применении сглаживания на Save for Web & Devicesпанели весь экспорт получает один и тот же метод сглаживания, но вы можете применить сглаживание на уровне объекта.

Выберите объект и перейдите к Effect > Rasterize.... Выберите желаемое ppi, лучше всегда выбирать, Use Document Raster Effects Resolutionпотому что тогда будет легко переключить все ваши объекты с 72ppi на 300ppi, например, нажав на Effect > Document Raster Effects Settings.... Выберите метод сглаживания, который вы хотите применить к своему объекту. Я всегда применяю Type Optimizedтекстовые объекты, но вам не нужно ничего делать с графикой. Единственный раз, когда я использую Art Optimizedсвязанные изображения PSD, вы получите лучший результат, особенно если вы уменьшите изображение в Ilustrator

Другое преимущество этого метода заключается в том, что то, что вы видите на артборде (после применения всех фильтров растрирования), будет именно тем, что вы получите при экспорте, чтобы вы могли реально контролировать конечный результат.

Объект будет растеризован, но в качестве эффекта вы можете включить / выключить его на Appareanceпанели, чтобы он не был растеризован и не был изменен. Затем при экспорте не применяйте сглаживание на Save for Web & Devicesпанели.

dlmth
источник
3
Dlmth: Это чертовски блестяще. Я не могу сказать, как я благодарен за этот ответ. Меры предосторожности для тех, кто столкнулся с той же путаницей, что и я: если ваш вывод предназначен для экрана компьютера, измените Эффекты> Настройки эффектов растрового документа… на 'Экран (72 ppi). У меня был «Высокий (300 ppi)», что действительно мешало сглаживанию при сохранении для Интернета.
Хенрик
3

Честно говоря ... я копирую / вставляю в Photoshop как смарт-объект и сохраняю для Web с Photoshop в этих случаях. Сглаживание SFW от AI не ошеломляет, когда объекты смешаны.

Скотт
источник
Это интересно! Никогда не думал об этом. Кажется, Photoshop немного лучше относится к тексту (при сохранении целостности рисунка). Однако в PS 'Save for Web произошел неприятный сбой цвета, но я думаю, что это как-то связано с тем, что логотип, над которым я сейчас работаю (не фиктивный значок выше;), имеет довольно сложную (множественную) непрозрачность Происходят маски и эффекты внутреннего свечения + тени, которые Photoshop не обрабатывает аналогичным образом.
Хенрик
1
Я не использую эффект на логотипы. Я разрабатываю плоские формы для логотипов. Однако для лучшей поддержки убедитесь, что цветовой режим вашего документа AI - RGB, а затем скопируйте / вставьте его в Photoshop.
Скотт
Отличное замечание о согласованности цветового режима, Скотт. Я собирался спросить, не хотите ли вы вкратце рассказать, почему вы не используете эффекты в логотипах, но, поскольку это другая тема, я открою новую ветку
Хенрик
Все консервированные эффекты не более чем «удешевляют» бренд. Твердый логотип не должен нуждаться в каких-либо тенях, свечениях или каких-либо других вещах. Просто мое мнение. Я абсолютно точно был неправ.
Скотт
2

После того, как я это прочитал, я создал любой текст в виде контуров.

В поле «Логотип» выберите текст правой кнопкой мыши и скажите «Создать контуры» или Edit > Object > create outlines.

Это позволит любому

Экспорт оптимизирован для ст.

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

Шани
источник
-1

В основном, как и выше, но для AI 2017:

Выберите тип (с указателем, а не с текстовым инструментом). Тип> Создать контуры. Вуаля. Ваш текст - Art, и теперь он может быть оптимизирован под Art. Отлично!

Lallie
источник
1
Не пишите «так же, как выше», потому что ответы меняют позицию из-за повышенных / понижающих голосов. Вместо этого, если вы хотите сослаться на другой ответ, скажите «как сказал @user». Также то, что вы написали, больше похоже на комментарий, чем на ответ на вопрос.
Лучано