Как сделать логотип в фотошопе с прозрачным фоном

Как удалить фон с логотипа в Photoshop или онлайн

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

• Часть 1: Самый простой способ удалить фон из логотипа онлайн
• Часть 2: Как сделать фон логотипа прозрачным в Photoshop
• Часть 3. Часто задаваемые вопросы о прозрачном фоне логотипа

Часть 1: Самый простой способ удалить фон из логотипа онлайн

Можете ли вы представить, что вы можете сделать фон логотипа прозрачным через свой веб-браузер, даже если вы новичок? Бесплатная программа для удаления фона Aiseesoft онлайн это просто инструмент для выполнения работы без установки какого-либо программного обеспечения или открытия вашего кошелька. С ним вы также можете получить некоторые преимущества, такие как:

• Убрать фон с логотипа онлайн.
• Бесплатно и не требует технических навыков.
• Замените фон логотипа цветами.
• Поддержка различных популярных форматов изображений.

Как удалить фон логотипа онлайн

Копировать и вставлять https://www.aiseesoft.com/online-bg-remover/ в браузере, чтобы открыть веб-страницу.

Нажмите Загрузить портрет или выберите логотип в проводнике и перетащите его на веб-страницу.

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

Нажмите Скачать кнопку, чтобы получить логотип с прозрачным фоном.

Примечание: Веб-приложение сохраняет изображение логотипа в формате PNG, что позволяет сохранить прозрачный фон.

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

• Как удалить белый фон
• Как удалить черный фон изображения

Часть 2: Как сделать фон логотипа прозрачным в Photoshop

Способ 1: удалить фон PNG онлайн

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

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

Затем найдите Объекты панели с правой стороны и перейдите к Быстрые действия раздел. Если вы не нашли панель «Свойства», активируйте ее из Windows меню.

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

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

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

Примечание: Если вы используете старую версию Photoshop, встроенный Выберите тему функция — это еще один способ удалить фон логотипа. Эта функция выбирает объект на изображении с помощью искусственного интеллекта. Точно так же и эта функция не очень точна.

Часть 3. Часто задаваемые вопросы о прозрачном фоне логотипа

Почему мой логотип должен иметь прозрачный фон?

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

Можно ли сделать логотип с прозрачным фоном в MS Word?

Вы можете удалить фон с картинки в MS Word. Выберите изображение в Word и перейдите к Формат вкладку на верхней ленте. Далее нажмите Удалить фон кнопка. MS Word определит фон изображения, и вы можете сделать это с помощью Удаление фона меню.

Как узнать, является ли PNG прозрачным?

Один из способов проверить прозрачность изображения PNG — получить информацию о канале в фоторедакторе. Если значение альфа-канала равно 1, он непрозрачен.

В этом руководстве рассказывается о двух способах сделать фон логотипа прозрачным. Фотошоп — профессиональный фоторедактор. Он включает в себя множество инструментов для редактирования фотографий и удаления фона или объектов с логотипа. В Photoshop 2020 доступна новая функция «Удалить фон». Это быстрый способ избавиться от фона любых изображений. Aiseesoft Free Background Remover Online может получить эффект без установки какого-либо программного обеспечения. Больше вопросов? Пожалуйста, запишите их ниже.

Что вы думаете об этом посте.

Рейтинг: 4.9 / 5 (на основе голосов 271) Подпишитесь на нас в

Более Чтение

Оставьте свой комментарий и присоединяйтесь к нашему обсуждению

Видео конвертер Ultimate

Video Converter Ultimate — отличный видео конвертер, редактор и энхансер для преобразования, улучшения и редактирования видео и музыки в 1000 и более форматах.

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

Сохраняя эмблему, выберите формат PNG (*.PNG) и нажмите Сохранить.

Похожие статьи

• Создание, изменение и роспуск клана
• Глобальная карта: правила
• Казна клана
• Как вступить в клан?
• Почему я не могу выполнить действия с кланом?

Нужна помощь?

Опишите возникшую ситуацию — и наша команда с радостью поможет вам.

Наши сообщества:

Использование флажков «Прозрачность» и «Подложка»

Прозрачные изображения и изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы

Прозрачность позволяет создавать изображения разнообразной формы для веб-страниц. Прозрачность фона, поддерживаемая GIF и PNG сохраняет прозрачные пиксели в изображении позволяет фону веб-страницы проглядывать сквозь прозрачные области изображения. (Несмотря на то, что JPEG не поддерживает прозрачность, поэтому прозрачные пиксели оригинала, если они есть, можно заполнить цветом подложки, имитирующей прозрачность оригинала.)

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

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

При работе с файлами в формате GIF или PNG-8 можно создать области с высокой прозрачностью на краях: все пиксели, прозрачность которых в оригинальном изображении выше 50% становятся полностью прозрачными в оптимизированном изображении, в все пиксели, непрозрачность которых в оригинальном изображении выше 50% становятся полностью непрозрачными в оптимизированном изображении. Применяйте высокую прозрачность на краях в случае, когда вам неизвестен цвет фона веб-страницы или он представляет собой текстурную или узорную заливку. Однако помните о том, что высокая прозрачность на краях может привести к зубчатые границам в изображении.

