Как сохранять векторные изображения в illustrator

Обновлено: 06.07.2024

По умолчанию Adobe Illustrator сохраняет файлы в формате AI. Это идеально подходит для тех случаев, когда вы работаете над проектами, или для сохранения мастер-копии вашей работы.

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

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

Сохранение артбордов в Adobe Illustrator

Прежде чем мы рассмотрим, как сохранять файлы в определенных форматах, важно знать, как Illustrator обрабатывает монтажные области

и как сохранить артборды в виде отдельных файлов.

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

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

Вот что вы должны сделать:

Если вы хотите сохранить несколько монтажных областей в виде отдельных файлов, установите флажок Использовать артборды. Затем выберите либо Все чтобы сохранить все монтажные области, или введите Спектр (например, 2-4), чтобы указать, какие монтажные области сохранить.
Когда у вас есть объекты, расположенные за пределами артборда (например, если он перекрывает край), установите флажок Использовать артборды. Это гарантирует, что ваше окончательное изображение содержит только то, что находится внутри монтажной области, а остальное обрезано.
Если все ваши художественные работы находятся в артборде, и у вас есть только один из них, снимите флажок Использовать артборды. Это создаст изображение, обрезанное до границ объектов внутри, со всеми удаленными пробелами. Это особенно удобно для вывода объектов квадратной или прямоугольной формы.

Сохранение JPEG в высоком разрешении в Adobe Illustrator

Для иллюстрации, инфографики или чего-либо, что должно быть напечатано как визитная карточка

Если вы ранее не работали таким образом, создайте новый документ, вставьте его в рисунок и настройте его по вкусу. Теперь вы готовы сохранить JPEG в высоком разрешении.

Идти к Файл> Экспорт> Экспортировать как. Введите имя файла и установите Формат в JPEG.
Установите, как вы хотите сохранить ваши монтажные области, затем нажмите экспорт продолжать.
в Параметры JPEG изменение экрана Цветовая модель если вам нужно, и выберите качество.
Под Опции, установить выходное разрешение. Экран (72 точек на дюйм) создаст файл того же размера, что и исходный документ, и должен подойти для использования в Интернете. выберите Высокий (300 точек на дюйм) для изображения с высоким разрешением. Это будет достаточно для печати.
Нажмите Хорошо сохранить файл.

Сохранение файлов Adobe Illustrator в формате PNG

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

Для поддержки стандартных дисплеев и дисплеев с высоким разрешением вы должны экспортировать файл в разных размерах. Вы можете сделать это автоматически.

Идти к Файл> Экспорт> Экспорт для экранов.
Выберите монтажные области Вкладка. Если на вашем изображении несколько артбордов, выберите те, которые вы хотите вывести.
Под Форматы, задавать Формат в PNG а также Масштаб в 1x.
Нажмите Добавить шкалу. Это создаст настройки для второго изображения, поэтому установите Масштаб вариант нового относительного размера. 3x, например, будет выводить изображение в три раза выше и шире, чем оригинал.
Добавьте больше размеров, если они вам нужны.
Нажмите Экспорт артборда чтобы сохранить ваши изображения.

Сохранение файлов Adobe Illustrator в формате SVG

Хотя вы можете выводить файлы, на которые вы можете ссылаться на вашей веб-странице, вы также можете сохранить изображение в виде фрагмента кода, который вы можете вставить непосредственно в ваш HTML-файл. Затем вы можете редактировать это с помощью CSS. Это очень эффективный способ добавления эффектов и анимации к вашим изображениям.

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

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

Идти к Файл> Экспорт> Экспортировать как.
Установить Формат в SVG и нажмите экспорт.
Задавать стайлинг в Внутренний CSS. Это помещает всю информацию о стиле в блок, который можно легко изменить с помощью CSS.
За Шрифт выбирать SVG сохранить текст по выбору. Только выбрать контуры если вы используете непонятный, нестандартный шрифт. Покидать Изображений на заповедник.
Удостовериться преуменьшать а также отзывчивый оба проверены на максимальную производительность и совместимость.
Теперь нажмите Показать код открыть код в текстовом редакторе. Вы можете скопировать и вставить это в свой HTML-файл. Или нажмите Хорошо вывести изображение в виде файла SVG.

