Как убрать шахматный фон в фотошопе
Перейти к содержимому

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

  • автор:

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

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

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

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

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

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

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.

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

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

Подготовка к обработке

Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).

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

Работаем с «волшебной палочкой»

Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

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

Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).

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

Итак, как сделать прозрачный фон в Фотошопе?

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.

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

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

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

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

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

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

А теперь смотрите что было и что стало:

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

На этом сегодня всё, желаю удачи!

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

Зачем это нужно?

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

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

Делаем прозрачным все изображение

Здесь все очень просто. Применить прозрачность ко всему изображению гораздо проще, чем к отдельному его участку. Итак, идем в «Файл», «Открыть» и открываем нужную нам картинку. Теперь в списке слоев смотрим на слой под названием «Фон». Напротив него будет значок замка. Это значит, что слой заблокирован. Для изменения каких-либо параметров слоя требуется его разблокировать, щелкнув по иконке замка. После этого можно производить со слоем различные манипуляции.

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

Сохранение отредактированного изображения

Дело в том, что использующийся по умолчанию для картинок, не умеет работать с прозрачными изображениями. Поэтому нужно сохранять получившуюся картинку в Без этого никак. Идем в «Файл», «Сохранить как. » и в строке выбора формата выходного файла выбираем PNG. Жмем «Сохранить». На этом все. Но это только верхушка айсберга, поскольку мы рассмотрели самый простой способ, как сделать прозрачность в «Фотошопе». На примере целого изображения. Но что делать, если нам нужно сделать водяной знак с какой-нибудь надписью? Об этом чуть ниже.

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

Создание на изображении

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

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

Делаем прозрачным фон изображения

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

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

Заключение

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

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

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

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

  • Просто о создании сайтов и баннеров

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

  • Редактор html-кода

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

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

Для редактирования сайта пользуйтесь программой Dreamweaver.

  • как сделать сайт картинки в 2019

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

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.

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

В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).

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

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

как изменить клетчатый фон в фотошопе?

Изменить белый фон на прозрачный | Учебник по Photoshop

Часто задаваемые вопросы о Yoast

На этот вопрос нет универсального ответа, поскольку непрозрачность изображения SVG может варьироваться в зависимости от программного обеспечения, используемого для его создания, и используемых настроек. Однако некоторые советы по тому, как сделать SVG-изображения прозрачными в Inkscape, включают:
Настройка параметров “Заливка” и “Обводка” на панели “Свойства”;
Создание обтравочной маски; и
Использование ползунка “Непрозрачность” на панели “Слои”.

Есть несколько способов удалить фон объекта в Inkscape. Один из способов — использовать функцию “Path->Trace Bitmap”. Это создаст новый объект с прозрачным фоном.

Есть несколько способов удалить фон с изображения. Одним из способов является использование программного обеспечения, такого как Photoshop или GIMP. Другой способ — использовать онлайн-инструмент, такой как https://www.clippingmagic.com/.

Есть несколько способов удалить клетчатый фон в Inkscape. Один из способов — использовать инструмент “Удалить фон”. Другой способ — выбрать все квадраты шахматной доски и удалить их.

Есть несколько способов удалить клетчатый фон в PowerPoint. Один из способов — использовать параметр “Формат фона” на вкладке “Дизайн”. В разделе “Заливка” вы можете выбрать “Без заливки”, а затем нажать кнопку “Пользовательские цвета”. В появившемся окне вы можете установить флажок “Удалить фон”.

Есть несколько способов удалить клетчатый фон с изображения в PowerPoint. Один из способов — использовать инструмент “Удалить фон”. Для этого выберите изображение и перейдите на вкладку Формат. В группе “Настроить” нажмите кнопку “Удалить фон”. Откроется окно, и вы можете перетащить маркеры выделения, чтобы выбрать часть изображения, которую вы хотите сохранить. Когда закончите, нажмите кнопку “Оставить выбранное”.

