Сохранить картинку без фона в фотошопе: Использование флажков «Прозрачность» и «Подложка» в Photoshop Elements

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

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

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

Наверное, я слишком долго с этим мирилась. По какой — то странной причине, когда я использовал инструмент Photoshop CS5 eyedropper, он устанавливает цвет фона-что действительно раздражает. Я никогда…

У меня есть изображения FO такого рода: 1000×1000, но только часть изображения непрозрачна, подумайте о заполненном круге слева, другие пикели прозрачны. Я хочу скопировать/вставить только часть…

У меня есть изображение, которое имеет немного белого по краям, и я хочу изменить цвет фона div , в котором содержится изображение. Теперь, когда я делаю это, я все еще вижу немного белого,…

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

Я должен изменить фоновое изображение при загрузке страницы, так как я использую onload on body, или я должен использовать window.onload, который будет быстрее загружать фоновое изображение, не…

Я удалил фон изображения, которое использую в photoshop. Даже когда я экспортирую изображение в flash, белого фона нет, но каждый раз, когда я добавляю к изображению анимацию движения, Белый фон…

Я разрабатываю приложение в C# и хочу открыть изображения в установленном photoshop и после редактирования файлов получить сохранение в том же месте, откуда они были открыты. Есть ли какой-нибудь…

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

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

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

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

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

Сохранить картинку без фона необходимо следующим образом. Жмем «файл», переходим на строчку «сохранить как» (для сжатия рисунка можно «сохранить для web и устройств»).

Формат выбираем «PNG(*.PNG)». После чего уже, нажимаем «сохранить»

Параметры PNG можно оставить «снять выделение», если выскочит такая табличка.

Как убрать белый фон в фотошопе альтернативным способом.

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

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

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

Таким образом, ваше изображение будет без фона. Обязательно не забудьте сохранить его в формате «PNG»

Как в Photoshop вырезать объект и сохранить его в PNG формате

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

1. Открываем нужную картинку, на которой хотим вырезать объект. Пусть это будет кадр из мультфильма «Дом».

2. Для выделения нужного объекта на картинке выбираем один из инструментов. Очень легко и просто это сделать при помощи «Быстрое выделение». Нажимаем кисточку с плюсиком и выделяем главного персонажа мультфильма вместе с котом. Если нужно убрать часть выделенного объекта – вверху выбираем другую кисть с минусом.

   Для более точного управления областью выделения уменьшайте радиус кисти в настройках инструмента.

3. Далее в верхней панели выбираем «Уточнить край» (см. скриншот выше, где выделен персонаж). Откроется окошко, где выберем в настройках края растушевку, сглаживание и контрастность под свои параметры картинки. Затем кликаем «Ок».

4. Выделенный фрагмент следует скопировать. Для этого используем горячие клавиши – комбинацию Ctrl + C. Скопированный слой вставляем при помощи клавиш Ctrl + V. Появится новый слой с выделенным фрагментом.

5. Убираем видимость первого слоя, который располагается внизу. Для этого кликаем в правом окошке на иконку глаза.

6. Теперь следует сохранить картинку. Заходим в «Файл» и выбираем «Сохранить как». В диалоговом окне выбираем тип файла «PNG». Кликаем «Сохранить». Файл автоматически сохранится с полупрозрачностью.
7. Вот и получилась картинка без фона в формате PNG, на которой изображен персонаж из популярного мультфильма.

Возможно, вас заинтересует Как поменять фон на фотографии или картинке без использования Фотошоп

Как сделать пнг без фона в фотошопе. Как быстро в Photoshop сохранить изображение без фона в формате PNG

Бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо… Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон !

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

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

Единственный минус Pixlr — нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

Шаг 1. Увеличить объект. Для этого кликнуть на кнопку инструмента Zoom Tool (Z) и навести курсор на изображение. Курсор превращается в плюсик и при каждом клике картинка увеличивается. После того, как мы поработаем с изображением, поменяем вверху на линейке настроек значение инструмента обратно на Zoom Out и курсором, превращающимся в минус, снова уменьшим его. Кнопка инструмента Zoom Tool (Z) изображает лупу. В данном примере мы увеличили картинку двумя кликами, этого будет достаточно, чтобы аккуратно обвести объект.

