Зробити фон зображення прозорим у Gimp


303

У мене є кілька зображень jpg, і мені потрібно, щоб кожне з них було прозорим фоном.

У мене GIMP є графічним інструментом.

Мені потрібно розмістити їх на веб-сторінці, і мені потрібно бачити лише основний елемент і мати прозорий фон.


Щойно з’ясувавши, якщо ти на Macbook, ти повинен натиснути fn-deleteпісля вибору чарівної палички;) видалення не працює самостійно.
Бен

Відповіді:


307

Щоб розширити відповідь утопікам , іноді ваше зображення може містити ділянки, наприклад, тіні, які ви хочете бути напівпрозорими. Наприклад, скажімо, у вас є фотографії, зроблені в лайтбоксі, як-от ця приємна і вільно ліцензована картина шведської дерев’яної іграшкової коні люб’язно надана Creative Tools :

Фото далекарського іграшкового коня в лайтбоксі, ліцензованого CC-By 2.0 від Creative Tools

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

Наступним кроком є ​​вибір фону. Це було досить просто зробити з інструментом " Чарівна паличка" , хоча мені довелося виправити деякі шматочки, де білі смужки на об'єкті поєднуються з фоном із інструментом "ласо" . Крім того, після того, як у мене було чудово підібране тло, я розширив виділення на кілька пікселів (з повною роздільною здатністю), щоб уникнути залишків біля об'єкта білястого ореолу через згладжування. (Ви не можете побачити це на цьому зменшеному скріншоті, але мені справді вдалося зробити досить хорошу роботу з вибором, якщо я можу так сказати.)

Те саме зображення з обраним фоном

Тепер, ось трюк : замість того , щоб просто вирізати фон, я використовував кольориКолір в альфа - канал , щоб змінити колір фону (білий) на прозорою. (Ви також можете використовувати заливку відра в режимі Color Erase, як пропонує utopicam.) Якщо застосувати до всього зображення, це також зробить об'єкт виглядом напівпрозорим, але оскільки вибрано лише фон, тіні стають напівпрозорими, поки сам об’єкт залишається непрозорий:

Зображення після нанесення кольору на Альфа

Ось така ж картина на блідо-синьому тлі, щоб краще показати напівпрозорі тіні та відбиття:

Та ж картина на блідо-синьому тлі

Один додатковий трюк, який я не показав, - це те, що часто зручніше зробити дві копії шару зображення, перетворити виділення у маску шару на верхньому та застосувати Колір до Альфи до нижньої. Це дозволяє вам тонко налаштувати краї об’єкта, редагуючи маску, а в прямому ефірі бачити, як буде виглядати результат. (Порада: зробіть кілька фонових шарів, заповнених різними кольорами, щоб ви могли легко перевірити, як виглядає малюнок на різних фонах.) Зокрема, іноді роблячи виділення біля країв об’єкта просто злегка напівпрозорі, можна зробити результат виглядати приємніше і більш природним, оскільки він імітує фон, що відбивається від об'єкта.


1
the first step would be to adjust the levels of the image until the background really is solid white- як це зробити, щоб саме це було включено для нас манекенів? Або я повинен задати окреме питання, як це зробити?
hippietrail

1
@hippietrail: Інструмент рівнів, як правило, робить досить непогану роботу: просто перемістіть крайній правий повзунок вліво, поки він не виглядає добре, або скористайтеся білою крапельницею для очей. Якщо зріз виглядає занадто різким, ви можете переключитися на "Редагувати ці налаштування як криві" і згладити його там. (В основному, ви хочете, як правило, кривої, яка здебільшого лінійна, але трохи загинається біля верхнього краю, щоб зустріти її поступово, а не в гострому куті.)
Ільмарі Каронен

Мені подобається інструмент кривих для переміщення "білого" фону до повного білого. Це також дає приємну гістограму розтягнутий на решті зображень.
Містер Перпл

75

Використання швидкого заповнення відра замість вибору контуру

Примітка. Цей підручник також доступний у форматі PDF.

_La trahison des images_ земляка Рене Магрітта;  частково вандалізовано для цілей цього підручника.

Додайте альфа-канал

Деякі типи зображень не мають каналу прозорості; Наприклад, JPG. Якщо це так, додайте альфа-канал прозорості. Це робиться шляхом вибору Layer → Tranparency → Add Alpha Channel.

Ковш заповнений кольором [необов'язково]

Наступний крок не є обов'язковим і полягає в заповненні області, яка повинна спочатку стати прозорою звичайним кольором. Виберіть інструмент для заповнення відра або натисніть Shift+ B. У параметрах Bucket Fillпанелі інструментів вибирайте Fill transparent areasлише за необхідності. Виберіть BG colour fillі Sample mergedвиконайте кілька спроб, коригуючи Thresholdнайкращі результати. Між ними натисніть Ctrl+, Zщоб скасувати.

Деякі змішування кольорів будуть неминучими і навіть бажаними. (У цьому відношенні Adobe Photoshop нічим не відрізняється.) Отже, виберіть колір, сумісний із фоном, на якому в результаті буде отримана картинка. Клацніть прямокутник кольору тла у верхній половині Tool Optionsвікна панелі інструментів, щоб змінити колір фону. Тут я використовував f3f3e9як колір фону для заповнення звичайного кольору. Однак можна також скористатися інструментом «Піпетка» для вибору кольору з будь-якого місця робочого столу.

<code> Заповнення відра </code>: Виберіть <code> Заповнення прозорих областей </code> лише за необхідності.  Виберіть <code> BG color fill </code> та <code> Зразок об'єднаного </code> та виконайте кілька спроб, коригуючи <code> Поріг </code> для найкращих результатів.  Між ними натисніть <kbd> Ctrl </kbd> + <kbd> Z </kbd>, щоб скасувати.

Застосовується <code> Заповнення відра </code>.  Виберіть колір заливки, сумісний з фоном, на якому в результаті буде отримано зображення.  Це тому, що певне змішування кольору неминуче і навіть бажане.  Тут я використовував <code> f3f3e9 </code> для простого кольорового наповнення.

Виберіть за кольором

Зараз правильно це зробити Select → By Colour. Виконати це може бути заманливо Colour to Transparency, однак це також змінить напівпрозорі області в межах потрібної області зображення. На цей раз виберіть Fill transparent areas, а також Sample merged. Для цього конкретного прикладу я вирішив не застосовувати Antialiasingні Feather edges. Тим не менш, експериментуйте з цими налаштуваннями і вибирайте те, що виглядає найкраще. Знову проведіть кілька спроб, коригуючи Thresholdнайкращі результати. Між ними натисніть Ctrl+, Zщоб скасувати.

<code> Вибір за кольором </code>: На цей раз виберіть <code> Заповнення прозорих областей </code>, а також <code> Зразок, злитий </code>.  Знову проведіть кілька спроб, налаштовуючи <code> Поріг </code> та експериментуйте з <code> Antialiasing </code> та <code> Peather edge </code> для найкращих результатів.  Між ними натисніть \ <kbd> Ctrl </kbd> + <kbd> Z </kbd>, щоб скасувати.

<код> Виберіть → За кольором </code> застосовано

Відняти від виділення

Часом виявляється складно правильно підібрати колір. Також може бути обрана частина бажаної області зображення, оскільки колір відповідає. У цьому випадку і ледве видно дев'ять бажаних пікселів посередині труби також були вибрані для видалення. Коли це відбувається, використовуйте Ctrl+ Dragза допомогою Selectобраного вами інструменту, щоб вибрати область віднімання віднімання.

Використовуйте <kbd> Ctrl </kbd> + <code> Перетягнути </code> за допомогою обраного вами інструмента <code> Select </code>, щоб вибрати субтрактивну область вибору.

Тепер вибрано бажану область прозорості.

Збільшити вибір [необов’язково]

На облямі потрібного зображення деякі відтінки мого фону все ще залишаються невибраними. Якщо це так, зробіть виділення за допомогою пікселя, використовуючи Select → Grow… → 1px.

Видалити

Після вибору потрібної області прозорості просто натисніть Delete.

Після вибору потрібної області прозорості просто натисніть <kbd> Видалити </kbd>.

Кінцевий результат

Нарешті, експортуйте прозоре зображення у File → Export As...формат файлу, який підтримує прозорість. Це бажано PNG, але GIF також буде працювати.

Кінцевий результат


4
Ви можете збільшити вибір на 1px, щоб видалити білі краї (Виберіть> Зростати> 1> ОК)
MonoThreaded

4
Я зовсім не розбираюся в графічному дизайні. Кожен рідкісний випадок, коли мені потрібно видалити тло, я, здається, повертаюся до цієї відповіді. Дякую!
slayernoah

1
Я також виявив, що використання Featherопції у виборі також корисно для зображень із краями, розмитими на пробіл.
Jocull

1
Спасибі: маючи jpg з чисто білим тлом, це було так просто, як це: додайте прозорий шар, виберіть, видаліть.
djvg

21

Здається, вам потрібно обрізати певні частини jpgs (наприклад, головну фігуру) та видалити "фон". Це можна зробити за допомогою інструменту lasso.

На веб-сайті gimp є багато навчальних посібників та пояснень. Перевірте це http://docs.gimp.org/en/gimp-painting.html#gimp-concepts-selection і це: http://docs.gimp.org/en/gimp-tool-free-select.html

Вибір многокутника створює опорну точку кожного разу, коли клацнеш. Потім переміщення вказівника миші малює лінію з новою опорною точкою, яку ви можете переміщати, доки не натиснете знову.

Ви можете отримати доступ до інструменту Lasso різними способами:

  • На панелі меню зображень Інструменти → Інструменти вибору → Безкоштовний вибір,

  • натиснувши на піктограму інструмента в ToolBox,

  • за допомогою комбінації клавіш F.

Щоб зробити суцільний фон зображення прозорим , додайте альфа-канал і використовуйте Чарівну паличку для вибору фону. Потім за допомогою інструмента «Вибір кольору» виберіть колір фону, який стає кольором переднього плану в панелі інструментів. Використовуйте інструмент «Заливка відра» обраним кольором. Встановіть режим заповнення відра на "Колір стирання", який стирає пікселі з обраним кольором; інші пікселі частково стираються та їх колір змінюється.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.