1 00:00:01,060 --> 00:00:01,720 Hi, guys. 2 00:00:02,020 --> 00:00:06,800 And this video, I will show you how you can put a an image as a button. 3 00:00:07,180 --> 00:00:13,450 So, for example, if you don't like the button for the default button for the heater and you want to 4 00:00:13,450 --> 00:00:20,560 put a custom button, maybe you can create it using Photoshop or something like that or illustrator, 5 00:00:20,860 --> 00:00:28,600 then you want to put it here on or on your application, on your application, so you can do that easily. 6 00:00:28,930 --> 00:00:34,360 So for example, I took this image here, so I had this image. 7 00:00:34,360 --> 00:00:42,370 Do I want to put this image as a as a button of as a button here in the picture so you will see that 8 00:00:42,370 --> 00:00:43,660 it is very easy to do that. 9 00:00:44,050 --> 00:00:45,250 I will close this one. 10 00:00:45,610 --> 00:00:49,410 So here we should create an application as we did before. 11 00:00:49,450 --> 00:00:58,520 So here from the computer informs everything that we will need also below, because if we will use the 12 00:00:58,600 --> 00:01:03,400 images, so we need to be able to open it and decide if it is necessary. 13 00:01:03,910 --> 00:01:13,770 So here we have from the eye and import image, then the image like this. 14 00:01:13,780 --> 00:01:23,110 Now we will create optical gaze and I am moving very fast on that because we will do this one before 15 00:01:23,110 --> 00:01:24,970 we do or we did all the steps. 16 00:01:25,240 --> 00:01:28,360 But I like only to redo it again. 17 00:01:28,360 --> 00:01:33,670 So we will see how you will recognize and you will not forget the steps. 18 00:01:33,700 --> 00:01:36,520 OK, so here is the application. 19 00:01:36,520 --> 00:01:39,430 I will change the geometry here. 20 00:01:39,970 --> 00:01:44,350 I will actually handed by four hundred for example. 21 00:01:45,670 --> 00:01:48,880 So here is our application like this. 22 00:01:49,300 --> 00:01:51,410 Now it creates the button. 23 00:01:51,970 --> 00:01:55,380 Now before creating the button, we should open the email. 24 00:01:55,400 --> 00:02:00,160 So here we have an image, a cool image, not open. 25 00:02:00,760 --> 00:02:08,480 And here the image icon I call the click on. 26 00:02:09,880 --> 00:02:16,780 I can type that here or we will or will convert it into a digital image. 27 00:02:17,230 --> 00:02:18,790 So what I'm doing here. 28 00:02:19,270 --> 00:02:24,840 So we have an image, T.J., the image that you have image. 29 00:02:25,240 --> 00:02:28,400 So now the image is really, really created the button. 30 00:02:28,720 --> 00:02:38,400 So here we have and power button we have here button and I will put it on the application now. 31 00:02:38,440 --> 00:02:45,070 And we have to do we create the before that I will start by text so we can see the button after that. 32 00:02:45,940 --> 00:02:55,690 So here for example, me then we will add a command so that we will see what if the button is working 33 00:02:55,690 --> 00:02:56,140 or not. 34 00:02:56,170 --> 00:03:06,610 So here we have for example, click now I will create a function click then maybe you will create a 35 00:03:06,610 --> 00:03:07,070 label. 36 00:03:07,290 --> 00:03:07,590 So. 37 00:03:07,670 --> 00:03:14,200 So after each click on the button will print something only for example. 38 00:03:14,240 --> 00:03:19,680 So here we have labeled the label, we put it in the application also. 39 00:03:19,690 --> 00:03:23,840 So we will have text equal, for example. 40 00:03:23,860 --> 00:03:28,610 This is my arm like this only for the death. 41 00:03:28,640 --> 00:03:38,410 So here we have a label that's back like this and we try it out and see the button because I forgot 42 00:03:38,410 --> 00:03:39,450 to put it so. 43 00:03:39,680 --> 00:03:40,750 So here we are. 44 00:03:40,750 --> 00:03:45,310 Button that back like this now. 45 00:03:46,420 --> 00:03:49,660 Now, here is our application and it is out to our butts. 46 00:03:49,720 --> 00:03:55,690 And so after each we see here, you can see that the bottom is not and that is not that visible because 47 00:03:55,930 --> 00:03:57,000 I am using Mark. 48 00:03:57,010 --> 00:04:01,950 Sometimes the button by default format is very difficult to recognize. 49 00:04:02,200 --> 00:04:04,490 But you saw that using that in Windows. 50 00:04:04,510 --> 00:04:13,140 It is very easy because I am using Mark and I am using the OS operating system and windows and I will 51 00:04:13,220 --> 00:04:22,000 I will use also Linux so that you will see that the printer works on every every machine. 52 00:04:22,030 --> 00:04:28,840 So if you will use any system you want, every system you want, it will work even for Mac or Windows 53 00:04:28,840 --> 00:04:29,750 or anything you want. 54 00:04:29,780 --> 00:04:35,980 OK, so for this I am using the three systems so that you will have an idea and you will know that each 55 00:04:35,980 --> 00:04:39,580 word for anything and you will not, you don't need to change anything. 56 00:04:39,580 --> 00:04:47,080 Only what you have to do is doing the same program only for tickin for a will do for Linux. 57 00:04:47,350 --> 00:04:56,560 You should install a dictator because in Windows or in Almog when you will install Python, decanters 58 00:04:56,560 --> 00:04:58,060 will be installed with this. 59 00:04:58,300 --> 00:05:04,010 But in winter to you need to install counter by using install. 60 00:05:04,150 --> 00:05:05,670 OK, that's it. 61 00:05:05,680 --> 00:05:08,260 But all the other stuff are not changeable. 62 00:05:08,860 --> 00:05:14,680 So here what we have to do, we are we I want to change this person into a an image which means that 63 00:05:14,680 --> 00:05:20,560 this custom button, this one so does the same thing. 64 00:05:20,570 --> 00:05:21,370 It is very easy. 65 00:05:21,370 --> 00:05:28,230 Or what we have to do is to change this here on instead of using text will use an image. 66 00:05:28,240 --> 00:05:31,000 So here I will lead this here. 67 00:05:31,540 --> 00:05:38,560 And we have a image equal, which is the image that we have and we will see how does it look at first. 68 00:05:38,800 --> 00:05:44,980 As you can see, the button is very large because we didn't do the resizing stuff, etc. So we will 69 00:05:45,130 --> 00:05:49,930 do the resizing here before before creating the image. 70 00:05:50,470 --> 00:05:53,260 You should resize because after that we cannot. 71 00:05:53,290 --> 00:05:55,960 So we have to it we would have to open it. 72 00:05:55,990 --> 00:05:59,230 Then after that we will convert it into G.K. 73 00:05:59,770 --> 00:06:10,450 So here we have Image Ekwall image that resize like this, then here what we have to do or we have only 74 00:06:10,450 --> 00:06:12,820 to put the new sizes. 75 00:06:12,820 --> 00:06:18,340 So for example, I will put one hundred by fifteen. 76 00:06:18,340 --> 00:06:19,780 Four hundred fifty. 77 00:06:19,780 --> 00:06:21,130 Sorry then. 78 00:06:23,340 --> 00:06:34,890 And then here we have the image, does this can tell you that on the ugliest like this? 79 00:06:35,670 --> 00:06:36,430 So we'll see. 80 00:06:36,480 --> 00:06:37,740 How does it look now? 81 00:06:37,740 --> 00:06:39,080 Now it is a little bit better. 82 00:06:39,360 --> 00:06:46,680 We can see this color here because of I told you because of the muck, because by default, the button 83 00:06:46,680 --> 00:06:48,260 will be for all this area. 84 00:06:48,270 --> 00:06:51,990 So I couldn't fix this problem for the moment. 85 00:06:52,260 --> 00:06:56,280 But in winter or Windows or Linux, the button will be clearly. 86 00:06:56,280 --> 00:06:59,220 So if you would put an image here, it will be only the image. 87 00:06:59,220 --> 00:07:02,330 You will not see this stuff, this stuff here. 88 00:07:02,760 --> 00:07:06,300 So you will see if this person works or not. 89 00:07:06,330 --> 00:07:12,870 So if I will click here, you can see that each word on each click, it will bring that this is my up. 90 00:07:13,350 --> 00:07:15,440 So that was for this video. 91 00:07:15,480 --> 00:07:19,410 I hope that you enjoyed I see you in the next videos I.