Есть несколько способов сделать изображение прозрачным. Один из способов — использовать фоторедактор, такой как Photoshop или GIMP. Другой способ — использовать веб-сайт, например Pixlr.com.

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

Есть несколько способов удалить фон с изображения. Один из способов — использовать Photoshop для создания маски слоя. Другой способ — использовать фильтр “Извлечение” в Photoshop.

Есть несколько способов сделать это. Один из способов — использовать корректирующий слой уровней. Перейдите в Слой -> Новый корректирующий слой -> Уровни. Перетащите черный треугольник на гистограмме вправо, пока СЕРЫЕ пиксели не станут черными.

Есть несколько способов изменить фон серого изображения. Один из способов — изменить цвет фона с помощью фоторедактора. Другой способ — использовать фильтр для изменения цвета фона.

Есть несколько способов сделать это. Один из способов — использовать функцию “Обесцвечивание”. Другой способ — использовать функцию “Уровни”.

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

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

Как убрать шашечки в фотошопе

Чтобы не видеть этот узор, его можно легко отключить. Перейдём в «Редактирование — Установки — Прозрачность и цветовой охват». Щёлкаем по чёрной стрелочке, направленной вниз, правее поля «Размер сетки» и выбираем пункт «Не задана».

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

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

Как удалить фон в фотошопе 2020?

Открываем в верхней панели вкладку «Выделение/Select», затем – «Цветовой диапазон/Color Range». Теперь пипеткой выберите цветовой диапазон фона. С зажатой клавишей Shift можно выбрать несколько оттенков, ползунки цветового разброса помогут уточнить цвета. Вот и все – нажимаем Delete, чтобы удалить фон.

Как убрать в ворде страницу в клеточку?

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

Как убрать шахматный узор — прозрачность в фотошопе

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

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

1

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

1

Чтобы не видеть этот узор, его можно легко отключить.
Перейдём в » Редактирование — Установки — Прозрачность и цветовой охват «.

2

Щёлкаем по чёрной стрелочке, направленной вниз, правее поля » Размер сетки » и выбираем пункт » Не задана «. Нажимаем в окне » Установки » » Да «.

3

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

4

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

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

удалить фон

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

Удаление однотонного фона

Методы бывают разные, в зависимости от вида фона. Так, однотонный фон предполагает свой метод.

работа в фоторедакторе

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

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

пошаговые действия

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

Волшебный ластик

Аналогичный способ — инструмент «Ластик». С ним получится все намного быстрее.

Важно!

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

замена фона

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

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

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

5 способов удалить фон с картинки в фотошопе

Автор: Маргарита Погадаева

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

Для чего нужно удалять фон

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

  • вы создали свой логотип и хотите использовать его на товаре или упаковке;
  • вы сделали фотографии товаров на непривычном фоне, который не подходит вашему магазину, и вам нужно поменять фон;
  • вы создаёте фэнтезийную фотосессию и хотите «телепортировать» своих моделей в другую галактику;
  • вы хотите сделать пост для соцсети или превью для видео, создать коллаж из своих фото — для этого вам нужно вырезать объекты с фотографии и поместить их на другой фон.

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

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

Есть множество способов, как убрать фон с картинки в ФШ — выбор конкретного зависит от того, как выглядит объект и фон на изображении. Сначала мы расскажем, как подготовиться к работе с изображением. Это обязательный шаг для любого из 5 способов удаления фона, которые мы опишем далее.

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

Вариант 1. Когда вы открываете изображение, автоматически создаётся слой «Фон». Он по умолчанию заблокирован, то есть удалять что-то на нём нельзя. Чтобы отключить блокировку, найдите справа внизу вкладку «Слои». В начале работы там только один слой — «Фон». Нажмите на нём значок в форме замка — так вы разблокируете слой и сможете с ним работать:

Нажмите на нём значок в форме замка — так вы разблокируете слой и сможете с ним работать

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

Обязательно проверьте, что фоновый слой скрыт — слева от него должен быть убран значок глаза

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

После этого можно приступать к удалению фона. Мы расскажем о 5 способах это сделать — от простого к сложному.

