Створення прозорого фону у Фотошопі та Paint – основні та ефективні інструменти. Зробити прозорий фон онлайн Як зробити прозорим задній фон

Любите фотографувати, робити різні колажі з фотографій та картинок? Або, можливо, хочете на свій сайт або в групу Вконтакте зробити шапку з декількома фото, але проблема у фоні, адже він заважає при накладці картинок один на одного.

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

Я скачав з Інтернету для прикладу дві картинки з різними фонами – фото з полювання гепарду та равлика. Завантажити їх можете. Почнемо з картинки з білим тлом – равлики.

Видаляємо заднє біле тло в картинці

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

1. Відкриваємо фотошоп і вантажимо у нього картинку з білим тлом.

2. Заходимо в пункт «Виділення», потім у «Кольоровий діапазон».

3. Вибираємо "За зразками", клацаємо піпеткою лівою кнопкою миші по білій області картинки. Розкид ставимо 40 і натискаємо "ОК".

3. Равлик у нас тепер обведений. Але якщо збільшити картинку і придивитися, то побачимо, що білі силуети в равлику також взялися в обведення.

4. Переходимо в інструмент "Швидке виділення". Натиснувши кнопку ALT, лівою кнопкою миші прибираємо непотрібне виділення.

5. Перед видаленням фону необхідно розблокувати шар. Розблокуємо, натиснувши двічі лівою кнопкою миші. Якщо цього вікна немає, зайдіть у пункт меню «Вікно» та поставте прапорець на «шари».

6. Видаляємо фон, натиснувши кнопку «Delete». Після правової кнопкою миші клацаємо на картинці і вибираємо «Скасувати виділення», якщо не виходить, натискаємо Ctrl+D, виділення забереться.

7. На цьому етапі ми закінчили видалення білого фону в равлику.

Обов'язково вибираємо тип файлу ".PNG", в іншому випадку фон буде білий, не прозорий. Зберігаємо.

Відкриваємо та милуємося картинкою без білого фону.

Видаляємо складне заднє тло в картинці

Кидаємо нашого гепарду у фотошоп. Тепер спробуємо вирізати на малюнку гепарда і його жертву від фону, тобто видалимо фон.

1. Переходимо в пункт «Швидке виділення» та вибираємо потрібні для себе параметри пензля для цього інструменту. Одним з основних параметрів - це розмір кисті. Виберіть відповідний розмір, щоб зручно виділяти фон. Решту цього випадку можна залишити за замовчуванням.

2. Тепер лівою кнопкою миші виділяємо тло, яке хочемо видалити. Якщо виділення залазить не туди, куди нам потрібно, у нашому випадку на гепарда та його жертву, тоді затисніть клавішу «ALT» і лівою кнопкою миші заберіть виділення, яке залізло. Щоб збільшити-зменшити масштаб, затисніть клавіші Shift+Alt і крутіть коліщатко на мишці. Щоб "ходити" по картинці при виділенні, затискайте пробіл.

Після, як виділили, клацаємо правою кнопкою миші не виходячи з інструменту «Швидке виділення» і переходимо в пункт «Уточнити край» та в налаштуваннях країв, у пункті згладити, у нашому випадку вказуємо десь 10 та натискаємо «ОК». Після цього розблокуємо шар і натискаємо «Delete» і видаляємо фон.

Функція «Згладити» потрібна для того, щоб при видаленні краю були гладкі.

Якщо потрібно трішки підтерти, використовуйте «Ластик»

Переглянути цей урок у відео форматі

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

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

Навіщо взагалі потрібне прозоре тло?

Буває, що на одну картинку необхідно накласти іншу, але при накладці зображення залишається біле тло. Дивіться приклад нижче:

У статті ми розберемо три способи позбавитися цього фону. Результат має бути таким:


Сподіваюся, тепер усі розуміють суть. І ми переходимо до справи!

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

Але спочатку, звичайно, ви повинні не вставляти картинку з білим тлом. Починайте з малюнка без сонечка.

Три способи видалити фон у фотошопі

1 спосіб зробити прозорий фон:

Все, тло зникло. Сподіваюся, все було зрозуміло.

2 спосіб, як зробити фон прозорим:

На замітку! Два вищеописані способи можна застосовувати, якщо фон має один колір. В інших випадках скористайтесь третім способом.

3 спосіб, як прибрати фон у фотошопі

1. Забрати фон у фотошопі за допомогою інструмента швидка маска. Маска знаходиться внизу у лівому вертикальному меню:

2. Після натискання на швидку маску виберіть «Пензель» і замальовуйте об'єкт (не фон), сонечко, у нашому випадку. При цьому не торкайтеся фону.