Шаг 2. Выделить объект. Для этого кликнуть на инструмент перо Pen Tool (P). Обратите внимание на настройки линейки вверху.

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

В следующем диалоговом окне выставьте радиус.

Контур картинки замерцает – значит, объект мы выделили.

Теперь давайте при помощи лупы обратно уменьшим объект так, как написано в шаге 1.

Шаг 3. Создать прозрачный фон. Сначала сделать дубликат изображения. Для этого в меню выберите последовательно Image – Dublicate – Ok.

Теперь необходимо выделить полностью весь наш дубликат при помощи инструмента Прямоугольное выделение.

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

Шаг 4. Переместить изображение на прозрачный фон. Для этого кликнуть курсором по нужной выделенной ранее картинке изатем кликнуть кнопку Перемещение Move Tool (V). Зажимаем левой мышкой, и, перетащив объект на прозрачный фон, отпускаем. Цель по изменению фона на прозрачный достигнута.

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

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

• 
  

  Небольшая информационная статья про выбор домашнего принтера для печати фотографий. Акцент сделан на выбор между струйными и сублимационными…

• 
  

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

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

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

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

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

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

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

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

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

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

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

Отсечение фона маской

Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

После отсечения маской части изображения вы можете продолжать редактировать контур. Двойной щелчок по обтравочной маске позволит менять расположение предметов внутри контура, удалять, вносить новые, менять форму контура или снова разобрать Clipping Mask и вытащить все элементы.

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

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

Видео урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 704 times, 4 visits today)

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

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

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

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

Открываем нужное изображение в редакторе. Теперь сделаем прозрачный фон для слоя. В окне «Слои» кликаем два раза мышкой по добавленному слою – напротив него будет стоять замочек. Откроется окно «Новый слой» , нажмите в нем «ОК» . После этого замочек исчезнет.

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift» и продолжайте выделение. Для удаления выделенных областей нажмите «Delete» .

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D» .

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

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

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

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

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

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

Необходимо:

— Adobe Photoshop.

Инструкция:

• У программы «Photoshop» есть одна выгодная отличительная особенность , которая выделяет приложение среди других графических редакторов – это работа со слоями. И прозрачность там необходима для того, чтобы можно было делать оперативную замену фонового рисунка за объектом. Также это полезно в случае, когда вам необходимо обработать фотографию и продолжить работу с ней в другом редакторе, но уже без фона.
• Перед тем, как сделать прозрачный фон в Фотошопе, откройте свое изображение в программе. Далее скопируйте его на новый слой, нажав Ctrl+J или воспользовавшись правой кнопкой мыши, клацнуть по изображению и выбрать из появившегося меню «создать дубликат слоя «, а после этого нажать на «Ок ». У вас должно получиться два идентичных слоя: «Фон » и «Слой1 ».
• Далее слой «Фон » нужно скрыть . Для этого нужно просто кликнуть на «глазок » обозначенный стрелкой. После этого нужно приступить к отделению подложки от основного объекта. Лучше всего с этим можно разобраться, воспользовавшись резинкой (ее можно выбрать из меню, а можно просто нажать на клавиатуре «Е »). Когда выберите этот инструмент, аккуратно вытрите ненужный фон. Шахматное поле, которое будет образовываться по мере того, как вы стираете ненужную часть фотографии – это и есть то, что нам нужно.
• После того, как вам удалось в Фотошопе сделать фон прозрачным, необходимо еще правильно сохранить изображение , чтобы результат не потерялся. Поскольку не все форматы изображения могут сохранить прозрачность. Так во время сохранения картинки или фотографии, используйте формат .psd (который является форматом Фотошопа) или формат .png . В общем-то, нет разницы, каким из этих двух вариантов вы решите воспользоваться, но формат .png более практичен, поскольку его распознает большее количество программ.
• Есть и другие способы, воспользовавшись которыми можно делать фон прозрачным. Однако представленный здесь является наиболее простым , но иногда может возникнуть необходимость использовать и другие. Для того чтобы хорошо разбираться в Фотошопе и чувствовать какой из методов когда лучше использовать, нужно много практиковаться, или пойти на курсы по графической обработке фотографий.

Как сохранить прозрачный фон в фотошопе? The Easy Way

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

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