Сохранение прозрачного фона в изображениях в формате GIF или PNG

Формат GIF и PNG-8 поддерживают один уровень прозрачности — пиксели могут быть либо полностью прозрачными, либо полностью непрозрачными. Частичная прозрачность не допускается. (И наоборот, формат PNG-24 поддерживает многоуровневую прозрачность, т. е. пиксели в изображении могут иметь до 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью.)

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

В диалоговом окне «Сохранить для Web» выберите «GIF», «PNG-8» или «PNG-24» в качестве формата оптимизации.

Установите флажок «Прозрачность».

Для форматов GIF и PNG-8 можно указать, как должны себя вести частично прозрачные пиксели в оригинальном изображении. Такие пиксели можно смешивать с цветом подложки или создавать высокую прозрачность на краях.

Создание изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы в формате GIF или PNG

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

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

В диалоговом окне «Сохранить для Web» выберите «GIF», «PNG-8» или «PNG-24» в качестве формата оптимизации.

В окне сохранения в формате «GIF» и «PNG-8» выполните одно из следующих действий.

• Чтобы полностью прозрачные пиксели оставались прозрачными, а частично прозрачные пиксели смешивались с цветом подложки, установите флажок «Прозрачность». Этот параметр предотвращает возникновение ореола, который часто имеет место пир размещении изображения со сглаживанием на фон веб-страницы, отличающийся от фона изображения. Этот флажок также предотвращает зазубренность краев областей с высокой прозрачностью.
• Чтобы полностью прозрачные пиксели заполнялись цветом подложки, а частично прозрачные пиксели смешивались с цветом подложки, снимите флажок «Прозрачность».

Выберите один из вариантов заполнения фона:

• «Без фона», «Цвет, выбранный пипеткой» (для использования пипетки для выбора цвета),
• «Белый», «Черный» и «Произвольный» (для выбора цвета на палитре «Выбор цвета»).

Создание файлов в формате GIF или PNG-8 с высокой прозрачностью на краях

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

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

В диалоговом окне «Сохранить для Web» выберите «GIF» или «PNG-8» в качестве формата оптимизации.
Установите флажок «Прозрачность».

Выберите из списка вариантов заполнения фона параметр «Без фона» для отмены использования цвета подложки для заполнения фона.

Создание изображения с незаметным переходом кромки изображения к фоновому цвету веб-страницы в формате JPEG

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

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

В диалоговом окне «Сохранить для Web» выберите «JPEG» в качестве формата оптимизации.

Выберите один из вариантов заполнения фона: «Без фона», «Цвет, выбранный пипеткой» (для использования пипетки для выбора цвета), «Белый», «Черный» и «Произвольный» ( для выбора цвета на палитре «Выбор цвета»).

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

Справки по другим продуктам

• Добавление слоев
• Оптимизированные форматы файлов для веб-страниц
• Формат GIF
• Формат PNG-24
• Формат PNG-8
• Формат JPEG

Как удалить белый фон с картинки в Adobe Photoshop?

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

Adobe Photoshop — удаляем фон

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

Быстрая навигация:

1. # Удалить белый фон инструментом «Волшебный ластик»
2. # Удалить белый фон инструментом «Фоновый ластик»
3. # Удалить любой фон с изображения с помощью инструмента «Быстрое выделение»

Важно: бело-серая клетчатая сетка является общепринятым стандартом прозрачности. Когда вы видите эту сетку, знайте, что фон прозрачный.

1 Как удалить белый фон инструментом «Волшебный ластик» в Фотошопе

Шаг 1 — откройте изображение

Выберите изображение из ваших папок и откройте его с помощью Photoshop. Переместите изображение к центру монтажной области.

Открываем исходное изображение в Фотошопе

Шаг 2 — разблокируйте слой

На панели слоев нажмите иконку «Замок», чтобы разблокировать его и превратить в редактируемый слой. Переименуйте его из «Слой 0» во что-нибудь понятное. Можно создать дубликат слоя, а затем скрыть его, нажав на иконку «Глаз». Это на тот случай, если вы захотите вернуться к первоначальному варианту.

Adobe Photoshop — разблокируем и переименуем слой Создаем дубликат, скрываем основной слой

Шаг 3 — Выберите инструмент «Волшебный ластик» (Magic Eraser)

На панели инструментов нажмите на «Волшебный ластик». Это третий на вкладке ластик. Выберите следующие параметры:

1. Допуск (Tolerance): 30
2. Сглаживание (Anti-Alias): отметить галочкой
3. Непрозрачность (Opacity): 100%

Настраиваем волшебный ластик, чтобы удалить бэкграунд

Шаг 4 — сотрите слой

