Jay_Jordz

Экспорт различных значков одинакового размера из Illustrator


Adobe illustrator Значок Экспорт Габаритные размеры Дизайн

Я создал несколько значков, но они экспортируются разных размеров. Мы хотели бы, чтобы все они были одинакового размера для использования в нашем приложении. Как я могу экспортировать эти все как один размер? Прямо сейчас, они экспортируют как их точные размеры формы, которые все разные. В настоящее время я экспортирую PNG. (сторона примечание, я только экспортирую белые элементы, фон только там для видимости)

Иконы разных размеров / размеров

JaneDoe1337
Имейте в виду, что «размер файла» и «размеры» - это две разные вещи :)

Ответы


zeethreepio

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

  1. Выберите инструмент Artboard Tool ( Shift + O ) и установите размер монтажной панели с помощью панели инструментов в верхней части рабочей области, чтобы убедиться, что они имеют одинаковый размер:

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

  1. С выбранным инструментом Artboard Tool ( Shift + O ) скопируйте существующую монтажную панель, удерживая Option + Click & Drag или щелкнув значок «New Artboard» на панели инструментов artboard в верхней части рабочей области (это создаст новую плату с те же размеры, указанные в шаге 1):

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

  1. Переместите ваши работы на новые унифицированные монтажные панели:

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

  1. Сохраните PNG, перейдя в меню «Файл»> «Экспорт»> «Экспорт как ...» и выбрав «Диалоговое окно« Использовать монтажные панели »в диалоговом окне (это позволит вам экспортировать все или ряд монтажных панелей в виде отдельных файлов в одной команде). Вы также можете выбрать каждую монтажную область и сохранить для веб- команды + Option + Shift + S отдельно, если вы хотите пройти этот маршрут.

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


Конечное примечание:

Если вы используете Illustrator CC 2015 или новее, вы также можете использовать функцию Экспорт для экранов ... (Файл> Экспорт> Экспорт для экранов ...), чтобы сохранить PNG. Это более комплексный инструмент для сохранения веб-ресурсов, который включает опции в диалоговом окне для экспорта отдельных монтажных плат в различных масштабах для размещения различных дисплеев (1x, 2x, .5x и т. Д.) В различных форматах файлов (PNG, SVG, PDF, JPG и т. Д.):

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

Webster
Да ко всему в ответе выше с дополнениями: при сохранении в диалоговом окне «Сохранить для Интернета» убедитесь, что выбран «clip to artboard». Кроме того, чтобы убедиться, что ваши значки имеют одинаковый размер по отношению друг к другу, а не только к их ограничивающим прямоугольникам, используйте направляющие сверху и снизу ИЛИ используйте 1 графическую панель, загружайте значки друг на друга и размер их одинаковый, но не точный такой же высоты и ширины. Например, в вашем примере выше звезда должна быть на 5-10% больше, чем круг, чтобы они выглядели пропорционально друг другу. Только если значки смежны или сложены, вы можете увидеть небольшие различия в размере.

Смотри также