Как убрать фоновый рисунок. Как убрать белый фон у изображения
При работе с изображениями, приходится отделять мух от котлет, т.е. фон от картинки.
Существует множество мест, где можно скачать отличные клипарты, которые, в своем большинстве, идут с белым фоном. От него, понятное дело, нужно избавляться. Я вспомнил четыре способа как это можно сделать. О них и пойдет речь в настоящей статье.
Способ 1
Убрать белый фон у изображения, применив инструмент .
Это один из самых простых и быстрых способов выполнения такого рода операции. Выбрав ластик на панели инструментов, щелкните им по белому фону. В результате все белые пикселы будет удалены и вы увидите шахматный фон, который говорит о наличии прозрачности вместо фона.
Но может так случиться, что помимо белого фона, на самом изображении могут удалиться пикселы близкие к белому оттенку.
Как видите, на изображении выше, удалилась часть меча и некоторые элементы на доспехах рыцаря. Существуют две причины такого неприятного эффекта. Обратимся к панели параметров инструмента.
1. Смежные пикселы . посмотрите, стоит ли галочка в этой настройке. Ее отсутствие говорит о том, что будут удалены все пикселы подобного цвета (именно поэтому исчезли вышеуказанные части изображения). Поставьте галочку и фотошоп будет удалять только те пикселы, которые соприкасаются между собой.
2. Допуск. Часто фон состоит из целого набора оттенков, например, того же белого цвета. Чем выше значение допуска, тем больше этих оттенков программа удалит. Чаще всего, это относится к кайме вокруг изображения (небольшая окантовка из оставшихся от фона пикселов). Увеличивайте допуск и кайма будет становится все меньше и меньше.
Есть еще одна полезная команда для удаления каймы: Слой — Обработка краев — Убрать кайму .
Способ 2 Выделение фона при помощи .
Самое важное — не забыть разблокировать фоновый слой. Я об этом уже не раз писал, но повторю вновь. Если на палитре слоев, возле миниатюры слоя имеется маленький замочек, значит он заблокирован. Двойной клик по этому слою Образует его в новый , который можно будет редактировать.
Теперь, выбрав Волшебную палочку, сделайте клик по фону. Он выделится «Марширующими муравьями». Остается лишь нажать клавише Backspace. Появится вновь шахматный фон.
Как и с волшебным ластиком, обратите внимание на параметры допуска и смежных пикселов. Они работают аналогично.
Способ 3
Вкратце это выглядит так:
1. У нас есть изображение. Хотим убрать все белое, чтобы остался только прозрачный фон.
2. Создаем дубликат синего канала. Нажимаем Ctrl+L. Появилось окно Уровни. Начинаем двигать ползунки так, чтобы все серое стало максимально близким к черному. Другими словами, нужно добиться такого результата, чтобы то, что хотим удалить, стало белым, а остальное черным.
3. Теперь кликаем по миниатюре созданного нами дубликате канала с зажатой клавишей Ctrl. Появилось выделение. Скорее всего, выделение придется инвертировать — нажимаем Shift+Ctrl+I. Теперь можно либо нажать Backspace, чтобы удалить лишнее, либо создать дубликат слоя, нажав Ctrl+J, чтобы перенести выделение на новый слой. На своем примере я добавил текстуру, вот как получилось:
Способ 4
Если в предыдущих способах после удаления оставалась прозрачная часть, то сейчас мы научимся менять на другой фон. Этот способ связан с особенностью режимов наложения Затемнение и Умножение .
Итак, на рисунке ниже, слева мы имеем все того же рыцаря, а справа текстуру.
На палитре слоев текстуру размещаем вверху и указываем наложение Затемнение или Умножение. Рыцаря стало видно. Но есть загвоздка. Некоторые элементы изображения, которые также были белыми, стали цвета текстуры.
Сейчас исправим. К верхнему слою (с текстурой) добавим слой-маску. Взяв инструмент Кисть, начинаем стирать текстуру с видимых мест. Аккуратно, не спеша, в результате получилось так:
Несложно, качественно, красиво. Отличный способ.
Пока только такие способы я вспомнил. Знаете еще — пишите о них в комментариях.
Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!
Удаление заднего фона с фотографии задача не такая уж и простая, как может показаться на первый взгляд. Даже имея такой мощнейший редактор графики, как Photoshop, можно потратить не один час работы, чтобы качественно отделить объект (предмет, человека, животное и пр.) от бэкграунда. Даже профессионалы в ряде случаев получают результат, который лишь с натяжкой можно назвать удовлетворительным…
Необходимо помнить, что залог успешной работы по удалению фона – это качественная фотография. Самое главное – чтобы объект и окружение были хорошо контрастны по отношению друг к другу и имели как можно меньше точек слияния близких цветов. Но это технические тонкости… Мы же с Вами сегодня научимся стирать фон с фотографии буквально нескольким кликами мыши! Профессионалы фотошоп могу с недоверием отнестись к этому способу, но когда они увидят результат, думаю они будут удивлены).
Clipping Magic – бесплатный онлайн сервис, который за несколько потраченных минут сэкономит Вам 1-2 часа работы в Photoshop или других графических редакторах. За пару кликов он сможет удалить фон с цифровой фотографии, а результат Вас точно порадует!
Итак, всё что Вам требуется сделать, это:
- загрузить фотографию
- буквально несколькими штрихами нарисовать маску (зеленым цветом объект, который надо отделить от фона, а красным – собственно сам фон, т.е. то, что надо удалить)
- скачать результат с прозрачным фоном себе на компьютер
Вот что получилось у меня буквально (я даже засекал по часам) за 15 секунд работы (левая часть рабочего окна – оригинальное фото с маской, правая – результат):
Вот какие возможности есть у редактора Clipping Magic:
- режим ластика для удаления маски
- выбор размера кисти для рисования маски
- выбор типа фона (прозрачный либо цвет)
- отмена действий
- зумирование
Сразу предупрежу особо старательных): нет нужды полность закрашивать отделяемый объект зеленым, а фон красным – достаточно лишь несколько штрихов для их обозначения! Алгоритм сервиса сам хорошо угадывает границы, а вам следует лишь потом уточнить их в мелочах, переключив кисть на более мелкий размер.
На данный момент онлайн сервис Clipping Magic работает в режиме альфа, но каких-либо «косяков» и грубых ошибок в его работе лично я не заметил. Все указанное мною выполнялось точно и без ошибок. Еще раз повторю, что для подобного рода манипуляций играет роль именно качество фотографии: чем более контрастными будут фон и объект, тем лучший результат получится на выходе. Поэтому не ждите хорошего результата, если Вы возьмете, к примеру, фотографию низкого разрешения с котом, сидящим на фоне пестрого ковра)).
Друзья, на данный момент сервис Clipping Magic – это самый быстрый, удобный и качественный способ удалить фон у фотографии онлайн. Если с Photoshop и иными графическими редакторами Вы не особо дружите, то потратьте пару минут на освоение этого сервиса и результатом Вы сможете хвастаться даже перед профессионалами!
Обязательно посмотрите мой обучающий видеоролик, в котором наглядно показано, как быстро и удобно работать в Clipping Magic!
P.S. С недавнего времени сервис стал принимать оплату за сохранение и скачивание результата. Обходные пути есть — они указаны в комментариях. Однако я рекомендую использовать полностью , который ничуть не хуже.
Для тех, кто еще не знаком со всеми секретами графики, дизайна и фотошопа — простые решения сложных и несложных задач всегда являются спасительным кругом, с помощью которого можно справиться с задачей самостоятельно. Хотя всегда лучше обратиться к профессионалам. Но есть мелкие вопросы, которые нужно научиться выполнять без помощи дизайнера, такие, как заголовок этой статьи — «Как убрать фон с картинки, или как сделать фон картинки прозрачным».
Очень хочется научиться работать в фотошопе, но видно время еще не пришло — ученик не готов. Поэтому осваиваю понемногу онлайн-фотошоп Pixlr — не совсем еще понятный, но удобный инструмент. Переходите по ссылке, потому что сейчас будет практическое занятие.
Картинка без фона часто бывает нужна для того, чтобы получить изображение, обрезанное по контуру. Например, или замахнулись на изготовление шапки сайта. Во всех случаях, при загрузке полученного изображения на сайт, фон будет отсутствовать. Смотрите получившийся результат в конце статьи.
Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».
Загружаем картинку с компьютера, у меня будет такая:
Теперь находим с правой стороны маленькую табличку с замочком.
Выберите среднюю табличку «Слои» и кликните два раза мышкой по замочку. Вместо замочка должна появиться галочка.
Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».
Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.
Затем еще раз нажимаем «Редактировать» и выбираем «Очистить» .
Эту функцию можно нажать еще несколько раз, если вас не устроит с первого раза результат. Сохраняем картинку на компьютер в формате, который поддерживает прозрачность фона — png. Вот что должно получиться в итоге:
На мой взгляд, результат получился отличным. Знаю, что существует масса других способов, которые убирают задний фон картинки, кстати, один из них можете посмотреть прямо сейчас:
Отличный способ! Возможно, кому-то он понравится больше! Да и фоны у картинок бывают разные, так же, как и сами картинки. Поэтому нужно еще будет разобраться, как убрать фон с картинки , на которой изображен человек с развивающимися волосами — предстоит, наверное, ювелирная работа.
Тем не менее, работая в онлайн-редактором Pixrl, буквально за несколько минут можно отредактировать фотографию в нужный формат. Знаю, что такие фотографии изображений без фона очень в большом количестве нужны интернет-магазинам. Теперь понимаю, что это очень большой труд — редактирование картинок и изображений.
P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:
Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!
Добрый вечер, читатели. Ранее я уже писал о такой программе, которая быстро позволяет (например, посторонних людей, они-то могут испортить фото). Некоторые могут спросить: «Зачем? Есть же фотошоп!». И будут правы, фотошоп тоже такое умеет, но там все сложнее и дольше. И если Вам нужно поставить этот процесс на поток (например, для интернет-магазина), то лучше использовать специализированные программы.
Итак, давайте же попробуем удалить фон фотографии. Я буду использовать программу .
Открываем программу, перетаскиваем фотографию на рабочее поле. Я использовал свое фото, Вы можете использовать Ваше (но, для начала лучше выбрать что-то полегче) или взять любое фото из моего блога.
Как мы видим, сверху на панели есть большое количество инструментов, но нам нужно «Замена фона» . Нажимаем на иконку.
Способ 1.
Шаг 1. Теперь нам нужно выделить наш объект, который мы хотим вырезать.
Для этого здесь есть два инструмента, какой удобнее, Вы решите для себя в конце урока. Для начала мы будем использовать «Кисть»
. 
Как Вы видите, есть два типа кисти. Зеленая с символом плюса и красная с символом минуса. Зеленым нам нужно выделить объект или внутренние контуры объекта, красным внешние контуры или фон.
Вот таким способом:
Когда все готово, нажимаем кнопку «Следующий шаг» .
Шаг 2. Мы перешли в инструмент «Уточнение краев» , если Вы что-то упустили на шаге №1, то сейчас самое время это исправить. Можно приблизить изображение, чтобы наверняка все нормально выделить.
Когда и здесь всего готово, опять нажимаем на кнопку «Следующий шаг» .
Шаг 3. Готово! Осталось выбрать фон.
Можно сделать классический белый, то ради чего, собственно и делалось это все. Но, также можно подставить любой другой из библиотеки или загрузить свой.
Например, как на скриншоте ниже. Но, он здесь не совсем в тему, это лишь пример:)
Способ 2.
Этот способ показался мне менее удобен, но, может, кому-то подойдет. Это инструмент «Лассо» , подобное есть и в фотошопе.
Шаг 1. Аккуратно выделяем наш объект, так как инструмент очень чувствительный. Если немного захватили лишнего или залезли на объект выделения, ничего страшного, помним про шаг 2, там можно будет исправить все. Главное, соединить начало и конец, чтобы объект выделился.
Когда выделили объект, нажимаем, как и ранее, на кнопку «Следующий шаг» .
Если мы хотим избавиться от общего фона изображения, оставив лишь один нужный нам объект на этом изображении, сделав его, при этом, самостоятельным изображением на прозрачном фоне, то нам поможет инструмент «Удалить фон». Давайте рассмотрим, как этот инструмент работает.
Мы достигнем наибольшего эффекта и чисто удалим общий фон, если наше изображение качественное и контрастное. Я имею в виду то, что нужный нам объект значительно выделяется на общем фоне картинки. Если изображение по качеству «так себе», то после удаления фона по контуру объекта останется фоновый ворс.
Забегая немного вперёд, отмечу тот факт, что при работе с качественным и контрастным изображением большую часть работы сделает сам Word.
Для того, чтобы увидеть и активизировать инструмент «Удалить фон» нам необходимо поместить изображение на лист. Давайте так и сделаем. Откроем вкладку верхнего меню «Вставка» и в разделе вкладки «Иллюстрации» щёлкнем мышкой по значку «Рисунок»:
Нам откроется окно, где мы выберем нужное изображение в своих внутренних папках.
Примером нам будет служить вот такое изображение известного футболиста:
Мы видим, что желаемый объект - футболист, достаточно хорошо контрастирует с общим зеленоватым фоном. При таком сильном контрасте мы можем рассчитывать на то, что Word большую часть работы по удалению фона сделает самостоятельно.
В момент помещения фото на лист стал активным функционал «Работа с рисунками», содержащий вкладку «Формат». Именно в этой вкладке и находится нужный нам инструмент «Удалить фон» и, конечно же, много других опций, позволяющих редактировать изображение «и так и сяк».
Функционал «Работа с рисунками» становится активным и видимым в верхнем меню тогда, когда изображение выделено - захвачено маркерами. Для выделения изображения (если оно не выделено) нужно навести курсор мыши на изображение и щёлкнуть левой кнопкой мыши.
Давайте щелчком мыши раскроем вкладку «Формат» функционала «Работа с рисунками»:
И вот перед нашими глазами появилось всё её содержимое. Нужный нам инструмент «Удалить фон» стоит самым первым в ряду всех опций вкладки, если смотреть с лева на право:
Щёлкнем мышью по значку инструмента, раскрыв этим самым щелчком его опции:
Теперь, просто посмотрим на опции инструмента в верхнем меню и прочитаем их названия, не предпринимая при этом никаких действий. Об этих опциях поговорим позже. Сейчас переведём взгляд на изображение, большая часть которого выделена сиреневым цветом. Именно та область, которая выделена сиреневым цветом и будет удалена, если мы в верхнем меню инструмента «Удалить фон» выберем опцию «Сохранить изменения»:
Или же нажмём клавишу «Esc» или клавишу «Enter».
Давайте не будем спешить нажимать клавиши и выбирать опцию «Сохранить изменения», так как в этом случае мы потеряем часть изображения выделяемого объекта (футболиста).
Мы видим на изображении, выделенную маркерами корректировочную область. Хватая мышью тот или иной маркер, мы эту область можем изменять. Изменение этой области влияет на удаление части фона изображения.
Давайте изменим эту самую область. Для удобства можно и даже нужно увеличить масштаб видимости. Приступим. Схватим мышью верхний средний маркер области и потянем вверх до верхнего края исходного изображения:
Теперь схватим средний нижний маркер области и потянем его вниз до нижнего края исходного изображения:
Манипуляции этими двумя маркерами позволили нам исключить возможность удаления части изображения самого футболиста. Уже сейчас, используя клавиши и опцию, о которых говорилось выше, мы можем удалить общий фон, но будет лучше, если мы сузим область корректировки удаления фона, максимально приблизив, левый и правый средние боковые маркеры к изображению Дэвида Бэкхэма:
Ну вот, всё готово к удалению фона и мы можем сделать щелчок мышью по значку опции «Сохранить изменения» в верхнем меню или нажать одну из перечисленных выше клавиш (Esc, Enter). Но мы ведь заинтересованы только в изображении футболиста. Зачем нам размер исходного изображения полностью после удаления фона?
До удаления фона мы можем обрезать исходное изображение. Сделаем это, используя инструмент "Обрезка". Если вкладка "Формат" функционала "Работа с рисунками" свёрнута, то щелчком мыши развернём её и в правой части выберем инструмент "Обрезка":
После такого выбора на изображении появились маркеры регулировки области обрезки с одновременным удалением фона исходного изображения:
Схватим поочерёдно левый и правый средние боковые маркеры и подтянем их максимально близко к изображению футболиста:
Для обрезки нажмём клавишу «Esc» или вновь щёлкнем мышью по значку «Обрезка» в верхнем меню:
Результат достигнут. Если удобней сначала удалить фон, а уже затем обрезать изображение, то, конечно же, делаем так. Каждый действует по своему желанию. Для того чтобы увидеть насколько чисто удалился фон, я, используя функционал «Фигуры» размещу на заднем плане какую-нибудь произвольную фигуру:
Замечательно!
Теперь, когда мы имеем желаемое изображение футболиста уже на прозрачном фоне, поле для наших творческих замыслов стало ещё больше. Мы можем создать свой собственный фон, поместить объект на другие изображения:
В общем, делать то, что нашей душе угодно.
Итак, сегодня мы рассмотрели вариант, при котором основную часть работы по удалению фона выполнил сам Word самостоятельно с нашим минимальным участием. В следующую нашу встречу мы станем самыми активными участниками процесса удаления фона изображения, с использованием опций инструмента «Удалить фон».
Загрузка...