Нажмите на белый фон волшебным ластиком, чтобы удалить. Все, он исчез!

Удаляем фон ластиком

Но подождите!

Вместе с фоном мы удалили и тень

У нашего изображения была серая тень, которая теперь исчезла. Если у вашего изображения есть подобные элементы, они тоже исчезнут. По этой причине вы можете попробовать другой инструмент — «Фоновый ластик».

Как удалить белый фон с картинки в Adobe Photoshop?

Шаг 5 — обрежьте и сохраните как PNG

Нажмите на опцию Тримминг во вкладке Изображение (Image → Trim. ). Это позволит обрезать ненужное прозрачное пространство вокруг объекта. Экспортируйте изображение в виде файла PNG, нажмите Файл → Экспортировать → Быстрый экспорт в PNG. Если вы сохраните как JPEG, вся наша тяжелая работа будет напрасной, так как картинка будет сохранена с белым фоном, JPEG не поддерживает прозрачность.

Тримминг изображения Экспортируем изображение в png

2 Как удалить белый фон с помощью инструмента «Фоновый ластик» в Фотошопе

Шаг 1 — повторите первые два шага из части про «Волшебный ластик»

Шаг 2 — Выберите инструмент «Фоновый ластик».

Вы можете найти его на вкладке Ластик панели инструментов. Курсор ластика выглядит как круг с перекрестием в центре.

Поскольку мы удаляем белый фон за цветной графикой, мы должны выбрать следующие настройки для инструмента «Фоновый ластик»:

1. Размер (Size): 100-300 px.
2. Проба (Sampling): однократно или образец фона
3. Ограничения (Limits): Выделение краев (Find Edges)
4. Допуск (Tolerance): 20%
5. Основной цвет: отметить галочкой

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

Настройки ластика

Шаг 3 — сотрите белый фон

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

Стираем белый фон

Шаг 4 — Повторите последние два шага из части про «Волшебный ластик».

3 Как удалить любой фон с изображения с помощью инструмента «Быстрое выделение» в Фотошопе

Белый фон не всегда идеально белый, иногда он облачный с текстурой или градиентом. Для этого вида белого бэкграунда вам нужен другой инструмент. Благодаря которому мы сможем сделать все аккуратнее, чем ластиком. Инструмент «Быстрое выделение». Для этого инструмента мы подобрали изображение с фоном-текстурой.

Шаг 1 — откройте изображение

Выберите изображение с Вашего компьютера и откройте его в Photoshop. Центрируйте рисунок в монтажной области.

Открываем изображение

Шаг 2 — дублируйте слой

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

Шаг 3 — Выберите инструмент «Быстрое выделение» (Quick Selection)

На панели инструментов нажмите на «Быстрое выделение». Он в одной группе с инструментом волшебная палочка. Настройте параметры следующим образом:

1. Новая выделенная область (New Selection)
2. Размер (Size): 100 px
3. Жесткость (Hardness): 100%
4. Интервал (Spacing): 20%

Удаление фона Быстрым выделением

Шаг 4 — Выделите объект

Выделите инструментом «Быстрое выделение» объект, который вы хотите отделить от фона.

Выделение объекта

Держите курсор на объекте и на внутреннем краю выделения, чтобы он не касался фона. Когда объект выбран, вы можете добавить к нему выделения или вычесть лишние части комбинацией клавиш Alt + ЛКМ.

Шаг 5 — Уточните выделение

С большой долей вероятности наше выделение получится несовершенным, поэтому теперь мы уточним его с помощью инструмента «Кисть» (brush tool). Нажмите q на клавиатуре, и фон закрасится красным. Эта красная область является не выделенной частью вашего изображения.

Увеличьте изображение (Alt + Колесо мыши от себя) и выберите инструмент «Кисть» (или нажмите кнопку B), чтобы подправить края. Используйте белый цвет, чтобы добавить к вашему выбору (стирая красный) и черный цвет, чтобы отменить выбор (добавление красного). Уменьшите размер кисти, чтобы сделать работу аккуратнее в узких местах и на сложных краях.

Чтобы закончить его, Нажмите кнопку q еще раз, чтобы избавиться от красного и увидеть выделение с пунктирной линией. Нажмите ПКМ и выберите «Растушевка. «, установите радиус растушевки 3 px.

Уточняем выделение

Шаг 6 — инвертировать выделение

Как только вы убедитесь, что объект выбран правильно, инвертируйте выделение сочетанием клавиш Shift + Control + I или выберите инструмент «Прямоугольная область» нажмите ПКМ на изображение, выберите пункт Инверсия выделенной области. Когда фон выбран, удалите его (клавиша del), и вы увидите сетку прозрачности. Проверьте, чтобы ваш слой был разблокирован, иначе ничего не получится.

Инвертируем выделение Растушевка

Шаг 7 — Повторите последние два шага из части про «Волшебный ластик»

Готовое изображение

Подытожим

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