Непрозорі фону. Як зробити прозоре тло в Paint

Привіт відвідувачу мого блогу!

Я часто зустрічаю такі питання серед новачків:

  • Як завантажити картинку на комп'ютер
  • Як зменшити картинку
  • Як зберегти її в потрібному форматі
  • Як зробити картинку круглою
  • Як зробити картинки на прозорому тлі

А це зробити дуже просто! І скористатися можна безкоштовним вже вбудованим у нашому Windows редактором картинок Paint.net. Ось офіційний сайт програми https://paintnet.ru/. На фотографії показаний кінцевий продукт наших маніпуляцій, відповідно фон може бути будь-який. На картинці ви бачите, як виглядає картинка на прозорому тлі в якомусь графічному редакторі.

І таке зображення можна ставити на будь-який фон, там де шашечки буде той самий фон, на який ви поставите її. Але! Обов'язково зберігайте зроблену прозору картинку у розширенні . PNG, інакше тло стане не прозорим, а білим!

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

І я вирішила допомогти новачкам і зробила відеоролик саме для них, тому що там розказано все з нуля. Тобто ази, починаючи від скачування картинок з інтернету. Його ви зможете подивитися внизу сторінки.

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

Усі незрозумілі моменти ви зможете переглянути у відеоуроці.

  • Відкриваємо картинку у програмі Paint.net.
  • Її можна перетягнути мишкою, а можна відкрити через Файл і в меню, натиснути Відкрити.
  • 1 Натискаємо на круглий інструмент виділення
  • 3 Виділяємо потрібний нам фрагмент
  • 2 Натискаємо на ножиці команда «Вирізати» та програма зберігає вирізаний фрагмент у буфер обміну
Скріншоти збільшуються на кліку!

Отримуємо такий вигляд у Paint. І натискаємо на інструмент «Створити» (білий лист із зеленим значком)

Виходить віконце із зазначенням розміру майбутнього документа, тиснемо «ок».

Після того, як документ створився, вибираємо інструмент Чарівна паличка. І кликаємо нею білим полем.

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

І один дуже важливий момент, зберігаємо ОБОВ'ЯЗКОВО у форматі. Інакше фон не буде прозорим.

Якщо ви робите зображення для блогу, не забувайте . І видаляйте з блогу, які навантажують блог, уповільнюють його завантаження.

А ось і відеоурок. Щоправда, там спочатку вставляється зображення, а потім уже видаляється тло.

Paint.net Обрізати, зробити круглий, прозорий фон.

Якщо у Вас є якісь питання щодо обробки картинок, то пишіть будь ласка і я обов'язково відповім або зроблю відеоурок.

P.S. Якщо Вам щось не зрозуміло, то пишіть будь ласка в коментарях.


PaintNet.
Замінити фон на прозорі. Вирізати зображення з зображення.

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

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

1. Відкрити файл (Файл - Відкрити - Вибрати потрібне зображення з папки.)

2. Беремо "Чарівну паличку" (клацання лівої кнопки миші) зліва в Панелі інструментів, клацаємо по білому тлі на картинці. Білий фон потемніє.


3.В Меню програми вибираємо "Правка"- "Інвертувати виділення"

4. Тепер вибираємо "Зображення" - "Обрізати за виділенням".

Можна не інвентирувати, а вибрати "Зображення" - "Очистити виділення".

А тепер дивимось, що вийшло.

Тепер другий спосіб . За допомогою плагіна кольорозамінності Color Replace

Після відкриття картинки йдемо "Ефекти" - "Color Replace"
Рухаємо важелі, спостерігаючи за ефектом. Можна вимкнути непотрібні кольори (прибрати галочки).

Як бачимо, очистилося і біле тло біля губ, і білки очей. Потрібно знову їх підфарбувати.
Колір у палітрі ставимо білий. Беремо знову Чарівну паличку" і клацаємо по тих місцях, де зафарбовуватимемо. Не забуваємо тримати натиснутою Ctrl на клавіатурі, щоб не виділяти кожну область окремо. Потім "Правка" - "Заповнити виділення".

Ось що у нас виходить.

Вирізаємо потрібну ділянку

