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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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