Для художественного оформления работ в Фотошопе нам зачастую требуется клипарт. Это отдельные элементы дизайна, такие как различные рамки, листья, бабочки, цветочки, фигурки персонажей и многое другое.
Клипарт добывается двумя способами: покупается на стоках либо ищется в публичном доступе через поисковые системы. В случае со стоками все просто: платим денежку и получаем требуемую картинку в большом разрешении и на прозрачном фоне.
Если же мы решили найти нужный элемент в поисковике, то нас поджидает один неприятный сюрприз – картинка в большинстве случаев располагается на каком-либо фоне, который мешает ее моментальному использованию.
Сегодня поговорим о том, каким образом удалить черный фон с картинки. Изображение для урока выглядит следующим образом:
Существует одно очевидное решение проблемы – вырезать цветок из фона каким-либо подходящим инструментом.
Но такой способ подходит не всегда, так как является довольно трудоемким. Представьте себе, что Вы вырезали цветок, потратив на это кучу времени, а затем решили, что он не совсем подходит к композиции. Вся работа насмарку.
Есть несколько способов быстро удалить черный фон. Эти способы могут быть немного похожими, но все они подлежат изучению, так как используются в разных ситуациях.
Способ 1: самый быстрый
В Фотошопе существуют инструменты, позволяющие быстро удалить однотонный фон с картинки. Это «Волшебная палочка» и «Волшебный ластик» . Поскольку о «Волшебной палочке» уже написан целый трактат на нашем сайте, то воспользуемся вторым инструментом.
Перед тем как начать работу, не забываем создать копию исходного изображения сочетанием клавиш CTRL+J . Для удобства еще и снимем видимость с фонового слоя, чтобы он не мешался.
Фон удален, но мы видим черный ореол вокруг цветка. Это происходит всегда при отделении светлых объектов от темного фона (или темных от светлого), когда мы используем «умные» инструменты. Этот ореол удаляется довольно легко.
1. Зажимаем клавишу CTRL и жмем левой кнопкой по миниатюре слоя с цветком. Вокруг объекта появится выделение.
2. Переходим в меню «Выделение – Модификация – Сжать» . Эта функция позволит нам сместить край выделения внутрь цветка, тем самым оставив ореол снаружи.
3. Минимальное значение сжатия – 1 пиксель, его и пропишем в поле. Не забываем нажимать ОК для срабатывания функции.
4. Далее нам необходимо удалить этот пиксель с цветка. Для этого инвертируем выделение клавишами CTRL+SHIFT+I . Обратите внимание, что теперь выделенная область охватывает весь холст целиком, исключая объект.
5. Просто нажимаем клавишу DELETE на клавиатуре, а затем убираем выделение сочетанием CTRL+D .
Клипарт готов к работе.
Способ 2: режим наложения «Экран»
Следующий способ отлично подойдет в том случае, если объект необходимо поместить на другой темный фон. Правда, здесь существуют два нюанса: элемент (желательно) должен быть максимально светлым, лучше белым; после применения приема цвета могут исказиться, но это легко исправить.
При удалении черного фона данным способом мы должны заранее поместить цветок в нужное место холста. Подразумевается, что темный фон у нас уже есть.
Этот способ также подходит для того, чтобы быстро определить, впишется ли элемент в композицию, то есть, просто поместить его на холст и поменять режим наложения, без удаления фона.
Способ 3: сложный
Данный прием поможет Вам справиться с отделением от черного фона сложных объектов. Для начала необходимо максимально осветлить изображение.
1. Применяем корректирующий слой «Уровни» .
2. Крайний правый ползунок сдвигаем максимально влево, внимательно следя за тем, чтобы фон оставался черным.
3. Переходим в палитру слоев и активируем слой с цветком.
5. По очереди нажимая на миниатюры каналов, выясняем, какой является наиболее контрастным. В нашем случае это синий. Делаем мы это для того, чтобы создать максимально сплошное выделение для заливки маски.
6. Выбрав канал, зажимаем CTRL и кликаем по его миниатюре, создавая выделение.
7. Переходим обратно в палитру слоев, на слой с цветком, и кликаем по значку маски. Созданная маска автоматически примет вид выделения.
8. Отключаем видимость слоя с «Уровнями» , берем белую кисточку и закрашиваем те области, которые остались черными на маске. В некоторых случаях этого делать не нужно, возможно, эти участки и должны быть прозрачными. В данном случае центр цветка нам нужен.
9. Избавимся от черного ореола. В данном случае операция будет немного другой, поэтому повторим материал. Зажимаем CTRL и кликаем по маске.
10. Повторяем действия, описанные выше (сжать, инвертировать выделение). Затем берем черную кисть и проходимся по границе цветка (ореолу).
Вот такие три способа удаления черного фона с картинок мы изучили в этом уроке. На первый взгляд, вариант с «Волшебным ластиком» кажется самым правильным и универсальным, но он не всегда позволяет получить приемлемый результат. Именно поэтому необходимо знать несколько приемов для совершения одной операции, чтобы не терять время.
Помните, что профессионала от любителя отличает именно вариативность и умение решить любую задачу, независимо от ее сложности.
Здравствуйте, уважаемые читатели!
Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.
Как говорят многие — буду писать для чайников!
Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!
Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)
Делать различные 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 .
Почему мне не по душе этот вариант?
- очень долго (особенно, если картинка — это не круг или квадрат=)
- контур картинки иногда изменяет свой вид
И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:
Ну да, не удержался и записал про два способа=)
На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!
На этом все! Всем пока!
В этом уроке вы узнаете, как быстро удалить белую область вокруг ваших отсканированных рисунков. Этот способ подойдёт для акварелей, набросков, чернильных рисунков и рукописного текста.
Вот как будет выглядеть финальный результат.
Шаг 1
Откройте Фотошоп, а затем − вашу отсканированную картинку. Для этого нажмите Файл > Открыть (File -> Open) и выберите ваш файл, либо просто перетащите изображение в Фотошоп.
Для этого урока мы используем скан красивого акварельного рисунка, сделанного нашей талантливой коллегой (Андреа).
Шаг 2
На панели слоёв (F7) нажмите иконку корректирующий слой "Яркость/Контрастность" (Brightness/Contrast).
Шаг 3
Должен появиться новый слой с именем "Яркость/Контрастность 1" (Brightness/Contrast 1). Дважды щёлкните по миниатюре слоя. Откроется новое окошко с двумя ползунками.
Шаг 4
Немного увеличьте Яркость (Brightness) (до 2-4), и подвигайте ползунок контрастности, чтобы сохранить цвета. Смысл в том, чтобы бумага осталась белой. Позже мы её отфильтруем.
Шаг 5
Снова нажмите "Создать новый корректирующий слой или слой-заливку" (New Adjustment Layer) и выберите "Кривые" (Curves). Пока что ничего не произойдёт, поскольку настройки по умолчанию не меняют изображение.
Шаг 6
Дважды щёлкните по миниатюре слоя, чтобы открыть панель настроек.
Шаг 7
Отрегулируйте кривую так, как показано ниже. В правом верхнем углу настроим освещение, в то время как центр сделаем немного выпуклым, чтобы усилить цветность.
Шаг 8
Убедитесь, что у вас выбран слой "Кривые 1" (Curves 1), затем нажмите сочетание клавиш CTRL+ALT+Shift+E, чтобы сгладить изображение и вставить результат на новый слой. Назовите слой "Сглаживание".
Шаг 9
Щёлкните по значку глаза возле миниатюр слоёв, чтобы скрыть их. Они нам больше не нужны.
Шаг 10
Снова нажмите "Создать новый корректирующий слой или слой-заливку" (New Adjustment Layer) и выберите "Цвет" (Solid Color), чтобы создать новый слой "Заливка цветом 1" (Color Fill 1).
Когда будет предложено выбрать цвет, просто выберите тёмно-серый, это неважно, так как слой нужен только в качестве ориентира .
Нажмите сочетание CTRL+Shift+[, чтобы переместить слой на задний план. Он стал невидимым, так как находится под слоем "Сглаживание".
Шаг 11
На панели слоёв выберите слой "Сглаживание" и дважды щёлкните возле него, чтобы открыть настройки Стиля слоя (Layer Style) - Параметры Наложения (Blending Options).
Шаг 12
Работаем с Наложить, если../ Blend If Удерживая ALT, перетаскивайте белый ползунок влево до тех пор, пока не увидите, что фон исчез. Нажмите ОК. Если на рисунке остались белые края, можно сдвинуть левую половину ползунка немного левее, как показано ниже.
Шаг 13
Создайте новый слой, удерживайте Shift и выберите слой "Сглаживание". Затем нажмите Слой > Объединить слои (Layer -> Merge Layers) (или сочетание CTRL+E).
Шаг 14
Возьмите инструмент "Прямолинейное лассо" (Polygonal Lasso Tool) и начерно обведите рисунок. Когда фигура замкнётся, вы увидите по контуру эффект "марширующих муравьёв".
Шаг 15
Нажмите сочетание CTRL+C, чтобы скопировать выделенное. Теперь нажмите Файл > Создать (File -> New…), затем нажмите ОК, чтобы создать новый документ нужного для нашего рисунка размера.
Шаг 16
Нажмите D для сброса цветов заднего и переднего планов. Выберите слой "Фон" (Background) и нажмите сочетание ALT+Backspace, чтобы залить весь слой текущим цветом переднего плана.
Чтобы залить слой цветом заднего плана, нажмите CTRL+Backspace.
Шаг 17
Выберите слой "Слой 1" (Layer 1). Теперь возьмите инструмент Ластик (Eraser Tool) (горячая клавиша Е) и удалите все оставшиеся белые точки. Их хорошо видно на чёрном фоне.
Шаг 18
Щёлкните значок глаза возле миниатюры фонового слоя, чтобы скрыть его.
Шаг 19
Научитесь нажимать его пальцами одной руки, это очень полезное и часто используемое сочетание.
Теперь акварельный рисунок без фона готов к использованию. Надеюсь, вы узнали сегодня что-нибудь новенькое. Если да, то оставьте лайк или комментарий, или поделитесь статьёй с тем, кому это может пригодиться.
Этот урок пригодится тем, кто собирается заняться коллажами или же модным в нашем современном мире «искусством» фотомонтажа, и, конечно же тем, кому нужно вырезать какую-нибудь картинку, например, для своего будущего логотипа. После этого урока у вас не должно возникнуть трудностей и вы будете справляться с данной задачей за считанные минуты, даже при работе со сложным разноцветным фоном.
Шаг 1: Выделение
В зависимости от того, какой сложности у вас фон, который необходимо удалить, мы будем выделять либо вожделенный объект, либо ненавистный фон.
Если фон у вас монотонный, как в нашем случае, то гораздо проще выделить его, не так ли? Для этого выбираем инструмент «Волшебная палочка» (Magic tool) и кликаем по фону. Если сразу все не выделилось, то не унываем и, зажав на своей клавиатуре SHIFT, кликаем волшебной палочкой в оставшиеся области фона.
Если же фон у вас разноплановый, как на фотографии, или же вам нужно вытащить объект из другого коллажа, то придется попотеть, выделяя сам объект. На помощь вам придут различные лассо и «Быстрое выделение» («Lasso tool» etc + «Quick selection tool»).
Рис. 1. На изображении красным цветом выделены все инструменты выделения, которые вам могут понадобиться
Шаг 2: Удаляем фон
В других уроках вас попросят создать копию слоя и удалить фоновый слой (который с замочком), но не даром же мы прошлый урок посвятили изучению инструментов! Так что нам на помощь придет «Фоновый ластик» (Background eraser tool). Выбираем ластик побольше и тщательно удаляем весь фон, не боясь зацепить нужный нам элемент картинки/фотографии. На этом, по идее, все заканчивается, но посмотрите дополнение.
Рис. 2. С помощью «фонового ластика» удаляем фон
Шаг 3: Дополнение, шаг не обязательный
Бывает так, что на взгляд вам кажется, будто вы всё стерли. Но как бы не так: разные кусочки фона затаились и ждут, когда можно будет вам помешать. Чтобы этого избежать мы рекомендуем вам создать фоновый слой с заливкой, которая была бы контрастна фону, который вы удаляете, таким образом вы увидите все его кусочки, который не удалось стереть с первого раза и избавитесь от них раз и навсегда.
Рис. 3. Создаем «слой заливку»
Рис 4. После создания слоя заливки мы увидим зоны, которые не стерли ластиком и сможем без проблем удалить их
P.S. В «Дополнении» можно уже использовать любой ластик, только предварительно выберите нужный вам слой, так как слой заливка, после его создания будет выбран по умолчанию. После того, как вы стерли всё необходимое, смело удаляйте слой с заливкой.
Многие пользователи фотошопа для удаления фона применяют достаточно сложные способы, тогда как могли бы делать это намного проще при помощи инструмента Фоновый ластик. Данный инструмент умеет автоматически распознавать грани имеет различные настройки растушевки выделенной области, благодаря чему, результат работы инструмента получается превосходным. На этом уроке по фотошопу мы научимся удалять с фона небо и заменим его на какое-либо другое небо из набора с небесными градиентами.
Предпросмотр законченного результата
Шаг 1: Выберите изображение, с которым будете работать
Откройте в фотошопе изображение, с которого вы хотите удалить фон. На этом уроке я намерен использовать сцену с двумя деревьями на фоне синего неба. Описываемые далее методы и приемы вы можете с успехом использовать в каких-либо других ситуациях с другими изображениями.
Шаг 2: Как работает инструмент
Не смотря на свое название “Фоновый ластик”, данный инструмент имеет значительно более широкие стирающие возможности, чем простое удаление фона. На самом деле его работа более похожа на стирание цвета. Итак, приступая к работе выберем инструмент. Вы можете, удерживая Shift, повторно нажимать клавишу E, чтобы циклически переключать инструменты на панели ластика. Либо непосредственно кликнуть по иконке инструмента на панели инструментов.
После того, как вы выберите инструмент, опции на верхней панели изменятся, а указатель мыши примет вид круга с перекрестием по центру. Перекрестием мы указываем цвет, который необходимо удалить, в результате чего, все, что внутри окружности имеет такой же цвет, будет удалено. Кликните ПКМ в любой точке холста, чтобы открыть окно настройки параметров данного инструмента.
Помните, что величина Жесткости (Hardness) всегда должна быть максимально возможной, иначе после инструмента могут остаться недоудаленные фрагменты фона. Задайте нужный размер кисти, а величину интервалов задавайте относительно небольшой, в пределах 1-50%, так, чтобы удаление осуществлялось мягко и равномерно.
На верхней панели опций активируйте режим Проба: однократно (Sampling Once), так чтобы мы могли, задав нужный цвет один раз, обработать большую область. Пока установите параметры Ограничения (Limits) в положение Смежные пикселы (Contiguous) и Допуски (Tolerance) – 50%.
Шаг 3: Приступаем с тиранию
Кликните в произвольной точке неба, зажмите ЛКМ и поводите по холсту, стирая область неба.
Как вы могли бы заметить на изображении выше, фон между вервями и листьями остается нетронутым. Это происходит из-за заданных настроек Ограничений (Limits). Снова обратитесь к верхней панели опций и измените Ограничения на Выделение краев (Discontiguous). Теперь повторите процесс стирания и понаблюдайте за эффектом.
Вы заметите, что в режиме Выделения краев можно удалять фон, даже если он находится в изолированной области, как, например, между ветвями и листьями.
Шаг 4: Еще несколько опций
В моем случае, когда я работал инструментом при Допусках (Tolerance) - 50% (задано по умолчанию), результат получился вполне приемлемым. Но вы не пугайтесь, если вдруг у вам получится нечто вроде вот этого:
Если это все же произошло, значит фоновый цвет слишком близок к цвету самого объекта, и вам нужно всего-навсего уменьшить величину Допуска (Tolerance levels). В том случае, если цвет фона достаточно сильно отличается от цвета самого объекта, который расположен на этом фоне (как, например, в моем случае), то Допуск можно увеличить, получив еще более совершенный результат. При правильно подобранной величине допуска, у вам должно получиться нечто вроде этого:
Шаг 5: Еще больше настроек!
Если после нескольких попыток подобрать нужный уровень Допуска, инструмент все еще создает вам проблемы, стирая вместе с фоном сами объекты, активируйте опцию защиты Основного цвета, поставив галочку на пункте Основной цвет (Protect Foreground Color).
Это позволит вам, указать образец основного цвета (взять образец цвета можно кликнув по нужному участку, удерживая Alt), который фотошоп не будет стирать в процессе работы инструментом Фоновый ластик. Ниже приведен пример того, как работает эта опция.
Шаг 6: Различные фоновые цвета
После применения инструмента Фоновый ластик на всей площади фона при одном заданном цвете, вы можете получить вот такой реузльтат:
Не смотря на то, что фон в моем случае выглядит совершенно синим, на самом деле он содержит различные оттенки синего, а местами, даже белые участки. Чтобы исправить это, вам просто нужно задать еще один, отличающийся от прежнего, цвет, и повторить процесс. Так же можно попробовать включить опцию Проба: непрерывно (Sampling Continous) на верхней панели.
Но я не рекомендую вам делать это, так как вы рискуете, подобравшись слишком близко к вашим объектам (в данном случае - деревьям), случайно захватить пробу цвета с них самих, и, таким образом, стереть участки изображения, которые стирать вовсе не собирались. Поэтому лучше просто наведите перекрестие на участок с другим фоновым цветом, и повторите процесс стирания. И так до тех пор, пока изображение не окажется полностью очищенным от фона.
Шаг 7: Заключительный шаг
После того, как фон будет удален, у вас есть два пути, по которым вы можете пойти далее. Вы можете выделить только что очищенные от фона объекты и использовать их в проекте по созданию другой композиции, либо заменить удаленный фон чем-нибудь другим, получив новое изображение (именно так мы и поступим). Скачайте набор с небесными градиентами и выберите какой-нибудь на свое усмотрение. Я решил заменить мой прежний фон чистым синим небом:
Вот что получилось в результате:
Законченный результат:
Надеюсь, урок вам понравился, и в вашем багаже хитростей и приемов появился еще один, который облегчит вам творческий процесс.