Сохранение артбордов в формате PDF в Adobe Illustrator

Существует простой способ сохранить артборды в виде отдельных файлов PDF:

Идти к Экспорт> Сохранить для экранов.
В открывшемся диалоговом окне щелкните монтажные области и выберите те, которые вы хотите сохранить.
В правой колонке Формат в PDF, затем нажмите Экспорт артбордов. Для вывода больших или сложных файлов может потребоваться несколько секунд.
По завершении ваши файлы будут по умолчанию сохранены в отдельной подпапке.

Сохранение объектов из изображения Adobe Illustrator

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

Вы можете сделать это, превратив объекты в активы.

Идти к Окно> Экспорт активов.
Выбрать Инструмент выбора с панели инструментов или нажмите В на вашей клавиатуре. Теперь перетащите объекты, которые вы хотите сохранить на Экспорт активов панель.
Теперь выберите Актив. Держать Ctrl или же Cmd выбрать более одного.
Под Настройки экспорта выберите Формат. Вы можете выбрать PNG, JPEG, SVG или PDF.
Если вы сохраняете в формате PNG или Jpeg, вы можете экспортировать в нескольких размерах. Задавать Масштаб в 1x, затем нажмите Добавить шкалу и множество Масштаб например, 2x. Вы также можете использовать эту опцию для экспорта актива в различные форматы.
Нажмите экспорт и выберите место для сохранения ваших новых файлов.

Как использовать файлы Adobe Illustrator в других приложениях

Есть и другие варианты, которые позволяют использовать файл Illustrator в других программах. Photoshop может открывать AI-файлы напрямую, но только как плоское, не редактируемое изображение. Использовать Экспортировать как вариант вместо того, чтобы сохранить файл в формате PSD. Это сохраняет все отдельные слои, когда вы открываете его в Photoshop.

Вы можете использовать AI-файлы в других приложениях и продуктах Adobe, таких как InDesign, где они не будут редактируемыми, но сохранят такие вещи, как прозрачный фон.

Для большинства приложений, не относящихся к Adobe, вам, скорее всего, потребуется сохранить файл в формате SVG (используя Сохранить как команда на этот раз). Ознакомьтесь с нашим руководством по открытию AI-файлов без Adobe Illustrator

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

Избегайте конфликтов шрифта

Не забывайте всегда конвертировать шрифт в кривые линии. В противном случае файл будет открываться правильно только в том случае, если операционной системе компьютера будет знаком используемый на изображении шрифт. Создание контуров вашего типа просто преобразует каждую букву при помощи редактируемых форм. После преобразования текста в кривые линии вы больше не сможете его редактировать, поэтому перед выполнением операции убедитесь, что текст удовлетворяет вашим требованиям. Нажмите Ctrl + A, чтобы выбрать все текстовые объекты. Затем выберите Type> Create Outlines.

Любите чистоту

Держите ваши файлы в порядке! Грязный файл как непривлекательный, как грязный стол, кто хочет работать с ним? Заставьте клиентов возвращаться снова и снова, потратив несколько лишних минут, чтобы привести в порядок ваши иллюстрации.

Чтобы проверить наличие опорных контуров, невидимых линий или открытых путей используйте лупу масштабирования вокруг иллюстрации. Для устранение перечисленных дефектов используйте следующие команды: [Object> Path> Clean Up], и Adobe Illustrator сам выполнит очистку иллюстрации.

Другие вопросы

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

Размер файла

Уменьшите размер иллюстрации. Для этого выберите File> Document Setup и установите размер кадра. Выберите изображения, нажав Ctrl + A, а затем Alt + Shift сопротивление на одном углу ограничительной рамки, чтобы изменить размеры ваших работ на артборде.

Отключите превью, созданные Adobe Illustrator. Растрированные превью приводят к ненужному увеличению размера файла. При сохранении файла, в диалоговом окне EPS выберите опцию «Нет» для превью.

Удалите неиспользуемые символы, графические стили, кисти и образцы. В том случае если ваша рабочая палитра не активна, выберите Window> Actions. Прокрутите вниз, пока не появится опция «Удалить неиспользуемые элементы Палитры», выберите это действие и нажмите кнопку «Play» в нижней части панели окна.

Сведите прозрачность с высоким разрешением, чтобы фотобанк не отклонил вашу работу. Для этого надо воспользоваться опцией Object > Flatten Transparency. Убедитесь, что вы НЕ растеризовали при этом свою работу, поскольку при этом она не останется действительно векторной.

Заключительный протокол экономии

Поздравляем! Вы создали произведение векторной графики. Перед загрузкой, есть еще один важный шаг - экономия!

Существует два типа цифрового изображения: растры и векторы.

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

Векторное изображение состоит из линий и форм. Они обычно менее детализированы, но вы можете сделать их такими большими, как захотите, не теряя ничего.

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

Что такое векторное изображение?

Большинство изображений, найденных в Интернете, представляют собой растровые изображения (см. Пояснения к различным типам файлов.

JPEG, GIF или PNG? Типы файлов изображений объяснены и протестированы

JPEG, GIF или PNG? Типы файлов изображений объяснены и протестированы
Знаете ли вы различия между JPEG, GIF, PNG и другими типами файлов изображений? Знаете ли вы, когда следует использовать один вместо другого? Не бойся, MakeUseOf все объясняет!
Прочитайте больше

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

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

Как только вы узнаете, как преобразовать файл JPG в вектор в Adobe Illustrator, вы сможете масштабировать все, что найдете, до нужного размера без потери качества изображения.

Шаг 1: Выберите изображение для преобразования в вектор

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

Лучше редактировать отдельный объект, чем пейзаж или тому подобное. Предпочтительно изображение должно иметь белый или прозрачный фон и иметь относительно низкое разрешение.

Мы будем использовать изображение Рю из серии Street Fighter выше. Это прекрасный пример по разным причинам. С одной стороны, это один предмет. Он также хорошо подходит для формата векторных изображений, так как это узнаваемый символ. Формат векторных изображений обычно используется для логотипов или узнаваемых изображений.

Шаг 2: Выберите пресет трассировки изображения

В Illustrator есть специальный инструмент, который позволяет векторизовать изображения. Он называется Image Trace и поставляется с набором предустановок, которые выполняют большую часть работы автоматически. Вообще говоря, вы должны использовать предустановку «Трассировка изображения», которая наиболее похожа на тип изображения, которое вы конвертируете.

Откройте свое изображение в Illustrator и выберите изображение, чтобы активировать параметры изображения. Эти параметры должны присутствовать в верхней части окна Illustrator.

Нажмите стрелку раскрывающегося списка рядом с Трассировка изображения выбрать свой Предустановленная, Мы будем использовать Низкая точность фотографии, Нажмите, чтобы начать трассировку.

Шаг 3: Векторизация изображения с помощью Image Trace

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

Обратите внимание на пикселизацию. Вот изображение после процесса:

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

Уменьшенное изображение должно выглядеть практически одинаково. Вот наше общее изображение перед редактированием.

Вот наше изображение после редактирования:

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

Шаг 4: Точно настройте свое изображение

После того как вы проследили изображение, откройте Панель трассировки изображений точно настроить преобразование.

Выбрать Режим переключаться между цветом, оттенками серого и черно-белым. Кроме того, перетащите Цвета ползунок влево, чтобы упростить ваше векторное изображение, или вправо, чтобы добавить больше деталей.

Если вы довольны своими настройками и хотите использовать их повторно, нажмите Управление пресетами Кнопка рядом с опцией Presets. Теперь вы можете сохранить свои настройки как новые Предустановленная,

Шаг 5: Разгруппировать цвета

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

Это позволит вам просматривать составные фигуры, которые составляют векторное изображение. Каждая из форм обведена синим цветом. Следующий, щелкните правой кнопкой мыши изображение и выберите Ungroup в меню. Это позволит вам разделить ваши цветные фигуры на отдельные части.

В вашем Слои На панели вы увидите, что ваши цветовые группы были разделены на слои.

Шаг 6: отредактируйте свое векторное изображение

После преобразования растрового изображения в вектор у вас есть свободный диапазон для редактирования изображения. Начните с удаления любых цветовых групп по вашему желанию. Вы можете выбрать целые цветовые группы, нажав на форму и направляясь к Выберите> То же> Цвет заливки, Это выберет все группы того же цвета, что и выбранная с помощью Прямой выбор инструмент ( ).

Затем нажмите возврат на одну позицию на клавиатуре, чтобы удалить формы. Если вы хотите изменить или расширить определенную цветовую группу, вы также можете сделать это, выбрав слой с помощью инструмента «Прямой выбор». После того, как вы выбрали слой, заполните пустые места или добавьте дополнительные цвета в свой дизайн, используя Ручка или же Щетка инструменты.

Шаг 7: сохраните ваше изображение

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

Теперь мы готовы к последнему этапу преобразования изображения в вектор в Illustrator: сохранению изображения в векторном формате для сохранения его качества. Существует множество форматов векторных изображений на выбор: PDF, AI, EPS, SVG и другие. Мы будем использовать SVG формат. Когда вы закончите с вашим изображением, отправляйтесь в Файл> Экспорт> Экспортировать как,

В следующем окне назовите файл и выберите SVG в раскрывающемся меню рядом Сохранить как тип,

Это оно. Теперь ваш масштабируемый векторный файл должен быть сохранен на вашем компьютере.

Не идите на компромисс, векторизация!

Теперь вы знаете, как преобразовать изображение в вектор в Illustrator. Масштабируйте ваше новое творение до того размера, который вы пожелаете.

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

А что если у вас нет Illustrator или вы предпочитаете использовать что-то еще? Вы можете работать с векторной графикой в Photoshop

Создание и работа с векторной графикой в Photoshop

8 лучших бесплатных Adobe Illustrator для браузера

8 лучших бесплатных Adobe Illustrator для браузера
Если Adobe Illustrator слишком дорог для вашего бюджета, вы можете попробовать множество альтернатив Adobe Illustrator на основе браузера.
Прочитайте больше

что вы можете попробовать. Вы можете получить аналогичные результаты во многих из них.

Узнайте больше о: Adobe Illustrator, Советы по редактированию изображений, Векторная графика.

10 простых в использовании программ для редактирования фотографий для начинающих фотографов

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

И что может быть лучше, чем с Adobe Illustrator, бесспорным королем приложений для редактирования векторной графики?

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

Шаг 1: Выберите изображение

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

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

Излишне говорить, что чем больше изображение, тем больше времени потребуется для преобразования и тем больше памяти он будет использовать в процессе.

Итак, предполагая ваше изображение, откройте его в Adobe Illustrator. Следуй этим шагам:

Различные типы трассировки изображений

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

Шаг 2: векторизация изображения

Теперь, когда у вас есть предустановленное пиксельное изображение и трассировка изображения, пришло время векторизовать изображение. Вот как это сделать:

Шаг 3: обработайте детали и сохраните изображение

Когда Illustrator завершит работу, вы сможете дополнительно настроить изображение. Откройте панель трассировки изображений из панели инструментов, чтобы увидеть больше параметров. Выберите «Режим», чтобы переключаться между группами цветов, и отрегулируйте панель «Цвет», чтобы вектор был более или менее детализированным.

Затем нажмите кнопку «Развернуть» на панели инструментов, чтобы увидеть все составные фигуры, которые образуют полное векторное изображение.

Щелкните правой кнопкой мыши на изображении и выберите «Разгруппировать», чтобы разделить на отдельные векторы.

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

Сохранение изображения

Когда вы закончите настройку векторного изображения, самое время его сохранить. Доступные форматы: SVG, AI, EPS, PDF и многие другие. Вы захотите сохранить его в AI, если считаете, что вам, возможно, придется настроить векторную графику в Illustrator.

Чтобы сохранить изображение, вам необходимо:

Надо Векторизовать Их Все

Как видите, векторизация изображения в Adobe Illustrator довольно проста. Теперь, когда вы знаете, как это сделать, вы можете попробовать его на разных рисунках, чтобы ознакомиться с пресетами.

Кроме того, если у вас есть лежащие рисунки или эскизы, вы также можете векторизовать их. Итак, какова ваша цель превратить ваше изображение в векторную графику?

Читайте также: