1 00:00:06,290 --> 00:00:12,470 So a lot of times when we are trying to come up with a logo for our brand, we really just need to get 2 00:00:12,470 --> 00:00:18,260 something on the page and you don't have to try and redefine exactly what it is that you want. 3 00:00:18,290 --> 00:00:19,960 You don't have to invent a new shape. 4 00:00:19,970 --> 00:00:23,380 You don't have to come up with something that's never, never, never been used before. 5 00:00:23,810 --> 00:00:25,720 And I want to show you this really cool. 6 00:00:25,730 --> 00:00:27,450 It's a totally free resource. 7 00:00:27,470 --> 00:00:29,390 It's called Flat Icon Dotcom. 8 00:00:29,390 --> 00:00:30,520 It's this website here. 9 00:00:30,860 --> 00:00:36,590 You can choose to log in and sign up and you get almost unlimited downloads on all the free ones you 10 00:00:36,590 --> 00:00:38,930 can pay and get some of the better icons. 11 00:00:39,140 --> 00:00:44,330 But you can just pop over to this website or not sign up or anything like that and just type in a few 12 00:00:44,330 --> 00:00:51,120 keywords and get some really strong, usable icons to start incorporating into some of your logos. 13 00:00:51,710 --> 00:00:58,040 I'm definitely sharing this resource because it can be super overwhelming to have to design a logo and 14 00:00:58,040 --> 00:01:01,460 a lot of the hard work and the heavy lifting has already been done for you. 15 00:01:01,460 --> 00:01:03,230 And I just want to show you how to access that. 16 00:01:03,650 --> 00:01:09,650 So if you come to flight icon dot com, it's a website, you can just type in something that you you 17 00:01:09,650 --> 00:01:10,280 have in mind. 18 00:01:10,280 --> 00:01:17,240 Let's say we have let's say we have a flower company so we can type in flower hit return and all the 19 00:01:17,240 --> 00:01:23,290 ones without the crown on them are free to use so long as you credit the person who has designed them. 20 00:01:23,300 --> 00:01:26,070 If you ask if you are charging forward for this product. 21 00:01:26,090 --> 00:01:30,170 So anything with the crown is only available to premium users. 22 00:01:30,170 --> 00:01:34,130 Feel free to sign up if you like this website and show them your support. 23 00:01:34,250 --> 00:01:38,990 But if you're just here for a couple of icons, you can scroll through here until you find something 24 00:01:38,990 --> 00:01:39,540 that you like. 25 00:01:39,560 --> 00:01:45,860 Let's take this Rose, for example, and you can download this icon to use as part of your logo and 26 00:01:45,860 --> 00:01:46,880 jump straight in. 27 00:01:47,630 --> 00:01:54,350 You can choose to download it as the PNG file or in SVG and SVG is going to be a vector format, which 28 00:01:54,350 --> 00:01:58,210 means you can scale it up and down as much as you want without it getting blurry. 29 00:01:58,640 --> 00:02:04,130 But for the exercise for today, we can just use PNG until you start locking stuff into place and you 30 00:02:04,130 --> 00:02:06,290 need to be printing them on big banners and things. 31 00:02:06,290 --> 00:02:07,850 We can just start with a PNG. 32 00:02:08,270 --> 00:02:15,560 So download that you just hit PNG and it's going to say you can pay to get the rights for this use or 33 00:02:15,560 --> 00:02:18,220 you can get a free download if you attribute the author. 34 00:02:18,230 --> 00:02:21,660 So always make sure you give credit where credit is due. 35 00:02:22,190 --> 00:02:25,790 This one here is by Dinosaur Labs, as you can see like that. 36 00:02:25,820 --> 00:02:29,350 So if we're using that, that is who designed this logo. 37 00:02:29,870 --> 00:02:32,690 You can come back up at any time, change your search. 38 00:02:32,900 --> 00:02:38,720 Let's say now we're using maybe we're a pet grooming company so you can type in pet and see what pops 39 00:02:38,720 --> 00:02:45,120 up and use any of the uses are free to use again so long as you credit who wrote them. 40 00:02:46,040 --> 00:02:47,030 So there's a resource. 41 00:02:47,030 --> 00:02:48,760 Let's jump over to Photoshop together. 42 00:02:49,550 --> 00:02:50,570 Here it is as well. 43 00:02:50,930 --> 00:02:54,110 And let's get started by using our. 44 00:03:01,020 --> 00:03:06,360 So let's make a new document together, and we're going to create an icon logo that we can use on our 45 00:03:06,360 --> 00:03:07,210 mock up template. 46 00:03:07,230 --> 00:03:11,280 So let's go create new wait for this document thing to pop up here. 47 00:03:11,460 --> 00:03:12,960 And I'm happy to go. 48 00:03:13,230 --> 00:03:14,790 Let's do eight by. 49 00:03:16,270 --> 00:03:16,720 Absolutely. 50 00:03:16,750 --> 00:03:25,360 I like that let's do eight by five, gives us a lot of room to play around in and let's make sure that 51 00:03:25,360 --> 00:03:27,700 we have 70 pixels per cent tomato. 52 00:03:29,560 --> 00:03:34,970 Great, I hit enter and here is our canvas, you can zoom out if it's a little too in your face there. 53 00:03:35,140 --> 00:03:38,250 OK, so in our project files. 54 00:03:38,260 --> 00:03:45,040 So if we open up our Icon logo project files, you'll find that I've already put some images in here 55 00:03:45,040 --> 00:03:45,640 for you. 56 00:03:45,820 --> 00:03:48,940 So feel free to play around with these if you're just getting started. 57 00:03:49,180 --> 00:03:54,880 But you can also use a website like Flett Icon to find something that's more particular to your niche. 58 00:03:55,270 --> 00:03:58,700 So let's go ahead and bring in this like PMG icon. 59 00:03:59,530 --> 00:04:01,930 Let's say we have a bike repair store. 60 00:04:02,500 --> 00:04:06,880 So I'm going to through this icon, say, right up here up the top. 61 00:04:08,290 --> 00:04:15,190 And without even touching this icon at all, I'm going to throw in a text layer and name our bicycle 62 00:04:15,190 --> 00:04:15,670 store. 63 00:04:17,710 --> 00:04:23,740 It's chosen to use a pretty bold text here, and that can be super powerful, if that's what you like, 64 00:04:23,740 --> 00:04:29,800 but at any point, of course, we can come into our character's properties up the top here and choose 65 00:04:29,800 --> 00:04:31,010 a different sized text. 66 00:04:31,010 --> 00:04:36,040 And maybe we want it to be a little smaller and we want to be quite light and maybe we want our text 67 00:04:36,040 --> 00:04:37,930 size and pressingly down arrow button. 68 00:04:38,440 --> 00:04:44,410 If you want it to be quite small, we're going to do that and then increase the size between my letters, 69 00:04:44,410 --> 00:04:50,170 because I think that always gives it a really clean, minimal look for that directly under. 70 00:04:50,590 --> 00:04:53,020 And looking at this, that is a logo. 71 00:04:53,050 --> 00:04:54,070 That is a brand. 72 00:04:54,160 --> 00:04:55,650 That is a color scheme. 73 00:04:55,660 --> 00:05:01,000 We have black and white here and we didn't do anything or we brought in was a free icon that we found 74 00:05:01,000 --> 00:05:01,510 together. 75 00:05:01,780 --> 00:05:05,010 And we added the name of our company and we have a logo. 76 00:05:05,020 --> 00:05:08,260 If this was a business card, that would be strong, that would be acceptable. 77 00:05:08,260 --> 00:05:08,950 It would be clean. 78 00:05:08,950 --> 00:05:09,640 It'd be neat. 79 00:05:09,940 --> 00:05:10,770 So there you go. 80 00:05:11,320 --> 00:05:18,400 If we want to even go one step further, maybe I can try and match my text size to be the same size 81 00:05:18,400 --> 00:05:21,230 as the line here and maybe add a little bit more cohesion. 82 00:05:21,250 --> 00:05:24,340 So let me I'm going to say semi bold might be the way to go. 83 00:05:25,980 --> 00:05:28,600 Oh, we could probably go up one more step. 84 00:05:28,620 --> 00:05:30,410 Let's go to boat, that's better. 85 00:05:31,350 --> 00:05:36,090 Now that I actually think looks a little more cohesive, I'm going to make this slightly smaller by 86 00:05:36,090 --> 00:05:39,840 pressing command T and resizing my bike. 87 00:05:43,090 --> 00:05:43,950 Probably at here. 88 00:05:45,890 --> 00:05:51,190 If you open back up out project files, you'll see this Photoshop file here called zero zero one. 89 00:05:51,560 --> 00:05:57,120 If you go ahead and open that I've given you a business card mock up template here. 90 00:05:57,140 --> 00:05:59,000 So this is free for you to use. 91 00:05:59,450 --> 00:06:03,620 I've created this so that you can use it and see what your designs look like, locked up onto a nice 92 00:06:03,620 --> 00:06:04,330 business card. 93 00:06:04,850 --> 00:06:09,950 And so I'm going to zoom out just a little bit and I'm going to come across here and actually make this 94 00:06:09,950 --> 00:06:11,570 quite, quite big. 95 00:06:11,580 --> 00:06:13,700 So highlight both of those layers come. 96 00:06:14,690 --> 00:06:19,490 Let's stretch it so that we don't have any pixels running around here and messing up our look. 97 00:06:20,460 --> 00:06:23,640 Let's go, OK, go to turn the background off. 98 00:06:24,260 --> 00:06:28,400 I'm going to go file save as I'm going to call this bike. 99 00:06:30,760 --> 00:06:31,540 Michelago. 100 00:06:33,080 --> 00:06:39,440 Save it as a PG, remember, a PG keeps our background transparent and I'm going to hit, save and OK 101 00:06:40,370 --> 00:06:46,370 if I come across to our business card template, if you drag in your logo that you've just made together. 102 00:06:46,370 --> 00:06:48,950 So wherever you've saved that, go ahead and drop that in. 103 00:06:49,580 --> 00:06:50,780 And it's looking pretty good right there. 104 00:06:50,780 --> 00:06:55,010 So I'm going to just tilt that to match our shape of the card. 105 00:06:57,040 --> 00:06:58,300 And there you go. 106 00:06:58,330 --> 00:07:04,220 That is our bike business card that we made in probably two minutes together. 107 00:07:04,690 --> 00:07:07,690 So join me in the next lesson and we'll do something a little more complicated.