Как убрать белый фон в Adobe Illustrator

Обновлено: 06.07.2024

Здесь мы расскажем вам, как использовать Illustrator для удаления белого фона, а также как экспортировать изображение в виде прозрачного PNG.

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

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

Читайте дальше, чтобы узнать, как удалить белый фон с изображения в Illustrator и как экспортировать векторные изображения в прозрачные файлы PNG.

Как удалить белый фон в Illustrator

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

Если у вас есть такое изображение, вам не нужно тратить время на поиск изображения с прозрачным фоном. Вы можете использовать Adobe Illustrator, чтобы легко удалить белый фон. В Adobe Illustrator есть замечательный инструмент под названием Image Trace. Этот инструмент позволяет преобразовывать традиционные растровые изображения в векторные.

Растровые изображения создаются из рядов пикселей, тогда как векторные изображения состоят из фигур и линий. С помощью Image Trace вы можете превратить растровое изображение в векторное и просто убрать белый фон. Вот как это сделать:

  1. Откройте изображение в Adobe Illustrator.
  2. На клавиатуре нажмите Ctrl + Shift + D (или Cmd + Shift + D на Mac). Это покажет сетку прозрачности, которая позволит вам увидеть, прозрачно ваше изображение или нет.
  3. Выберите изображение на монтажной области с помощью инструмента «Выделение». Вы можете нажать клавишу V на клавиатуре, чтобы активировать этот инструмент.
  4. В верхней строке меню нажмите "Окно". Откроется раскрывающееся меню.
  5. В раскрывающемся меню выберите «Трассировка изображения». Появится меню трассировки изображения.
  6. В меню "Трассировка изображения" измените режим с "Черно-белый" на "Цветной".
  7. Откройте дополнительные настройки, нажав треугольник рядом с ним.
  8. В параметрах установите флажок «Игнорировать белый».
  9. Нажмите "Отслеживание".

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

Как экспортировать вектор в формате PNG с прозрачным фоном в Illustrator

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

  1. В строке меню выберите "Файл".
  2. В меню "Файл" наведите указатель мыши на пункт "Экспорт", а затем выберите "Экспортировать как".
  3. Выберите место назначения для экспорта и введите имя файла.
  4. В меню "Тип файла" выберите PNG.
  5. Нажмите «Экспорт». Появится окно параметров PNG.
  6. Убедитесь, что в разделе "Предварительный просмотр" параметров PNG для параметра "Цвет фона" установлено значение "Прозрачный".
  7. Нажмите "ОК".

Вот оно! Теперь вы можете перейти к выбранному месту назначения файла и найти изображение PNG с прозрачным фоном.

Добейтесь желаемого результата с помощью Adobe Illustrator

С помощью Image Trace в Adobe Illustrator вы можете удалить белый фон со своих изображений и экспортировать их с прозрачным фоном.

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

Изображения с белым фоном не

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

Как сделать белый фон прозрачным

Недавно я столкнулся с простой проблемой удаления белого фона из изображения .jpg для некоторой работы по веб-разработке, которую я выполнял. Хотя я знаю, как это сделать в Photoshop, я хотел найти способ сделать это в Adobe Illustrator, чтобы ограничить рабочий процесс одной программой.

Существует множество способов удаления фона с изображений, и этот способ — единственный, который можно применить в Illustrator. Этот метод эффективен для простых изображений .jpg, но менее эффективен для фотографий.Если у вас есть фотография, с которой вы хотите удалить фон, посмотрите это видео.

Это образец изображения .jpg I

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

Форест и Анце Квасникофф

Примечание об этом методе

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

1. Откройте файл .jpg в Adobe Illustrator

  • Откройте Illustrator.
  • Выберите «Файл», затем «Открыть» и найдите файл .jpg.

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

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

2. Активировать сетку прозрачности

Чтобы было легче увидеть, действительно ли вы делаете фон вашего .jpg прозрачным, сделайте следующее:

Сетка прозрачности позволит вам увидеть, какие области изображения на самом деле прозрачные, а какие белые. < бр />

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

Форест и Анце Квасникофф

3. Подготовьтесь к отслеживанию изображения

Теперь вам нужно будет открыть окно трассировки, чтобы выполнить свою работу.

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

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

Форест и Анце Квасникофф

4. Задайте настройки отслеживания

Чтобы создать трассировку, которая удалит белый фон из .jpg, выберите следующие настройки в окне трассировки:

  • Предустановка: оставьте значение по умолчанию (это может измениться, если вы внесете изменения в другие настройки).
  • Просмотр: выберите результат отслеживания.
  • Режим: выберите цвет.
  • Палитра: выберите «Полный тон».
  • Дополнительно: разверните, чтобы отобразить дополнительные настройки, и оставьте для всех параметров значения по умолчанию, кроме метода. Измените метод на «Примыкание» (значок слева).
  • Варианты: установите флажок «Привязать кривые к линиям» и «Игнорировать белый цвет».
  • Выберите трассировку.

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

8 лучших альтернатив Adobe Photoshop (бесплатных и платных)

8 лучших альтернатив LastPass, которые стоит попробовать

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

Обязательно выберите правильные настройки перед трассировкой изображения.

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

Форест и Анце Квасникофф

5. Проверьте свое изображение и сохраните

Теперь у вас должно быть изображение с прозрачным фоном. Чтобы сохранить изображение без фона, выполните одно из следующих действий:

  • Экспортируйте файл в формате .jpg, выбрав «Файл», а затем «Сохранить как». Выберите суффикс .jpg в окне сохранения.
  • Выберите «Файл», а затем «Сохранить для Интернета», чтобы сохранить файл в формате .jpg.

Примечание. Другие форматы файлов, поддерживающие прозрачный фон, включают .jpg, .bmp и .tiff.

Не сохраняйте изображение в формате .jpg. Это придаст ему совершенно новый белый фон после экспорта!

Не сохраняйте изображение в формате .jpg. После экспорта у него будет новый белый фон!

Форест и Анце Квасникофф

Попрощайтесь с фоном!

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


1. Использование Image Trace для создания вектора, а затем удаление фона в Illustrator

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

Особенно хорошо то, что Illustrator может легко отличить объект от фона. Программа особенно хорошо справляется с удалением белого фона.

  1. Поместите изображение в рабочую область, открыв файл на своем компьютере.
  2. Преобразуйте его в вектор с помощью Window>Image Trace. Выберите High Fidelity Photo для достижения наилучших результатов или выберите одну из двух других предустановок, которая лучше всего соответствует вашему изображению.
  3. Перейти к просмотру>Показать сетку прозрачности (или Shift+CTRL+D, Shift+Command+D в Windows и Mac соответственно). Это покажет фон шахматной доски, указывающий на прозрачность.
  4. Нажмите инструмент «Частичное выделение» (стрелка) или «Объект», а затем нажмите «Развернуть» в раскрывающемся меню. Это вызовет опорные точки в вашем векторе и преобразует его в фигуру.
  5. Нажмите и выберите части фона, от которых вы хотите избавиться. Нажмите Удалить. Возможно, вам придется сделать это для каждой области.
  6. Экспортируйте файл в формате .PNG или EPS (см. последний совет), установив флажок "Прозрачный фон".
Советы и идеи

5 различных способов удаления фона в Photoshop

2. Использование инструмента «Волшебная палочка» или «Перо» для удаления фона в Illustrator с помощью обтравочной маски

Еще один способ удалить фон в Illustrator — использовать обтравочную маску. Что это такое? Этот объект скрывает или маскирует другие изображения, поэтому видно только то, что находится в пределах диапазона. Это похоже на шаблон, который можно обрезать вокруг и внутри.

Набор отсечения — это имя маски и скрытых объектов. Они могут включать в себя все объекты в группе или слое — или вы можете сделать выбор.

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

Начнем!

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