Використовуйте різні розміри кисті для фарбування. Для цього скористайтесь другим горизонтальним меню. Детальніше на скрині: 3. Після того, як сонце повністю зафарбоване, натисніть на швидку маску. Потім натисніть кнопку Delete, щоб видалити все навколо об'єкта.

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

Тепер ви знаєте, як у фотошопі зробити прозоре тло. Перейдемо до вирішення іншого завдання. А саме для збереження прозорого фону. Часто користувачі вдало виконують видалення фону, але зберегти зображення в такому вигляді їм не вдається. У вас така сама проблема? Тоді читайте далі!

Як зберегти зображення з прозорим фоном

Відразу зазначу важливий момент. Можливо, тільки цих слів буде цілком достатньо для вирішення вашої проблеми. Якщо зберегти зображення у форматі JEPG, то прозоре тло зникає, залишиться колишній білий колір. Потрібно зберігати у форматах PNG або GIF. Статті на тему:



Ну от і все. Тепер, якщо ми вставимо сонце на галявину, то картинка набуде привабливого зовнішнього вигляду:

Онлайн-програма Pixir-робимо прозоре тло біля картинки.

Сергій Фещуков

Буває трапляється дуже підходяща картинка для вашого поста і все б добре... Але фон картинки не підходить під фон блогу або блоку з текстом. Явно в жодного мене така проблема і в жодного мене тло не біле, яке підходило б у більшості випадків. Мені потрібен прозорий фон!

В інтернеті я не знайшов нормальних ідей як зробити прозоре тлодля готової картинки, тому почав сам експериментувати і знайшов більш-менш підходяще рішення!

Як зробити прозоре тло у картинки

Візьмемо в приклад одну просту картинку у форматі.jpg (загалом формат не важливий особливо):

Тут є біле тло, якого я хочу позбутися і замість нього зробити прозоре тло. У цьому нам допоможе Pixlr – онлайнова подоба фотошопу.

Завантажуємо наше зображення. Справа в вікні "Шари" з'явиться шар "Фоновий", на якому замочок (не дає видаляти фон картинки).

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

Тепер беремо чарівну паличку (панель інструментів, правий стовпець, друга кнопка зверху), вказуємо наступні параметри: допуск = 21, галочки стоять на згладжуванні та безперервності(зазвичай такі параметри стоять стандартом), хоча з параметрами можете поекспериментувати; і натискаємо на тлі картинки (у нашому випадку, на білому тлі).

Тепер видаляємо фон натисканням кнопки "Delete" і отримуємо потрібне зображення з прозорим фоном.

У результаті на виході отримуємо те саме зображення з прозорим тлом.

Єдиний мінус Pixlr- не можна зображення зберегти у формат.gif, який теж зберігає прозоре тло, але набагато легше, ніж формат.png. Але якщо немає іншого виходу, то чому б не скористатися цим?

дякую Наталії Петровій

Як у фотошопі зробити прозоре тло?

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

Як у фотошопі зробити прозоре тло - перший спосіб:

Клацаємо лівою кнопкою миші "Файл" (File) (у лівому верхньому кутку). У списку вибираємо "новий" (New). У "змісті фону" (Background Contents) вибираємо "прозорий" (Transparent). Цей спосіб варто використовувати для тих, хто хоче створити власне зображення без фону. Він не підійде, якщо ви бажаєте прибрати фон із готового зображення. Для цього потрібно скористатися другим способом.

Як у фотошопі зробити прозоре тло - другий спосіб:

Графічний редактор фотошоп відрізняється тим, що використовується робота з шарами. Зображення, за яким робиться прозоре тло, потрібно скопіювати на новий шар. Робиться це одночасним натисканням клавіш Ctrl і J (далі використовуватимемо загальновживане скорочення, наприклад, Ctrl+J). Для виконання цього можна скористатися іншим способом - клацаємо правою кнопкою миші по шару і в меню вибираємо пункт "створити дублікат шару" (Duplicate Layer). У наступному вікні натискаємо "OK". Повинно вийти два однакові шари, тільки один з них називатиметься "шар 1", а інший - "фон".

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

Третій етап – необхідно відокремити зображення від фону. Це можна зробити за допомогою інструмента під назвою "гумка". На клавіатурі він вмикається клавішею "E". Розміри інструменту гумка можна змінювати за допомогою клавіш "[" та "]" на англійській розкладці. Міняти розміри інструменту вам знадобиться, щоб акуратно "стерти" фон навколо об'єкта. Якщо ви все правильно зробили, то навколо об'єкта у вас залишиться "шахове поле" – це і є відсутність фону, тобто прозоре тло.

