Робимо прозоре тло зображення. 3 різних способи.

Доброго всім часу доби, мої дорогі друзі і читачі. Я щодня пишу статті на свій блог, і відповідно до кожної з них потрібна якась вступна картинка. Щоб її зробити доводиться шукати спеціальні зображення в інтернеті. В ідеалі знаходяться зображення з прозорим фоном. Це сильно полегшує роботу, оскільки вони ідеально встають на картинку без зайвих об'єктів.

Але буває так, що знайшов якесь офігенне зображення, яке б підійшло до загальної тематики, але вона, собака така, знаходиться з зайвими предметами і фоном. І що тоді? Забити на хорошу графіку? Та ні за що. і якраз сьогодні я вам із задоволенням покажу, як у фотошопі зробити прозоре тло картинки кількома досить простими способами.

Ви можете подивитися мою статтю, де я писав про те, як виділяти волосся у фотошопі. Цей спосіб підходить для нашої мети (ви також виділяєте об'єкт і переносите його на новий документ на прозорому бекграунді), але я б радив їм користуватися саме для таких складних виділень. Для звичайного видалення непотрібного фону (тобто створення прозорого) будемо використовувати більш прості методи.

Перед тим, як приступити до основної роботи, відкрийте зображення і постарайтеся обрізати його до того моменту, щоб елемент в неї поміщався. Так буде легше, повірте. Тим більше робиться це нескладно. Просто візьміть інструмент «Рамка» та зменшіть межі.

Вирізання об'єкта у фотошопі

Щоб зробити прозоре тло, необхідно вирізати предмет, а фон видалити. Залежно від форми предмета, виберіть спосіб виділення, який буде зручним у цій ситуації.

Якість готової картинки в основному залежить від якості виділення. Постарайтеся максимально точно повторити форму предмета відповідними інструментами ласо.

Якщо краї предмета мають не чіткі краї, виділення теж повинно мати злегка розмиті грані. Щоб вибрати праву кнопку миші, клацніть «Розтушовки». Значення розмиття спрацює до всього виділення.

Однак, бувають рідкісні ситуації, коли тільки частина предмета має розмитий край або відсутність фокусування. У такому разі необхідно комбінувати кілька способів виділення.

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

Основний предмет з високою чіткістю меж можна виділити звичайним інструментом «Ласо», а нечіткі краї - м'яким пензлем у режимі «Швидкої маски» (Quick Mask - Клавіша Q), як показано на знімку нижче.

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

Додавання до виділення непарних областей

А тепер, детальніше про інший спосіб виділення. Виділіть основну частину зображення з чіткими кордонами, потім натисніть - Select/Save Selection...

Зніміть виділення і створіть нове, навколо нечіткої області. Клацніть правою кнопкою миші - Feather... (Розтушовка...) Вкажіть потрібне значення. Як правило, декількох пікселів буде достатньо.

Тепер, натисніть - Select/Load Selection... Виберіть - Add to Selection (додати до виділення). Ваше минуле виділення склеїться з новим, а різні ступені розмиття збережуться.

Можливо, цей прийом здасться більш складним, ніж попередній. Загалом, робіть, як зручно вам.

Формати, що підтримують прозоре тло

Після вилучення тла необхідно зберегти зображення у форматі, що підтримує прозорість.

PSD - найперший з них. Він легко читається у всіх редакторах Adobe і не тільки. Він містить всю інформацію про шари ефектів і т. д. тому, як правило, має велику вагу.

Tiff - це формат, схожий на властивості попереднього. Також може містити прозорі області. Через високу якість, часто використовується в поліграфії.

PNG - має відносно не велику вагу і дозволяє зберігати якість зображення. Найчастіше використовується у веб-дизайні. Банери, кнопки сайтів, графічні елементи веб-сторінки часто містять цей формат.

Увага! Перш ніж зберігати обов'язково вилучіть альфа канали, якщо ви їх створювали в процесі виділення.

Коротко про можливі варіанти

Для того, щоб бекграунд зображення не перекривав поверх іншу картинку або загальний фон, застосуйте один з цих інструментів:

1. «Чарівна паличка»
2. «Магнітне ласо»
3. «Швидке виділення» (якщо тло зображення різнобарвне)
4. «Швидка маска» (якщо різнобарвний)

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

back to menu ↑

Спосіб № 1 «Чарівна паличка»

Це найпопулярніший спосіб, який застосовується для одноколірного бекграунду.

Ось що потрібно зробити:

1 Відкрийте зображення у Фотошоп. Зображення з непрозорим тлом зазвичай мають формат Jpg, а фоновий шар недоступний для редагування. Щоб розблокувати його у правому нижньому куті, виберіть розділ Шари і клацніть на замочці у рядку Шар 0 (Layer 0)

2 Тепер активуйте інструмент Чарівна паличка (Magic wand). Якщо його ніяк не знайти, то клікаємо правою кнопкою за інструментом Швидке виділення, і в спадному меню з'явиться потрібна нам паличка

3 Тепер клікніть у будь-яку точку непотрібного бекграунду, і програма автоматично виділить його маршируючими мурахами (що рухається пунктирною лінією). За допомогою клавіші Shift можна виділити та обробити додаткову область, яку паличка не змогла захопити в автоматичному режимі

4 Тепер необхідно вилучити непотрібний задній шар (натисніть клавішу Delete). Те що задник став невидимим зрозуміло по полю з біло-сірих шашок. Можна відразу вставити об'єкт в інший бекграунд (копіюємо і вставляємо за допомогою комбінації гарячих клавіш Ctrl + C і Ctrl + V)

5 Для того, щоб прозорий бекграунд не перетворився на білий під час збереження, виберіть формат GIF або PNG. За допомогою пункту меню Файл ви зможете обрати пункт Зберегти як, а потім скористатися пунктом меню Файл. Якщо зберігати у Jpg, всі зображення будуть непрозорими. Підтримується отриманий формат усіма браузерами, тому можна відразу завантажувати роботу на веб-сайт

6 Відкриваємо збережене зображення, щоб переглянути результат. Бачимо, що позаду нічого немає. Значить зберегли все правильно. Вирізана картинка злегка нерівно, але виправляти це ми не стали. Головне було показати принцип роботи, та й з більш простими фігурами такої проблеми не буде

Тепер перейдемо до роботи з Лассо.

back to menu ↑

Спосіб № 2 «Ласо»

Інструмент має три різновиди.

• Звичайне «Ласо» варто застосовувати тільки якщо у вас графічний планшет або тверда рука. Виділяти межу об'єкта разом з усіма нерівностями доведеться самостійно, без допомоги програми
• Прямолінійне ласо підійде тільки для об'єкта, що складається з прямих ліній
• «Магнітне ласо» є найзручнішим варіантом і підійде недосвідченим користувачам. Їм і будемо працювати

Ось що потрібно зробити:

1 Відкрийте зображення у фотошопі. У правому нижньому куті клацніть по вікну Шари, а потім по іконці замка у рядку Шари 0. Якщо він зник, то це сигналізує про допуск до роботи

2 Клацніть правою кнопкою миші на панелі інструментів. Відкриється спадне меню, в якому потрібно вибрати Магнітне ласо

3 Клацніть на межі між тлом та зображенням, а потім відведіть курсор вздовж цього кордону. Лассо буде самостійно примагнічуватися до кордону з заднім планом і виставляти опорні точки. Таким чином добийтеся, щоб все головне зображення було виділено (з першого разу може не вийде, практикуйтеся точно розставляти мітки)

4 Замкніть петлю, довівши її до точки старту, з подальшим кліком по ній. Відразу ж межі накладуваної петлі оформляться маршируючими мурахами

5 Тепер у верхньому меню клацніть на розділі Виділення, а в меню, що спадає, виберіть функцію Інверсія

6 У результаті ви побачите, що вся область бекграунду автоматично виділиться

7 Залишиться лише вилучити її кнопкою Del. Не забудьте зберегти отриману картинку як PNG або GIF-зображення. Якщо потрібно, ми відразу використовуємо Ctrl + C і вставляємо скопійоване зображення в нове тло

Розібрані способи хороші для одноколірного бекграунду, але що робити, якщо він контрастний?