Следуйте этим инструкциям, чтобы использовать Magic Wand:

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


  1. Открыв объект, увеличьте масштаб. Качество маски будет зависеть от получения точной маски вокруг объекта. Вы можете нажать Z или выбрать инструмент масштабирования на панели инструментов.
  2. Нажмите на наиболее репрезентативную часть изображения (с атрибутами, которые вы хотите выбрать). Инструмент «Волшебная палочка» выберет соответствующие элементы.
  3. Вы можете дополнить свой выбор, удерживая нажатой клавишу Shift и щелкнув другую часть изображения, на которой есть элементы, которые вы хотите выделить.
  4. Если вы выбрали слишком много элементов, нажмите клавишу Alt (Windows) или Option (macOS) и нажмите, чтобы удалить элементы.
  5. Инструмент интуитивно понятен и немного необычен. Если вы хотите сделать его более точным, вы можете настроить параметры на панели инструментов. Вы можете сосредоточиться на выделениях, которые имеют, например, одинаковый (или почти) цвет, непрозрачность или толщину обводки. Кроме того, вы также можете изменить вероятность выбора алгоритмом в каждой области.

Инструмент «Стандартное перо» Adobe — еще один отличный способ удалить фон в Illustrator. Это дает вам чрезвычайно точный контроль при рисовании прямых сегментов и кривых, хотя к этому нужно немного привыкнуть.

Вот как это сделать:

  1. Открыв объект, увеличьте масштаб. Качество маски будет зависеть от получения точной маски вокруг объекта. Вы можете нажать Z или выбрать инструмент масштабирования на панели инструментов.
  2. Откройте инструмент «Перо». Выберите цвет обводки и выберите параметр «Без заливки». Вы будете создавать свой контур, щелкая по изображению и создавая опорные точки (точки). Затем вы можете манипулировать линией, которая соединяет ее, создавая новые прямые линии, используя точки для формирования кривых или разделения. Это интуитивно понятный процесс обучения.Дополнительную информацию можно найти здесь.
  3. После создания наилучшего контура нажмите на первую опорную точку, чтобы закрыть фигуру. Это не должно быть идеально. Вы можете изменить его на следующем шаге.

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

  1. Выберите оба изображения, все изображение и контур, нажав клавишу Shift и щелкнув.
  2. Щелкните правой кнопкой мыши на ПК или щелкните, удерживая клавишу CTRL, на Mac и выберите «Создать обтравочную маску». Вы должны оставить свой объект в одиночестве.
  3. Вы также можете добавлять и удалять части как выбранного объекта, так и маски, чередуя их и используя инструмент прямого выделения.
  4. Экспортируйте файл в формате .PNG или EPS (см. последний совет), установив флажок "Прозрачный фон".

3. Удалите белый фон в Illustrator, сохранив файл в формате EPS

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

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

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

Файл можно легко сохранить в формате EPS.

Мы надеемся, что вы найдете это полезным. Получайте удовольствие от удаления фона в Illustrator!

Удалить белый фон в Illustator

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

Шаги по удалению белого фона в Illustrator

Вот шаги, чтобы узнать, как удалить белый фон в Illustrator.

3D-анимация, моделирование, симуляция, разработка игр и другое

Шаг 1. Перейдите в меню "Файл", нажмите на вкладку "Открыть" и выберите изображение, с которым хотите работать.

Удалить белый фон, пример 1.1

Шаг 2. После загрузки изображения на монтажную область внимательно изучите компоненты изображения. Чтобы стереть белый фон с изображения, вам нужно обвести контуром части фотографии, которые нужно сохранить. Здесь инструмент масштабирования может оказать большую помощь, поскольку он предлагает точный контроль над размещением инструмента пера. Горячая клавиша для активации инструмента масштабирования — Z, или вы можете выбрать ее на панели инструментов. Вы можете использовать клавиши Ctrl + Space (Windows) или Cmd + Space (Mac), чтобы увеличить масштаб.

Удалить белый фон, пример 1.2

Шаг 3. Используйте инструмент «Перо», чтобы обвести изображение. Для этого нажмите клавишу быстрого доступа P. Точки привязки будут созданы на основе точек щелчка вокруг изображения. Он сформирует ряд соединительных линий, пока вы не закроете весь контур фигуры. Позже вы также можете манипулировать формой, наводя курсор на опорные точки и точно настраивая контур. Инструмент «Перо» доступен на панели инструментов в виде значка перьевой ручки.

Удалить белый фон, пример 1.3

Шаг 4. Нажмите на край объекта переднего плана, чтобы создать первую опорную точку.

Обучение иллюстратору (1 курс, 2+ проекта) 1 Онлайн-курсы | 2 практических проекта | 12+ часов | Поддающийся проверке сертификат об окончании | Пожизненный доступ
4,5 (3798 оценок)

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

Удалить белый фон, пример 1.4

Шаг 5. Вы должны осторожно расположить опорные точки по краям изображения переднего плана. Этот процесс следует повторять до тех пор, пока вы не достигнете точки, с которой вы начали. Конечная точка привязки должна слиться с начальной привязкой, чтобы можно было закрыть созданный контур. Во время этого процесса также может пригодиться пробел. Его можно использовать для перемещения области экрана с помощью мыши при увеличении масштаба. Отображается символ руки, который можно использовать для перетаскивания экрана в любом направлении по вашему желанию. Таким образом, вы можете закончить создание опорных точек, не нарушая последовательность и непрерывность задачи.

Удалить белый фон, пример 1.5

Шаг 6. Когда вы закончите создание контура, вокруг изображения появится пунктирный контур.

Шаг 7. Теперь выберите инструмент выбора, чтобы отобразить все объекты. Область, которую вы обвели на изображении, теперь будет рассматриваться как отдельный объект. Следовательно, вы сможете увидеть контуры выделения — синий прямоугольник вокруг объекта.

Шаг 8. Щелкая по объектам, удерживайте клавишу Shift, чтобы одновременно выделить объекты переднего и заднего плана.

Шаг 9. Используя комбинацию клавиш управления + щелчок или просто щелкнув правой кнопкой мыши объект переднего плана, выберите параметр «создать обтравочную маску». Это делает фоновое изображение полностью белым, как показано на изображении ниже. В результате изображение переднего плана, созданное с помощью контура, визуально выделяется. По достижении этого этапа удаление белого фона становится очень простым.

Пример 1.6

Шаг 10. Удалите белый фон, чтобы сделать его прозрачным. Теперь, если вам нужно сохранить изображение без фона, нажмите клавишу Y на клавиатуре, чтобы активировать инструмент «Волшебная палочка» (его также можно найти в параметрах панели инструментов). Теперь просто щелкните область белого фона на монтажной области. Затем нажмите клавишу удаления, чтобы удалить нежелательный белый фон с изображения.

Пример 1.7

Шаг 11. Сохраните файл image.EPS для использования в программах для верстки или дизайна.

Если ваш проект требует использования изображений для последующих работ, лучше сохранить изображение в формате .EPS. Многочисленные дизайнерские программы и приложения распознают формат EPS, что упрощает работу с созданными файлами для будущих нужд. Все, что вам нужно сделать, это перейти в «Файл»> «Сохранить как»> выбрать Illustrator EPS в качестве формата файла. Наконец, дайте подходящее имя и сохраните изображение. Даже если фон прозрачен, свойства будут сохранены в этом формате.

 Пример 1.8

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

Пример 1.9

Шаг 13. В меню «Файл» выберите параметр «Сохранить для Интернета» или используйте сочетание клавиш Alt + Ctrl + Shift + S. Оттуда вы увидите окно с множеством параметров и настроек, как показано на изображение выше. Выберите формат PNG 24. Теперь проверьте параметр прозрачности. Наконец, укажите место для сохранения изображения на жестком диске.

Пример 1.10

Заключение

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

Рекомендуемые статьи

Это руководство по удалению белого фона в Illustrator. Здесь мы обсудим шаги по использованию «Удалить белый фон» в Illustrator. Вы также можете прочитать следующие статьи, чтобы узнать больше –

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