Как я могу экспортировать изображение из изображения Illustrator нескольких размеров?

29

Я новичок в Adobe Illustrator, и у меня есть изображение логотипа, которое мне нужно использовать в 5 или 6 разных размерах. Изображение логотипа было создано в Adobe Illustrator, но когда я пытаюсь сохранить изображение в формате PNG или JPEG, все, что должно было быть простым, оказывается очень сложным.

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

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

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

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

Ответы:

26

Файл> Сохранить для Web, а затем введите размеры в пикселях, щелкнув Image Sizeвкладку справа от окна «Сохранить для Web».

Или я не правильно тебя понимаю?

Скотт
источник
Отлично, спасибо. Я только что провел около 15 минут с функцией «экспорта», но, поскольку она отказывается использовать менее 72ppi, мне пришлось изменить масштаб изображения и артборда для очень небольшого экспорта, что вполне вероятно, что сделал аскер.
Кьельд Шмидт
12

Использование File → Save for Webи ввод размеров сделает то, что вам нужно. Кроме того, Illustrator использует векторное масштабирование, поэтому результаты будут лучше, чем если бы вы попробовали то же самое в Photoshop - ввод размеров, не соответствующих документу в Photoshop, означает, что изображение будет растровым.

Обратите внимание, что вы должны нажать Применить после изменения размеров, если вы используете версию Illustrator до CS6.

Сохранить в Интернете в Illustrator

О, и есть очень хороший шанс, что вы захотите Convert to sRGBотключить - он деструктивно преобразует ваше изображение из текущего цветового пространства в sRGB, заставляя цвета меняться.

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

Марк Эдвардс
источник
В CS6 нет кнопки Apply .... и я не согласен с тем, что нужно конвертировать в RGB, вы хотите, чтобы это ON для изображений, предназначенных для Интернета.
Скотт
2
Спасибо относительно подсказки CS6. Оставлять Конвертировать в sRGB - абсолютно неправильный подход для работы в Интернете и пользовательском интерфейсе. Вот целая статья о том, почему: bjango.com/articles/photoshop ( оспаривайте меня на этот счет на свой страх и риск!)
Марк Эдвардс,
2
Вы действительно читали статью? Когда вы работаете с веб-интерфейсом и пользовательским интерфейсом, точные значения цвета ДОЛЖНЫ поддерживаться на протяжении всего процесса. Если вы введете # FF0010 в качестве цвета, он ДОЛЖЕН быть выведен в файл как # FF0010, если вы хотите соответствовать цвету в коде. Это означает, что преобразование в sRGB ДОЛЖНО быть отключено. У меня такое чувство, что вы не делаете такую ​​работу и не понимаете, что с этим связано.
Марк Эдвардс
1
Скотт, пожалуйста, не воспринимайте это как атаку ad hominem, но из подобных обсуждений я думаю, что вы, возможно, подхватили некоторые ошибочные идеи о представлении цветов RGB. См. Также graphicdesign.stackexchange.com/questions/7815/… .
e100
3
Преобразование в sRGB - неправильный выбор практически во всех возможных ситуациях при работе в Интернете. «ПРИЧИНА, в которой команда Save for Web реализовала опцию Convert to sRGB» - пора исправить это. feedback.photoshop.com/photoshop_family/topics/…
Марк Эдвардс
1

Когда мне нужно поддерживать несколько размеров пикселей, я дублирую и масштабирую изображение в одном AI-файле. Каждый размер идет на отдельный артборд правильного размера. Я добавляю название платы к формату файла для экспорта. Затем я запускаю jsx, который экспортирует каждый артборд и выбирает формат файла по имени, используя последние настройки, которые я ввел для этого формата в этом файле. Это все в CS5.

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

простая одежда
источник
Пожалуйста, вы можете поделиться .jsx?
келин
@ Келин Боюсь, что не могу. Я давно не интересовался продуктами Adobe.
штатском
1
Не проблема, я нашел отличный сценарий здесь: stackoverflow.com/a/28067227/3050403
Келин
0

Вы также можете создать документ соответствующего размера в Photoshop (или выделить область с направляющими), затем File> Place the vector art.

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

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

e100
источник
0

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

numediaweb
источник