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 :-)

[@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

[@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.....

[@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!

[@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

[@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...

[@shivanshukamboj7940]

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

[@Codemycom]

Thank you so much 😀

[@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

[@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?

[@m_abhijit_]

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

[@Codemycom]

Thanks!

[@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!

[@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 ?

[@jeanantoine1430]

Excellent tutorial!!! Very easy to follow!

[@Codemycom]

Glad you enjoyed it!

[@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?

[@pratyay2sarkar]

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

[@Codemycom]

Glad you're enjoying them!

[@iamnobody9988]

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

[@Codemycom]

Welcome aboard!

[@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

[@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

[@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 ?

[@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

[@funnyclips2696]

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

[@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

[@davidreviews8413]

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

[@Codemycom]

Thanks, will do!

[@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")

[@fearvalue1441]

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

[@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

[@clchan8053]

when doing in mac os, buttons still having background color

[@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 ❤️

[@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

[@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

[@mahashiah]

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

[@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.

[@poseidonbrozeus5888]

HOW are you SO helpful!

[@Codemycom]

Glad you think so!

[@dinhdthanh4429]

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

[@hiwab41]

Keep going brother

[@Codemycom]

Always

[@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?

[@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

[@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

[@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?

[@cyborgzone7143]

How can we use video files as background

[@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).

[@hamzahassan6364]

Can we use background video in Tkinter using canvas?

[@Codemycom]

Not really

[@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

[@DIYGURUJI]

Video on moving widgets other than canvas with keys in tkinter

[@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)

[@subatomic3426]

any way to do the same for checkbuttons?

[@Codemycom]

try it and see

[@subatomic3426]

@@Codemycom I tried its not working :(

[@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

[@muhdzimam1792]

Can this be implement in raspberry pi ?

[@Codemycom]

sure

[@codecircus]

Thank you for this video!

[@Codemycom]

Welcome!

[@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

[@rooseveltsantosjunior655]

Can I create a entry this way?

[@Codemycom]

how do you mean?

[@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

[@domzcafe6305]

How can i make a curve line

[@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?

[@zeeshanalavi975]

can we replace images with videos as background

[@Codemycom]

No, not really

[@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

[@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"

[@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..

[@blazexiytb]

Can i do this with gifs too?

[@Codemycom]

I doubt it

[@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.

[@cyborgzone7143]

Thanks man you are the best

[@Codemycom]

Welcome!

[@manukushaldm133]

Sir how to link registration buttton to register page

[@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! 👍

[@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.

[@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'"

[@naokembetonio3215]

thanks, that was very interesting

[@Codemycom]

Glad you enjoyed it

[@ArmiBHCR]

Hey bro is there anyway to remove this white border?

[@Codemycom]

Yeah keep watching the playlist, I go over that

[@estudosacademicos5237]

Thank you teacher... very good...

[@Codemycom]

Glad you liked it!

[@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.

[@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!

[@firojacharya]

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

[@Codemycom]

this method works with gif

[@ThemistaG]

can you set a gif file as the background?

[@Codemycom]

Not really

[@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

[@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?

[@moris933]

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

[@Codemycom]

I have a whole course on that at Codemy.com

[@greatindianbuilder2491]

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

[@sams_sends6267]

Object has not attribute '.create_image ' :(

[@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

[@paulp-g4u]

Thanks man 👍

[@Codemycom]

You bet

[@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...

[@mahdighasemi724]

So thanks👍🏻💗

[@Codemycom]

You’re welcome

[@p.jeevan2467]

How to add image on it

[@Codemycom]

What do you mean?

[@TheblackTutorial]

Sos mi héroe

[@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.

[@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

[@craftapple9446]

Cara você é o melhor mim ajudou muito thanks

[@borispasynkov1404]

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

[@Codemycom]

what did you do differently from the video?

[@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

[@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.

[@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

[@m.ali_202]

Sours Cod?

[@Codemycom]

Always in the pinned comment

[@rafe_nyes]

fortnite next?

[@iulianslabu1708]

i gyat to program this fn

[@Codemycom]

lol

[@sooryaskills5493]

Please make a tutorial on py game.

[@Codemycom]

It's on my list

[@ahmedk.n8126]

Can't I just make bg = None ? just a guess /:

[@Codemycom]

Try it and see

[@ahmedk.n8126]

@@Codemycom it doesn't work lol

[@Codemycom]

@@ahmedk.n8126 lol