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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

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

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать» и выбираем «Очистить» .

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!

Здравствуйте уважаемый посетитель или посетительница!

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

Я покажу 5 способов:

1. Как убрать задний фон с картинки в фотошопе, используя любую программу Adobe Photoshop.
2. Покажет, как убрать задний фон с картинки в фотошопе, только в Photoshop до третей версии.
3. С помощью ластика.
4. Уберем фон даже на контрастной картинке.
5. Используем инструмент перо.

Наверное, у вас появился вопрос: «Алексей, а зачем использовать второй способ, если первый для всех версий программы?» Дело в том, что второй способ, самый простой и мой самый любимый.

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

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

Удаление заднего фона с изображения в Photoshop

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

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

Я лично буду показывать все действия на CS 3. Кстати его можете взять в моем курсе «Как создать блог для жизни», программа в дополнительных материалах.

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

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

• Лассо
• Прямоугольное лассо
• Магнитное лассо

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

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

После выделения нужного вам фрагмента, жмите сочетание клавиш CTRL+X и выделенное изображение исчезнет, но не пугайтесь, ваша работа не пошла коту под хвост! Просто нужно создать новый холст: файл/ новый. Размеры подставятся автоматически, просто выбирайте, да и после комбинации клавиш CTRL+V, выделенное и вырезанное изображение ранее, вставиться без заднего фона в Photoshop.

У меня получилось так:

Теперь сохраняйте ее в формате PNG.

По просьбе моего комментатора, вношу небольшие изменения с его слов, так как он в издательском и полиграфическом деле более 10 лет, а вот его рекомендации:

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

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

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

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

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

1. Очистка краев (работает, как обычная терка)
2. Обработка краев (делает края естественными)

Теперь жмите «Да»! Как видите наше изображение без заднего фона в фотошоп, сохраняйте его в формате PNG. Ну, а теперь, как обещал смотрите еще варианты удаления.

Остальные способы извлечения картинки из заднего фона Adobe Photoshop

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

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

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

Я использую Adobe CC , но техника удаления фона, описанная здесь, будет работать в Photoshop CS5 и версиях старше, хотя некоторые элементы могут выглядеть немного иначе:

Шаг: 1

Итак, нам необходимо сделать выделение нужной области. Для выделения существуют различные инструменты, но для новичков самыми простыми в использовании являются инструменты «Быстрое выделение » (Quick Selection ) и «Волшебная палочка » (Magic Wand ). Также есть инструмент «Лассо » (Lasso ), он более точный, но и требует больше времени.

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

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

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

Когда вы будете довольны сделанным выделением, щелкните правой кнопкой мыши и выберете опцию «Инвертировать выделение » (Select inverse ):

Шаг: 2

Теперь нажмите на кнопку «Добавить маску слоя » (Add Layer Mask ) в нижней части панели «Слои » (это прямоугольник с черным кружком в центре ), и вы сразу же увидите, что фон исчез.

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

Шаг: 3

Дважды щелкните по маске на панели «Слои » (это черно-белое изображение, следующее за предварительным просмотром вашей фотографии ) и затем выберете «Края маски » (Mask Edge ) из выпадающего меню. Вы увидите меню «Уточнить маску » (Refine Mask ):

Шаг: 4

На этом шаге вы можете внести коррективы в маску, чтобы улучшить ее вид. Сначала, поставьте галочку напротив опции «Показать радиус » (Show Radius ).

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

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

Шаг: 5

Снимите галочку с опции «Показывать радиус », чтобы вернуться к предварительному просмотру маски. Теперь воспользуйтесь ползунками, чтобы скорректировать маску, пока не будете довольны полученным результатом.

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

Шаг: 6

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

Вы можете скорректировать размер вашего изображения (в случае с жирафом ), нажав сочетание клавиш Cmd/Ctrl + T , и удерживая клавишу Shift при перетаскивании маркеров области преобразования:

Перевод статьи «Photoshop tutorial: How to remove a background in Photoshop » был подготовлен дружной командой проекта

Одним из плюсов Photoshop является возможность менять фон. Для замены фона в «Фотошопе» старый фон сначала нужно удалить, но не все знают, как это сделать. Поэтому сейчас мы расскажем о том, как удалить фон в «Фотошопе».

