Как сделать картинку прозрачной (фон) и устранить дефекты изображения?
- Категория ~ Технические советы
- – Автор: Игорь (Администратор)
- Как сделать картинку прозрачной?
- Как сделать прозрачный фон у картинки?
- Как сделать прозрачный фон у изображения и устранить дефект за счет изменения размера?
- Как сделать прозрачный фон у картинки и устранить дефект за счет увеличения размера изображения?
В старые времена, прозрачность картинки или ее фона были больше причудой, нежели привычным явлением. Те, кто помнит времена Internet Explorer 6, знаю об этом не по наслышке. Сегодня же, достаточно открыть любой сайт, чтобы заметить обратное. Различные иконки на градиентных заливках.
Изображения, полученные склеиванием слоев. Красочные фоны областей. И многое другое. Когда у вас есть все необходимые размеры и виды картинок, которые только могут пригодится, то вам лишь остается взять подходящее изображение и использовать его. Но, чаще всего это не так. Изображения могут быть слишком насыщенными и поэтому, перед их использованием картинки необходимо сделать прозрачными. Конечно, для одной картинки вы можете просто использовать инструмент «яркость и контрастность», но когда картинка является одним из слоев, которые предстоит наложить на другое изображение, то этот инструмент уже не поможет. У вас могут быть файлы только в формате jpg без прозрачного фона, поэтому придется вырезать необходимую часть картинки. Однако, такая операция часто сопровождается появление различного рода мелких дефектов, которые видны невооруженным глазом (особенно, если вы накладывается картинку на фон с сильно отличающимся цветом).
В интернете можно встретить массу статей о том, как можно справиться с этими проблемами при помощи сложных графических средств.
Однако, решить большую часть этих задач и устранить дефекты легко можно при помощи любого среднего графического редактора или онлайн-сервиса. И вот несколько простых трюков и хитростей, которые может освоить каждый и которые выполняются очень быстро (от 10 секунд до 1 минуты).
Примечание: Помните, что изображения с альфа-каналом (прозрачностью) необходимо сохранять в соответствующие форматы, такие как png и gif.
Как сделать картинку прозрачной?
На самом деле, сделать картинку прозрачной очень просто. Все, что вам потребуется, это открыть любой редактор, который поддерживает слои. А затем в настройках слоя указать необходимую прозрачность. И вот пример:
Безусловно, если вам нужно просто сделать картинку более блеклой, то вы можете использовать и более простые инструменты, такие как «яркость и контрастность». Однако, если вы планируете использовать картинку в одном из слоев, например для того, чтобы наложить слой ну другую картинку, то этот трюк окажется весьма полезным.
Как сделать прозрачный фон у картинки?
Сделать прозрачный фон у картинки одновременно просто и сложно. Все зависит от того, какие эффекты используются в самой картинке, и от того, насколько четко разделена граница фона и нужной части. Так, например, если основная часть картинки имеет четкие границы и не содержит эффектов на границах с фоном, как, например, мягкой тени, то сделать у такой картинки прозрачный фон очень просто. Для этого вы открываете картинку в редакторе. Выбираете инструмент под названием «волшебная палочка». Настраиваете чувствительность, например, на 22% и щелкаете на фоне. После чего выбранную область попросту удаляете. И вот как это выглядит:
Однако, чаще всего это не так, поэтому после удаления фона будут оставаться дефекты, которые можно устранить с помощью следующих хитростей.
Как сделать прозрачный фон у изображения и устранить дефект за счет изменения размера?
Если картинка не имеет четких границ с фоном, как, например, в случае с мягкими тенями или плавными переходами контура картинки, то сделать фон изображения прозрачным уже не получится за один шаг.
Необходим дополнительный шаг для устранения дефектов за счет уменьшения размера картинки. Суть метода заключается в том, что вы берете картинку большего размера. После чего вырезаете фон, а затем уменьшаете картинку до нужных размеров. Хитрость заключается в том, что при уменьшении размеров, редакторы сглаживают цвета и их переходы, поэтому мелкие дефекты попросту исчезнут. Вот пример:
Как видите, на уменьшенном изображении совершенно не видны дефекты, которые были получены после удаления фона на исходной картинке. Однако, далеко не всегда у вас под рукой могут быть картинки больших размеров, и тогда вы можете использовать следующий трюк.
Как сделать прозрачный фон у картинки и устранить дефект за счет увеличения размера изображения?
Когда у вас есть только одна картинка, которая в придачу включает в себя различные эффекты и имеет нечеткие границы, то предыдущий трюк для создания прозрачного фона уже не подойдет. И необходимо устранять дефекты другим способом.
Обычно, в такой ситуации, вы можете начать пытаться убирать мелкие дефекты вручную. Стирать ластиком мелкие пиксели. Вручную выделять края картинки и пытаться применить к ним инструменты, по типу «размытие». И так далее. Но, есть способ гораздо проще и быстрее. Суть метода отчасти является продолжением предыдущего, но все же он отличается порядком. Вы берете картинку и увеличиваете ее, как минимум, в 2 раза. Используя волшебную палочку, удаляете фон. А затем уменьшаете изображение до обратного размера. Таким образом, большинство мелких дефектов уйдут за счет предыдущей хитрости, а качество изображения останется примерно тем же самым. Вот пример:
Как видите, даже имея изображение одного размера, вы легко можете создать картинку с прозрачным фоном менее, чем за 1 минуту, в любом среднем графическом редакторе.
Теперь, вы знаете, как сделать прозрачной картинку, а так же знаете как сделать прозрачный фон у изображения и устранить мелкие дефекты.
Рубрики:
- дизайн
- изображение
- редактор
☕ Понравился обзор? Поделитесь с друзьями!
- Как улучшить плохое качество изображения и устранить дефекты?
- О взаимодействии доменных имён и IP адресов в Интернете
Добавить комментарий / отзыв
Как сделать картинку с прозрачным фоном при помощи Paint Net
Просмотры: 2 645
Из этой инструкции вы узнаете, как сделать прозрачный фон у
картинки при помощи бесплатной программы Paint Net.
Скачать ее можно здесь.
Это пригодится для создания крутого герба гильдии или клана (для тех, кто не умеет рисовать — стащить в интернете красивую иллюстрацию и «доработать напильником»), превью для ролика на Youtube (вариантов немного больше) или коллажа. Пост будет коротким, так как рассматриваемый способ — самый простой и быстрый из тех, которые я знаю.
Картинка получится без фона даже без Фотошопа — базовых инструментов Paint Net для этого достаточно.
Содержание
Как вырезать нужный фрагмент
Откройте изображение, которое нужно обработать. На панели инструментов в левом верхнем углу кликните «Выбор прямоугольной области» (или воспользуйтесь горячей клавишей S). Выделите необходимый фрагмент и вырежьте его (Ctrl + X).
В левом верхнем углу окна программы нажмите кнопку
«Создать». По умолчанию будет установлен размер вырезанного вами фрагмента изображения.
С этим файлом вы и будете работать. Если исходное изображение небольшое, этот
шаг можно пропустить.
Как заменить белый фон на прозрачный
Технически прозрачный фон — это так называемый нулевой альфа-канал, то есть с пустым содержимым. Чтобы удалить все лишнее, достаточно инструмента «Ластик» (клавиша E).
Для удобства рекомендую добавить подложку — изображение, залитое ярким цветом. Это поможет увидеть все мелкие недоработки. Для этого в окне слоев в правом нижнем углу нажмите кнопку «Добавить новый слой».
Изначально он будет прозрачным. Переместите его под картинку (кнопка «Переместить слой вниз»). Затем выделите этот слой, выберите инструмент «Заливка» (клавиша F). В зависимости от палитры обрабатываемого изображения лучше всего подойдут ярко-красный или ядовито-зеленый цвета.
Настройки инструмента «Ластик»:
- Ширина — 3;
- Жесткость — 100%;
- Сглаживание — включено;
- Качество выбора — сглаженная.
Для увеличения или уменьшения масштаба используйте комбинации Ctrl + и Ctrl -. Начинайте аккуратно обводить изображение по контуру — так, как на скриншоте.
Когда контур будет обведен полностью, увеличьте ширину Ластика до 10 и обведите контур повторно. Уже можно замазать небольшие «островки».
В завершение установите ширину Ластика от 50 до 100 и сотрите все лишнее — белый фон или любого другого цвета. После этого можно избавиться от подложки при помощи кнопки «Удалить слой» в окне слоев.
В итоге получится вот такая иллюстрация с прозрачным фоном (в программе он отображается в виде бело-серой шахматной доски):
Если ее размер слишком велик, его можно уменьшить (комбинация клавиш Ctrl + R). Если установить галочку «Сохранять пропорции», длина и ширина прозрачной картинки будут жестко привязаны друг к другу. Также вы можете подкорректировать размер полотна, если есть несколько лишних пикселей (Ctrl + Shift + R).
Как правильно сохранить изображение
Ни GIF,
ни JPEG для этого не подходят. Сохраняйте картинку с прозрачным
фоном в формате PNG.
Для этого в главном меню Paint Net кликните по пункту «Сохранить как…», дайте название файлу и в выпадающем списке выберите
необходимы формат.
Если вы забыли удалить подложку, проект будет сохраняться в PDN. Это расширение, с которым работает
программа.
В нем же сохраняются все промежуточные результаты. Не забывайте периодически сохраняться — в случае непредвиденной перезагрузки компьютера все ваши старания пойдут насмарку.
Как видите, сделать белый фон картинки прозрачным гораздо проще, чем может показаться на первый взгляд. Если набить руку, обработка такого изображения, как было рассмотрено в примере, занимает около получаса.
Как объединить прозрачное изображение PNG с другим изображением с помощью PIL?
Улучшить статью
Сохранить статью
- Последнее обновление: 03 мар, 2021
Улучшить статью
Сохранить статью
В этой статье обсуждается, как поместить прозрачное изображение PNG с другим изображением. Это очень распространенная операция над изображениями. У него много разных приложений. Например, добавление водяного знака или логотипа на изображение.
- Функция открытия – Используется для открытия изображения.
- Функция преобразования – Возвращает преобразованную копию данного изображения. Он преобразует изображение в его истинный цвет с помощью маски прозрачности.
- Функция вставки – Используется для вставки изображения в другое изображение.
Синтаксис: PIL.Image.Image.paste(image_1, image_2, box=None, mask=None)
OR
image_object.paste(image_2, box=None, mask=None)Параметры:
- image_1/image_object : Это изображение, на которое нужно вставить другое изображение.
- image_2: Исходное изображение или значение пикселя (целое число или кортеж).
- box: Необязательный 4-кортеж, задающий область для вставки. Если вместо этого используется двойка, она рассматривается как верхний левый угол. Если опущен или None, источник вставляется в верхний левый угол.
- маска: маска, которая будет использоваться для вставки изображения. Если вы передаете изображение с прозрачностью, то в качестве маски используется альфа-канал.
Подход:
- Откройте переднее и фоновое изображения с помощью функции Image.open().
- Преобразование обоих изображений в формат RGBA.
- Рассчитайте позицию, в которую вы хотите вставить изображение.
- Используйте функцию вставки, чтобы объединить два изображения.
- Сохраните изображение.
Входные данные:
Для ввода данных мы используем два изображения:
- Переднее изображение: прозрачное изображение, похожее на логотип
- Background image: For background like any wallpaper image
Implementation:
Python3
|
png' 
width Выход:
Связанные статьи
Что нового
Мы используем Cookies для обеспечения наилучшего выбора на сайте.
Используя наш сайт, вы
подтверждаете, что вы прочитали и поняли наши Политика в отношении файлов cookie и Политика конфиденциальности
Transparent Images - Etsy.de
Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.
Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.
Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.
(
1000+ релевантных результатов,
с рекламой
Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик.