Способ 1. Ластик

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

Найдите на панели инструментов ластик и нажмите на него правой кнопкой мыши. У вас откроются три инструмента на выбор — ластик, фоновый ластик и волшебный ластик:

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

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

Удобнее всего пользоваться последними «Фоновым ластиком» и «Волшебным ластиком». Далее мы подробно расскажем, как это делать.

Вариант 1. Фоновый ластик

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

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

Шаг 2. Начинайте стирать фон. Важно понимать, что сам инструмент не знает, где на картинке фон, а где — нет. Поэтому, когда вы используете фоновый ластик, центр круга — две линии, скрещённые в форме «плюса» посередине — всегда должен попадать именно на фон:

Поэтому, когда вы используете фоновый ластик, центр круга — две линии, скрещённые в форме «плюса» посередине — всегда должен попадать именно на фон

Тогда вы сотрёте именно фон и не затронете детали другого цвета и основного рисунка. Вместо фона вы увидите бело-серую клетчатую сетку, это значит, что он стал прозрачным:

Вместо фона вы увидите бело-серую клетчатую сетку, это значит, что он стал прозрачным

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

В итоге у вас останется объект на прозрачном фоне

В итоге у вас останется объект на прозрачном фоне

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

Вариант 2. Волшебный ластик

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

Шаг 1. Выберите волшебный ластик на панели инструментов и нажмите на фон. Он удалится моментально:

В итоге у вас останется объект на прозрачном фоне

Шаг 2. Оставшиеся мелкие детали сотрите обычным или фоновым ластиком.

Способ 2. Лассо

Инструментом «Лассо» удобно вырезать объект с любого фона. Найдите его на панели инструментов и щёлкните правой кнопкой мыши. Вам откроются три инструмента — лассо, прямолинейное лассо и магнитное лассо:

Инструментом «Лассо» удобно вырезать объект с любого фона

Расскажем подробнее про работу с этими тремя инструментами.

Инструмент «Лассо»

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

Шаг 1. Выберите инструмент «Лассо». Поставьте курсор как можно ближе к краю объекта, зажмите левую кнопку мыши и начните обводить объект, не отпуская кнопку. Если вы случайно отпустите кнопку мыши, выделение замкнётся, и придётся начинать сначала.

Обводите объект как можно ближе к контуру

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

Шаг 2. Когда вы полностью обведёте объект, соедините начало и конец обводки и отпустите кнопку мыши. Объект автоматически будет выделен — появится пунктирная линия:

Когда вы полностью обведёте объект, соедините начало и конец обводки и отпустите кнопку мыши

Шаг 3. Затем нужно инвертировать выделение, чтобы выделялся фон, а не объект. Найдите в верхней панели «Выделение» и нажмите на «Инверсию» или используйте сочетание клавиш Shift+Ctrl+I:

Затем нужно инвертировать выделение, чтобы выделялся фон, а не объект

Теперь контур появился не только вокруг объекта, но и по краю фона — это значит, что он выделен:

Теперь контур появился не только вокруг объекта, но и по краю фона — это значит, что он выделен

Шаг 4. Далее нужно очистить фон. Чтобы это сделать, нажмите на клавишу Delete на клавиатуре:

Далее нужно очистить фон

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

Шаг 6. Оставшиеся детали можно стереть с помощью ластика или снова использовать на них лассо.

Инструмент «Прямолинейное лассо»

Инструмент «Прямолинейное лассо» имеет смысл использовать только тогда, когда у объекта есть чёткие прямые линии. С его помощью удобно работать, например, с геометрическими фигурами.

Шаг 1. Выберите «Прямолинейное лассо». Нажмите на точку в углу вашей фигуры. Удерживать левую кнопку мыши при работе с ним уже не требуется. Вторую точку поставьте на следующем углу фигуры, так появится первая прямая линия:

Выберите «Прямолинейное лассо»

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

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