Существуют различные методы создания изображений с прозрачным фоном в Photoshop, включая волшебную палочку, инструмент быстрого выбора и быстрое удаление.Чтобы сохранить прозрачный фон в Photoshop, вы должны выполнить несколько конкретных шагов и выбрать правильные параметры сохранения для каждого формата файла, например «Сохранить прозрачность» для TIFF. Я опишу их ниже.

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

Фотографии и изображения с прозрачным фоном находят множество применений.

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

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

Когда вы хотите создать наброски объекта с помощью Photoshop или любых других инструментов редактирования, фон может отвлекать. Так что изображение объекта без фона будет полезным.

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

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

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

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

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

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

Для получения прозрачного фона на фотографии можно использовать любой из этих методов. Вот и все:

Использование инструмента «Волшебная палочка» — один из самых простых способов сделать фон прозрачным с помощью Adobe Photoshop.

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

Нажмите кнопку блокировки, эскиз фотографии справа. Теперь вы можете видеть, что «Фон», изменится на «Слой 0». Нам нужно преобразовать изображение в слой, чтобы сделать все правки.

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

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

Нажмите кнопку «Удалить» на клавиатуре, чтобы удалить фон.

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

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

В таких ситуациях вы можете использовать « Quick Selection Tool».

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

Нажмите кнопку блокировки, чтобы разблокировать изображение. Когда вы разблокируете изображение, имя «Фон», изменится на «Слой 0». Итак, мы изменили изображение на слой для редактирования.

Выберите «Инструмент быстрого выбора» из «Инструменты выбора» на левой панели инструментов.

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

Теперь вы выбрали цветок. Но вы хотите выбрать фон. Итак, нажмите «Выбрать» на верхней панели инструментов Adobe Photoshop и выберите опцию « Инверсия ». Теперь будет выбран только фон. Затем нажмите кнопку «Удалить» на клавиатуре, чтобы удалить фон.

Теперь у вас есть только цветок с прозрачным фоном.

Если вы используете новую версию Adobe Photoshop, то процесс удаления фона действительно прост.

Сначала я открою другое изображение в Photoshop.

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

Итак, давайте начнем с нажатия на символ замка, чтобы разблокировать изображение. Как только изображение будет разблокировано, имя «Фон», изменится на «Слой 0».

Щелкните меню « Window » на верхней панели инструментов.Затем выберите опцию « P roperties ».

Появится новое окно. Вы можете увидеть опцию «Удалить фон», в « Быстрые действия, ».

Нажмите здесь кнопку « Удалить фон ». Если вы не видите кнопку «Удалить фон», , затем нажмите «Быстрые действия, », она появится. Обработка начнется с использованием алгоритма AI в Adobe Photoshop, и вы сможете увидеть объект без фона через несколько секунд.

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

Вы также можете обратиться к этому видеоуроку от N.S. Creation:

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

Если вы попытаетесь сохранить фотографию в формате JPG, то фон фотографии перестанет быть прозрачным. Он станет белым. Формат файла JPG не поддерживает прозрачность. Таким образом, вы не можете использовать формат файла JPG для сохранения прозрачных изображений. Никогда не выбирайте формат файла «JPG» и при сохранении изображения с прозрачным фоном.

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

После того, как вы закончите удаление фона с изображения, вам необходимо сохранить его.Мы можем сохранить его в формате PNG, GIF или TIFF. Среди этих форматов файлов PNG является самым популярным форматом файлов для прозрачных фоновых изображений.

Щелкните меню «Файл», на верхней панели инструментов Adobe Photoshop. В раскрывающемся меню выберите «Сохранить как» .

Появится новое окно. Затем вам нужно выбрать формат TIFF, GIF или PNG в разделе « Format ».

Если вы планируете использовать формат файла «TIFF» , выберите его и нажмите кнопку «Сохранить» .

Появится новое окно. Здесь вам необходимо убедиться, что установлен флажок «Сохранить Прозрачность » (расположен внизу слева). В противном случае у вас не получится прозрачный фон. Нажмите «ОК» , чтобы сохранить изображение.

Если вы хотите сохранить его как файл «PNG» , выберите этот вариант и нажмите кнопку «Сохранить».

Появится новое окно с запросом размера файла.Здесь вы можете выбрать «Большой», «Средний» или «Маленький» в зависимости от вашего варианта использования. Если вы планируете использовать изображение для плакатов или для печати, вы можете выбрать файл большого размера. Если он предназначен для использования в Интернете, то небольшой или средний размер файла подойдет.

Если вы хотите использовать формат файла «GIF» , выберите его и нажмите кнопку «Сохранить» .

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

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

Если вы хотите экспортировать только прозрачный слой, вы можете использовать следующий метод:

Щелкните правой кнопкой мыши слой прозрачного изображения. Выберите опцию « Экспорт как » из длинного списка меню.

Появится новое окно. Здесь вы можете выбрать формат файла «PNG» или формат файла «GIF». Если вы выбираете формат PNG, убедитесь, что флажок « Transparency » всегда установлен. После выбора формата нажмите кнопку « Export », чтобы сохранить изображение.

Когда вы щелкаете правой кнопкой мыши на слое 0, вы также можете выбрать опцию « Quick Export as PNG », чтобы сохранить изображение как файл PNG. Но проблема с этим методом заключается в том, что он не дает вам возможности изменять размер изображения или размер холста.Эти параметры доступны только с параметром «Экспортировать как». Итак, вы можете выбирать соответственно. Вариант быстрого экспорта будет хорош, если вас устраивает текущий размер изображения.

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

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

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

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

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

Щелкните здесь, чтобы узнать, как улучшить детализацию изображения в Photoshop.

Как сохранить изображение с прозрачным фоном в Photoshop CS5

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

Сохранить прозрачность при сохранении в Photoshop CS5

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

1. Начните с открытия многослойного файла Photoshop с прозрачным фоном.

2. Щелкните File вверху окна, затем щелкните Save As .

3. Введите имя изображения в поле File Name , затем щелкните раскрывающееся меню Format и выберите параметр PNG.

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

Если сохраненное изображение имеет большой размер файла, его можно уменьшить, используя параметр Сохранить для Интернета и устройств в меню Файл вместо параметра Сохранить как .Щелкните раскрывающееся меню в правом верхнем углу окна, затем выберите вариант PNG-8 или PNG-24 , в зависимости от того, какой из них дает вам лучшее изображение с наименьшим размером файла.

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

Мэтью Берли пишет технические руководства с 2008 года.Его сочинения появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Как сделать логотип с прозрачным фоном в GIMP или Photoshop? : Survey Anyplace

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

GIMP — это совершенно бесплатный инструмент с открытым исходным кодом, который также имеет множество функций, которые может предложить Photoshop. В этом руководстве мы обсудим:

1. GIMP
2. Photoshop

ПРИМЕЧАНИЕ

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

1 GIMP

Шаг 1. Настройка GIMP

Итак, вы установили GIMP и запустили его, вероятно, он будет выглядеть аналогично на этот .

Чтобы открыть GIMP в одном окне, перейдите в Окна> Режим единого окна

Шаг 2: Сделайте фон прозрачным

Теперь откройте изображение , которое вы хотите сделать прозрачным. Я выбрал это изображение:

Но вы можете использовать любое изображение, которое вам нравится.Чтобы открыть изображение, выберите «Файл»> «Открыть» и выберите свой файл. Или вы можете нажать CTRL + O .

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

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

Чтобы сделать фон прозрачным, воспользуемся инструментом Select By Color Tool . Вы можете использовать его, нажав Shift + O или перейдя в Инструменты> Инструменты выделения> По выбору цвета.

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

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

Поздравляем, ! Вы сделали свой первый логотип с прозрачным фоном!

Шаг 3. Экспорт вашего логотипа

Вы не можете просто «Сохранить» свое изображение или «Сохранить как». Вы сохраните свое изображение в формате .xcf, таким образом оно подходит только для графического редактора. Чтобы использовать его на своем сайте, вам нужно экспортировать изображение . Для этого перейдите в Файл> Экспортировать как или нажмите Shift + Ctrl + E.

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

Теперь нажмите « Export », и все готово!

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

Теперь давайте посмотрим, как это можно сделать с помощью Photoshop:

2 Photoshop

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

Для этого перейдите в

Вы можете увидеть значок справа от экрана на вертикальной панели инструментов.Щелкните правой кнопкой мыши 4-й значок и выберите Magic Wand Tool . Вы также можете нажать W как ярлык.

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

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

На вашем изображении должен появиться фон в виде клетки.

Пришло время сохранить изображение. Перейдите в Файл> Сохранить как . Не все типы изображений отображают прозрачность. Убедитесь, что ваше изображение сохранено как файл PNG.

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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

Ta-da ! Теперь у вас есть прозрачный логотип. Но есть и второй способ сделать это:

Если фон слишком загроможден, инструмента «Волшебная палочка» не всегда будет достаточно. В этом случае мы воспользуемся инструментом Polygonal Lasso Tool.

. Для этого выберите

Вы можете увидеть значок справа от экрана на вертикальной панели инструментов. Щелкните правой кнопкой мыши третий значок и выберите инструмент «Многоугольное лассо». Если вы уже выбрали его, просто нажмите L как ярлык.

Теперь вы можете нарисовать контур вокруг того, что вы хотите удалить с изображения. Для более точного выбора вы всегда можете нажать Ctrl и «+» для увеличения.Чтобы завершить выбор, нажмите Ctrl + щелкните на последней части созданного пути. Нажмите Удалить , чтобы удалить элемент, на месте объекта должен появиться фон в виде клетки.

Перейдите в Файл> Сохранить как . Убедитесь, что ваше изображение сохранено как файл PNG. Другие типы изображений не всегда поддерживают прозрачность.

Выберите вариант PNG:

Теперь нажмите « Сохранить ».

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

У-у-у ! Удачи, собирая данные!

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

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

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

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

«Сделайте изображение многослойным. Сделайте свой выбор. Удалить фон. Сохраните изображение в подходящем для Интернета формате. Сохраните свой файл, вот и все «.

Откройте Photoshop и импортируйте изображение из файла. Скорее всего, он будет в формате JPG.Этот пример используется, когда вы делаете снимок на белом фоне.

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

На панели «Слои» дважды щелкните фоновый слой. Вы найдете новое диалоговое окно слоя, в котором вас попросят переименовать слой. Вы можете установить для него уровень по умолчанию 0 и нажать OK.

Щелкните ссылку, чтобы воспользоваться услугой удаления фона по доступной цене.

Используйте инструмент Magic Wand на левой панели инструментов окна приложения. Затем нажмите «Выбор темы» на панели параметров вверху экрана. Photoshop попытается выделить объект на вашей фотографии. Сделать это можно независимо от смены фона. Воспользуйтесь опцией «марширующие муравьи».

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

Вы должны выбрать вычитание из значка выбора панели параметров. Затем щелкайте по теневым участкам с помощью инструмента Magic Wand, пока выделение не будет по часовой стрелке.

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

Воспользуйтесь нашими услугами по коррекции изображений по конкурентоспособной цене.

Предположим, вы хотите выбрать свой продукт (введите SHIFT + CTRL + I). Или выберите «Реверс» в раскрывающемся меню в верхней части окна приложения.

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

Вы можете отменить выбор, набрав CTRL + D или (COMMAND + D на Mac).

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

Этот формат допускает много уровней ясности. Это означает, что ваше изображение никогда не будет иметь пиксельный «зал», если оно будет размещено на другом фоне изображения.Более старые прозрачные форматы файлов, такие как PNG-8 и GIF, могут создавать этот нежелательный эффект ореола. Поэтому, когда это возможно, вы можете использовать PNG-44.

Щелкните ссылку, чтобы получить нашу службу удаления фона.

Чтобы сохранить файл как PNG-44 в Photoshop CC, введите SHIFT + ALT + CTRL + W. Экспорт как файл> Экспорт> Выбрать из раскрывающегося меню в верхней части окно приложения. Примечание. Если вы используете старую версию Photoshop, вы не найдете расширенных параметров. Вы можете сохранить в Интернете и выбрать PNG-24 в раскрывающемся меню настроек справа в диалоговом окне.

В появившемся диалоговом окне под настройками файла справа от поля установите формат PNG. Убедитесь, что флажок прозрачности установлен. Не проверяйте небольшие файлы (8-битные) — файл преобразуется в PNG-8.

Вы увидите размер файла, прогнозируемый для вашего файла PNG, в левой части изображения. Это важно отметить, потому что файлы большего размера будут загружать вашу веб-страницу медленнее. Многие люди предпочитают использовать веб-изображения размером менее 200 КБ.

Справа от диалогового окна в разделе «Размер изображения» вы можете настроить размеры изображения.Маленький размер означает небольшой размер файла. Тем не менее, вы не хотите уменьшать размеры изображения? Затем вы можете создавать размытые или пиксельные изображения.

Продукт на дисплее Retina

Хотя многие из ваших клиентов просматривают ваш продукт на дисплее Retina, они ожидают большего. Рекомендуется хранить изображение продукта на 50–100% больше, чем желаемый размер. Благодаря этому изображение будет четким на всех устройствах.

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

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

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

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

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

Чтобы сохранить файл в формате PNG-44, мы сделаем приведенный выше пример для изображения продукта. Если у вас есть логотип в виде векторного файла (с расширениями), вам повезло. Но вам все равно нужно открыть файл в Photoshop и преобразовать его в PNG-24 в готовом для Интернета формате.

Откройте файл> Открыть и перемещайтесь, пока ваш логотип не появится в файле.Щелкните Открыть после того, как откроете его. Откройте файл JPG (или других растровых форматов) в Photoshop. Тем не менее, если вы открываете файл векторного формата, вы должны убедиться, что ваши настройки верны в появившемся диалоговом окне. Установлен ограничивающий прямоугольник. Постоянный коэффициент установлен. Режим: цвет RGB. Щелкните ОК.

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

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

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

После выбора полного фона введите BACKSPACE (удалить на Mac). Теперь у вас будет прозрачный и фон, представленный серым и белым типом шахматной доски.

Чтобы экспортировать файл как PNG-44, мы создали прозрачное изображение продукта выше. Выполните шаги 4 и 5 оттуда. Независимо от того, был ли ваш исходный файл в формате JPG, AI, PDF или других форматах, эти шаги одинаковы.

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

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

• Добавьте прозрачную область к изображению.
• Выберите изображение, на котором вы хотите создать прозрачные зоны.
• Щелкните Работа с изображениями> Повторение> Установить прозрачный цвет.
• На изображении щелкните цвет, который нужно сделать прозрачным.

• Подготовьте изображения в Photoshop.
• Возьмите инструмент «Быстрое выделение» на панели инструментов слева.
• Щелкните фон, чтобы выделить часть, которую вы хотите очистить.
• При необходимости вычтите выделенные значения.
• Удалить фон.

JPEG вообще не поддерживает прозрачность фона. Наиболее совместимый вариант — использовать формат PNG. Фотограф использует для своих изображений формат сжатия без потерь. Есть еще один вариант использования нового формата файлов WebP.

Этот формат поддерживает сжатие без потерь (например, PNG) и вредоносное сжатие (например, JPG). Этот формат обеспечивает прозрачность с обоими.

Сохраните изображение как файл PNG. (Нажмите CTRL + T)

• Сделайте часть фотографии прозрачной.
• Щелкните изображение, для которого нужно создать прозрачную зону.
• В разделе «Работа с изображениями» на вкладке «Формат» щелкните «Перекрасить» в группе изменений.
• Щелкните Установить прозрачный цвет, а затем щелкните цвет на изображении, который нужно сделать четким.

• Откройте изображение в редакторе.
• Затем нажмите кнопку «Заполнить» на панели инструментов и выберите «Очистить».
• Отрегулируйте свой допуск.
• Щелкните области фона, которые нужно удалить.
• Сохраните изображение как PNG.

Прозрачный фон в Photoshop Elements

«Просто примечание, чтобы сказать, что я ЛЮБЛЮ ваш сайт! Кажется, есть несколько элементов PS обучающие сайты, но ваш, безусловно, самый ясный и легкий для понимать.Спасибо! »- Элли

«Просматривая ваши уроки даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас

«Я очень рад найти такие полезные и простые для понимания информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS

Хорошо день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень, очень ясно а также полезные советы, приемы и практические приемы в PSE9.Отличный отличный работа! »- Хоан

«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатый

«я люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил чайников книга, и это нормально, но я лучше смотрю, а не читаю. Престижность к вам! «- Ура, Кэти

«Спасибо за этот сайт! Я нашел его в одном из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса

«Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас

«Привет Рик! Сначала я должен поблагодарить вас за всю информацию, которую вы Поделиться.Не могу дождаться, чтобы увидеть «советы и рекомендации», над которыми вы работаете потому что похоже, что это поможет всему собраться вместе.
Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение »- Вики.