Відкриваємо картинку, беремо "Лассо" і виділяємо потрібну ділянку. Я виокремлю бутон маку. Виділяти потрібно, щоб обов'язково був замкнутий простір.

Тепер ідемо до Меню. "Зображення" - "Обрізати за виділенням"

Можна підправити дещо гумкою.

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

Для перегляду тексту відповіді достатньо клацнути вказівником миші на запитання. Інформація на сторінці постійно доповнюється, коли виникають питання.

Як у paint.net зробити відблиск світла?

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

Створювати сонячний відблиск ми будемо на об'ємному смайлику, малювати який можна навчитися на уроці Paint.NET - Як створити смішний тривимірний смайлик в Paint.NET . Для малювання відблиску світла ми будемо використовувати інструмент Paint.NET градієнт.

Отже, виберемо як основний колір білий колір, а як додатковий колір встановимо прозорий. Для цього параметр "Прозорість (альфа)" у вікні палітра Paint.NET потрібно встановити 0. На наведеному вище малюнку можна побачити, що цей параметр розташований в нижньому правому кутку. На малюнку значення цього параметра вказано як 225, тому що рисунок представлений для основного кольору – білого, який не є прозорим. Виберіть тип градієнта - круговий, як він виглядає, можна побачити на вище наведеному малюнку в лівому верхньому кутку. І за допомогою лівої кнопки миші зробіть градієнт у тому місці зображення, де має бути колірний відблиск. Результат, який вийшов у нас, можна побачити на малюнку нижче. Ми спеціально зберегли маркери градієнта на малюнку нижче.


Як у paint.net зробити малюнок із прозорим фоном? Як замінити білий колір фону на прозорий?

Якщо ви хочете зробити картинку з прозорим фоном, наприклад, щоб помістити її на сайті, то, перш за все, можна відразу намалювати зображення на прозорому шарі в Paint.NET. Якщо вам вже дісталася картинка, наприклад, з білим тлом, як у метелика на малюнку, то спочатку потрібно буде видалити білий фон.


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

Зверніть увагу,що прозоре тло підтримують два основних формати PNG або GIF. Якщо ви збережете зображення з прозорим фоном, наприклад, у форматі JPG, Paint.NET замінить прозорий колір фону на білий колір, тому що формат JPG не підтримує прозорі зображення.

Що краще за формат PNG або GIF?Обидва ці формати підтримують прозорі кольори і можуть використовуватися для відображення у сучасних інтернет-браузерах. На відміну від формату GIF, 32-бітний формат PNG підтримує не просто прозорий колір, але й напівпрозорі тони. З іншого боку, прозорі кольори у зображеннях у 32-бітному форматі PNG не завжди коректно відображаються у старих інтернет-браузерах, наприклад в Internet Explorer 6.

Як зменшити виділене зображення із збереженням пропорцій?

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


Як намалювати стрілку у paint.net? Як намалювати пунктирну лінію у paint.net?

Можливості налаштування стилю інструменту "лінія або крива" у програмі Paint.NET дозволяють досить просто намалювати стрілку, пунктирну лінію тощо. Нижче наведено три приклади використання інструмента "лінія або крива" у програмі Paint.NET.


Стиль лінії та інші параметри задаються в панелі інструментів, тому для наочності на наведеному малюнку наведено зображення налаштувань значень у цій панелі для трьох прикладів. На першому прикладі намальовано просто зелену стрілку. У другому прикладі намальовано синю пунктирну стрілку-наконечник. У третьому прикладі намальована червона штрихпунктирна стрілка, із заливкою 50%, а не суцільною, як у перших двох прикладах. Можливі варіанти налаштування стилю закінчення лінії також наведено в третьому прикладі у вигляді відкритого меню. Графічний редактор Paint.NET дозволяє змінювати стиль обох закінчень лінії та самої лінії.

Дозволяє використовувати шари та режими змішування як основу для складання зображень.

Шари

Щоб спробувати зрозуміти «що таке шари зображення» розглянемо дві фотографії. Одна з них буде використовуватися як фон (або нижній шар), а інша - як перший шар, що поміщається над фоном:

Ви можете розглядати шари як кілька прозорих слайдів, поміщених в одну стопку. Paint.NET показує цей стопку слайдів, ніби ви дивитеся на них зверху. При цьому відсутня перспектива (далекі шари не зменшуються). Для того, щоб краще зрозуміти, як це працює, подивимося на наші фотографії-шари з боку, а не згори:

Пікселі та прозорість

Кожен шар Paint.NET складається з пікселів які збережені у форматі RGBA. Частина абревіатури «RGB» позначає кольори (червоний, зелений і синій) використовуваних для передачі інтенсивності кольору. Частина «A» (Альфа) означає змінну використовувану для зберігання інформації про прозорість пікселя. Альфа може набувати значення від 0 (повністю прозорий) до 255 (повністю непрозорий). Інші програми можуть використовувати межі від 0 до 100 %.

Якщо піксель прозорий, то замість його кольору буде показаний колір пікселя розташованого «під ним», тобто колір пікселя нижнього шару. Для того, щоб відобразити шарувате зображення на стандартному моніторі комп'ютера, Paint.NET використовує методику альфа-каналів.

Проте, прозорі пікселі не можуть відображатися на комп'ютерному моніторі. Для того, щоб якось вказати на прозорість шару, Paint.NET використовує тло, що нагадує зображення шахової дошки:

Прозорість

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

Однак, як уже було сказано, «шахівниця» не є частиною зображення. Якщо ви зберігаєте зображення, то при його перегляді або використанні в іншій програмі ніякої «шахової дошки» там не буде (якщо інша програма також не використовує «шахівницю» для позначення прозорості).

Шари та непрозорість

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

Наприклад, якщо ми візьмемо верхній шар і поступово зменшимо непрозорість від 225 до 0, то отримаємо нижченаведені зображення, що показують шари у вигляді стопки слайдів і в тому вигляді як це відображається на екрані комп'ютера:

Верхній шар повністю непрозорий

Верхній шар напівнаплічений

Верхній шар повністю прозорий

Режими змішування

Режим змішування шару вказує як змішаний шар з шаром під ним. Для зміни режиму змішування виділіть необхідний шар у вікні шарів, а потім відкрийте його властивості. Відкрити властивості шару можна спеціальною кнопкою у вікні шарів або . У будь-якому випадку відкриється таке вікно:

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

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

Нормальний (Normal)
Стандартний режим, який використовується за замовчуванням. Кожен піксель у шарі поєднується з композицією залежно від значення прозорості. Якщо верхній шар повністю непрозорий, він закриває собою нижній шар повністю. При зменшенні прозорості верхнього шару починає проступати нижній шар.

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

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

Затемнення основи (Color Burn)
Створює ефект спопеління нижнього шару під впливом верхнього. Тобто, темні ділянки верхнього шару використовуються для затемнення нижнього. Використовується множення кольорів та збільшення насиченості. Результат має дуже контрастний вигляд.

Освітлення основи (Color Dodge)
Протилежність попередньому режиму – нижнє зображення «вигоряє» під впливом верхнього кольору. У разі використання цього режиму світлі ділянки верхнього шару посилюють яскравість нижнього шару. Темні ділянки не мають жодного впливу. Тобто найбільші зміни відбуваються у бік білого кольору.

Відображення (Reflect)
Цей режим змішування можна використовувати для надання блиску об'єктам або світлим ділянкам.

Свічення (Glow)
Теж що й попередній режим, але ніби після зміни черговості шарів.

Перекриття (Overlay)
Залежно від інтенсивності кольору пікселів шару застосовується режим "Екранне освітлення" (для темних кольорів) або "Умножение" (для світлих).

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

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

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

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

Екранне освітлення (Screen)
Протилежний режиму «Умноження» у тому сенсі, що перемножує колір нижнього шару з верхнім шаром. В результаті картинка посвітлішає, начебто ми проектували її за допомогою двох діапроекторів.

Виняток (Xor)
Цей режим використовується в основному для аналізу зображення, а не обробки зображення або композиції.

Напевно, кожному користувачеві персонального комп'ютера час від часу доводиться мати справу з фотографіями або картинками. Звичайно, на ПК просунутих користувачів напевно стоїть знаменитий Photoshop, в якому можна зробити будь-яку маніпуляцію із зображенням. Але що робити тим, хто цієї програми не має або хто не вміє нею користуватися? Найпростіший вихід із ситуації - це скористатися стандартним Paint. Він у деяких випадках може з успіхом замінювати професійніші та складніші програми. У цій статті ви знайдете відповіді на питання про Paint, прибрати або змінити його на інший.

Простий спосіб зміни фону

Опишемо, як поміняти фон у Paint методом грінскринінгу (тобто метод «зеленого екрану»). Незалежно від того, потрібне вам видалення фону зображення або заміна його на суцільну заливку (візерунок), зробити це можна за допомогою вищезазначеного методу. Звернемо увагу, що в ньому описується зміна фону не в стандартному Paint, а в Paint.NET, який не постачається зі стандартними програмами, і його необхідно завантажити та встановити окремо.

Початок роботи

Перед тим як у програмі Paint Windows 7 прозоре тло поміняти, слід відкрити зображення, яке коригуватимете. Робиться це шляхом натискання правої клавіші на файлі і вибору у меню відповідного пункту (Відкрити за допомогою - Paint). Слід враховувати, що до сумісних форматів відносяться BMP, JPFG і GIF, з іншими попрацювати не вийде.

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

Вибір колірної палітри та промальовування контуру зображення

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

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

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

Після всіх маніпуляцій виходить об'єкт, довкола якого буде зелений екран. Якщо вас цікавить, як змінити фон у Paint, необхідно віддалити зображення до 100 відсотків (1 в меню наближення) і клікнути по відру з фарбою на панелі (інструмент «Заливка кольором»). Потім на панелі слід вибрати бажаний колір і клацнути в будь-якому місці зеленого фону. Після цього фон стане іншим.

Переміщення зображення на новий фон

Для того, щоб виконати переміщення зображення на інше тло, потрібно на панелі вибрати білий колір і за допомогою інструмента «Заливка» зафарбувати весь лаймовий фон. Після цього натискається комбінація клавіш «Ctrl+A» - і на активній другій (нижній) кнопці. Переконавшись у тому, що новий фон відкрився в іншому вікні програми, необхідно скопіювати зображення (комбінація клавіш Ctrl+C) і вставити його у друге вікно (комбінація клавіш Ctrl+V). Робота готова! Залишається її лише зберегти.

Декілька нюансів

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

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

У процесі роботи неминуче виникатимуть помилки, тому доведеться здійснювати редагування лінії. Для того, щоб мати можливість швидко скасовувати попередні дії, рекомендується постійно тримати пальці на поєднанні клавіш «Ctrl+Z».

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

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

Видалення фону

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

  • за допомогою інструмента "Чарівна паличка" проводиться виділення тла;
  • виділена частина видаляється за допомогою кнопки Delete або команди «Очистити виділене» з меню «Правка», у результаті з'являється фон у вигляді «шахової дошки», що умовно показує прозорість;
  • виконується збереження отриманого зображення (бажано або GIF), яке надалі можна використовувати на свій розсуд.

Покрокова інструкція Paint: як зробити прозорий фон

Крок перший. У меню "Файл" слід вибрати пункт "Відкрити" і, натиснувши "Огляд", відкрити бажану картинку.

Крок другий.Перед тим, як зробити Paint, в панелі інструментів необхідно вибрати «Чарівну паличку» та встановити для неї чутливість на рівні 50 відсотків. За складних фонів чутливість потрібно виставляти на рівні 25-40 відсотків.

Крок третій.Треба клікнути «Чарівною паличкою» по білому тлі, який після цього перетворюється на блідо-блакитний.

Крок четвертий.Необхідно видалити виділений таким фоном клавішею Delete на клавіатурі або через меню «Правка» - пункт «Очистити виділення».

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

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

Крок шостий. Отриману картинку з прозорим фоном необхідно зберегти, вибравши в меню "Файл" пункт "Зберегти" і вказавши ім'я файлу, а у списку вибравши необхідний формат (PNG або GIF).

Висновок

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