Способ 1

Самый простой способ удалить фон - использовать фоновый ластик (background Eraser). Все, что требуется, - открыть изображение: Файл > Открыть (File > Open). Дублируем слой с фото (Ctrl + J), после чего удаляем фон. Когда все будет удалено, сохраняем: Файл > Сохранить как (File>

Вариант 2

Во втором варианте мы будем использовать инструмент «Волшебная палочка». Этот вариант подойдет для вырезания предметов, которые имеют свою четкую и ровную форму и одинаковый цвет, а также для того, чтобы просто удалить белый фон в «Фотошопе». Открываем файл: Файл > Открыть (File > Open). Дублируем слой с фото (Ctrl + J), после чего удаляем самый первый слой. Берем инструмент «Волшебная палочка» Magic Wand Tool (W). Параметр - Допуск (Tolerance) ставим на 20 и выбираем нужный цвет. Чем выше цветовая гамма, тем меньше ставим значение Допуска (Tolerance). Задерживаем клавишу Shift и, не отпуская ее, выбираем остальные ненужные цвета и удаляем их: Edit > Cut (Delete). Все, что не удалилось, вытираем инструментом «Резинка». После того как изображение лишилось фона, сохраняем его: Файл > Сохранить (File> Save as) и выбираем формат *.PNG.

Вариант 3

Этот вариант подойдет для таких типов изображений, где присутствует много разноцветных предметов, ведь в нем будет использован «Цветовой диапазон». Открываем файл: Файл > Открыть (File > Open). Дублируем слой с фото (Ctrl + J), после чего удаляем самый первый слой. Выбираем Выделение > Цветовой диапазон (Allotment > Colour range) и с зажатой клавишей Shift выбираем все лишние цвета. Автоматически должны выделиться все те цвета, которые вы выбрали. Выбираем инструмент «Быстрое выделение» (Quick selection) и режим «Вычитание». Вытираем те объекты, которые не нужно удалять. После того как выделили фон, удаляем его клавишей Delete. Когда изображение лишится фона, сохраним его.

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

Здравствуйте, уважаемые читатели!

Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.

Как говорят многие — буду писать для чайников!

Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!

Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)

Делать различные 3D коробки и обложки, надписи и т.д

Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).

По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!

Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…

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

Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…

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

Недавно я сам задавался таких вопросом и был в поисках ответа на него… Но теперь, все это я делаю в считанные секунды и даже друзья-блоггеры просят меня о помощи (я им не раскрыл секрета и сказал, что лучше напишу статью по этому поводу — вот они обрадуются)

Как убрать задний фон с картинки в фотошопе!

Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop )…

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

Открываем наш Фотошоп…

Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть … (думаю тут скрин не нужен)

Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее ):

P.S. А вот небольшое замечание: картинка должна быть в формате JPG , с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!

Как сменить формат картинки?

Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)

Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg ) без каких либо изменений!

C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg …

Кстати, я использую Adobe Photoshop CS6 Portable … (p.s. мне очень хорошая версия попалась)

После добавления картинки, в окне «Слои » сделайте двойной клик и в открывшемся окне нажмите «ок » (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения ):

Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка » (работает точнее чем «Быстрое выделение «) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):

После удаления фона нужно произвести сохранение (Файл — Сохранить как… ). Картинку нужно сохранять только в формате PNG , только тогда фон останется прозрачным!

В общем вот мой результат:

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

Теперь такую картинку с легкостью можно поместить на любой фон!

Уроки фотошопа — как убрать фон… Второй вариант!

А вот второй вариант! Если честно, то он мне не по душе!

Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:

Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур… Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История , ну или кликом правой кнопкой мыши по ней — Удалить опорную точку )

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

Когда проставите все точки и контур замкнется, сделайте клик правой кнопкой мыши — Образовать выделенную область , ну а дальше смотрите на картинке:

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

Почему мне не по душе этот вариант?

• очень долго (особенно, если картинка — это не круг или квадрат=)
• контур картинки иногда изменяет свой вид

И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:

Ну да, не удержался и записал про два способа=)

На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!

На этом все! Всем пока!