Как сделать прозрачный фон картинки в Photoshop (фотошоп)
Сегодня, с нашими читателями сайта Комплитра, закроем вопрос о том, как сделать прозрачный фон картинки при помощи Фотошоп (Photoshop).
Не скажу что много, но однако же, подобные вопросы время от времени поступают, а значит должно быть решение…
…если вы хотите органично наложить одну картинку на другую, да так… чтобы фон накладываемой картинки не закрывал элементы другого изображения — то это статья как раз для вас (скриншоты ниже).
Будем работать с редактором Photoshop.
Поехали кататься по теме))
разделы поста:
- сделать фон картинки прозрачным
- как сделать прозрачный фон картинки в Photoshop
- делаем фон картинки прозрачным — Photoshop
сделать фон картинки прозрачным
…научимся создавать прозрачный фон картинки на примере рисунка колобок… как видите, у самой картинки есть белый фон:
если эту картинку нанести на другую, получится примерно так:
Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.
Так как же сделать фон картинки прозрачным ?? чтобы при наложении картинки получилось так, как на скриншоте ниже:
Всё просто, — картинка, на которой изображён колобок, как понимаем, имеет белый фон.
1 — нужно убрать этот белый фон, т.е. сделать прозрачным, а уж затем нанести подготовленную картинку на другую…
вернуться к оглавлению ↑
как сделать прозрачный фон картинки в Photoshop
Открываем программу Photoshop (фотошоп).
…затем открываем требуемую для удаление фона картинку…
Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…
нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…
Преступим к правке картинки:
вернуться к оглавлению ↑
делаем фон картинки прозрачным — Photoshop
…нам нужно обвести пунктиром быстрого выделения мордочку колобка…
…кликаем куда-то по фотке в окне фотошоп… перемещая, и покликивая курсором, добиваемся такого эффекта как на картинке ниже…
…то есть чтобы мордочка колобка была выделена (обведена) пунктирной линией…
…далее кликаете по меню «Выделение»…
Нажимаете опцию «Инверсия»… и…
…тюкнем на клавиатуре кнопку «Delete».
Полезная подборка полезных сочетаний ГОРЯЧИХ клавиш Виндовс…
Вот и всё — на данный момент фон картинки как бы исчез.
…Но ведь надо ещё сохранить нашу картинку с прозрачным фоном на компьютер.
Сохраняйте непременно в формате PNG, иначе вся наша работа пойдёт насмарку…
…Сделать прозрачный фон картинки в программе Фотошоп, оказалось совсем просто.
В следующих статьях рассмотрим иные варианты того, как делается фон картинки прозрачным.?.
Сегодня мы работали с однотонным фоном, а потом станем убирать, скажем так, многоцветный фон…
Общаемся в чате Телеграма задаем вопросы авторам COMPLITRA.RU
Создание… продвижение сайтов: студия ATs media запросто с WordPress
youtube.com/embed/21UFzStx1gM?feature=oembed=0&showinfo=0″ allowfullscreen=»allowfullscreen»>
Если что-то не ясно и остались вопросы, делитесь ими в комментариях…
МИГ подписки — ЭРА полезных знаний!!
все статьи: Александра Брик
автор, соавтор сайта Комплитра ру — менеджер, веб разработчик студии ATs media — запросто с Вордпресс
мой сайт
Как удалить фон в Фотошопе: 3 лучших способа
Обычно к удалению задника прибегают, когда фон выглядит нелицеприятно: мешают детали, люди, или общий план попросту некрасивый. Актуально это и для тех, кто занимается Интернет-продажами. Ведь, чтобы фон не отвлекал от товара, его принято делать однотонным. Какие бы задачи перед вами не стояли, потребуется специальный софт.
В этой статье мы расскажем о трех простых способах как удалить фон в Фотошопе и сделать его прозрачным. Ищете способы более быстрые и подходящие под любой уровень владения программой? Тогда читайте другую нашу статью, где собраны все методы удаления фона в Фотошопе и подробная инструкция как вставить новый фон в программе.
Метод 1: «Ластик»
Новички, которые еще не освоили инструменты выделения, часто прибегают к экстракции фона ластиком. Это объясняется тем, что метод предельно прост: ненужные области просто стираются. Рассмотрим детально, как убрать фон с картинки в Фотошопе с помощью ластика.
1. Откройте снимок в программе и разблокируйте фоновый слой двойным щелчком по нему.
2. С правой стороны на панели найдите «Ластик» и с помощью ПКМ вызовите контекстное меню. Нам понадобится разновидность этого инструмента, называемая «Фоновый ластик».
3. Установите комфортный для работы размер кисти, вызвав меню настроек той же ПКМ, и приступайте к стиранию заднего плана.
4. Если случайно удалили нужный участок, отмените действие комбинацией клавиш «Ctrl+Z».
5. При однотонном фоне работать еще легче. Вместо фонового, выберите «Волшебный ластик» и кликните по заднику. Фон будет удален моментально. Данный инструмент хорошо использовать, если есть зазоры между частями тела, в которые проглядывает задний план.
Опытные пользователи предпочитают пользоваться «Пером» или инструментом «Быстрое выделение», поскольку они создают максимально точную обводку. Вообще функционал программы невероятно обширен, и именно это делает Фотошоп таким сложным и непонятным для самостоятельного освоения. Подробные уроки, простые инструкции, лайфхаки от экспертов — все это собрано на сайте https://free-photoshop-rus.ru. Познакомьтесь со всеми возможностями Adobe Photoshop, чтобы создавать по-настоящему крутые работы!
Метод 2: «Волшебная палочка»
Довольно сложный инструмент, чей результат бывает непредсказуем без должных навыков обращения с ним. Но с его помощью можно быстро отделить объект от однородного фона, будь то фото или рисунок. Давайте посмотрим, как удалить фон с картинки в Фотошопе посредством этого инструмента.
1. «Волшебная палочка» находится на правосторонней панели на самом верху. Если она скрыта от взора, то найдите инструмент «Выделение объектов», вызовите посредством ПКМ выпадающий список и отыщите в нем нужный нам инструмент.
2. На разблокированном слое щелкните «Волшебной палочкой» по участку с фоном. Когда создастся выделение, нажмите клавишу «Delete». Чтобы полностью очистить объект от заднего плана, скорее всего, потребуется провести процедуру несколько раз.
3. Теперь модель отделена от фона, но по контуру осталась цветная кайма. Чтобы избавиться от нее, зажмите клавишу Ctrl и щелкните мышкой по слою. Вокруг объекта появится обводка.
4. Теперь пройдите в одноименный раздел («Выделение») и выберите опцию «Выделение и маска». Подвиньте ползунок на шкале «Сместить край» в левую сторону. Это поможет уточнить границы обводки и избавиться от остатков фона. Также можно попробовать изменить параметры «Сглаживания» и «Растушевки». Они способствуют смягчению границ. Далее нажмите «ОК» и снимите выделение комбинацией клавиш «Ctrl+D».
Метод 3: «Лассо»
Если хотите знать, как убрать фон на фото в Фотошопе, представляющий собой неоднородную заливку, тренируйте навыки обращения с «Лассо».
У этого инструмента есть несколько разновидностей, каждая из которых отличается принципом действия.
1. Для нашего случая больше всего подойдет «Прямолинейное лассо». Его можно найти в выпадающем списке, если щелкнуть ПКМ по пиктограмме инструмента.
2. Далее превратите фоновый слой в обычный, активируйте инструмент и начните создавать выделение. Для этого нужно щелкнуть мышкой на границе объекта и фона, затем провести линию в нужном направлении и закрепить ее очередным щелчком мыши. Если бы мы воспользовались обычным «Лассо», нам бы пришлось вести линию неотрывно. А это очень неудобно, если идет речь об экстракции сложных объектов.
3. При прохождении закругленных участков, где нужно плавно огибать контур, зажмите клавишу «Alt» и просто ведите мышкой, повторяя очертания объекта.
4. Для того, чтобы замкнуть выделение, последнюю точку привязки нужно создать в том же месте, где находится начальная.
5. Инвертируйте выделение («Shift+Ctrl+I») и удалите задний план с помощью клавиши «Delete».
6. В прошлый раз мы уточняли границы выделения при помощи маски, а теперь прибегнем к опции «Модификация». Пройдите по пути «Выделение» – «Модификация» – «Сжать». В появившимся окне установите примерное значение 2. Площадь выделения сократиться, обводка как бы сожмется, и края с кусочками фона будут отсечены.
7. Для сохранения картинки с прозрачным фоном нажмите «Shift+Ctrl+S» и укажите формат изображения PNG.
Заключение
Теперь вы знаете, как удалить задний фон в Фотошопе разными способами. В сложных случаях комбинируйте разные инструменты и не расстраивайтесь, если на первых порах результат будет не очень. Побольше практики и у вас обязательно все получится!
Источник – сайт сетевого СМИ artmoskovia.ru.
editor
Вы можете оказать поддержку нашему СМИ, пожертвовав произвольную сумму денежных средств по предложенной ссылке или воспользоваться QR-кодом. Оператор пожертвований – сервис CloudTips (от Тинькофф и CloudPayments).
С уважением и благодарностью, главный редактор Ольга Неснова.
750+ Фотошоп Картинки [HD] | Скачать бесплатные картинки на Unsplash
750+ Photoshop Pictures [HD] | Download Free Images on Unsplash- A photoPhotos 3.5k
- A stack of photosCollections 9.6k
- A group of peopleUsers 49
natural
background
adobe photoshop
backdrop
editing background
nature
photoshop фон
на улице
обработка в фотошопе
editing backgrounds
Mailchimp
Reach the right shoppers and increase orders ↗
Sponsored
electronicshardwarecomputer keyboard
Stephan Louis
Car images & picturesSports images
Shuttergames
pakistanislamabadroad
Tom Barrett
united statesfox pointtrain track
Rohan Gangopadhyay
japankyotoHd оранжевые обои
Arnaud
qccanadamontréal
Unsplash logoUnsplash+
In collaboration with Ave Calvar
Unsplash+
Unlock
Hd abstract wallpapersHd wallpaperswallpapera
Nirmal Rajendharkumar
yorkshire sculpture parkukwakefield
Jakob Rosen
Hd grey wallpaperslightingweather
Andre Benz
Городские обои Hd Лос-Анджелестранспорт
Зейн Ли
крыльцопатиокридор
Zane Lee
gardenoutdoorsflagstone
Unsplash logoUnsplash+
In collaboration with Ave Calvar
Unsplash+
Unlock
Hd pattern wallpapersrenderdmodeling
Zane Lee
walkwaypathpavement
Andy Kelly
united kingdomnewcastle upon tynehigh level bridge
Zane Lee
полелуганасекомые
William Daigneault
Природа фотографииHD лес фоткиHd зеленый фотки
William Manuel Son
indonesiadaerah istimewa yogyakartaparangtritis beach
Unsplash logoUnsplash+
In collaboration with Evie S.
Unsplash+
Unlock
colorfulHd wallpapersHq background images
Brennan Ehrhardt
doorHd red wallpapersHq background images
electronicshardwarecomputer клавиатура
pakistanislamabadroad
japankyotoHd оранжевый обои
Hd абстрактные обоиHd обоиобои
Hd grey wallpaperslightingweather
porchpatiocorridor
Hd pattern wallpapersrenderdmodeling
united kingdomnewcastle upon tynehigh level bridge
Nature imagesHd forest wallpapersHd green wallpapers
colorfulHd wallpapersHq background images
doorHd red wallpapersHq background images
Car images & picturesSports images
United Statesfox Pointtrain track
qccanadamontreal
yorkshire sculpture parkukwakefield
Hd city wallpaperslos angelestransportation
gardenoutdoorsflagstone
walkwaypathpavement
fieldgrasslandinsect
indonesiadaerah istimewa yogyakartaparangtritis beach
electronicshardwarecomputer keyboard
united statesfox pointtrain track
Hd abstract wallpapersHd wallpaperswallpapera
Hd city wallpaperslos angelestransportation
Hd узор обоирендермоделирование
united kingdomnewcastle upon tynehigh level bridge
indonesiadaerah istimewa yogyakartaparangtritis beach
Car images & picturesSports images
qccanadamontréal
Hd grey wallpaperslightingweather
gardenoutdoorsflagstone
fieldgrasslandinsect
colorfulHd wallpapersHq background images
doorHd red wallpapersHq background images
pakistanislamabadroad
japankyotohd оранжевые обои
yorkshire sculpture parkukwakefield
porchpatiocorridor
walkwaypathpavement
photoshop
972 photos · Curated by Andrew MarcottPhotoshop
269 photos · Curated by Blanca BarajasPhotoshop Resource
949 photos · Curated by Leo AraПрирода фотографииHD лес фоткиHd зеленые обои
Unsplash logoСделай что-нибудь классное
1500+ Adobe Photoshop Pictures | Скачать бесплатные изображения на Unsplash
1500+ изображений Adobe Photoshop | Download Free Images on Unsplash- A photoPhotos 3.
3k - A stack of photosCollections 10k
- A group of peopleUsers 2
3kperson
photoshop
photography
apparel
clothing
portrait
lightroom
Onur Binay
Турция изображения и картинкиi̇stanbulHd обои для ноутбука
Raamin ka
портретный стильтегеран
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
Nora Hutton
Women images & picturesfaceGirls photos & images
Szabo Viktor
displaymacosdock
Zane Lee
Cat images & picturesAnimals images & picturespet
Emily Bernal
workdesk
Emanuel Minca
neffvscotrip
Diyar Шахбаз
мухафаза Духоклайтрум редактированиеирак
Daniel Korpai
Hd computer wallpaperswork inspirationApple images & photos
Cam Bradford
united statesnorth carolinaHd sky wallpapers
Chase Baker
jupiterflLight backgrounds
Chris Turgeon
icelandmyvatnswimming pool
reza jahangir
Hd green wallpaperskermancocktail
Хуан Карлос Байокот
бананHd оранжевый обоиспонсор
Парвез АзарКадери
kotona hyvinkääpancakeBrown backgrounds
Joshua Rondeau
usacoloradoclothing
Shuttergames
Hd blue wallpapersattabad lakehunza nagar
Raamin ka
Hd black wallpapersiraniantehran province
Raamin ka
iranPeople images & picturesphotoshop
Raamin ka
iranian peoplefashionnikon
Турция фото и картинкиi̇stanbulHd обои для ноутбука
Женщины фото и картинкилицаДевушки фото и картинки
Workdesk
Neffvscotrip
HD Computer Walpapersworkworksworkspurise Изображения и фотографии
Icelandmyvatnswarming
Bananahd Orange Walpaperssponsor
usacoloradoclothing
hd -wallponsor
usacoloradoclothing
hd -wallponsor
usaColorAdoclothing
hd -wallponsor
usacoloradoclothing
hd -wallponsor
.
– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.portraitstyletehran
displaymacosdock
Изображения и картинки кошекЖивотные изображения и картинкиpet
duhok governoratelightroom editingiraq
united statesnorth carolinaHd sky wallpapers
jupiterflLight backgrounds
Hd green wallpaperskermancocktail
kotona hyvinkääpancakeBrown backgrounds
Hd blue wallpapersattabad lakehunza nagar
Related collections
Adobe Photoshop
1 photo · Curated by Mark Gianni1 фото · Куратор Сильвия Оспина
Adobe Photoshop
1 Фотография · Куратор Mark GianniIranpeople Images & Picturesphotoshop
Turkey Images & Picturesistanbulhd. Hd зеленые обоиkermancocktail
usacoloradoодежда
iranлюди фотошоп
portraitstyletehran
workdesk
duhok governoratelightroom editingiraq
jupiterflLight backgrounds
bananaHd orange wallpaperssponsor
Hd blue wallpapersattabad lakehunza nagar
iranian peoplefashionnikon
–––– –––– –––– – –––– – –––– –– – –– –––– – – –– ––– –– –––– – –.
