1 00:00:00,200 --> 00:00:04,920 In this lecture we're going to be creating a channel banner from absolute scratch and we're going to 2 00:00:04,920 --> 00:00:09,450 create it by ourselves from the very beginning to the very end. 3 00:00:09,450 --> 00:00:13,980 So in the previous modules we'll learn how to make not up to me. 4 00:00:14,010 --> 00:00:21,000 How to find out the good templates for the different banners etc. etc. all use different services but 5 00:00:21,120 --> 00:00:27,510 always the best way to do is to make the banner yourself because it will this will be completely unique 6 00:00:27,510 --> 00:00:32,970 for you you'll not be repeated by anyone and this thing will be completely completely completely for 7 00:00:32,970 --> 00:00:36,240 you and right now we're going to create this from the very scratch. 8 00:00:36,240 --> 00:00:38,310 So I'm going to be creating this on my iPad. 9 00:00:38,390 --> 00:00:44,280 As always I do my editing on my iPad with the affinity photo and if you have a vintage photo on a Mac 10 00:00:44,280 --> 00:00:46,240 you can do practically the same thing. 11 00:00:46,270 --> 00:00:49,920 The layout will be a bit more different but not by much. 12 00:00:50,080 --> 00:00:53,610 And we feel want to do on Photoshop you can do it on photoshop as well. 13 00:00:53,610 --> 00:00:55,670 This will be practically the same things. 14 00:00:55,750 --> 00:01:00,420 They're not going to be a bunch of different new things that you could do I think. 15 00:01:00,780 --> 00:01:06,030 If you want you can do it even in Canada or any other software because we're not gonna do very complicated 16 00:01:06,030 --> 00:01:06,330 stuff. 17 00:01:06,330 --> 00:01:11,190 Only thing that we're going to do is probably adding some effects like shadows jets etc. So first thing 18 00:01:11,190 --> 00:01:12,990 that we'll need is the camera. 19 00:01:12,990 --> 00:01:19,470 This is a transparent canvas and the size of the canvas is 25 60 by 14 40. 20 00:01:19,500 --> 00:01:22,140 That's the canvas size that you want. 21 00:01:22,140 --> 00:01:24,070 This will be the entire canvas size. 22 00:01:24,090 --> 00:01:31,500 The next thing that you want is you want to understand that this canvas will not be your entire banner. 23 00:01:31,500 --> 00:01:38,580 It will not be visible everywhere and every single device that you have or that my your users will have 24 00:01:38,880 --> 00:01:44,630 will see the banner in a different way in a different sizes and to help you with that. 25 00:01:44,670 --> 00:01:47,310 I have downloaded this photo. 26 00:01:47,310 --> 00:01:47,830 This is not. 27 00:01:47,880 --> 00:01:49,350 This will not created by me. 28 00:01:49,350 --> 00:01:53,400 This was created by the individual and I downloaded it from Google. 29 00:01:53,400 --> 00:01:59,660 This shows you the different polices visible on your banner. 30 00:01:59,670 --> 00:02:06,090 Depending on where it is open for example if someone will open your channel on TV entirety of the banner 31 00:02:06,330 --> 00:02:10,860 will be visible and I think it's visible because it's used as your background like background for your 32 00:02:10,860 --> 00:02:15,860 channel so only plays where entirety of this banner is visible is on the TV. 33 00:02:15,870 --> 00:02:22,600 So you actually don't need to use like this place is completely entirely you don't even need this place 34 00:02:22,800 --> 00:02:25,020 as the desktop. 35 00:02:25,020 --> 00:02:27,370 Max is this one is the widest place. 36 00:02:27,390 --> 00:02:31,950 This is where the widescreen desktops will display this one. 37 00:02:32,220 --> 00:02:34,880 This place is a bit darker. 38 00:02:34,880 --> 00:02:40,110 Great places will be displayed on tablets and this darker places will be displayed everywhere. 39 00:02:40,110 --> 00:02:46,600 So this is the place where you need to put white majority of the info that you want. 40 00:02:46,650 --> 00:02:51,690 All these other places can be used for stuff but it varies out it's actually not necessary so you need 41 00:02:51,690 --> 00:02:59,460 to use a display so what I do in many cases is that just go here and just make the opacity of this a 42 00:02:59,460 --> 00:03:06,260 bit a bit low just to see the everything behind and to understand that everything is in the safe area. 43 00:03:06,630 --> 00:03:12,890 So first thing that we're gonna use here is we're gonna need some some background so in my case I'm 44 00:03:12,990 --> 00:03:15,660 I'm gonna use the slide overview. 45 00:03:15,660 --> 00:03:23,040 I'm going to use my visa ref app and I'm gonna use this photo because this photo is kind of more in 46 00:03:23,040 --> 00:03:29,340 line with my channel because I want to create this on for my game I guess I'm practically I'm recreating 47 00:03:29,760 --> 00:03:31,470 the banner from my gaming channel. 48 00:03:31,480 --> 00:03:33,490 So just be mindful of that. 49 00:03:33,540 --> 00:03:39,200 I'm gonna put it in the very edge and I'm going to resize it just to make it as big as possible. 50 00:03:39,210 --> 00:03:44,800 Because the photo is actually unconventional inside it's not 16 by an anything in 16 by 10. 51 00:03:44,800 --> 00:03:46,820 When you says it years a bit more. 52 00:03:46,860 --> 00:03:51,920 And I'm going to lose some space on the sides but it's it's not a big problem. 53 00:03:51,930 --> 00:03:57,870 I can't increase this bit to the top because yeah I don't want to any whitespace is visible and what 54 00:03:57,870 --> 00:03:59,670 I will do is I will resize this. 55 00:03:59,710 --> 00:04:01,270 I like that to have it. 56 00:04:01,270 --> 00:04:04,530 Approximately in the middle. 57 00:04:04,590 --> 00:04:05,060 OK. 58 00:04:05,070 --> 00:04:06,510 That's practically in the middle. 59 00:04:06,510 --> 00:04:06,720 OK. 60 00:04:06,750 --> 00:04:08,180 This will be our background. 61 00:04:08,210 --> 00:04:09,700 But what's most important. 62 00:04:09,700 --> 00:04:16,660 I'm gonna put the layers delay that I use on the top so it would be visible always. 63 00:04:16,900 --> 00:04:24,030 As you can see this is how it will how it will look so I know that I need this space right here for 64 00:04:24,030 --> 00:04:27,270 my logo for my text etc etc. And I do. 65 00:04:27,270 --> 00:04:34,410 I should not put anything right on these lines because I know that they would be cut away so I will 66 00:04:34,410 --> 00:04:35,720 not be using this place. 67 00:04:35,720 --> 00:04:42,420 I will just make it invisible just adjusting case and what I will do right now is I will add a my logo 68 00:04:42,420 --> 00:04:43,100 was all right here. 69 00:04:43,100 --> 00:04:44,310 I want to have my logo. 70 00:04:44,310 --> 00:04:49,850 I'm going to copy this logo and I'm going to paste it right here and I'm going to paste it like that. 71 00:04:49,920 --> 00:04:53,860 I want this logo to be visible and I will position it in the middle. 72 00:04:53,880 --> 00:04:55,230 I'm going to go alignment option. 73 00:04:55,230 --> 00:04:58,500 Bam and bam on premise is clicked. 74 00:04:58,650 --> 00:05:02,100 When I did this one so I'm not just make it a bit smaller. 75 00:05:02,100 --> 00:05:07,850 I don't want this to be very very large just I'm going to check out the positioning okay. 76 00:05:07,900 --> 00:05:13,590 This okay this size is pretty much fine and I'm going to go and continue with positioning it make it 77 00:05:13,620 --> 00:05:14,540 in the middle okay. 78 00:05:14,580 --> 00:05:16,410 This looks pretty fine. 79 00:05:16,530 --> 00:05:19,050 Now I'm going to take away this layer. 80 00:05:19,050 --> 00:05:22,280 Okay this looks pretty much perfect. 81 00:05:22,620 --> 00:05:26,910 And the people will see only this large your logo in the middle. 82 00:05:26,910 --> 00:05:35,910 So what I want afterwards is I want some text around I want in my case I what I suggest you to put on 83 00:05:35,910 --> 00:05:37,470 the right side left side. 84 00:05:37,470 --> 00:05:43,890 Put that type of videos that you do to explain what type of videos you do and on the on the right side. 85 00:05:43,890 --> 00:05:51,540 Put how often you upload or any other additional info that you want to follow or subscribe or etc cetera 86 00:05:51,540 --> 00:05:52,800 whatever you want. 87 00:05:52,800 --> 00:05:54,700 I usually sketch I use schedule here. 88 00:05:54,720 --> 00:06:00,660 It's again up to you 100 percent depending on what your channel is and what you do it's 100 percent 89 00:06:00,750 --> 00:06:01,950 up to you. 90 00:06:02,160 --> 00:06:05,270 So can go put whatever the text that you want right here. 91 00:06:05,370 --> 00:06:10,560 I put in my case I put it the logos of the games that I do that I play. 92 00:06:10,560 --> 00:06:15,050 I'm going to put them right here and that will do exactly that right now. 93 00:06:15,060 --> 00:06:17,700 But unfortunately it's not working yet it is working. 94 00:06:17,700 --> 00:06:24,330 So what I will do is I will put this Star Wars logo right here and when I copy the Star Wars logo first 95 00:06:24,330 --> 00:06:27,700 I'm gonna just put some stuff and then I'm going to resize everything here. 96 00:06:27,780 --> 00:06:30,960 I'm going to use this Mass Effect logo when a copy. 97 00:06:30,960 --> 00:06:32,420 This one as well. 98 00:06:32,640 --> 00:06:37,170 When a paste it I'm just gonna dump it there first and then I'm going to work on them and I'm going 99 00:06:37,170 --> 00:06:40,280 to copy this halo logo and paste it right here. 100 00:06:40,340 --> 00:06:42,480 Okay they're all here. 101 00:06:42,500 --> 00:06:44,010 I'm going to make those two invisible. 102 00:06:44,010 --> 00:06:46,030 I'm gonna start working on Star Wars first. 103 00:06:46,040 --> 00:06:47,520 As you can see it's way too big. 104 00:06:47,530 --> 00:06:54,140 So when I make it smaller of course to fit in size I'm gonna just recite the stuff so I do want to see 105 00:06:54,140 --> 00:06:55,010 the entirety of the photo. 106 00:06:55,020 --> 00:06:59,970 I'm gonna put it somewhere to make it a bit more aesthetically pleasing. 107 00:07:00,030 --> 00:07:04,230 I'm going to put it somewhere in the middle between this logo and between this line so it's somewhere 108 00:07:04,230 --> 00:07:05,660 in the middle like that. 109 00:07:05,760 --> 00:07:12,160 If I take this background away it's perfectly visible but we will work on the visibility afterwards. 110 00:07:12,210 --> 00:07:14,810 Then I'm gonna do the same thing with Mass Effect. 111 00:07:14,810 --> 00:07:21,300 Of course I want to make it way smaller because it's way too big because I wanted to put three different 112 00:07:21,300 --> 00:07:26,170 things together so yeah that's that's practically okay. 113 00:07:26,230 --> 00:07:29,800 And then I'm gonna do the same thing with Halo logo right here. 114 00:07:29,820 --> 00:07:33,100 When I put it like that but I think that he will always watch a stretch. 115 00:07:33,180 --> 00:07:36,570 I'm going to make it a bit narrower just a bit narrower. 116 00:07:36,570 --> 00:07:40,680 It looks a bit better that way better but a bit better may maybe a bit more narrow. 117 00:07:40,710 --> 00:07:45,090 Yeah just like that and I'm going to put it somewhere right here. 118 00:07:45,090 --> 00:07:51,020 I think it's fine position so we fire we'll make this disappear. 119 00:07:51,060 --> 00:07:52,470 Yep it looks it looks OK. 120 00:07:52,470 --> 00:07:53,870 It looks pretty much fine. 121 00:07:53,880 --> 00:07:54,450 I like it. 122 00:07:54,450 --> 00:08:02,040 I like how it looks and it it is within the borders within the safe areas which is practically amazing. 123 00:08:02,040 --> 00:08:05,790 Very nice I like that very very much. 124 00:08:05,790 --> 00:08:10,710 This you see that one thing that should be addressed before we're gonna continue. 125 00:08:10,770 --> 00:08:17,820 And by that we will fix afterwards is that because the photo on the background is so in some places 126 00:08:17,820 --> 00:08:21,820 brights and supplies is dark the logos sometimes are not visible. 127 00:08:21,840 --> 00:08:25,230 Very well this in this case they're practically visible. 128 00:08:25,230 --> 00:08:31,530 I like that how they're visible but we're gonna work on this a bit later now what we need afterwards 129 00:08:31,650 --> 00:08:37,950 is we need text right here and what we'll do I'm gonna use a text going to put right here and first 130 00:08:37,950 --> 00:08:44,070 I'm gonna choose my my font you can choose whatever font that you want. 131 00:08:44,070 --> 00:08:50,130 I use Helvetica font and I use condensed Black very very often. 132 00:08:50,130 --> 00:08:57,720 What I will do then I'm gonna change it with culture the color white and then I'm gonna type some text 133 00:08:57,810 --> 00:09:06,030 and this will be now when the first no I have got home I want to work on the sizing a bit later. 134 00:09:06,030 --> 00:09:18,560 Let's go would do this want new videos he I want to put it all caps every day. 135 00:09:18,680 --> 00:09:25,930 Something like that or maybe I could do a put every single word in a different Hawaiian. 136 00:09:25,950 --> 00:09:30,590 Maybe yes because you have we need to fill it up and when it increased in size. 137 00:09:30,840 --> 00:09:34,700 And as you can see it is which is looking pretty much fine. 138 00:09:34,770 --> 00:09:38,670 It is looking pretty much and of course we're now coloring we're going to work on the coloring on that 139 00:09:38,670 --> 00:09:43,530 of the text we can make this disappear and yeah we're going to work on this but it looks pretty much 140 00:09:43,530 --> 00:09:43,770 fine. 141 00:09:43,770 --> 00:09:47,980 Everybody would understand that this is the types of the videos or something like that. 142 00:09:48,150 --> 00:09:53,220 I would explain more stuff right here like on my banner I have like more stuff explaining right here 143 00:09:53,240 --> 00:09:59,040 like the fantasy and sci fi strategy videos or some like that we could explain some things but because 144 00:09:59,060 --> 00:10:04,170 people will come right here see Star Wars Mass Effect them Halo and watch like you are talking about 145 00:10:05,070 --> 00:10:10,050 what you're talking about games you're talking about the movies you're talking about novels what we're 146 00:10:10,080 --> 00:10:10,930 talking about then. 147 00:10:11,030 --> 00:10:17,520 Well it it's not the good explanation but for this purposes I'm gonna put I'm when to leave it for now. 148 00:10:17,520 --> 00:10:23,280 Just like that then it's practically done we don't need any more elements we don't need anything here 149 00:10:23,310 --> 00:10:28,110 because this will be enough even on the larger screens people understand whatever is happening on the 150 00:10:28,110 --> 00:10:30,270 screen and it's weird right. 151 00:10:30,280 --> 00:10:35,790 Like every single element is only this small place but this is how it just it works and that's what 152 00:10:35,790 --> 00:10:41,940 people usually are not doing well with their channels and what we'll do right now is we're gonna work 153 00:10:42,000 --> 00:10:47,700 on some of the effects now we're going to select the text we're going to work and text and what we're 154 00:10:47,700 --> 00:10:52,460 going to do is we're going to go into effects and start with an outline we want some outline we're gonna 155 00:10:52,480 --> 00:10:59,040 increase because outline helps the text come out of the background it can see as soon as we did that 156 00:10:59,400 --> 00:11:05,710 every single place where the background was bright enough to counteract the whiteness of the text e 157 00:11:05,760 --> 00:11:14,700 to it is just just making it look the very well visible and then what we can do is we can go and put 158 00:11:14,700 --> 00:11:19,200 some outer and we're going to put some order shadow because we want some shadows we're gonna increase 159 00:11:19,230 --> 00:11:26,220 I'm gonna go with the fully intense shadow offset this bit just like that and increase the radius as 160 00:11:26,220 --> 00:11:27,730 much as I can. 161 00:11:27,900 --> 00:11:33,510 I want this to be like very precise Yeah I don't need any radius changes and I'm gonna make the offset 162 00:11:33,540 --> 00:11:40,770 it's just like that and just remember one thing that if you put the shadows on the tax try to have it 163 00:11:40,770 --> 00:11:47,190 on the same side like you see that's it's around 45 degrees is heat related is kind of heating from 164 00:11:47,250 --> 00:11:52,890 this side and if you will you will do the same with everything else try to do the same thing with everything 165 00:11:52,890 --> 00:11:53,590 else. 166 00:11:53,580 --> 00:11:59,720 Now what I will do right here is I'm gonna take this text I'm going to take this logo because there's 167 00:11:59,730 --> 00:12:06,970 practically nothing else that I need to do with this because otherwise it will be a bit a bit over way 168 00:12:06,970 --> 00:12:11,970 too much so I'm going to copy this I'm going to select this and I'm gonna go pasteboard and paste effects 169 00:12:12,950 --> 00:12:19,080 you can see in here the situation it does not looks it does not look that well so because yeah the Borders 170 00:12:19,080 --> 00:12:24,060 did not look that well I'm going to decrease the borders in this case as much as I can and then I'm 171 00:12:24,060 --> 00:12:30,090 going to work on a shadows as well so just as this is how we started and instead of black shadows I 172 00:12:30,090 --> 00:12:37,050 will do here a white shadow now that will shadow the outline white outline it will make it look a bit 173 00:12:37,050 --> 00:12:43,770 more different it's it's pink pink OK this is white now and I'm going to increase just in size to see 174 00:12:43,770 --> 00:12:47,220 this and increase the radius. 175 00:12:47,230 --> 00:12:48,810 Just a tiny bit. 176 00:12:48,940 --> 00:12:51,340 Then work on outer shadow. 177 00:12:51,340 --> 00:12:58,410 Because offset is way too much we're gonna decrease that offset and make it just like that so that the 178 00:12:58,420 --> 00:13:01,300 shadow is visible but it's not that powerful. 179 00:13:01,330 --> 00:13:01,550 Okay. 180 00:13:01,570 --> 00:13:02,380 Very good. 181 00:13:02,380 --> 00:13:05,050 And now we're going to do in this case is we're gonna take this one. 182 00:13:05,390 --> 00:13:05,890 Oh okay. 183 00:13:05,890 --> 00:13:09,100 We we accidentally removed all all the shadow. 184 00:13:09,100 --> 00:13:10,890 Okay no problem. 185 00:13:10,900 --> 00:13:13,680 We're gonna do an offset just like that and radius of. 186 00:13:13,680 --> 00:13:15,680 Very very very very low. 187 00:13:16,510 --> 00:13:18,290 Okay then we're gonna select. 188 00:13:18,370 --> 00:13:26,290 Now we're gonna go and get selection to go and select a copy of this one and then try to paste. 189 00:13:26,440 --> 00:13:31,460 Now I'm gonna we're gonna paste affects only we're gonna paste all effects. 190 00:13:31,480 --> 00:13:31,890 Okay. 191 00:13:31,900 --> 00:13:33,650 It looks okay. 192 00:13:33,700 --> 00:13:36,780 It doesn't need any changes to be fair and do here. 193 00:13:36,790 --> 00:13:38,920 The pasteboard the paste effects here as well. 194 00:13:39,010 --> 00:13:39,250 Okay. 195 00:13:39,280 --> 00:13:39,420 Yeah. 196 00:13:39,430 --> 00:13:40,790 This is the same thing. 197 00:13:40,960 --> 00:13:49,230 What we did right now with that is that we separated every single thing in the logo into a banner. 198 00:13:49,360 --> 00:13:53,770 As you can see we're still in the within the borders but we're separated every single thing and a banner 199 00:13:53,770 --> 00:13:59,950 from the background which makes it look kinda like it's sitting there and gives like pseudo 3D look 200 00:13:59,980 --> 00:14:01,810 as well which is very very good. 201 00:14:01,810 --> 00:14:07,600 We cannot do a bunch of stuff with an image as well because images comes preloaded with the shadow itself 202 00:14:07,600 --> 00:14:14,680 so if you just put a shadow to have a shadow overshadow and it might look actually it looks OK we can 203 00:14:14,680 --> 00:14:15,840 use this to be fair. 204 00:14:16,000 --> 00:14:21,000 If you do an increase in intensity you can see it it does not look that well. 205 00:14:21,190 --> 00:14:27,730 So we're gonna decrease intensity and it actually makes it look a bit more separated from the background 206 00:14:27,760 --> 00:14:28,720 which is very very good. 207 00:14:28,720 --> 00:14:29,590 What about an outline. 208 00:14:29,590 --> 00:14:30,550 Can we do an outline. 209 00:14:31,030 --> 00:14:32,620 Oh no that's absolutely impossible. 210 00:14:32,620 --> 00:14:35,550 So yeah it looks OK I can say that it looks OK. 211 00:14:35,560 --> 00:14:37,490 The shadow looks more or less OK. 212 00:14:37,520 --> 00:14:45,850 This it's a bit stronger side and I'm gonna decrease intensity just a bit because it looks kind of way 213 00:14:45,850 --> 00:14:47,540 too strong. 214 00:14:47,540 --> 00:14:53,660 And now you know what I'm gonna decrease opacity instead and make it stronger and decrease opacity. 215 00:14:53,830 --> 00:14:54,340 Very good. 216 00:14:54,330 --> 00:15:02,440 It looks pretty pretty nice and yes this is basically the simplest banner that we could do and as you 217 00:15:02,440 --> 00:15:12,790 can see it's not that difficult to make even for an advanced user and you see you make banner to convey 218 00:15:12,790 --> 00:15:15,610 information about your channel. 219 00:15:15,640 --> 00:15:21,730 That's what you do right here when it delayed everything and as you can see this banner looks pretty 220 00:15:21,730 --> 00:15:22,060 nice. 221 00:15:22,060 --> 00:15:31,080 This this this place is what your viewers will see and looks pretty good it does not look that bad. 222 00:15:31,180 --> 00:15:34,000 What I would do again is put more text right here. 223 00:15:34,000 --> 00:15:34,620 I just did. 224 00:15:34,620 --> 00:15:39,700 Instead of this four lines right here make the text a bit more in the new videos every day and then 225 00:15:39,700 --> 00:15:48,190 put on put like strategy videos strategy gaming videos and then put new videos every day on these two 226 00:15:48,190 --> 00:15:48,490 lines. 227 00:15:48,520 --> 00:15:52,210 That's what you could do it in my in my case. 228 00:15:52,210 --> 00:15:54,670 So you can see it looks pretty okay. 229 00:15:54,670 --> 00:15:56,820 It looks pretty fine. 230 00:15:57,010 --> 00:16:02,980 Your viewer will be very very pleased and this might entice him to subscribe because he will understand 231 00:16:02,980 --> 00:16:06,960 with this banner what this channel is all about. 232 00:16:06,970 --> 00:16:10,870 And if it resonates with him he will most likely subscribe. 233 00:16:10,900 --> 00:16:18,370 So yes try to create your own banners afterwards after you understand what your channel is all about 234 00:16:18,370 --> 00:16:25,030 because in the beginning you usually do not understand well enough what your channel is and what it 235 00:16:25,030 --> 00:16:25,930 is all about. 236 00:16:25,930 --> 00:16:32,290 And but in the BE IN afterwards very soon you will understand what your channel is actually all about 237 00:16:32,530 --> 00:16:34,450 and then you will start. 238 00:16:34,930 --> 00:16:38,710 You will have all the knowledge needed to create something like that. 239 00:16:38,710 --> 00:16:40,540 Well this will be it for this one. 240 00:16:40,540 --> 00:16:41,500 Let's go to the next one.