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

Онлайн-програма Pixir-робимо прозорий фону картинки.

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

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

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

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

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

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

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

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

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

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

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

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

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

Головне потрібно вказати картинку на вашому комп'ютері чи телефоні, а потім натиснути кнопку ОК унизу цієї сторінки. За замовчуванням однотонне тло картинки замінюється на прозоре. Колір фону вихідної картинки визначається автоматично, потрібно лише вказати в налаштуваннях, яким колір його замінювати. Основним параметром, що впливає якість заміни, є «Інтенсивність заміни» і кожної картинки вона може бути різною.

Приклад фотографії рожевої троянди без змін та після заміни однотонного фону на прозорий, білий та зелений:

Перший прикладз троянди на прозорому фоні зроблено з такими налаштуваннями:
1) Інтенсивність заміни - 38;
2) Згладжування по краях - 5;
3) Замінити однотонний фон на - прозорий;
4) Обрізання (<0) или Добавление (>0) по краях - "-70";
5) Інвертувати – відключено (галка не варто).

Для створення другого прикладу, з білим фоном, використовувалися такі ж настройки, як і в першому прикладі, крім параметра: "Замінити однотонний фон на" - білий. У третій приклад, із зеленим фоном, також використані налаштування, як і в першому прикладі, крім параметра: "колір у форматі hex" - #245a2d.

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

1) Вкажіть зображення у форматі BMP, GIF, JPEG, PNG, TIFF:

2) Налаштування для заміни однотонного фону
Інтенсивність заміни: (1-100)

Згладжування по краях: (0-100) Замінити однотонне тло на: прозоре (тільки для PNG-24) червоний рожевий фіолетовий синій бірюзовий небесний салатовий зелений жовтий оранжевий чорний сірий білий або колір у форматі hex: відкрити палітру Обрізка (<0) или Добавление (>0) по краях: (від -100 до 100)
(Інтенсивність для додаткового обрізання або додавання пікселів навколо виділення на прозорому тлі)Інвертувати виділення (замість фону замінити передній план)

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

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

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

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

Створення нового документа

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

Чарівна паличка

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

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

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

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

Ластик

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

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

Звичайно є спосіб і простіший, а саме інструмент «Фонова гумка». Єдине, краще, щоб фон та елемент досить відрізнялися один від одного за кольором та насиченістю. Тому я взяв фотографію тигра, який стрибає на тлі неба. Відмінний варіант.

Ну і заразом про ще одну стерку не забуду. У тій самій групі інструментів виберіть « Чарівний гумка» . Знову ж таки дивимося на допуск. За такої композиції можна поставити високий рівеньдопуску, навіть 80-90 .

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

Натискайте на залишки небосхилу, щоб повністю його прибрати. Тигр має бути лише на прозорому тлі. Ну, а далі все за схемою. Зчищаєте все до прозорості та зберігаєте картинку у форматі PNG.

Ну? Чи не краса? Всі. Тепер його можна використовувати для будь-яких колажів або інших видів зображень. Можете навіть зробити так, ніби він намагається на вас напасти))). Ну, це вже як ваша фантазія вам підкаже.

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

Ну, а на цьому я з вами прощаюся. Сподіваюся, що мій сьогоднішній урок вам сподобався і був для вас корисним. Не забувайте підписуватися на оновлення блогу та ділитися з друзями у соціальних мережах. А на вас я чекаю у своїх інших статтях. До речі, про конкурс не забули? За тиждень уже оголошу результати. Тож поспішаємо! Ну, а вам я бажаю успіхів. Бувай!

З повагою, Дмитро Костін.

Іноді виникає потреба змінити малюнок, зробивши в ньому прозоре тло. Буває трапиться картинка, але її фон не підходить до Вашого сайту, і хочеться зробити його прозорим. Зрозуміло, якщо є Фотошоп і вмієте на ньому працювати - можна це зробити і там. Але існує й простіший спосіб, так би мовити, "для чайників".

Якось серфя по Інтернету, я натрапив на статтю про графічного редактора Pixlr Photo Editor. До речі, це не звичайний графічний редактор, а онлайн редактор. Ось посилання на нього - http://pixlr.com/editor/.

Саме ця програма і допоможе нам зробити картинку з прозорим тлом. формат PNG.

Маємо, наприклад, таке зображення:

Я хочу прибрати з нього чорне тло і зробити його прозорим.

Для цього заходимо в програму, вибираємо пункт Open image from computer (Відкрити зображення з комп'ютера) і завантажуємо потрібну картинку. Відразу поміняйте мову програми на російську (меню Language-> Російська мова).

Праворуч у вікні "Шари" Ви побачите мініатюру картинки та колодочку. Клацніть мишкою двічі по колодочці (має з'явитися "пташка" в квадратику). Таким чином, Ви знімаєте блокування з фону.

Після цього вибираєте інструмент "Чарівна паличка" (ліворуч на панелі інструментів), підносите його до тла малюнка та клацаєте мишкою. Фон виділиться пунктирною лінією. Кнопками Delete знищуєте фон.

Ось що в мене вийшло:

Вітаю Вас, дорогі читачі мого блогу!

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

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

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

Покажу Вам на прикладі, ось такий картинки, ми будемо прибирати білий фон

Заходимо в онлайн фотошоп. Я використала ось цей PIXLR

Обираємо: Завантажити зображення з комп'ютера.

Тепер праворуч у віконці «Шари»треба відкрити замочок

Кликаємо на нього 2 рази лівою кнопкоюмиші повинна з'явитися галочка в квадратику.

Тепер йдемо на панелі, яка знаходиться зліва, вибираємо інструмент "Чарівна паличка"та толерантність ставимо 21.

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