python — Background помогите заменить задний фон на картинку
Вопрос задан
Изменён 10 месяцев назад
Просмотрен 404 раза
Помогите заменить задний фон здесь на картинку.
import os
os.system('pip install pygame')
import pygame
import sys
from pygame import *
pygame.init()
class TextInputBox(pygame.sprite.Sprite):
def __init__(self, x, y, w, font):
super().__init__()
self.color = (0, 255, 179)
self.backcolor = None
self.pos = (x, y)
self.width = w
self.font = font
self.active = False
self.text = ""
self.render_text()
def render_text(self):
t_surf = self.font.render(self.text, True, self.color, self.backcolor)
self.
image = pygame.Surface((max(self.width, t_surf.get_width()+10), t_surf.get_height()+10), pygame.SRCALPHA)
if self.backcolor:
self.image.fill(self.backcolor)
self.image.blit(t_surf, (5, 5))
pygame.draw.rect(self.image, self.color, self.image.get_rect().inflate(-2, -2), 2)
self.rect = self.image.get_rect(topleft = self.pos)
def update(self, event_list):
for event in event_list:
if event.type == pygame.MOUSEBUTTONDOWN and not self.active:
self.active = self.rect.collidepoint(event.pos)
if event.type == pygame.KEYDOWN and self.active:
if event.key == pygame.K_RETURN:
self.active = False
elif event.key == pygame.K_BACKSPACE:
self.text = self.text[:-1]
else:
self.text += event.unicode
self.render_text()
pygame.init()
window = pygame.display.set_mode((1280, 720))
clock = pygame. time.Clock()
font = pygame.font.SysFont(None, 100)
text_input_box = TextInputBox(50, 50, 400, font)
group = pygame.sprite.Group(text_input_box)
run = True
while run:
clock.tick(120)
event_list = pygame.event.get()
for event in event_list:
if event.type == pygame.QUIT:
run = False
group.update(event_list)
window.fill(0)
group.draw(window)
pygame.display.flip()
pygame.quit()
exit()
image = pygame.Surface((max(self.width, t_surf.get_width()+10), t_surf.get_height()+10), pygame.SRCALPHA)
if self.backcolor:
self.image.fill(self.backcolor)
self.image.blit(t_surf, (5, 5))
pygame.draw.rect(self.image, self.color, self.image.get_rect().inflate(-2, -2), 2)
self.rect = self.image.get_rect(topleft = self.pos)
def update(self, event_list):
for event in event_list:
if event.type == pygame.MOUSEBUTTONDOWN and not self.active:
self.active = self.rect.collidepoint(event.pos)
if event.type == pygame.KEYDOWN and self.active:
if event.key == pygame.K_RETURN:
self.active = False
elif event.key == pygame.K_BACKSPACE:
self.text = self.text[:-1]
else:
self.text += event.unicode
self.render_text()
pygame.init()
window = pygame.display.set_mode((1280, 720))
clock = pygame.
- python
- python-3.x
- изображения
- pygame
- background
Попробуйте так:
import os
import sys
# ??? os.system('pip install pygame')
import pygame
from pygame import *
class TextInputBox(pygame.sprite.Sprite):
def __init__(self, x, y, w, font):
super().__init__()
self.color = (0, 255, 179)
self.backcolor = None
self.pos = (x, y)
self.width = w
self.font = font
self.active = False
self.text = ""
self.render_text()
def render_text(self):
t_surf = self. font.render(self.text, True, self.color, self.backcolor)
self.image = pygame.Surface(
(max(self.width, t_surf.get_width()+10), t_surf.get_height()+10),
pygame.SRCALPHA
)
if self.backcolor:
self.image.fill(self.backcolor)
self.image.blit(t_surf, (5, 5))
pygame.draw.rect(self.image, self.color, self.image.get_rect().inflate(-2, -2), 2)
self.rect = self.image.get_rect(topleft = self.pos)
def update(self, event_list):
for event in event_list:
if event.type == pygame.MOUSEBUTTONDOWN and not self.active:
self.active = self.rect.collidepoint(event.pos)
if event.type == pygame.KEYDOWN and self.active:
if event.key == pygame.K_RETURN:
self.active = False
elif event.key == pygame.K_BACKSPACE:
self.text = self.text[:-1]
else:
self.text += event.unicode
self. clock = pygame.time.Clock()
font = pygame.font.SysFont(None, 100)
text_input_box = TextInputBox(50, 50, 400, font)
group = pygame.sprite.Group(text_input_box)
all_sprites.add(text_input_box)
run = True
while run:
clock.tick(120)
event_list = pygame.event.get()
for event in event_list:
if event.type == pygame.QUIT:
run = False
group.update(event_list)
window.blit(background,(0,0)) # !!!
all_sprites.draw(window) # !!!
pygame.display.update() # !!!
'''
window.fill(0)
group.draw(window)
pygame.display.flip()
'''
pygame.quit()
exit()
clock = pygame.time.Clock()
font = pygame.font.SysFont(None, 100)
text_input_box = TextInputBox(50, 50, 400, font)
group = pygame.sprite.Group(text_input_box)
all_sprites.add(text_input_box)
run = True
while run:
clock.tick(120)
event_list = pygame.event.get()
for event in event_list:
if event.type == pygame.QUIT:
run = False
group.update(event_list)
window.blit(background,(0,0)) # !!!
all_sprites.draw(window) # !!!
pygame.display.update() # !!!
'''
window.fill(0)
group.draw(window)
pygame.display.flip()
'''
pygame.quit()
exit()
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о кукиКак убрать фон с картинки.
Как сделать фон картинки прозрачным.- Как убрать фон с картинки или как сделать фон картинки прозрачным
- ]»Успевайте больше за меньшее время вместе с
- «Копилкой Эффективных Советов»
Для тех, кто еще не знаком со всеми секретами графики, дизайна и фотошопа – простые решения сложных и несложных задач всегда являются спасительным кругом, с помощью которого можно справиться с задачей самостоятельно. Хотя всегда лучше обратиться к профессионалам. Но есть мелкие вопросы, которые нужно научиться выполнять без помощи дизайнера, такие, как заголовок этой статьи – “Как убрать фон с картинки, или как сделать фон картинки прозрачным”.
Очень хочется научиться работать в фотошопе, но видно время еще не пришло – ученик не готов. Поэтому осваиваю понемногу онлайн-фотошоп Pixlr – не совсем еще понятный, но удобный инструмент. Переходите по ссылке, потому что сейчас будет практическое занятие.
[message type=”info”]Картинка без фона часто бывает нужна для того, чтобы получить изображение, обрезанное по контуру.
Например, вы самостоятельно делаете баннер, или замахнулись на изготовление шапки сайта. Во всех случаях, при загрузке полученного изображения на сайт, фон будет отсутствовать. Смотрите получившийся результат в конце статьи.[/message]
Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице “Загрузить изображение”.
Загружаем картинку с компьютера, у меня будет такая:
Теперь находим с правой стороны маленькую табличку с замочком.
Выберите среднюю табличку “Слои” и кликните два раза мышкой по замочку. Вместо замочка должна появиться галочка.
Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент “волшебная палочка” и нажимаем вкладку “Редактировать”.
Выбираем значение толерантности, как показано на картинке “21” и кликаем волшебной палочкой на фон нашей картинки.
Затем еще раз нажимаем “Редактировать” и выбираем “Очистить”.
Эту функцию можно нажать еще несколько раз, если вас не устроит с первого раза результат. Сохраняем картинку на компьютер в формате, который поддерживает прозрачность фона – png. Вот что должно получиться в итоге:
На мой взгляд, результат получился отличным. Знаю, что существует масса других способов, которые убирают задний фон картинки, кстати, один из них можете посмотреть прямо сейчас:
Отличный способ! Возможно, кому-то он понравится больше! Да и фоны у картинок бывают разные, так же, как и сами картинки. Поэтому нужно еще будет разобраться, как убрать фон с картинки, на которой изображен человек с развивающимися волосами – предстоит, наверное, ювелирная работа.
Тем не менее, работая в онлайн-редактором Pixrl, буквально за несколько минут можно отредактировать фотографию в нужный формат. Знаю, что такие фотографии изображений без фона очень в большом количестве нужны интернет-магазинам.
Теперь понимаю, что это очень большой труд – редактирование картинок и изображений.
P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:
Школа вебдизайна Юлии Первушиной
Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!
[message type="warning"]"Успевайте больше за меньшее время вместе с «Копилкой Эффективных Советов»
[/message]
Просмотры: 831
| В эту категорию входят бесплатные фоновые изображения для веб-сайтов, телефонов, планшетов и настольных мониторов. У нас есть абстрактные рисунки, фоны пейзажей, фоны животных, весна, пейзажи, природа, мрамор, пляжи, горы, изображения цветов, темные фоны для светлого текста и светлые фоны для темного текста. На этих страницах есть бесшовные рисунки африканского искусства, текстуры разных цветов, а также большие и маленькие черные фоновые изображения для обоев. На сайте также есть фоновые изображения для Рождества, Хэллоуина и даже фоновые изображения ко Дню Святого Патрика. Другие второстепенные темы включают растения, автомобили, амбары, самолеты, бабочек, корабли, космических пришельцев, компьютеры, скелеты и многое другое. Есть также страницы с анимированными фонами. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Категории бесплатных фонов
Бесплатные фоны можно просмотреть в полноэкранном режиме или в полном размере, щелкнув под миниатюрами.
Фоны Myspace, классные фоны, обои, клипарт, графика, бесплатные фоны myspace, фоновые изображения, компьютерные фоны, html фоны | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Если вы сохраните с этой страницы, в большинстве случаев вы получите гораздо меньшее и менее детальное изображение. Сначала просмотрите полноразмерный фон.
Как размыть фон на фотографиях (5 эффективных методов)
Как фотографы, так и зрители согласятся, что фотографии с резко сфокусированным объектом и размытым фоном выглядят более профессионально, чем те, где все одинаково в фокусе.
Как правило, этот метод выборочной фокусировки на 100% выполняется в камере, и его можно достичь, выбрав правильные настройки камеры и объектива, а также скомпоновав изображение определенным образом. Этот вид известен как малая глубина резкости.
Основными факторами, которые создают размытие фона на фотографии, являются широкая диафрагма, большее фокусное расстояние и увеличенное расстояние до фона . Кроме того, фотограф может размыть фон во время постобработки в Photoshop, но следует соблюдать осторожность при использовании этого метода, чтобы он не выглядел заметно фальшиво.
Фотография с размытым фоном или малой глубиной резкости выглядит более профессионально.Что такое глубина резкости?
Глубина резкости (ГРИП) определяется как допустимая часть изображения в фокусе (резкость). Фотограф должен быть обдуманным в создании изображения с надлежащей глубиной резкости, в зависимости от жанра или конечной цели изображения.
Это изображение имеет малую глубину резкости (только объект находится в резком фокусе, а фон размыт).
Вообще говоря, портреты лучше всего выглядят с малой глубиной резкости (где лицо объекта является самой резкой частью изображения, а другие элементы размыты), а пейзажные изображения лучше всего выглядят с большой глубиной резкости (где все в фокусе) .
Изображения с малой глубиной резкости, как правило, выделяют объект на фоне фона, и фотограф может отвлечь внимание от объектов на заднем плане, которые могут отвлекать или неприятны.
Это изображение имеет большую глубину резкости. Передний план, задний план и все, что между ними, относительно все в фокусе.Техники создания размытого фона на фотографии в камере
Создавать фотографии с малой глубиной резкости лучше всего в камере, используя настройки диафрагмы и фокусного расстояния, а также определенные методы композиции.
Техника № 1. Использование объектива с широкой диафрагмой
Фон будет более размытым при широкой диафрагме. Диафрагма — это отверстие в объективе, через которое в камеру попадает свет, измеряемое в f-ступенях.
Объектив с широкой апертурой значительно упростит размытие фона.
Широкая диафрагма создает меньшую глубину резкости.
Большее отверстие (маленький шаг диафрагмы, например, f/2.0) дает меньшую глубину резкости, чем узкое отверстие (большой шаг диафрагмы, например, f/16). Имейте в виду, что диафрагма также определяет количество света, попадающего на датчик камеры, поэтому это следует учитывать при настройке каждого параметра для правильной экспозиции.
Фотографы-портретисты часто предпочитают объективы с максимальной диафрагмой от f/1,2 до f/2,8, поскольку они позволяют создавать портреты с сильно размытым фоном.
Фотографы, снимающие пейзажи, архитектуру, транспортные средства или другие сцены, могут предпочесть съемку с более узкой диафрагмой, такой как f/8 или f/16, чтобы все части изображения были в фокусе.
В поисках хорошего портретного объектива ознакомьтесь с этими статьями…
- Лучший объектив Canon для семейных портретов
- Лучший объектив Nikon для семейных портретов
- Лучший объектив Nikon Z для портретов 90 041
Это идеально, когда элементы на заднем плане могут отвлекать от объекта.Техника № 2: Использование большого фокусного расстояния
Фокусное расстояние — это расстояние от объектива до сенсора камеры (измеряется в миллиметрах), когда объект находится в фокусе. Объективы бывают разных фокусных расстояний: либо с фиксированным фокусным расстоянием (постоянный объектив), либо с переменным фокусным расстоянием (зум-объектив).
Фон будет более размытым при большем фокусном расстоянии.Фотография, сделанная с использованием более длинного фокусного расстояния, «сжимает» объект, создавая малую глубину резкости и размытый фон. Фотография, сделанная с использованием более короткого фокусного расстояния, приведет к тому, что все или большинство элементов фотографии будут в фокусе.
Объективы с коротким фокусным расстоянием, такие как 24 мм или 35 мм, идеально подходят для больших групповых фотографий, когда люди позируют в разных позах, где все должны быть в фокусе, а также чтобы вся группа поместилась в кадре.
Техника № 3: Увеличение расстояния от объекта до фона и Техника № 4: Уменьшение расстояния от камеры до объекта для боке
Расстояние — это не настройка камеры или объектива, а метод композиции, который является еще одним определяющим фактором насколько размытым будет фон на фотографии.
Увеличение расстояния от объекта до фона приводит к тому, что фон становится все более размытым по мере удаления объекта от фона. Чтобы добиться такого эффекта, сфотографируйте объект на большом расстоянии от фона.
Субъект был сфотографирован очень близко к камере, что создало размытый фон, несмотря на то, что она была сфотографирована не на большом расстоянии от фона. Уменьшение расстояния от камеры до объекта приведет к тому, что фон будет становиться все более размытым по мере приближения объекта к камере. Если вы хотите увидеть больше деталей других элементов на фотографии, сфотографируйте объект ближе к фону.
Если фотографу нужны наилучшие настройки для группового снимка, когда ему нужно использовать небольшую диафрагму и короткое фокусное расстояние, чтобы все были в фокусе, но при этом он хочет, чтобы фон выглядел размытым, найдите область, где фоновые объекты находятся в фокусе. Дальнейшее удаление от группы субъектов является решением.
Для получения размытого фона на групповом снимке отодвиньте объекты от фона.Эти техники могут работать по отдельности или вместе. Чтобы добиться максимально возможного размытия фона, фотограф может снимать с широкой диафрагмой, большим фокусным расстоянием, большим расстоянием от объекта до фона и близким расстоянием от камеры до объекта. Однако всегда нужно быть осторожным, чтобы убедиться, что все части объекта, которые должны быть четкими и в фокусе.
Это изображение было снято с фокусным расстоянием 180 мм, f/3,5, с близким расстоянием от камеры до объекта и большим расстоянием от объекта до фона.
Все эти приемы создают размытие фона, о чем мечтают фотографы.Методы постобработки для размытия фона на фотографии
Иногда фотограф может захотеть добавить немного размытия фона постфактум. Хотя это не идеальный метод, его можно использовать там, где он все еще выглядит достаточно убедительно, чтобы зритель не знал, что это было сделано в Photoshop. Это может быть полезным методом, когда есть факторы, ограничивающие возможности фотографа по созданию малой глубины резкости.
Техника № 5: размытие по Гауссу и слои-маски в Adobe Photoshop
Лучший способ — использование масок слоя и инструмента размытия по Гауссу. Изображение должно быть открыто и создан дубликат слоя. К новому слою изображения следует применить небольшое размытие по Гауссу, а затем создать маску слоя. Используя кисть черного цвета, объект необходимо «закрасить», чтобы убрать добавленное размытие.
Потребуется тщательная работа, чтобы уточнить края маски слоя. Поскольку естественная глубина размытия резкости постепенно снижается спереди и сзади объекта, маску слоя необходимо будет закрашивать и закрашивать с различными настройками непрозрачности, чтобы спад фокуса был тонким и постепенным.