Шаг 3. Как и в прошлом случае, нужно сделать инверсию, очистить фон и снять выделение, то есть эти шаги полностью совпадают с шагами 3–5 в работе с обычным лассо. Единственное отличие — результат получится более чётким, поскольку вы использовали прямые линии:

Как и в прошлом случае, нужно сделать инверсию, очистить фон и снять выделение, то есть эти шаги полностью совпадают с шагами 3–5 в работе с обычным лассо

Если вы провели линии ровно по контуру объекта, то стирать остатки фона вам не придётся.

Инструмент «Магнитное лассо»

Если контур объекта чёткий, гораздо проще работать с магнитным лассо: оно само «примагничивается» к изображению.

Шаг 1. Выберите инструмент «Магнитное лассо». Поставьте первую точку как можно ближе к контуру объекта. Зажимать кнопку мыши здесь уже не требуется, достаточно просто провести курсором рядом с объектом, а инструмент автоматически поставит остальные точки по контуру:

Магнитное лассо самостоятельно создаёт точки, но в трудных местах их лучше ставить самостоятельно, нажимая на левую кнопку мыши

Магнитное лассо самостоятельно создаёт точки, но в трудных местах их лучше ставить самостоятельно, нажимая на левую кнопку мыши

Шаг 2. Продолжайте ставить точки по всему контуру объекта. Если вы ошиблись, нажмите клавишу Backspace на клавиатуре, тогда последняя поставленная точка удалится. В конце нужно замкнуть первую и последнюю точку, чтобы создать выделение. Для этого просто нажмите на первую точку или на клавишу Enter.

Продолжайте ставить точки по всему контуру объекта

Шаг 3. Как и в прошлых случаях, нужно инвертировать выделение, удалить фон клавишей Delete и снять выделение, щёлкнув по выделенной области.

Магнитное лассо не всегда идеально выделяет контур, поэтому, скорее всего, вам понадобится ещё немного поработать с фоном

Магнитное лассо не всегда идеально выделяет контур, поэтому, скорее всего, вам понадобится ещё немного поработать с фоном

Шаг 4. Оставшиеся части фона сотрите с помощью ластика или используйте на них любой вид лассо.

Способ 3. Волшебная палочка

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

Шаг 1. Найдите «Волшебную палочку» на панели инструментов:

Найдите «Волшебную палочку» на панели инструментов

Шаг 2. Нажмите волшебной палочкой на фон. Она автоматически выделит одинаковый цвет:

Нажмите волшебной палочкой на фон

Шаг 3. Нажмите Delete и удалите его. Инверсию здесь делать не нужно, поскольку у нас и так выделен фон.

Шаг 4. Щёлкните палочкой по выделенной области, чтобы снять выделение:

Щёлкните палочкой по выделенной области, чтобы снять выделение

Шаг 5. Оставшиеся части фона удалите любым удобным инструментом.

Способ 4. Маска

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

Шаг 1. Сначала откройте картинку с будущим фоном.

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

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

Шаг 2. Поверх нового фона перетащите вашу картинку и растяните или уменьшите её до нужного размера:

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

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

Шаг 3. Найдите в правом нижнем углу значок маски:

Найдите в правом нижнем углу значок маски

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

Шаг 5. Для работы с маской нам понадобится инструмент «Кисть». Найдите её на панели инструментов и проверьте, чтобы основным цветом слева внизу был чёрный. Он должен находиться над белым цветом:

Для работы с маской нам понадобится инструмент «Кисть»

Шаг 6. Выберите нужный размер кисти и начинайте красить. Кисть чёрного цвета автоматически начнёт заменять фон на новый:

Обратите внимание, что мы работаем в маске слоя, на ней появляется чёрный цвет

Обратите внимание, что мы работаем в маске слоя, на ней появляется чёрный цвет

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

Выделите область, которую хотите закрасить

Шаг 8. Проведите по выделенной области чёрной кисточкой. Важно: клавишу Delete мы тут уже не используем.

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

Фон не удаляется насовсем, как в других случаях, а «прячется» под маской.