«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель

«Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которые я получил от
, это очень ценно.»- Роб

Рик — «Большое спасибо за ваш совет, который я приму. Большое спасибо, как хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть удивительное умение заставлять сложные задачи казаться легкими и простой. Я фанат! »- С наилучшими пожеланиями, Тони

«Намного полезнее, чем книга PS Elements 9 для чайников …. Большое спасибо за ваш сайт .. действительно легко следить.» — Карин

Привет Рик.Просто хотел сказать большое спасибо за все отличные информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень

Как сделать фон изображения прозрачным: 6 способов

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

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

Почему вы хотите сделать фон прозрачным?

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

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

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

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

Благодаря ядру AI Adobe Sensei, которое помогает идентифицировать части изображения, составляющие фон, вы можете удалить его всего за несколько шагов.Во-первых, вам нужно продублировать текущий слой. Затем нужно просто выбрать Remove Background из Properties .

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

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

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

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

Как и Canva, это онлайн-программное обеспечение может сделать фон изображения прозрачным с помощью всего одного щелчка в меню Image . Но, в отличие от первого, вы можете сохранить это изображение как прозрачный PNG без необходимости платить за Pro.

Однако изображение будет содержать водяной знак Adobe Spark в углу (который можно легко обрезать).

Если вам нужно быстро исправить изображение и вы вообще не хотите тратить деньги, LunaPic может стать для вас решением. Это бесплатный онлайн-редактор со всеми основными функциями дизайна, а также множеством эффектов и фильтров.

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

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

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

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

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

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

В меню Picture Format есть кнопка Remove Background. Когда вы щелкнете по нему, программа определит то, что воспринимается как фон, и сделает его прозрачным.В ситуациях, когда объект определен, а фон прост, он может хорошо работать.

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

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

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

Adobe Photoshop — король графических редакторов, но он также и самый дорогой.Вот лучшие альтернативы для вашего Mac.

Читать далее

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

Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

Используйте прозрачные PNG в своих проектах печати — Дизайн как профессиональный

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

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

Программ: Photoshop и InDesign
Уровень сложности: Средний

Шаг 1

Откройте изображение, из которого вы хотите вырезать фон, в Photoshop. Затем дважды щелкните слой и нажмите OK, чтобы разблокировать его. Убедитесь, что это высокое разрешение (300 точек на дюйм) для проектов печати.

Шаг 2

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

Шаг 3

Затем перейдите в меню «Файл»> «Сохранить как» и убедитесь, что в раскрывающемся списке выбран PNG.Обратите внимание, что это работает только для файлов RGB. Поскольку вы можете преобразовать все элементы вашего проекта печати в CMYK при сохранении PDF-файла в InDesign, вы можете использовать этот файл RGB для любого проекта печати или веб-проекта. Дайте файлу PNG имя, выберите место для его сохранения и нажмите «Сохранить». Во всплывающем окне параметров PNG выберите «Нет» и нажмите «ОК». Вы успешно создали прозрачный файл для использования в проектах печати.

Шаг 4

Теперь давайте откроем InDesign. Создайте новый документ желаемого размера.Моя — это образец обложки альбома, так что она имеет квадрат 4,724 дюйма с отступом 1/8 дюйма.

Шаг 5

Добавьте фоновое изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac), чтобы поместить. Затем переместите фоновое изображение, пока не будете довольны размещением. Вы также можете изменить размер изображения, удерживая CTRL + Shift (Option + Shift на Mac) и щелкнув и перетащив угол изображения. Это ограничивает пропорции при изменении размера изображения.Убедитесь, что ваше изображение доходит до красных линий под обрез.

Шаг 6

Вставьте прозрачное изображение, щелкнув и перетащив его из папки в InDesign или CTRL + D (Option + D на Mac) для размещения. Следуйте инструкциям выше, чтобы изменить размер и разместить прозрачное изображение. На изображении не должно быть цвета фона. Если да, убедитесь, что вы сохранили файл в формате PNG. Обратите внимание: я бы очистил это изображение с помощью некоторой цветокоррекции, чтобы лучше соответствовать фоновому изображению.Это просто, чтобы показать вам, как прозрачное изображение из Photoshop можно быстро добавить в проект печати в InDesign.

Заключение / окончательное изображение

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