Останній етап – це збереження картинки із прозорим фоном. Збереження стандартне. У лівому верхньому кутку лівою кнопкою миші вибираємо "Файл" (File) у списку вибираємо "Зберегти як" (Save as). Під зображенням та рядком "Назвою файлу" буде рядок "тип файлу". У цьому рядку ви вибираєте формат, у якому буде збережено зображення. Можна вибрати формат ".psd" або ".png". Рекомендується використовувати останній формат. Після цієї дії натискаємо "зберегти". У форматі JPEG прозорість не зберігається.

Тепер ви можете використовувати зображення без початкового фону, вставляючи його в документ. Слід зазначити, що інструмент "гумка" досить складний для новачків, якщо рука "не набита" щоденною роботою у цій програмі. Тому можуть виникнути складності при спробі "стерти" фон навколо дрібних об'єктів, таких як трава, наприклад. Можна порадити або вдосконалювати майстерність, або використовувати для роботи графічний планшет (що більше властиво професіоналам), або спробувати інший спосіб.

Як у фотошопі зробити прозоре тло - третій спосіб:

Необхідно перетворити фон картинки на шар. Для цього клацаємо правою кнопкою миші на тлі в області праворуч, де відображаються шари. Вибираємо «Layer from background»/«Із заднього плану» (більшість версій фотошопу, скачених з торентів, англійською мовою. Це зауваження справедливе і для багатьох туторіалів). У меню, що відкрилося, клацаємо «OK». Вибираємо інструмент "Чарівна паличка". Їм можна користуватися тільки якщо фон, який необхідно вирізати, однорідний за кольором (в іншому випадку використовуємо інструмент ”Лассо”). Виділяємо тло. Натискаємо Delete. Після цього бачимо наш об'єкт на фоні шахового поля. Це і є прозоре тло. Залишилося зберегти зображення описаним вище способом.

У мережі є велика кількість відеоуроків на цю тему. Наприклад, можна простежити за послідовністю дій на відео до статті.

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

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

Крок 1.Збільшити об'єкт. Для цього натисніть кнопку інструмента Zoom Tool (Z) і навести курсор на зображення. Курсор перетворюється на плюсик і при кожному кліку картинка збільшується. Після того, як ми попрацюємо із зображенням, поміняємо вгорі на лінійці налаштувань значення інструменту назад на Zoom Out і курсором, що перетворюється на мінус, знову зменшимо його. Кнопка інструмента Zoom Tool (Z) відображає лупу. У цьому прикладі ми збільшили зображення двома кліками, цього буде достатньо, щоб акуратно обвести об'єкт.

Крок 2Виділити об'єкт. Для цього натисніть на інструмент перо Pen Tool (P). Зверніть увагу на налаштування лінійки зверху.

При наведенні зображення курсор повинен перетворитися на перо. Приймайте точку за точкою обводити пером об'єкт, який ви хочете звільнити від фону. Коли ланцюг замкнеться, ви побачите, що об'єкт обведений суцільною лінією. Тепер наведіть курсор на цю суцільну лінію і клацніть правою мишкою. У вікні, що з'явилося, виберіть рядок Make Selection, тобто виділення.

У наступному діалоговому вікні виставте радіус.

Контур картинки мерехтить - отже, об'єкт ми виділили.

Тепер давайте за допомогою лупи обернемо об'єкт так, як написано в кроці 1.

Крок 3Створити прозоре тло. Спочатку зробити дублікат зображення. Для цього в меню послідовно виберіть Image – Dublicate – Ok.

Тепер необхідно повністю виділити весь наш дублікат за допомогою інструмента Прямокутне виділення.

Тепер подвійне клацання по іконці замочка праворуч та ОК. Цією дією ми розблокували шар. Натиснути клавішу Delete на клавіатурі. Зображення набуло шахового забарвлення, яке означає прозорість. Це і є наше прозоре тло, на яке ми повинні перетягнути попередню виділену картинку.

Крок 4Перемістити зображення на прозорим фоном. Для цього клацнути курсором по потрібній виділеній раніше картинці і потім клацнути кнопку Переміщення Move Tool (V). Затискаємо лівою мишкою і, перетягнувши об'єкт на прозоре тло, відпускаємо. Мета зміни фону на прозорий досягнуто.

Це один із кількох можливих способів звільнення зображення від фону.

Збережіть картинку у форматі png. Слід зазначити, що є ще й інші способи зміни фону на прозорий. Але про це в інших уроках.


  • Невелика інформаційна стаття про вибір домашнього принтера для друку фотографій. Акцент зроблено на вибір між струменевими та сублімаційними...




Завантаження...
Top