Фон не удаляется насовсем, как в других случаях, а «прячется» под маской. На маске он закрашен чёрным цветом

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

Способ 5. Каналы

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

Шаг 1. Откройте рисунок и перейдите во вкладку «Каналы» справа:

Откройте рисунок и перейдите во вкладку «Каналы» справа

Шаг 2. Выберите самый контрастный канал и нажмите на него левой кнопкой мыши. Как правило, это «Синий»:

Выберите самый контрастный канал и нажмите на него левой кнопкой мыши

Шаг 3. Откройте на верхней панели «Изображение → Коррекция → Кривые» или нажмите Ctrl+M. Откроется окно для работы с каналами:

Откройте на верхней панели «Изображение → Коррекция → Кривые» или нажмите Ctrl+M

Шаг 4. Перемещайте бегунки внизу так, чтобы изображение стало как можно более контрастным. После этого нажмите «Ок» или Enter.

Шаг 5. Снова перейдите в каналы, зажмите на клавиатуре Ctrl и щёлкните левой кнопкой мыши на канал, с которым вы работаете. Это выделит белый фон:

Снова перейдите в каналы, зажмите на клавиатуре Ctrl и щёлкните левой кнопкой мыши на канал, с которым вы работаете

Шаг 6. Выделив фон, нажмите на канал RGB, чтобы снова сделать изображение цветным, и сделайте инверсию выделения:

Выделив фон, нажмите на канал RGB, чтобы снова сделать изображение цветным, и сделайте инверсию выделения

Шаг 7. После этого нужно использовать маску. Нажмите на значок маски в правом нижнем углу:

Нажмите на значок маски в правом нижнем углу

Готово! Теперь осталось только сохранить изображение.

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

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

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

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

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

Как удалить фон без фотошопа

Удалить фон без фотошопа вам помогут различные онлайн-сервисы.

Photopea — бесплатный онлайн-сервис, аналог фотошопа. В нём все те же самые инструменты. Работать с ним не так удобно, как с ФШ, но вполне реально, так что, если вам нужно отредактировать всего пару изображений, его будет достаточно.

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

Pixlr E — бесплатный онлайн-фоторедактор с простым интерфейсом. Инструменты и функции отличаются от тех, что есть в фотошопе, но удалить фон у вас в нём тоже получится. Ещё в нём есть множество платных и бесплатных шаблонов постов для соцсетей, обложек для видео, флаеров, визиток и коллажей.

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

Background Eraser — бесплатное приложение, которое позволяет стереть фон с любой картинки автоматически или вручную. Готовую картинку с прозрачным фоном можно сохранить на телефон или использовать как стикер в вотсапе. Можно скачать в App Store и Google Play.

MagiCut — редактор изображений, в котором помимо привычных функций фоторедактора есть возможность удалять и менять фон. То есть в одном приложении можно обрезать картинку, стереть ненужные объекты, поменять фон, наложить фильтры и добавить надписи. Подписка на приложение платная, но есть бесплатный трёхдневный период, чтобы опробовать его функции. Приложение также доступно в App Store и Google Play.

Pixelcut — приложение для автоматического удаления фона. 10 удалений в нём бесплатные, потом придётся покупать подписку. В нём есть бесплатные картинки из фотостока, которые можно использовать в своих работах. Также приложение предлагает множество шаблонов постов для соцсетей, которые можно настроить под себя. Его тоже можно найти в App Store и Google Play.

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

Курсы по фотошопу для начинающих

Photoshop с нуля до PRO

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

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

Photoshop с нуля

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

На курсе вас ждёт только актуальная информация: отдельная глава посвящена всем обновлениям Adobe Photoshop в 2022 году. Кроме того, вы сможете пройти 5 бонусных уроков и научиться создавать коллажи и стилизации, художественно обрабатывать фотографии и даже имитировать живопись.

Курсы фотошопа Adobe Photoshop

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

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

Возможны два вида обучения: онлайн или очно в Санкт-Петербурге.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *