How To Use Images as Backgrounds - Python Tkinter GUI Tutorial

[@Codemycom]

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN ▶️ Get The Code bit.ly/3l8v3aE

[@vaibhavsaran7124]

please pin this comment, its not pinned

[@Codemycom]

@@vaibhavsaran7124 yes it is

[@coder101python3]

Yeah John has the best tkinter yt channel

[@Codemycom]

Thanks!

[@ramitpanangat7855]

Hope you make such videos for kivy too😍

[@lahsuntati7088]

@@Codemycom that's true bro I have learned a lot from this channel as compared to google

[@faizan_khan660]

Have u checked *coding lifestyle 4u* for tkinter projects ?

[@hankoiba9032]

i'm a django developper but i came here just to push the like button because you are so fricking cool , You Tutorials are on point and super helpful

[@Codemycom]

Awesome, thanks!! I'm planning more Django videos soon :-p

[@hankoiba9032]

@@Codemycom God bless you

[@Codemycom]

@@hankoiba9032 :-)

[@theinfamous4231]

I wish you were my python teacher in my college... I'm struggling a lot to learn python. From now onwards I won't cause I found you SIR. Thank you so much for your explanation. It was really an amazing explanation I have ever heard from anyone.....

[@noahfahem3739]

Oh man! If I spent my life, thanking you, it will not be enough❤️❤️

[@Codemycom]

You're very welcome!

[@faizan_khan660]

Have u checked *coding lifestyle 4u* for tkinter projects ?

[@lsantez]

@@Codemycom how do i specify desktop in the direction?I think for that i need to specify the username but what if i dont know it?

[@Codemycom]

@@lsantez Sorry, I have no idea what you're asking me

[@lsantez]

@@Codemycom how do i specify a username if i dont know wht it is for example in batch you can C:/Users/%USERNAME%/blah blah but how do i do it in python

[@aadilsehrawat8121]

Thanks man, this helped ! After watching few of his videos, I am convinced that buying his courses is gonna be worth it ! 🙌🏻

[@Codemycom]

Glad it helped!

[@programmingwithcybineer]

Thank you is not enough for you my friend. this was such a headache for me until i watched your video. thank you a million times over. you are truly one of a kind.😃😃😃❤❤💯💯

[@Codemycom]

Glad you liked it!

[@ajinkyasonwane4433]

I have learnt a lot from you. When I am not coding I keep murmuring tkinter and python, trying to mimic you 😃

[@Codemycom]

Awesome

[@surbhitagare1889]

@@Codemycom you really helped me in doing my cs project I made a time table using buttons which on pressing gives message and a voice too a bigggggg thank you😃👍❤️

[@Codemycom]

@@surbhitagare1889 Awesome!

[@surbhitagare1889]

@@Codemycom thank you very much love from india

[@abdel-rahmansayed6384]

If you get the error that the image can't be read just remove 'root' from this line bgimage_label = Label(root, image=bg_image) and if the image is jpg, convert it to png

[@m_abhijit_]

I wish if i could like this video 100 times 😀👍🏻

[@Codemycom]

Thanks!

[@shivanshukamboj7940]

This channel is the best .....your explanation is the best

[@Codemycom]

Thank you so much 😀

[@fentonmsu]

Perfect timing, this what we were looking for our project. I was stuck on that problem last night. Your videos are the best. How would i add the voice to text within the canvas based on user's input. It works with a normal button that is not on a canvas. I think you hit on something in this video

[@Codemycom]

Glad I could help! Just give your button a command that points to a function in the normal way you always do. Should work just fine...

[@wingielee]

am always tracking your videos thinking i"l one day be the first to watch...now am the 46th person just after 10min. awesome always!!!!!

[@Codemycom]

Ha fun!

[@jeanantoine1430]

Excellent tutorial!!! Very easy to follow!

[@Codemycom]

Glad you enjoyed it!

[@guytas]

This is great! but... tell me. is there an easier way to... ok, starting with the beginning. I used your second method to set the background image. That is all working find until you want to change the background image... Since we write text directly on the canvas, deleting the old image and setting up a new one loose all the text. I really wish to change the background at night time to reduce the light. Any trick for me?

[@Alex-nk3tl]

Hi thank you for the tutorial, is there a way to add animted background like a video or a gif? Thank you

[@Codemycom]

yes but not easily

[@iamnobody9988]

Well found today and gave a sub :) Thanks for providing such content

[@Codemycom]

Welcome aboard!

[@pratyay2sarkar]

Man your videos are truly a lot of help! 🔥🔥

[@Codemycom]

Glad you're enjoying them!

[@toxxmoloi1873]

Can you please make videos on the canvas widget, more in dept information

[@Codemycom]

I have a bunch of videos in the playlist on canvas

[@jordanyoung7968]

when you resize the program window the background doesnt fill and the text is no longer centered. other than that your tutorial works well but the code please i need to see the whole window going back and fourth and replying alot makes it harder to read.

[@judehathway7210]

ive been waiuting for this a long time!!!

[@Codemycom]

Awesome

[@faizan_khan660]

Have u checked *coding lifestyle 4u* for tkinter projects ?

[@fearvalue1441]

any idea how to make a matplotlib chart background transparent in a tkinter window!?

[@vaibhavsaran7124]

Could you please share your code Github Link makes it a lot easier to take the code for project

[@Codemycom]

It's always in the pinned comment.

[@vaibhavsaran7124]

@@Codemycom but you haven't pinned the comment

[@Codemycom]

@@vaibhavsaran7124 yes I have

[@6agu652]

I know I'm like really late, but I've been wondering, how would I set the text background as transparent so I can see the background image through the text?

[@bibashshrestha9471]

I have been searching for the same thing but couldnot find anything about that.Have you got any idea till now?

[@poseidonbrozeus5888]

HOW are you SO helpful!

[@Codemycom]

Glad you think so!

[@mihai0404]

Great video as always, but what If I want the buttons to be invisible as well, so we just see the text inside them ?

[@faizan_khan660]

Have u checked *coding lifestyle 4u* for tkinter projects ?

[@shreyaumesh3978]

Hey, I get a blank screen when I execute that. The photos are in the same directory as the code, any idea what I can do to fix it?

[@sitahammond5276]

same problem here

[@avpzquizi2103]

You know how to Fix this problem now? Because i have the same problem can you help me?

[@coderanger7708]

Search this in Google as it's kinda hard to explain why it happens. Python garbage collector and tkinter referencing don't go hand in hand, so you need to create a separate reference of the image to make it work

[@daniellowe8402]

for some reason root and bg arent defined in your code but its giving me an error does it have anything to do with your code editor or did you define those terms off screen? edit nvm im just dumb

[@clchan8053]

when doing in mac os, buttons still having background color

[@funnyclips2696]

Wow! I've learned a lot from this video, thanks Elder👌🏾 Awesome!!!!

[@davidreviews8413]

Thanks man...Love your videos.... Keep making !

[@Codemycom]

Thanks, will do!

[@jamesflynn9529]

How do you remove the white boarder around the canvas (background image)?

[@jamesflynn9529]

Never mind I found it in a later video. kzbin.info/www/bejne/aWPZY6WahtOLrLM -4:00

[@Codemycom]

Was just about to say that :-p

[@svaruncelan694]

highlightthickness=0 when u define the canvas

[@mahashiah]

how i can create a tk.text or tk.entry with fg= transparent?

[@sudharsanvanamali1514]

Sir I am getting tclerror no such directory. What should I do . Please help me sir

[@Codemycom]

Check your code for typos. Did you create that directory?

[@sudharsanvanamali1514]

@@Codemycom yes sir

[@Codemycom]

@@sudharsanvanamali1514 in the correct place?

[@subatomic3426]

any way to do the same for checkbuttons?

[@Codemycom]

try it and see

[@subatomic3426]

@@Codemycom I tried its not working :(

[@henryfox2001]

Hello and thank you for your explanation. I have a problem with my code. I followed as you did in the video up to 19:54 minutes. I changed somethings like the image name and it is in the same directory as the code, also the size of the picture, but I don't think those changes are the problem. What am I doing wrong? Traceback (most recent call last): File "d:\Documents\byu-idaho\2_semester\cse111\w12\personal_budget\teste_bg_image.py", line 17, in my_canvas.create_image(0,0, Image=bg) File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.10_3.10.2800.0_x64__qbz5n2kfra8p0\lib\tkinter\__init__.py", line 2819, in create_image return self._create('image', args, kw) File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.10_3.10.2800.0_x64__qbz5n2kfra8p0\lib\tkinter\__init__.py", line 2805, in _create return self.tk.getint(self.tk.call( _tkinter.TclError: unknown option "-Image"

[@Codemycom]

Image should be lowercase on line 17. image

[@henryfox2001]

Thank you so much!

[@Codemycom]

@@henryfox2001 sure thing

[@cyborgzone7143]

How can we use video files as background

[@chironpugh162]

I tried this (canvas method) and my image isn't being displayed properly. It hugs in the northwest corner but the image is too big. How do I make it so that the image fits perfectly inside of the window?

[@psybertron2650]

from PIL import Image, ImageTk Img = Image.open(path) Img = img.resize(width,height) tk_img = ImageTk.PhotoImage(img) can = tk.canvas(root,width=width, height=height) can.pack(fill="both", expand=True) can.create_image(0,0,image=tk_img,anchor="nw")

[@hiwab41]

Keep going brother

[@Codemycom]

Always

[@hamzahassan6364]

Can we use background video in Tkinter using canvas?

[@Codemycom]

Not really

[@codingstudio8865]

Sir, is this video related to gradient background?

[@Codemycom]

Of course. Watch it and see lol it relates to any image background. Just use a gradient image as your background image.

[@pouyabaniadam3084]

Thanks John. That was great❤️

[@Codemycom]

Glad you enjoyed it!

[@lohithreddy9685]

Hello sir How to do the same with checkbutton, the background of the checkbutton is white,how do we change the background of the checkbutton to merge with background image please help me sir

[@shivanshukamboj7940]

How to put multiple changing background images

[@Codemycom]

In the same way...just use a timer

[@shivanshukamboj7940]

@@Codemycom how do I provide different image address in real time or I am saying wrong ???

[@Codemycom]

@@shivanshukamboj7940 depends on what you mean by real time...

[@shivanshukamboj7940]

@@Codemycom please elaborate this or it will be fantastic if you make a video on this

[@Codemycom]

@@shivanshukamboj7940 I can't, I'm not sure what you're talking about

[@jacery]

You just earned a sub! Is there any way you could make a video on using videos or image sequences that loop as a background in tkinter?

[@Codemycom]

Sorry no, video in tkinter is not really a thing

[@zeeshanalavi975]

can we replace images with videos as background

[@Codemycom]

No, not really

[@rooseveltsantosjunior655]

Can I create a entry this way?

[@Codemycom]

how do you mean?

[@rosehelen1110]

Can u plz tell how I can add button images with another image as a background I've tried this method bit I get a grey square background in my button I don't know how to get rid of that , I can't set a background colour cuz there are variety of colours in the bg image Can u plz help

[@noudderoos1860]

For some weird reason my PIL doesnt get imported... Im using this code: from PIL import ImageTk, Image Any help?

[@Codemycom]

what have you done differently from the video? Used different tools? Failed to pip install Pillow?

[@noname4011]

Why do I have "couldn't recognize data in image file"?

[@Codemycom]

because it can't recognize the data in the image file :-p

[@noname4011]

@@Codemycom So how do can I solve the problem?

[@Codemycom]

@@noname4011 Use a valid image file

[@noname4011]

@@Codemycom Yess, thank you! 👍

[@dinhdthanh4429]

Hello, if i dont want use PTS to take background colour, can i insert .PNG image instead?

[@muhdzimam1792]

Can this be implement in raspberry pi ?

[@Codemycom]

sure

[@cyborgzone7143]

Thanks man you are the best

[@Codemycom]

Welcome!

[@adilnassar2364]

hello sir! i dont get my background image and texts one upon the other. I get it image first and the the rest of them bottom of it. Can you please help me?

[@DIYGURUJI]

Video on moving widgets other than canvas with keys in tkinter

[@codecircus]

Thank you for this video!

[@Codemycom]

Welcome!

[@blazexiytb]

Can i do this with gifs too?

[@Codemycom]

I doubt it

[@mrinmaydas7601]

Can you show me how to make a live wallpaper using tkinter 🥺🥺

[@Codemycom]

No

[@paulo.galvao]

you may change it using time.sleep(2)... or draw it in canvas, putting stars randomly with time sleep...

[@phantom.troupe.00]

i get a permission denied error when tkinter tries to open up an image .Any clue on how to fix?

[@Codemycom]

No, you'll have to google the exact error

[@manarmazkatli]

Hello, I want to change the background. But it didn't work out. Can you help me?

[@Codemycom]

Just watch and follow the video. If it didn't work, you typed something wrong. Try again.

[@manarmazkatli]

@@Codemycom Thank you!

[@komodojack4346]

hi john elder did you know you can press Ctrl+b in sublime text to run your code?

[@Codemycom]

Of course, but it's not a good way to do it and doesn't always work and I don't want to promote doing that to students...especially newbies.

[@komodojack4346]

@@Codemycom ok but can pls tell what is bad about running it with sublime text

[@Codemycom]

@@komodojack4346 It's not a proper terminal, it doesn't always work and can give errors. We want to use professional tools and do things the right way. Why promote bad habits?

[@komodojack4346]

@@Codemycom ok

[@albertpiaggio3471]

i keep getting an error no such file or directory idk how to find it.

[@chironpugh162]

you have to use a .png or .gif file. I got the same thing when I was trying to use a .jpg.

[@naokembetonio3215]

thanks, that was very interesting

[@Codemycom]

Glad you enjoyed it

[@ThemistaG]

can you set a gif file as the background?

[@Codemycom]

Not really

[@kirollssabri4651]

Can you make a video to dynamically resize the background and thank you for the videos i really learned a lot because of you

[@Codemycom]

Hm, interesting idea...I'll think on it.

[@kirollssabri4651]

@@Codemycom Thank you so much ❤️

[@beatboss9275]

Why are we passing root in every methods like Button(root,) Label(root,) I have used tkinter without passing window name(root here) and it works just fine. what is the difference between them(using root and not using root).

[@deepanshurai8281]

Sir I'm getting error when I am using the "file" attribute and its shows blank white space if not used the fill attribute

[@deepanshurai8281]

couldn't recognize data in image file "E:\Matheran\Deep.jpeg" what does this error means..

[@HolyPiyush]

Hello sir, Sir when I run the code, it comes out good, but, after expanding the window to its maximum size, the background image does not fill the rest of the portion left on the window. Please help.... Thank you Love from India

[@domzcafe6305]

How can i make a curve line

[@ArmiBHCR]

Hey bro is there anyway to remove this white border?

[@Codemycom]

Yeah keep watching the playlist, I go over that

[@manukushaldm133]

Sir how to link registration buttton to register page

[@alont20]

Hi, any idea why do i get the below error msg? _tkinter.TclError: couldn't recognize data in image file "C:\projects\socix\vld-dev-env\IDELauncher\images\Background-1.gif"

[@alont20]

same error with png _tkinter.TclError: couldn't recognize data in image file "images\hulk.png"

[@estudosacademicos5237]

Thank you teacher... very good...

[@Codemycom]

Glad you liked it!

[@moris933]

can you make something like "CSV File editor with Python" ??

[@Codemycom]

I have a whole course on that at Codemy.com

[@zabijahesh4097]

Hello Dear Sir really interesting your lecture I am new in Python and I want to be a Programmer so how to start from where need your opnion thanks

[@Codemycom]

I would start learning all you can about Python. I have a free python playlist on my channel, I would start there.

[@zabijahesh4097]

@@Codemycom Thanks but which program also mandatory with Python Programming?

[@Codemycom]

@@zabijahesh4097 There is nothing mandatory

[@sams_sends6267]

I think the version of python im on doesn't have create image that sucks i was gonna do this for my menu for my A level project....

[@Codemycom]

Of course it does. Whatever problem you are having has nothing to do with the version of python you're using.

[@DEEPAKTHAKUR-tm7tr]

Showing error _tkinter.TclError: couldn't recognize data in image file "D:\Petrol Pump Management System\Petro Station PRO\LoginFrame.png" >>>

[@shubhamshejaval8526]

try different image format

[@tishaanants]

PNG is fine, your image is invalid use another image

[@firojacharya]

is there any way to set .gif file as background in tkinter ?

[@Codemycom]

this method works with gif

[@chrisdominic2963]

Hey I'm getting the following error when using the PIL File "C:\Users\lenovo\AppData\Local\Programs\Python\Python38-32\lib\site-packages\PIL\Image.py", line 2882, in open fp.seek(0) AttributeError: 'str' object has no attribute 'seek'

[@Codemycom]

Try googling: "AttributeError: 'str' object has no attribute 'seek'"

[@vaibhavsaran7124]

Also I tried your code it does not work

[@Codemycom]

lol of course it works. You can literally watch the video and see that it does. You have a typo.

[@gughanbabu6620]

how to use diffrent images on diffrent pages in tkinter ( ex: one back in login page and another one in next page)

[@Codemycom]

In the same way. Make the image variable global

[@hipstermonkey3510]

Managed to style root window with JPEG image as background using pillow and place attribute. While trying to do the same for toplevel window it says photoImage has no attribute place. (Already made variable a global variable in the function definition)

[@paulp-g4u]

Thanks man 👍

[@Codemycom]

You bet

[@mahdighasemi724]

So thanks👍🏻💗

[@Codemycom]

You’re welcome

[@Russia_-dy7ys]

how to use .grid instead of .pack

[@Codemycom]

I have dozens of videos on the playlist using grid.

[@Russia_-dy7ys]

@@Codemycom ok two more question _how to call a fonction that is inside another to a function _how can create a data base to get and store all my files and applications location

[@Russia_-dy7ys]

another* fonction

[@Codemycom]

@@Russia_-dy7ys try functionone(functiontwo()) and I have lots of videos on databases with tkinter

[@p.jeevan2467]

How to add image on it

[@Codemycom]

What do you mean?

[@kishorekumar790]

John thanks for such an amazing playlist. Quick question, can the Transparent widget hack used for the 1st method to get rid of the widget bg?

[@craftapple9446]

Cara você é o melhor mim ajudou muito thanks

[@axel9717]

Thanks you so much

[@Codemycom]

Most welcome

[@axel9717]

@@Codemycom do you know if i can u Canvas for gif too ? I create my and i want to use it like the galaxy image

[@Codemycom]

@@axel9717 Yes but not in the way you think, it's fairly complicated

[@axel9717]

@@Codemycom do you have a video or a link to explain ? I didn’t find on the web

[@Codemycom]

@@axel9717 No, sorry

[@peterpacsay8358]

I am not sure, but I think it is only works if your image pixels are also 800x500

[@Codemycom]

huh?

[@peterpacsay8358]

Sorry! now I see you have mentioned it right at the start.

[@Codemycom]

@@peterpacsay8358 yep

[@sams_sends6267]

Object has not attribute '.create_image ' :(

[@TheblackTutorial]

Sos mi héroe

[@vaibhavsaran7124]

You say check the pin comment where is it ??

[@Codemycom]

It's the first comment listed in the comment section...the one with all the info in it.

[@rafe_nyes]

fortnite next?

[@iulianslabu1708]

i gyat to program this fn

[@Codemycom]

lol

[@borispasynkov1404]

Dosen't work at all, displays the error TclError: image "pyimage5" doesn't exist.

[@Codemycom]

what did you do differently from the video?

[@ramitpanangat7855]

Thanksss a lot ❤️

[@Codemycom]

Glad you enjoyed it

[@sooryaskills5493]

Please make a tutorial on py game.

[@Codemycom]

It's on my list

[@insertx2k_dev]

It returns the error image "pyimage1" doesn't exist, while I am completely sure that I have specified the directory of the image, Here is my code. from tkinter import * # As usual appico = PhotoImage(file="renpy.jpg") img_proc = Label(about_page, image=appico) img_proc.grid(column=0, row=2) the image is stored in the same directory this py file is in, and also it is named as renpy.jpg.

[@m.ali_202]

Sours Cod?

[@Codemycom]

Always in the pinned comment

[@greatindianbuilder2491]

Tkinter is never able to read image data. and its frustrating af.