1
00:00:01,500 --> 00:00:11,990
And then we will get started. OK, great, let me go ahead and share my screen.

2
00:00:11,990 --> 00:00:18,440
Is that perfect? OK, so welcome everybody to Logo Design using Spark and Illustrator.

3
00:00:18,440 --> 00:00:20,570
So we're going to talk about several different things today,

4
00:00:20,570 --> 00:00:30,710
but mostly give you some ideas about color theory shapes the idea of how to design a logo in addition to some practical tools such as Spark,

5
00:00:30,710 --> 00:00:38,450
Spark actually also has its own sort of wizard within itself to help you create a logo, too.

6
00:00:38,450 --> 00:00:43,790
But we're going to kind of unpack that a little bit so you can kind of have a good understanding of logo design in general.

7
00:00:43,790 --> 00:00:51,110
And then also we're going to jump into Illustrator. So illustrators are going to be really the best tool for designing our logo because it's

8
00:00:51,110 --> 00:00:57,090
a vector image and vectors can be scaled no matter to whatever size that you want.

9
00:00:57,090 --> 00:01:02,780
So that's really the trick there. So but first, just to introduce myself, roguelike.

10
00:01:02,780 --> 00:01:11,120
I'm Chelsea Hooper, instructional technology specialist here at the in the Auburn Library's Innovation and Research Commons.

11
00:01:11,120 --> 00:01:18,380
And we help students, faculty and staff with multimedia, all kinds of interesting things.

12
00:01:18,380 --> 00:01:23,180
And also my colleague Joanna Leslie teaches many of the workshops that we offer as well.

13
00:01:23,180 --> 00:01:31,550
If you'd like to follow along with the workshop today, there are some practice files here and a one drive folder that you can download.

14
00:01:31,550 --> 00:01:36,590
And these are practice files that are used in the Adobe tutorials as well.

15
00:01:36,590 --> 00:01:41,840
So if you want to continue learning after today, that way you've already got the practice files.

16
00:01:41,840 --> 00:01:44,330
We're just going to work with a couple of them today.

17
00:01:44,330 --> 00:01:50,030
That way you get the idea of how to kind of try things with a practice file and that kind of thing.

18
00:01:50,030 --> 00:01:56,990
But here's basically the our lesson plan for today of the things the topics we're going to be covering.

19
00:01:56,990 --> 00:02:04,910
So we're going to be covering how to use beginning digital drawing and design techniques and illustrator and spark specifically for logo design.

20
00:02:04,910 --> 00:02:14,360
You could apply these same things to creating other things for your businesses, such as icons and different elements.

21
00:02:14,360 --> 00:02:19,370
For your website. You can apply all these same same things, same strategies today.

22
00:02:19,370 --> 00:02:25,350
But we're today we're going to focus on specifically logos. So we're going to talk about logo design basics.

23
00:02:25,350 --> 00:02:29,030
We're going to look at some sample logos, get some inspiration.

24
00:02:29,030 --> 00:02:34,370
We're going to use Spark's logo starter to get us kind of thinking about our own logos.

25
00:02:34,370 --> 00:02:44,630
And we're going to talk about the idea of vectors. There is also an Adobe mobile app for your mobile device called Adobe Caption.

26
00:02:44,630 --> 00:02:51,350
Feel free to also download that to your mobile device. You get it with your Orben Adobe ID as well.

27
00:02:51,350 --> 00:02:56,150
You can sign into your ID on your mobile apps also.

28
00:02:56,150 --> 00:03:01,670
And we're going to talk about what captcha can do for you and how it can be helpful.

29
00:03:01,670 --> 00:03:06,560
Illustrator is the main tool we're going to be using today to create our logos

30
00:03:06,560 --> 00:03:14,030
and to work with drawing because an illustrator helps us create vector images,

31
00:03:14,030 --> 00:03:18,500
which is basically a digital image that's created mathematically by the computer.

32
00:03:18,500 --> 00:03:22,610
This enables it to be completely scalable to whatever you need.

33
00:03:22,610 --> 00:03:26,840
That way, when you design your logo, you can fit it on a t shirt.

34
00:03:26,840 --> 00:03:30,140
You can fit it on a very tiny Post-it note pad.

35
00:03:30,140 --> 00:03:38,960
You can put it on a bag, you can put it on whatever you want, your website, a giant billboard, whatever you like.

36
00:03:38,960 --> 00:03:43,430
So that's that's the power of vectors is that they're completely scalable.

37
00:03:43,430 --> 00:03:50,720
And you won't lose quality like you would with a photograph, for example, looks all pixilated and stuff.

38
00:03:50,720 --> 00:03:56,960
When you do that, it looks terrible. We are going to be using some of the practice files today.

39
00:03:56,960 --> 00:04:01,220
We're going to show you a little bit of our getting started an illustrator workshop.

40
00:04:01,220 --> 00:04:11,600
There is a whole recording getting started, an illustrator available on demand on our website of our workshop that we do.

41
00:04:11,600 --> 00:04:16,640
So feel free to use that to to supplement. But are you going to get lots of great things today, too?

42
00:04:16,640 --> 00:04:23,270
And then finally, some tips and tricks of illustrators. So going a little bit beyond sort of the getting started in Illustrator and talking

43
00:04:23,270 --> 00:04:27,950
about what are some like more interesting things we can do with our logos.

44
00:04:27,950 --> 00:04:35,630
OK, so you guys already know you must have it's best to have an Adobe ID in order to continue with the workshop today.

45
00:04:35,630 --> 00:04:44,720
You can all students have access to it. And you can also request if you're a faculty, your staff, you just requested your IT department.

46
00:04:44,720 --> 00:04:52,010
So the first thing we're going to be talking about is designing. And also with me today, I have my student consultant, Obree.

47
00:04:52,010 --> 00:05:00,860
He's here with us today. Aubury is available also for one on one assistance after today over in the library on the first floor.

48
00:05:00,860 --> 00:05:09,170
And they also we also have in addition to Obree, we have some other consultants who also manage a Zoome room for Adobe help.

49
00:05:09,170 --> 00:05:15,920
So you can also. Just pop into the Zoome room, ask them some questions and get some assistance there as well.

50
00:05:15,920 --> 00:05:22,850
So that's a great resource to use. After today, they'll even help you with things like how does this design look?

51
00:05:22,850 --> 00:05:28,650
They're good. They're good options for having a second pair of eyes on things.

52
00:05:28,650 --> 00:05:35,240
Or what's your first impression of this logo that I made, that kind of thing, use them as your little focus group and that.

53
00:05:35,240 --> 00:05:42,140
So that's very useful, which would be great. So the first thing we're going to talk about basically is branding.

54
00:05:42,140 --> 00:05:45,620
So is your team thinking about your business and how you're branding it?

55
00:05:45,620 --> 00:05:48,440
And I'm sure you've talked about this in some of your other sessions as well.

56
00:05:48,440 --> 00:05:53,510
But just to kind of frame what we're doing today, we're going to focus on the logo part today.

57
00:05:53,510 --> 00:06:01,190
But depending on how much work you've done in these other areas, that might dictate what your logo is.

58
00:06:01,190 --> 00:06:03,830
So you've already sort of picked out some colors.

59
00:06:03,830 --> 00:06:10,910
If you already have a website and you're comfortable with what you've already selected and you think it's good to continue with that,

60
00:06:10,910 --> 00:06:13,850
that might tell you what colors using your logo.

61
00:06:13,850 --> 00:06:20,210
If you have some images that you use, if you have photographs that you use that might tell you which colors you,

62
00:06:20,210 --> 00:06:26,150
maybe you pull the colors out of that photograph. If you have a product that you've designed, you know,

63
00:06:26,150 --> 00:06:31,610
if that comes in certain colors already that might dictate it or a certain shape or a

64
00:06:31,610 --> 00:06:37,940
certain feeling you want to get across with that product or what's the tone of your message?

65
00:06:37,940 --> 00:06:45,650
If you've already developed some typography or you've already picked some fonts that go with what you're talking about and overarching,

66
00:06:45,650 --> 00:06:48,710
this is literally your mission. So what's the mission of your business?

67
00:06:48,710 --> 00:06:55,610
What's the goal of your product that's going to kind of dictate or help guide you for your selections,

68
00:06:55,610 --> 00:07:05,060
for all these things, but also for logo design today? And so this is actually from I took a lot of these pointers from a LinkedIn course.

69
00:07:05,060 --> 00:07:05,990
That's really good.

70
00:07:05,990 --> 00:07:16,220
And if you guys are listed as employees in any capacity, so student employees included, you have access to LinkedIn learning through Orben as well.

71
00:07:16,220 --> 00:07:21,890
But I'm going to give you a lot of the pull out some of the information from this, but I just want to make sure we give him credit.

72
00:07:21,890 --> 00:07:30,590
Michael French with LinkedIn Learning Design. Your first logo is a very good sort of starter little course that I thought was did a good job.

73
00:07:30,590 --> 00:07:36,980
I compared that to several of the iMac sessions on logo design and also some textbooks and things like that.

74
00:07:36,980 --> 00:07:41,840
And so this is sort of a combination of all the things that I have looked at so far.

75
00:07:41,840 --> 00:07:46,940
But first of all, when you're considering your branding, you want to consider like what's your identity?

76
00:07:46,940 --> 00:07:54,250
What's the identity of your business, your product? What are the values that are associated with that?

77
00:07:54,250 --> 00:07:59,480
OK, there's also a nice resource here from Adobe on brand identity.

78
00:07:59,480 --> 00:08:02,690
How to get started with that if you haven't quite started with that.

79
00:08:02,690 --> 00:08:07,760
And then as we're designing our logo, we want to think about, first of all, how is it going to be used?

80
00:08:07,760 --> 00:08:10,310
Is it going to be used mostly on the screen?

81
00:08:10,310 --> 00:08:20,240
Because I'm have I've do more of e-commerce or is it going to be in print because I'm making multiple different types of products?

82
00:08:20,240 --> 00:08:31,760
What's the purpose of it? Is it more for advertising or is it more for just Web type identity out there?

83
00:08:31,760 --> 00:08:37,850
So you want to think about how how will it be use? What kinds of things is it going to be on?

84
00:08:37,850 --> 00:08:41,180
Because if you already have products that have a certain color scheme,

85
00:08:41,180 --> 00:08:45,650
you're going to want to pick colors that match that particular product or that don't conflict.

86
00:08:45,650 --> 00:08:54,530
At least you want to be consistent with your brand. And at the same time, you want to have a little bit of flexibility with your logo.

87
00:08:54,530 --> 00:08:56,270
So if you can,

88
00:08:56,270 --> 00:09:06,020
it's usually standard practice to develop a color version of your logo and a black and white version and then what we call a reverse version.

89
00:09:06,020 --> 00:09:13,550
So, for example, if the black and white version is black text on a white background, the reverse would be white text on a black background.

90
00:09:13,550 --> 00:09:20,120
And maybe I add a black shape to the to the to the background of it in order to show the white text.

91
00:09:20,120 --> 00:09:23,900
So those are kind of your three standard types.

92
00:09:23,900 --> 00:09:32,240
It's interesting if you think about different logos and how they came about black and white, it was typically easier and cheaper to print.

93
00:09:32,240 --> 00:09:39,830
Right. So a lot of sort of classic logos went with the black and white like Paul Mitchell when he first started out.

94
00:09:39,830 --> 00:09:46,040
He designs hair products. He couldn't afford the color printing, so he ended up with black and white.

95
00:09:46,040 --> 00:09:50,960
And that really became his iconic style. Right. So it worked out.

96
00:09:50,960 --> 00:09:55,340
But you want to have a couple of different versions of your logo so you can be flexible.

97
00:09:55,340 --> 00:09:59,960
And then these are the sort of the five styles that are associated with logos.

98
00:09:59,960 --> 00:10:05,960
You have a classic style vintage, modern, quirky and handcrafted.

99
00:10:05,960 --> 00:10:09,710
So you want to kind of think about what man, what style match.

100
00:10:09,710 --> 00:10:16,850
Is your mission and your products and your projects that you're working on, and that will help guide you and help narrow it down,

101
00:10:16,850 --> 00:10:20,300
because if you if you've looked at logos before, they're all over the place.

102
00:10:20,300 --> 00:10:24,560
Right. All kinds of different styles, all different kinds of fonts you can choose from.

103
00:10:24,560 --> 00:10:30,080
So if you can narrow that down and get that sort of a handle on that, and that might help.

104
00:10:30,080 --> 00:10:36,260
So actually, I go to local locally made logos here to show you today.

105
00:10:36,260 --> 00:10:40,700
I want to go over here so the camera can see and I'll pass them around.

106
00:10:40,700 --> 00:10:44,480
So one of them is is a local music store.

107
00:10:44,480 --> 00:10:50,630
So what you want to do is kind of get an look, check this one out and see if you can identify what style is it.

108
00:10:50,630 --> 00:10:55,460
So this is a music store that's close by the sales instruments. They do music lessons and that sort of thing.

109
00:10:55,460 --> 00:10:59,510
And then this is a vinyl record shop that's also local.

110
00:10:59,510 --> 00:11:10,490
So what kind of style do you think this these might be? So you can kind of sit around and think about it and I'm going to check this out.

111
00:11:10,490 --> 00:11:17,060
So I'm thinking about your product and I think about the style, and that will help narrow things down for you.

112
00:11:17,060 --> 00:11:21,710
Also, another thing you can do is use a mind map or a stop cloud.

113
00:11:21,710 --> 00:11:27,050
You can also use a digital word cloud generator. So this is a really cool thing to do.

114
00:11:27,050 --> 00:11:33,710
If you have a website or if you have a mission statement that you've developed or a paragraph of text,

115
00:11:33,710 --> 00:11:42,410
you can paste your paragraph of text about your product here and it will pull out the most frequently used words and make them larger.

116
00:11:42,410 --> 00:11:49,220
And this can help you kind of narrow down like the words of the taglines or the branding that you might want to use and so on.

117
00:11:49,220 --> 00:11:58,880
And that's that's really neat thing to do. And then I would recommend just recreating this in Illustrator using different text boxes.

118
00:11:58,880 --> 00:12:05,690
But this gives you ideas, right, to get started and you just copy and paste your text in here and it makes it for you.

119
00:12:05,690 --> 00:12:12,800
So that's a really cool thing to do, too. And then another thing you can do is as you see images.

120
00:12:12,800 --> 00:12:20,030
So if, like one of these logos inspired you and you really liked it, take a picture of it, put it in a folder,

121
00:12:20,030 --> 00:12:24,710
in a box or something, and then you've got some things to pull from that you think you might like.

122
00:12:24,710 --> 00:12:29,420
So so what do you guys think with the music store logo?

123
00:12:29,420 --> 00:12:35,060
What kind of style do you think that might be? Classic, vintage, modern, quirky, handcrafted.

124
00:12:35,060 --> 00:12:38,810
And they can cross styles to it can be a combination.

125
00:12:38,810 --> 00:12:45,900
That's OK too. So what's your impression of this one? Do you guys think it's vintage or vintage classic.

126
00:12:45,900 --> 00:12:53,570
Yeah, I think probably so. What do you think? Yeah, I agree.

127
00:12:53,570 --> 00:12:57,110
I agree with both of you. What do you think? Same thing. Yeah.

128
00:12:57,110 --> 00:13:01,820
It definitely can be classic because it's got sort of like these bars here.

129
00:13:01,820 --> 00:13:10,310
So yeah, it's a nod to really classic kind of like handcrafted because it literally is like a handmade stamped item.

130
00:13:10,310 --> 00:13:17,720
And if you go by their end users or their logo is actually on slabs of wood that are unfinished.

131
00:13:17,720 --> 00:13:22,970
So definitely your handcrafted idea would be in there and vintage because this type

132
00:13:22,970 --> 00:13:28,340
of style of lettering sort of with the big swoops and baseball ish type style,

133
00:13:28,340 --> 00:13:33,920
right? Definitely. So I would agree with you guys. What do you think about the vinyl record shop here?

134
00:13:33,920 --> 00:13:39,830
What style? Quirky, quirky. And Kirky.

135
00:13:39,830 --> 00:13:44,480
And then also, you know, it's funny. It's interesting. And I think what's going on there.

136
00:13:44,480 --> 00:13:54,160
And if you look at their secondary logo on the back, you know, it's an eyeball and it's got sort of the vinyl record needle upside down.

137
00:13:54,160 --> 00:13:58,160
Right, because that's technically tiger eyeballs sees it in your brain in terms of right side up.

138
00:13:58,160 --> 00:14:02,030
So another quirky thing that they fit in there know that was pretty cool.

139
00:14:02,030 --> 00:14:06,530
So, yeah, you guys can tell with that. So it's neat to look at those and get an idea.

140
00:14:06,530 --> 00:14:12,380
And then that way you'll you'll feel more confident in choosing one for your own because you'll say, oh,

141
00:14:12,380 --> 00:14:18,440
I know mine is definitely modern, you know, because I design modern furniture and that's what it's going to be.

142
00:14:18,440 --> 00:14:23,090
Right. So that helps you kind of get get some ideas going.

143
00:14:23,090 --> 00:14:32,360
But yeah, you can create a box folder with some images that inspire you that you like or that you have used in your business already.

144
00:14:32,360 --> 00:14:35,210
That way that might tell you what colors you might like.

145
00:14:35,210 --> 00:14:45,350
And then also researching the competition, you wouldn't want to design a logo only to realize somebody else already did that.

146
00:14:45,350 --> 00:14:51,350
Your same idea. Right. So Logo Lounge can be a good resource for this.

147
00:14:51,350 --> 00:14:58,940
Also, of course, just Googling your your your competition and seeing what logos do they have.

148
00:14:58,940 --> 00:15:06,800
That might be another thing to put into like a box folder so that, you know, you don't want to create this, you want to create something different.

149
00:15:06,800 --> 00:15:11,810
But Logo Lounge, you can subscribe to it, but. You can get to some things for free,

150
00:15:11,810 --> 00:15:18,620
and it's useful also just to look at the logos and get some ideas about different types of logos that people have done.

151
00:15:18,620 --> 00:15:22,850
So like here's an example of that reverse logo we were talking about and a color logo.

152
00:15:22,850 --> 00:15:26,750
Right. So that's a very good resource as well.

153
00:15:26,750 --> 00:15:33,240
And then next, we're going to kind of hop into, OK, now that we have sort of an idea of sort of design and things like that.

154
00:15:33,240 --> 00:15:37,700
What about color and what about shapes? What can we do about that?

155
00:15:37,700 --> 00:15:41,960
So we have a lot of resources here that we're going to kind of glance at basically.

156
00:15:41,960 --> 00:15:47,390
So what we should really think about is to have a basic understanding of some color theory.

157
00:15:47,390 --> 00:15:52,970
So just understanding that you basically get three categories to choose from your primary colors,

158
00:15:52,970 --> 00:16:04,250
secondary and tertiary colors on the color wheel, and then keeping in mind that RGB is an additive color mixing model.

159
00:16:04,250 --> 00:16:09,150
So the more light you add, the brighter the color mix becomes.

160
00:16:09,150 --> 00:16:15,570
So just having a sort of understanding of that. So RGV is the color scheme that's used on screens and computers.

161
00:16:15,570 --> 00:16:22,220
So if it's more screen based what you're doing, then you're going to want to go with more RGB selected colors.

162
00:16:22,220 --> 00:16:27,590
If you're designing for print, then you're going to want to care about the CNY colors,

163
00:16:27,590 --> 00:16:33,140
which is what the printers use to actually create the colors on your paper.

164
00:16:33,140 --> 00:16:42,920
And you can create both types in Illustrator and you can convert them also in Illustrator to depending on what your printer needs.

165
00:16:42,920 --> 00:16:46,700
And then here's the color wheel basically. So you've got the primary colors,

166
00:16:46,700 --> 00:16:55,430
which primary colors are bold in your face that you have to be careful because they look sometimes they can look a little too elementary or juvenile,

167
00:16:55,430 --> 00:16:59,690
you know, you're like, Oh, I feel like I'm in kindergarten or something, you know, looking at those.

168
00:16:59,690 --> 00:17:06,230
And then your secondary colors are a little bit more interesting and muted.

169
00:17:06,230 --> 00:17:12,890
And then you've also got your tertiary colors, which are sort of a little bit more thematic.

170
00:17:12,890 --> 00:17:15,410
Different hues are tense. Right.

171
00:17:15,410 --> 00:17:24,950
So basically having an idea of warm versus cool colors and picking your color scheme there and having idea of what hue,

172
00:17:24,950 --> 00:17:33,470
shades and tone are in color schemes. You know, when you're thinking about a logo, you want to think about what colors do you want?

173
00:17:33,470 --> 00:17:42,530
Do you want them to be complementary? So you look opposite the wheels of blue and orange like Auburn right now, analagous so side by side.

174
00:17:42,530 --> 00:17:49,370
So this would work maybe if we were dealing with something that related to like oceans or something watery maybe,

175
00:17:49,370 --> 00:17:54,110
and then triadic, sort of three separate points on the color wheel.

176
00:17:54,110 --> 00:18:01,880
And this gives definitely more interest and more excitement. So kind of depending on what you want to go with there.

177
00:18:01,880 --> 00:18:05,870
And then there's also the psychology of color and logos.

178
00:18:05,870 --> 00:18:12,680
This is really neat little thing for us to check out here so we can look at basically what emotion do you want to kind of get across.

179
00:18:12,680 --> 00:18:19,910
Right. And see some really good examples of simple logos that are expressing those different colors.

180
00:18:19,910 --> 00:18:25,260
So they list orange as friendly, cheerful, confident. It can also be creative.

181
00:18:25,260 --> 00:18:32,090
I was kind of surprised they had purple is creative. Usually that one's a little bit more subdued and wise, but it can be creative too.

182
00:18:32,090 --> 00:18:35,420
But typically orange is creativity as well.

183
00:18:35,420 --> 00:18:40,550
It's like crazy color in your face color, right? You can't get away from it.

184
00:18:40,550 --> 00:18:44,030
And then red is also very bold.

185
00:18:44,030 --> 00:18:52,490
And then blue is you can see lots of businesses choose to use blue because that's a color people associated with dependability.

186
00:18:52,490 --> 00:19:01,610
It's trustworthy. Lots of business logos are blue and then green tends to be the ones that are a little bit more maybe earthy.

187
00:19:01,610 --> 00:19:06,110
They're a little more eco friendly, maybe is the feeling you get behind that.

188
00:19:06,110 --> 00:19:13,100
And then your classic or modern logos will often just be grayscale or a combination of black and white.

189
00:19:13,100 --> 00:19:22,070
And then, of course, you've got your yellow, which is very uplifting and and cheery and also kind of shows warmth and that kind of thing.

190
00:19:22,070 --> 00:19:29,060
So this is a good one that's kind of just think about what colors are used and what types of logos and so what might work for years.

191
00:19:29,060 --> 00:19:34,130
Right. And then the next part we want to talk about is like typography.

192
00:19:34,130 --> 00:19:39,560
So picking different types of fonts and fortunately with access to be creative cloud,

193
00:19:39,560 --> 00:19:45,530
you get access to fonts started, adobe, dotcom, so you can download even more if you want.

194
00:19:45,530 --> 00:19:53,150
There's tons that are already available in Illustrator and you can get to even more in Illustrator too, if you want to.

195
00:19:53,150 --> 00:19:57,560
But you can also look around and find some interesting ones as well.

196
00:19:57,560 --> 00:20:03,290
Also, the app Adobe CAPTCHA is you guys will see a little bit later on in the presentation.

197
00:20:03,290 --> 00:20:08,240
If you're walking down the road and you see a really interesting font, like, what is that?

198
00:20:08,240 --> 00:20:13,080
I really. Want to use it right, you can open up a doobie, captured your smartphone,

199
00:20:13,080 --> 00:20:22,200
go to the type option, point your smartphone at the type here, and then take a picture of it.

200
00:20:22,200 --> 00:20:29,490
And then what it'll do is it'll give you suggestions for fonts that are closest to what you just took a picture of.

201
00:20:29,490 --> 00:20:33,690
So it's a really neat way to say, oh, I really like this font.

202
00:20:33,690 --> 00:20:39,090
Let's see. OK, so it said this one is very similar to felt tip Roman bold is what it picked.

203
00:20:39,090 --> 00:20:44,970
And that definitely goes with quirky, doesn't it. That's really quirky and weird. So that makes sense with what it shows.

204
00:20:44,970 --> 00:20:53,220
Right. So that's a really cool way to find fonts, but definitely figuring out your brand personality first, like we talked about.

205
00:20:53,220 --> 00:20:57,210
What style do you want to go with? Right. So this one would be more modern.

206
00:20:57,210 --> 00:21:07,320
This is a little bit more vintage with the curly letters and swoops and that kind of thing and these block letters here and then a sans serif here.

207
00:21:07,320 --> 00:21:11,490
So sans serif means it doesn't have those little details at the bottom.

208
00:21:11,490 --> 00:21:19,920
That is usually what you want to pick if you give it that, if it fits your style, because it's the easiest for people to read.

209
00:21:19,920 --> 00:21:26,550
And it's probably going to be the easiest to convert to different sizes and stuff, too, and people to be able to continue to read.

210
00:21:26,550 --> 00:21:32,190
But if that doesn't fit with what you want, like these right here, sans serif, see, there's no feet at all.

211
00:21:32,190 --> 00:21:36,090
Another one is Slab Saraph. I'll show you down here.

212
00:21:36,090 --> 00:21:43,200
So this is like very collegiate looking, sort of bolder than just regular sans serif here.

213
00:21:43,200 --> 00:21:51,270
And then you have script styles. Be careful with using script styles too much because it's harder for people to read here.

214
00:21:51,270 --> 00:21:58,230
It works, right, because it's big enough. And we have the non script down here and the non script here.

215
00:21:58,230 --> 00:22:02,880
So it works great. And this is a more modern with sort of the open letters.

216
00:22:02,880 --> 00:22:09,840
So it's basically telling you is recommending don't use any more than two or three logo fonts in your logo.

217
00:22:09,840 --> 00:22:17,070
Some look, sometimes you might design a logo that just has your name or whatever the name of your entity is,

218
00:22:17,070 --> 00:22:21,630
and then you might have another logo that has a tag line at the bottom.

219
00:22:21,630 --> 00:22:24,870
So whatever your motto is or a phrase.

220
00:22:24,870 --> 00:22:30,300
And so you want to have you might have even more than three different types of logos because you might have ones with taglines,

221
00:22:30,300 --> 00:22:36,510
one without taglines different maybe slightly different fonts sometimes, but you want to be consistent.

222
00:22:36,510 --> 00:22:42,060
So whatever you pick, try to be consistent across all of your logo designs and that sort of thing.

223
00:22:42,060 --> 00:22:50,040
So here's a lot more. If you wanted to get more ideas and just look at some and see what you might like, what appeals to you.

224
00:22:50,040 --> 00:22:59,690
So there's lots of resources here for that. And then you can go to Fonte started to become like we talked about, and you can search for fonts.

225
00:22:59,690 --> 00:23:05,160
You know, you can just scroll through, you just sign in and then you can save it and then it'll be available in Illustrator,

226
00:23:05,160 --> 00:23:11,360
but you can always get to them through Illustrator as well. So those are some options there.

227
00:23:11,360 --> 00:23:19,700
OK, and then here's a really cool tool you might want to follow a follow along with and try how to choose the right logo color.

228
00:23:19,700 --> 00:23:23,450
This actually has a little slider tool you can play with.

229
00:23:23,450 --> 00:23:27,890
So if you're not sure how to get started with color, first of all, look at some ideas, right?

230
00:23:27,890 --> 00:23:35,810
So green and white, kind of earthy, right? Pink, a little bit more feminine with also sort of luxurious.

231
00:23:35,810 --> 00:23:40,280
Right. And then the coffee grounds want with Brown, of course, makes sense because it's earthy.

232
00:23:40,280 --> 00:23:47,870
Right. So you want to kind of go with your ideas of your of your project or your product that you're working on.

233
00:23:47,870 --> 00:23:56,210
So here's the color generator. That's a slider. So let's say I was designing something that was a little bit more masculine and feminine,

234
00:23:56,210 --> 00:24:04,430
something a little bit more serious, something more luxurious, and then maybe something pretty modern.

235
00:24:04,430 --> 00:24:08,600
Let's make it way modern and see what it does and then mature because it would make

236
00:24:08,600 --> 00:24:12,760
it wouldn't make sense to you have to kind of go with what your brand is telling you.

237
00:24:12,760 --> 00:24:17,540
And typically you're going to be on sort of one skill, one side of one skill or another.

238
00:24:17,540 --> 00:24:21,830
And let's say we want to be sort of more subdued. Let's see what it gives us.

239
00:24:21,830 --> 00:24:31,340
So it's going to give us the color. So saying black, right? Because we chose masculine, subdued, serious.

240
00:24:31,340 --> 00:24:37,100
So it told us to go with black, you know, so but it tells you the pros and cons.

241
00:24:37,100 --> 00:24:40,820
So just like there's pros with colors, there's always going to be cons with colors too.

242
00:24:40,820 --> 00:24:46,610
So black can sometimes be intimidating. Red can sometimes mean jealousy versus excitement.

243
00:24:46,610 --> 00:24:52,070
So you have to kind of be aware of the changes. But this is really neat that it gives you a little slider.

244
00:24:52,070 --> 00:25:03,200
Tools was fun, I thought, to get started with that. And then another fantastic tool when you have your logo created and I'm going to X out of that

245
00:25:03,200 --> 00:25:09,860
because I'm going to give you the tour when you have your logo created or a draft of your logo,

246
00:25:09,860 --> 00:25:12,980
you can use the Adobe color tool for a couple of different things.

247
00:25:12,980 --> 00:25:19,340
You can use it to just explore colors if you want to, or if somebody tells you a certain code that you must use,

248
00:25:19,340 --> 00:25:24,380
you can pull that code up and see what color does that look like on your screen and all of that.

249
00:25:24,380 --> 00:25:30,980
But if we go to accessibility tools, we can check for color blind, safe colors.

250
00:25:30,980 --> 00:25:33,710
So this is really nice to be able to do.

251
00:25:33,710 --> 00:25:44,390
We can look at the colors that we're using in our website or something, and it's telling me right now ABCDE are all in conflict, so this is not good.

252
00:25:44,390 --> 00:25:52,490
So I can just move this around if I want to, to kind of figure out, OK, so now there's no conflicts.

253
00:25:52,490 --> 00:25:56,060
So now this would be a color blind safe palette right here.

254
00:25:56,060 --> 00:26:02,660
I wouldn't really go with that meant that probably would not be good. We would with a little bit better green maybe would probably look better.

255
00:26:02,660 --> 00:26:11,690
Right. So now this is color blind safe. OK, so this will be a fun, playful but interesting color palette to use.

256
00:26:11,690 --> 00:26:14,360
And then we can save this color palette.

257
00:26:14,360 --> 00:26:21,020
And if you're signed into your adobe account, it'll save to your libraries and then you can pull it in illustrator and use it.

258
00:26:21,020 --> 00:26:29,060
So pretty neat tool there. That's color safe. And notice we're in RGV mode, so we're checking for screens what we're doing.

259
00:26:29,060 --> 00:26:36,560
The other thing you can do is check for contrast. So as you're designing your logo, you want to have good color contrast.

260
00:26:36,560 --> 00:26:43,670
So if you have a background in your logo and then you've got text on top of that, you want to make sure the text is very readable.

261
00:26:43,670 --> 00:26:49,400
You wouldn't want to pick a light background and a light colored text, for example,

262
00:26:49,400 --> 00:26:57,800
so you can actually import your colors here and then you can pull your logo after you've created it into this area.

263
00:26:57,800 --> 00:27:00,320
And then it'll tell you is the contrast good?

264
00:27:00,320 --> 00:27:09,170
OK, and then you can adjust it from there if you need to, and you can adjust these colors to increase the contrast ratio over here.

265
00:27:09,170 --> 00:27:10,100
So that's kind of neat.

266
00:27:10,100 --> 00:27:18,560
So this one failed, but this one passed because the color because the font size is larger and four shapes and stuff, it says it's a good job.

267
00:27:18,560 --> 00:27:22,220
You can tell with the shapes are with enough contrast.

268
00:27:22,220 --> 00:27:28,550
So this is Adobe Color is kind of an underused little resource that they offer.

269
00:27:28,550 --> 00:27:32,870
That's pretty neat. And if, you know, you want to go monochromatic, then it gives you palettes here.

270
00:27:32,870 --> 00:27:40,070
You can just drag these sliders around and see what you might like to use and then save your palette over here.

271
00:27:40,070 --> 00:27:44,660
Pretty cool. So that's a dhobi color tool right here.

272
00:27:44,660 --> 00:27:50,810
And then the last thing sort of with our design options here is looking at shapes.

273
00:27:50,810 --> 00:27:57,530
So thinking about what's what's what's the psychology of shapes would do different types of shapes say to you when you're looking at them.

274
00:27:57,530 --> 00:28:05,030
And of course, like research shows, you basically get like nine seconds or something to make a first impression of when somebody looks at your logo.

275
00:28:05,030 --> 00:28:11,510
So you do want to it seems crazy, right, that you put all this work into designing such a simple.

276
00:28:11,510 --> 00:28:20,030
But that's what makes it hard to design, because you have to make it so simple that people understand what it is and you convey a lot of things.

277
00:28:20,030 --> 00:28:25,400
So conveying a circle, using circles to create motion.

278
00:28:25,400 --> 00:28:35,330
So if your business relates to moving things, we're doing things quickly or expediting know, then you might want to incorporate circles into that.

279
00:28:35,330 --> 00:28:44,390
And we're going to learn and illustrate how you can basically just use circle shapes and combine them to create this type of graphic.

280
00:28:44,390 --> 00:28:50,210
And then if we scroll down and look at the different color, we've already talked about that.

281
00:28:50,210 --> 00:28:53,870
So we have a pretty good idea about color, but shapes down here.

282
00:28:53,870 --> 00:28:58,250
Here's some facts about how people react when they see shapes.

283
00:28:58,250 --> 00:29:01,970
So squares and rectangles, discipline, strength, courage, security.

284
00:29:01,970 --> 00:29:09,680
That's why a lot of business logos or square or rectangle triangles, excitement, risk, danger, right.

285
00:29:09,680 --> 00:29:20,420
Or stability, because it's the most stable item in engineering, basically circles and oval's meaning sort of ongoing eternity,

286
00:29:20,420 --> 00:29:28,970
a little bit more feminine, maybe also movement and then spirals growth, creativity, intelligence, natural shapes.

287
00:29:28,970 --> 00:29:30,680
So shapes like leaves.

288
00:29:30,680 --> 00:29:36,530
People often will incorporate a leaf or something like that when they're trying to get across like Earth or the shape of the earth.

289
00:29:36,530 --> 00:29:43,970
Right. Like we saw in the Animal Planet logo. Abstract shapes mean they're sort of like unique and that sort of thing.

290
00:29:43,970 --> 00:29:51,320
So like this one here, they made a shape. So they've got the sort of a semblance of a pea here four fold.

291
00:29:51,320 --> 00:29:57,350
And then they've got sort of like a graphic that kind of represents whatever Pressfield is.

292
00:29:57,350 --> 00:30:00,590
You get the sense that it's something for your wallet and something that you put

293
00:30:00,590 --> 00:30:06,980
in to your wallet and helps you keep your stuff together or something like that.

294
00:30:06,980 --> 00:30:11,690
Right. But looking at different logos can be helpful, too.

295
00:30:11,690 --> 00:30:13,010
So this one is pretty neat.

296
00:30:13,010 --> 00:30:20,870
You've got sort of the earth or moon type shape here, but then you've just got some simple shapes here to be like the Dragonfly.

297
00:30:20,870 --> 00:30:23,540
But it's kind of like a dragon Firebird,

298
00:30:23,540 --> 00:30:33,770
but also a calming color with blue is sort of introducing that turquoise into those warm colors, help sort of tone down the warmness.

299
00:30:33,770 --> 00:30:40,730
And so it feels very sort of like calm, but also like energetic, so earthy and stuff.

300
00:30:40,730 --> 00:30:45,600
Notice how they increased what we call the stroke value of this one.

301
00:30:45,600 --> 00:30:50,000
So we know how it has that. Glines, that's kind of interesting.

302
00:30:50,000 --> 00:30:57,200
And they match the thicker lines to their font. So that gives real nice sort of balance there.

303
00:30:57,200 --> 00:31:04,010
So that's that's pretty cool. And then there are ways you can do animated ones and there we won't really cover that today.

304
00:31:04,010 --> 00:31:09,860
But I have a link on how to do that. You can do that in Photoshop after you've created it.

305
00:31:09,860 --> 00:31:14,150
Just getting some ideas like you can see this one is the this one is the reborn.

306
00:31:14,150 --> 00:31:21,820
So you can see a semblance of an R here. The idea of motion here, right?

307
00:31:21,820 --> 00:31:26,540
And then or beat, OK, so it's got sort of the old type,

308
00:31:26,540 --> 00:31:34,330
but then also and then they used gradients here to kind of go with the color that they wanted and they contrasted warm and cool.

309
00:31:34,330 --> 00:31:42,690
So that's pretty interesting. And then this one, Wessely got a little monkey face and it says Wesley in his glasses.

310
00:31:42,690 --> 00:31:49,310
Did you notice that to you actually see the name in the teeth versus ten thousand hertz in his in the teeth of the postcard here?

311
00:31:49,310 --> 00:31:52,810
Yeah. So you can do things like that. And black and white.

312
00:31:52,810 --> 00:31:57,520
Right. Cheaper to pretz. So that's probably why they did that.

313
00:31:57,520 --> 00:32:03,910
Yes. So this just gives you some ideas of some different types of logos and these are just real simple shapes.

314
00:32:03,910 --> 00:32:09,700
But it's all about kind of brainstorming and figuring out what what your thing

315
00:32:09,700 --> 00:32:13,840
represents and how you want to express that and what colors might you use.

316
00:32:13,840 --> 00:32:17,500
So last time we were together, we actually started to look at some other logos.

317
00:32:17,500 --> 00:32:22,640
We looked at the Animal Planet logo and how they broke that down into a real

318
00:32:22,640 --> 00:32:27,610
geometric shape of an elephant and got away from the Animal Planet and green,

319
00:32:27,610 --> 00:32:32,380
but actually went with a blue elephant to say, like, kind of convey trust.

320
00:32:32,380 --> 00:32:37,600
But they but the elephant kept the curved motion. So it seems like the elephants moving.

321
00:32:37,600 --> 00:32:41,920
And you kind of think of the earth underneath the elephant elephant automatically.

322
00:32:41,920 --> 00:32:46,300
And then also you have ones like Fed Ex, of course.

323
00:32:46,300 --> 00:32:55,900
So if you look at the FedEx logo real quick, just the idea of making sure you guys understand that they've used white space here.

324
00:32:55,900 --> 00:32:59,780
Right. So this is an arrow in between the E and the ax.

325
00:32:59,780 --> 00:33:07,880
OK, so you can do things like that in your logos to to kind of convey that, to convey those things as well.

326
00:33:07,880 --> 00:33:14,900
And let's go back here, OK? We talked about Wolf films a little bit, how there used to be a wolf in it,

327
00:33:14,900 --> 00:33:20,300
but then they took out the wolf and just kept the word wolf in it and but then also kept the moon.

328
00:33:20,300 --> 00:33:26,730
So you still have the sense, an idea of the wolf howling at the moon, but you've lost the wolf to make it simpler.

329
00:33:26,730 --> 00:33:31,440
So that was pretty neat. And B, C, there's all kinds of famous logos you can look at.

330
00:33:31,440 --> 00:33:40,010
So notice the white space for the peacock here. And so they've really brought it down to a geometric version of that animal.

331
00:33:40,010 --> 00:33:46,640
So those are things you can do in your logos to make it really simple. The Apple logo, of course, the Nike logo.

332
00:33:46,640 --> 00:33:51,340
And notice that none of these things say, oh, this is a computer. Right.

333
00:33:51,340 --> 00:34:01,700
It's just conveying an idea, a sense of brand. And then the Nike logo, it doesn't say this is a running shoe know or there's no picture of a shoe.

334
00:34:01,700 --> 00:34:05,330
Right. So it's conveying the sense is like swoosh.

335
00:34:05,330 --> 00:34:09,380
Right. And of course, like the Greek God or whatever it was.

336
00:34:09,380 --> 00:34:17,060
Right. Amazon with this is a smile and an arrow at the same time, of course, the FedEx.

337
00:34:17,060 --> 00:34:23,990
McDonald's, OK, Coca-Cola is screams classic, right.

338
00:34:23,990 --> 00:34:28,820
Target, you know, it's like you're going to get what you want. You're going to hit the target and get what you want.

339
00:34:28,820 --> 00:34:36,530
Starbucks, of course, the Disney logo is Cinderella's castle and that's actually present at the park is a main feature.

340
00:34:36,530 --> 00:34:41,480
The Twitter logo has nothing to do with microblogging. It's just a bird.

341
00:34:41,480 --> 00:34:46,400
So, you know, so thinking about how you can really simplify what you're doing.

342
00:34:46,400 --> 00:34:51,410
And then there's another link here, famous logos and their hidden meanings in case you want to kind of go further with that.

343
00:34:51,410 --> 00:34:59,090
So the next thing which I'm sure you guys are already familiar with over here in the Innovation Center is like design thinking.

344
00:34:59,090 --> 00:35:03,620
So thinking about your ideas and then iterating them. Same thing with your logo.

345
00:35:03,620 --> 00:35:06,740
Maybe you start with sketching. And I brought pencils and paper, actually.

346
00:35:06,740 --> 00:35:11,420
So if you want to sketch some ideas out first, that's usually the best way to start.

347
00:35:11,420 --> 00:35:14,640
Don't start on the computer. Start by sketching out your ideas.

348
00:35:14,640 --> 00:35:22,490
Some people have like a notebook and they put words in there that convey what they're what their business is,

349
00:35:22,490 --> 00:35:27,110
words that come maybe that came from their website or out of their mission statement.

350
00:35:27,110 --> 00:35:32,960
Maybe they write out their mission statement and circle sort of the keywords, sketch some things up,

351
00:35:32,960 --> 00:35:38,030
sketch some just even if it's just shapes or ideas for what you want in there.

352
00:35:38,030 --> 00:35:44,690
Like, I want there to be a bird in there or away from the ocean or something like that, and then you keep iterating it.

353
00:35:44,690 --> 00:35:49,700
So show people your logo, get them to say what's their first impression?

354
00:35:49,700 --> 00:35:57,530
What do maybe they don't know anything about your business that would be perfect and have them guess what it what it is and what is that you do.

355
00:35:57,530 --> 00:36:01,490
So when you're iterating your design and when you're creating your design,

356
00:36:01,490 --> 00:36:04,640
you want to think about, OK, what's the problem, want to define the challenge.

357
00:36:04,640 --> 00:36:13,910
I need to convey my the idea of my business in a graphical identity and maybe a tiny bit of font, and that's pretty much it.

358
00:36:13,910 --> 00:36:23,000
And then you define so you want to refine that idea of what your business represents and then you I give you idiot.

359
00:36:23,000 --> 00:36:27,470
So that's when you're brainstorming. Coming up with ideas is really important.

360
00:36:27,470 --> 00:36:32,810
When you're brainstorming, I find that most people make this really big mistake.

361
00:36:32,810 --> 00:36:37,430
When they're brainstorming, an idea comes to their head and I think, oh, that's not going to work.

362
00:36:37,430 --> 00:36:43,250
And they immediately dismiss it. Right. That's a huge mistake because that might lead to another idea.

363
00:36:43,250 --> 00:36:48,380
You might be able to scaffold on other ideas that other people like if you have other people in your team.

364
00:36:48,380 --> 00:36:54,470
So always, always, no matter what it is, just try to get as much up on the whiteboard as you possibly can.

365
00:36:54,470 --> 00:37:01,430
Then later go back through and figure out what's not going to be good for you or what is going to be good for you.

366
00:37:01,430 --> 00:37:08,930
And then you prototype it. So and that's what we're going to do today. Rossbach come up with a little prototype idea and then test it.

367
00:37:08,930 --> 00:37:13,460
Does it work? Do people get the idea or what do they feel? When they see my logo?

368
00:37:13,460 --> 00:37:20,180
You could get some good qualitative data from people just showing it to random people you don't know.

369
00:37:20,180 --> 00:37:28,880
It would be the best thing to do and see what they thing. So, yeah, that's sort of just the process of iterating and all of that.

370
00:37:28,880 --> 00:37:35,390
There's also a very good resource here for tips from Adobe on designing business logos.

371
00:37:35,390 --> 00:37:39,380
And this is just sort of in general good business logo advice.

372
00:37:39,380 --> 00:37:45,590
So that's another resource that you're welcome to check out later. But the next reduce jump into Adobe Spark.

373
00:37:45,590 --> 00:37:55,400
So Adobe Spark is one that we talked about last time. It's a Web based app that Adobe actually offers for free to everybody.

374
00:37:55,400 --> 00:38:00,960
And if you have your Adobe Orben, if you have your albana divide, you get the premium version.

375
00:38:00,960 --> 00:38:07,460
So you get all the templates to choose from. You get all of the access if you.

376
00:38:07,460 --> 00:38:16,220
Don't have and a full adobe idea, you can still get a free Adobe idea and you spark and it'll just have a little watermark for a while.

377
00:38:16,220 --> 00:38:19,790
And if you're a business person who's looking to purchase it,

378
00:38:19,790 --> 00:38:27,260
then what we would recommend is you can purchase Adobe's photography plan for nine ninety nine per month.

379
00:38:27,260 --> 00:38:31,280
That gets you Spark and Photoshop and Lightroom.

380
00:38:31,280 --> 00:38:34,160
So you have a lot of photography options there.

381
00:38:34,160 --> 00:38:42,500
So don't just buy Spark by itself for nine ninety nine, get the photography pack and then you'll get Photoshop and Lightroom as well.

382
00:38:42,500 --> 00:38:50,570
Lightroom is a mobile app that helps you do edits on the fly and it's also a desktop app to helps you organize your images.

383
00:38:50,570 --> 00:38:54,590
But you can go to the Adobe Spark logo maker.

384
00:38:54,590 --> 00:39:02,120
So we're actually going to try this today. Now. Spark is a good option, like Aubrey was mentioning last time we were here together.

385
00:39:02,120 --> 00:39:08,930
Sometimes people do their mock ups and spark good ideas, figure out some colors.

386
00:39:08,930 --> 00:39:18,920
Then after you have sort of like a really much better idea of what you want your logo to look like, then go into illustrator recreated an illustrator.

387
00:39:18,920 --> 00:39:25,580
And that way you've got a real true vector image that you can really manipulate, that you can make changes to,

388
00:39:25,580 --> 00:39:29,420
that you can send to a printer, that you can put on a billboard or whatever you want.

389
00:39:29,420 --> 00:39:34,400
But let's jump into the Adobe Spark logo maker. So this is really fun.

390
00:39:34,400 --> 00:39:42,530
So we can go ahead and we can jump into just trying this to see what does Spark recommend.

391
00:39:42,530 --> 00:39:50,390
If I'm a business and I have no idea about logo design and I'm just going to get some help from Adobe Spark,

392
00:39:50,390 --> 00:39:59,660
how how is it going to help me get started? What are its suggestions? So the first thing it's doing is it's asking us to tell them about our logo.

393
00:39:59,660 --> 00:40:02,670
So I'm going to pretend like I'm running a shirt business.

394
00:40:02,670 --> 00:40:11,920
I don't know if you guys saw the video that's been sort of going viral a little bit about I think it was the guy who had think he has maybe Ms.

395
00:40:11,920 --> 00:40:21,800
So he has trouble with shirt buttons because those are really hard for most people anyway, you know, and somebody made him a shirt with magnets.

396
00:40:21,800 --> 00:40:25,970
So it snaps so he can put on his own shirt, which is great.

397
00:40:25,970 --> 00:40:30,200
Those are what an excellent idea of example of design thinking.

398
00:40:30,200 --> 00:40:34,400
Here's a problem. Solve the problem. Right. So I'm going to say I'm designing.

399
00:40:34,400 --> 00:40:42,160
I have a shirt business and my shirt business is called Snappish Shirts.

400
00:40:42,160 --> 00:40:48,620
OK, that's going to be the name of my business and my slogan is.

401
00:40:48,620 --> 00:40:58,930
Shirts are, but actually we're going to do buttons are hard. And you can do this to you along with us, follow along if you would like to try one.

402
00:40:58,930 --> 00:41:04,950
Even if you don't have a business, you can just try it and see what it does is buttons are hard.

403
00:41:04,950 --> 00:41:12,350
Snaps are easy. Something like that. OK, now it's estimated that we've seen this before, right?

404
00:41:12,350 --> 00:41:17,720
So this is what they're calling like classic, so bold, elegant, modern, decorative,

405
00:41:17,720 --> 00:41:21,500
so decorative will be a little more like quirky like we were talking about. Right.

406
00:41:21,500 --> 00:41:28,460
So probably four shirts. It might be cool for it to be bold, might be good for this particular business,

407
00:41:28,460 --> 00:41:32,960
but you pick what you want and then we'll hit next and see what it does.

408
00:41:32,960 --> 00:41:39,410
And now it wants us to find some icons. So it's immediately searching shirts for me, which is fine.

409
00:41:39,410 --> 00:41:44,240
But if I want something else, you know, then I can search for something else here.

410
00:41:44,240 --> 00:41:50,900
And these are everything. And Spark is completely free and you have the ability to use it and republish it all.

411
00:41:50,900 --> 00:41:56,450
You want spark to purchase the license and all of that good stuff so you don't have to worry about anything there.

412
00:41:56,450 --> 00:42:02,750
So maybe something like this one, we'll just go with this icon for now and then we'll hit next.

413
00:42:02,750 --> 00:42:06,350
And now it's going to design my logo. Pretty cool.

414
00:42:06,350 --> 00:42:12,110
So now what's cool as we can look at some ideas here and think about what we like,

415
00:42:12,110 --> 00:42:17,810
it's kind of cool that it took the snappy shirts and made it to initials.

416
00:42:17,810 --> 00:42:23,990
So that might be something I think about incorporating. Or maybe I think about the S is maybe part of the shirt.

417
00:42:23,990 --> 00:42:29,870
Maybe that gives me an idea to put the S here or something like that so I can look through and see we picked Bould.

418
00:42:29,870 --> 00:42:36,140
So it's got lots of colors. Right. But they all have good contrast from what we can tell.

419
00:42:36,140 --> 00:42:41,210
Looks pretty good. Some of them incorporate a line or a couple of lines.

420
00:42:41,210 --> 00:42:46,700
This one's pretty neat how they did the background color there.

421
00:42:46,700 --> 00:42:52,970
Some of them broke it down to just the name of the the company and then the logo, snappy shirts.

422
00:42:52,970 --> 00:42:57,890
That's a little bit more modern looking, but that's cool, too.

423
00:42:57,890 --> 00:43:01,250
So this might just give me some ideas to get started with.

424
00:43:01,250 --> 00:43:06,800
So that's that's kind of a fun thing to try at first and just see what it does.

425
00:43:06,800 --> 00:43:10,730
It didn't really incorporate more than like two colors each. Right.

426
00:43:10,730 --> 00:43:12,710
So that's something I might want to expand upon.

427
00:43:12,710 --> 00:43:20,990
An illustrator, you kind of just barely got me started snapping shirts or maybe something like snappy shirts going up.

428
00:43:20,990 --> 00:43:25,430
And then the shirt is here in the snappy shirts is on the middle part of the shirt.

429
00:43:25,430 --> 00:43:32,150
That might be something I could do. So it's give me some ideas and then once you kind of like one, you can maybe pick one that you like.

430
00:43:32,150 --> 00:43:36,710
I'll just pick one so we can move forward.

431
00:43:36,710 --> 00:43:43,780
And then now what I can do is I can sign into my Adobe Spark account to save it.

432
00:43:43,780 --> 00:43:52,160
So we'll go ahead and do that real quick. And I can keep customizing it, so this was just to get me started.

433
00:43:52,160 --> 00:44:01,400
It's not really my whole logo, but it's going to save it to my account and then I can continue to customize it further if I like.

434
00:44:01,400 --> 00:44:13,950
And it's thinking. And here's my logo, so now I can keep I can go over here and sort of rework it, I can change the colors if I want to,

435
00:44:13,950 --> 00:44:18,180
I can say, well, I don't really like that icon and want to change it to something else.

436
00:44:18,180 --> 00:44:24,180
Or maybe I want to bring in a different kind of image. Maybe I want to change the colors of the S and ask.

437
00:44:24,180 --> 00:44:28,200
Maybe I feel like Black's a little bit too much in your face there.

438
00:44:28,200 --> 00:44:33,780
Maybe I want to change the font style here so you can make changes to all these things if you want to.

439
00:44:33,780 --> 00:44:39,450
And then of course you can download this as a JPEG or PNG.

440
00:44:39,450 --> 00:44:47,760
Another trick is which we're going to see an illustrator next is, if you like, what Spark did and you want to like recreate it an illustrator,

441
00:44:47,760 --> 00:44:54,510
you can download it as a JPEG, then bring it into illustrator and then just sort of recreate it.

442
00:44:54,510 --> 00:44:59,340
But it's right there in Illustrator, right next to you so you can continue working on the Arthaud.

443
00:44:59,340 --> 00:45:06,030
So think of it kind of like you sketch something out and then you're going to redraw it over here, some kind of idea.

444
00:45:06,030 --> 00:45:13,110
So that's an idea. Some people just use Spark to create their logo and that's their design.

445
00:45:13,110 --> 00:45:18,600
They just they need it for social media and that's it. And game over.

446
00:45:18,600 --> 00:45:26,640
They're finished. That's that's OK if that's you. But we highly recommend that these are usually pretty simple to create.

447
00:45:26,640 --> 00:45:30,930
And you don't have to know a lot of the tools and illustrator in order to create a logo,

448
00:45:30,930 --> 00:45:34,920
you just have to have a good idea and kind of know what you want.

449
00:45:34,920 --> 00:45:42,150
And so Illustrator is going to be give you so many more options than Sparkhill because then you can resize it to whatever you want.

450
00:45:42,150 --> 00:45:46,810
It's scalable and all of that. So but this gets you started, gives you some idea.

451
00:45:46,810 --> 00:45:53,820
So that's pretty cool that it does that. So that's the Adobe Spark logo maker.

452
00:45:53,820 --> 00:46:00,330
Another advantage of Spark is that right in here, you can you can duplicate this project.

453
00:46:00,330 --> 00:46:05,940
You could continue to mock up and spark by duplicating it and trying different

454
00:46:05,940 --> 00:46:10,080
color palettes and then pitching those to people and see what they think.

455
00:46:10,080 --> 00:46:15,750
And then after you have a much better idea of what you want, then go into Illustrator and do the work in Illustrator.

456
00:46:15,750 --> 00:46:22,440
So that's another option you can do to another advantage of Spark is if you can

457
00:46:22,440 --> 00:46:27,810
create maybe one version of your logo and spark you've got art or at least a couple.

458
00:46:27,810 --> 00:46:31,860
Maybe then it's easier to share on social media. You're right there.

459
00:46:31,860 --> 00:46:35,550
It'll resize itself depending on what social media you're sending it to.

460
00:46:35,550 --> 00:46:39,330
You don't have to size it yourself an illustrator first and then send it to social media.

461
00:46:39,330 --> 00:46:46,380
So for all the reasons we talked about last time for using Spark, that's where it can give you an advantage here.

462
00:46:46,380 --> 00:46:54,060
Also with the text and that sort of thing, it gives you some options to animate.

463
00:46:54,060 --> 00:46:59,250
So there's some text animation that's already inside of Spark.

464
00:46:59,250 --> 00:47:05,880
So if you wanted to make a moving social media graphic so much easier and spark and you can

465
00:47:05,880 --> 00:47:12,900
already have this ready and it captures people's attention when they're scrolling on Instagram,

466
00:47:12,900 --> 00:47:18,030
there's all kinds of things that can do. It can do a fade, it can do a color shuffle.

467
00:47:18,030 --> 00:47:25,650
You can try all kinds of things. And then what you do is you download it and then or you can share it right.

468
00:47:25,650 --> 00:47:29,640
To the social media from here. You when you download it, it would be a video.

469
00:47:29,640 --> 00:47:34,380
OK, so same thing. If you wanted an animation on your website, you can do it here too.

470
00:47:34,380 --> 00:47:39,420
There are ways you can do that in Illustrator and Photoshop, which we're going to link to and give you those resources.

471
00:47:39,420 --> 00:47:45,600
But it takes more time. It is more complicated. So this is like faster for social media and for quick things.

472
00:47:45,600 --> 00:47:50,130
All right, OK, so that's pretty much spart to get started with those.

473
00:47:50,130 --> 00:47:56,880
So we will go ahead and let me close out of some of these, because out of this one,

474
00:47:56,880 --> 00:48:01,110
I put some resource videos in here for you just to check out later.

475
00:48:01,110 --> 00:48:07,050
These are just some elements of graphic design, some design principles that are good to follow.

476
00:48:07,050 --> 00:48:12,180
We mentioned the Dhobi Capture, so this is sort of your introduction to Vector.

477
00:48:12,180 --> 00:48:17,790
So vectors are basically mathematical graphics that are completely scalable.

478
00:48:17,790 --> 00:48:24,960
So like we talked about, it can create a very tiny logo. You can shrink it, you can scale it up to a billboard size.

479
00:48:24,960 --> 00:48:34,050
This very handy. That's why we recommend illustrator for that Adobe capture is a good introduction to vectors.

480
00:48:34,050 --> 00:48:42,690
So in addition to the cool Adobe fonts option I showed you, it will also do what they call shapes.

481
00:48:42,690 --> 00:48:53,160
So shapes on Adobe Capture on your mobile app will use your smartphone to take a picture of whatever you want and it will turn it into a vector image.

482
00:48:53,160 --> 00:48:54,360
This is really cool.

483
00:48:54,360 --> 00:49:02,610
This is kind of like obvious on his head because he's like this is like cheating because he's used to recreating it all in illustrator.

484
00:49:02,610 --> 00:49:09,730
Right. Which is ideal. But if you're just getting started and you want some ideas, which you could take a picture,

485
00:49:09,730 --> 00:49:14,770
this an image, you know, so you can do that, but this is really nice.

486
00:49:14,770 --> 00:49:20,680
So if you have a product you've already developed and you want to use captcha to help you,

487
00:49:20,680 --> 00:49:29,080
and it really just helps you also just make some interesting pictures so that you can then color in Illustrator if you want.

488
00:49:29,080 --> 00:49:35,500
It creates a vector image, right, with your smartphone, which is crazy and amazing.

489
00:49:35,500 --> 00:49:41,290
It will also do colors. So whatever you point your phone at, it'll pick up the color palette.

490
00:49:41,290 --> 00:49:54,130
So you're out in nature. Maybe your your product or project takes place in the field or somewhere off campus or in a certain environment.

491
00:49:54,130 --> 00:50:01,240
You could you could use this to pick up the colors of that environment, use that for your logo colors and it'll again,

492
00:50:01,240 --> 00:50:06,940
it'll save to your libraries and you can put an illustrator into it from your creative cloud libraries.

493
00:50:06,940 --> 00:50:14,500
So it does all kinds of neat things. Another thing it'll do is create interesting patterns for you.

494
00:50:14,500 --> 00:50:19,220
So whatever you're pointing your camera at it. That's crazy, right?

495
00:50:19,220 --> 00:50:21,490
And that's so cool. And so, yes,

496
00:50:21,490 --> 00:50:31,840
cheating is totally cheating and you can create a really interesting pattern and use that as a background for part of your website or something.

497
00:50:31,840 --> 00:50:36,580
Give it some opacity. Looks really cool. Looks like you totally designed it, which you did.

498
00:50:36,580 --> 00:50:44,080
You just used a tool. You were smart to use a tool to help you. It'll even do brushes too, which is cool.

499
00:50:44,080 --> 00:50:48,070
And then also materials. This is new.

500
00:50:48,070 --> 00:50:53,620
OK, so materials, it'll even pick up sort of a texture for you.

501
00:50:53,620 --> 00:50:59,740
So again, if you've designed a product, you could use capture to capture the essence of that product.

502
00:50:59,740 --> 00:51:06,940
So if it was metal, something metal that you created, you could use the materials, it would capture the sort of the texture of that product.

503
00:51:06,940 --> 00:51:12,820
And then you could use that in your logo somehow. Yes.

504
00:51:12,820 --> 00:51:24,460
3D modeling and a little heads up is that it looks like substance is going to be integrated into every creative cloud.

505
00:51:24,460 --> 00:51:28,240
So that's going to be really interesting. It looks like that's what's going to happen.

506
00:51:28,240 --> 00:51:36,180
So this is probably a little bit of a precursor to that. So, yeah, 3D modeling, you can use it too, which is really cool for color.

507
00:51:36,180 --> 00:51:42,700
Yes. Yeah.

508
00:51:42,700 --> 00:51:54,360
And match it with your. Your website or your firm's color, you can choose.

509
00:51:54,360 --> 00:52:07,780
Either by using right to kind of figure out what your color palette is, if you don't already know right or use it and bring out those colors.

510
00:52:07,780 --> 00:52:13,870
Yeah. And do a little. Yeah, yeah.

511
00:52:13,870 --> 00:52:23,440
That's a really good idea, too. So if you have a photograph or image of maybe of wherever your business takes place or whatever the business is,

512
00:52:23,440 --> 00:52:27,340
definitely you can pull out colors from that raster photo, too.

513
00:52:27,340 --> 00:52:33,070
That's a really good idea. I like that these videos recap all of that that we just told you.

514
00:52:33,070 --> 00:52:37,420
OK, and this one is a short little one minute video.

515
00:52:37,420 --> 00:52:42,910
So what they did is they use that captured Adobe capture tool that I just shared with you all to capture.

516
00:52:42,910 --> 00:52:47,350
So some people like that Hands-On effect that would definitely be handcrafted looking.

517
00:52:47,350 --> 00:52:56,500
Right. And they just they're good at drawing. So they just draw their logo on paper to use it to be captured to to capture this hand drawn logo.

518
00:52:56,500 --> 00:53:03,820
And it's automatically converted into a vector super, super fast way to make a logo on the fly, which is really neat.

519
00:53:03,820 --> 00:53:07,580
Or use something to get started. Use that to get started.

520
00:53:07,580 --> 00:53:12,240
So next, we are doing pretty good. We're going to hop into Illustrator.

521
00:53:12,240 --> 00:53:16,390
OK, so there are more Adobe mobile apps, by the way.

522
00:53:16,390 --> 00:53:20,170
There's Illustrator Draw. There's also illustrator for the iPad.

523
00:53:20,170 --> 00:53:26,620
So if you have one of the newer iPads that works the iPad pro with the pencil, then it'll function.

524
00:53:26,620 --> 00:53:32,350
So that's really neat as well. We have some sort of helpful sheets here.

525
00:53:32,350 --> 00:53:39,160
This is a key features and tools and illustrator that gives you sort of some it's like a little cheat sheet,

526
00:53:39,160 --> 00:53:42,980
how to build shapes, how what are the basics of the interface?

527
00:53:42,980 --> 00:53:48,490
What are some of the nuances of working with lines? And illustrator, how do you trace an image?

528
00:53:48,490 --> 00:53:55,240
So this is a very nice little cheat sheet that you can use and it's right there.

529
00:53:55,240 --> 00:54:01,390
So there's also some shortcut keys. Those are always good to get to know commands or control is undo.

530
00:54:01,390 --> 00:54:10,180
So that'll be your friend today and today when I'm actually going to do is use this Adobe Help lesson plan,

531
00:54:10,180 --> 00:54:14,530
but I'm going to kind of cut it down a little bit to make it fit within this time frame.

532
00:54:14,530 --> 00:54:25,120
And that's my alarm that I should be on that. So that's good. So this one is actually the Adobe Student Tutorials, which is the site we're on now,

533
00:54:25,120 --> 00:54:34,660
has the help X page has all kinds of resources to help you work with Illustrator, work with logos, work with any of the Adobe apps.

534
00:54:34,660 --> 00:54:39,550
But you see the sample files we're using today came from here.

535
00:54:39,550 --> 00:54:45,400
So if you want to go more into depth, you want to go and do more Adobe tutorials,

536
00:54:45,400 --> 00:54:51,370
you'll know how to do it, basically, because we're doing we're using the same tools that they offer.

537
00:54:51,370 --> 00:54:59,950
So we're going to take you through creating this logo, OK? And this will get you some good basic shapes, ideas, colors, that sort of thing.

538
00:54:59,950 --> 00:55:04,750
But if you wanted to go more into depth or refresh yourself on what we went over today,

539
00:55:04,750 --> 00:55:09,370
you could go back and do these because that's what I based today's lesson on.

540
00:55:09,370 --> 00:55:15,190
OK, so it's got all kinds of helpful. These are like three to four minute videos.

541
00:55:15,190 --> 00:55:19,600
They're divided up into sections. Very, very useful. That's what we're going to do today.

542
00:55:19,600 --> 00:55:26,710
We're going to practice making a logo, using the pizza slice. OK, so this is what we're going to do right now.

543
00:55:26,710 --> 00:55:33,910
And then hopefully we'll get some tips and tricks to what should be cool. But let's go ahead and jump into Illustrator, OK?

544
00:55:33,910 --> 00:55:38,500
And we're actually going to go to so if you're following along, we're going to open up illustrator.

545
00:55:38,500 --> 00:55:45,490
We're going to create a new file and then we're going to place one of the files from the practice folder.

546
00:55:45,490 --> 00:55:51,310
So if you need access to the practice files, they're right here in the one dry folder, you can download that.

547
00:55:51,310 --> 00:55:54,970
Or if you're more comfortable just watching today, that's totally fine as well.

548
00:55:54,970 --> 00:55:59,860
So from here, we're actually going to create a new illustrator document.

549
00:55:59,860 --> 00:56:03,610
So the first thing we want to think about is what are we designing this for?

550
00:56:03,610 --> 00:56:09,250
In this case, we're going to choose prints because that's what we're designing for today.

551
00:56:09,250 --> 00:56:15,220
We have an idea that maybe we want to get printed on a t shirt. That's sort of what we're going for.

552
00:56:15,220 --> 00:56:20,050
You can always convert to screens and you can save for screens and illustrator.

553
00:56:20,050 --> 00:56:25,000
So I think probably most people like to start out with print because then you can always explore for screens later.

554
00:56:25,000 --> 00:56:33,400
It's no big deal. So we're going to use the letter size. We have these blank presets we can use or we can set a specific size.

555
00:56:33,400 --> 00:56:39,820
So Illustrator defaults to points. What we probably understand better is inches.

556
00:56:39,820 --> 00:56:46,720
So over on the right hand side we can choose inches and now we can see that's a normal letter, eight and a half by eleven.

557
00:56:46,720 --> 00:56:49,420
This is what we're kind of accustomed to. That would probably be good.

558
00:56:49,420 --> 00:56:53,680
If we're designing something for print, it gives us enough space to work with and remember.

559
00:56:53,680 --> 00:56:57,220
This is scalable, right, so you just don't want to start too big or too little,

560
00:56:57,220 --> 00:57:01,900
basically just kind of start in the middle and then we're actually going to choose the orientation to be

561
00:57:01,900 --> 00:57:07,750
landscape because we're going to need a little bit more space to do what we're going to be doing today.

562
00:57:07,750 --> 00:57:12,670
But you can choose whatever orientation you want over here, the number of art boards.

563
00:57:12,670 --> 00:57:14,830
We're going to leave it as one for today.

564
00:57:14,830 --> 00:57:23,460
But keep in mind, in the future, when you're creating more versions of your logos, an art board is like a page in a document.

565
00:57:23,460 --> 00:57:30,970
OK, so you would place your different versions of each of your logos on different art boards,

566
00:57:30,970 --> 00:57:35,440
just like you would have a word document with different pages, same kind of thing.

567
00:57:35,440 --> 00:57:42,430
So you might you know, you can always add more art boards, just like you can always add more pages to a document.

568
00:57:42,430 --> 00:57:50,020
So we're just going to leave it as one for today. We're not going to worry with bleed and print and all of that kind of stuff for today.

569
00:57:50,020 --> 00:57:55,090
And then the raster effects we can leave that all these settings we can leave is fine.

570
00:57:55,090 --> 00:57:59,290
If we were designing this for print notice, this does have it as high.

571
00:57:59,290 --> 00:58:05,200
Three hundred ppy. That's the minimum for if you want to print,

572
00:58:05,200 --> 00:58:11,320
you want to keep it is that you can always scale it down and export it for a screen and change the resolution.

573
00:58:11,320 --> 00:58:19,450
But is it better to start out at the higher resolution first and then scale down then it's going to be harder to go up and still look good.

574
00:58:19,450 --> 00:58:23,890
So this is these are the settings we want for today. Then we're going to go ahead and create.

575
00:58:23,890 --> 00:58:28,840
So we just creating a blank document. So here's a couple little tricks.

576
00:58:28,840 --> 00:58:34,090
If we're going to create this pizza logo, we might want to have a reference photo for reference.

577
00:58:34,090 --> 00:58:41,080
So if we were creating art and let me just start by saying I am not an artist, OK?

578
00:58:41,080 --> 00:58:45,760
Avery is probably an artist, is good. He can do some stuff.

579
00:58:45,760 --> 00:58:53,020
I am not an artist. So people who are not artists can draw in illustrator.

580
00:58:53,020 --> 00:58:59,020
No problem, because you're going to be using shapes, you're going to be using some digital tools to help you with that.

581
00:58:59,020 --> 00:59:06,250
And there's all kinds of other tools that help you combine shapes, make things look really good and it's digital.

582
00:59:06,250 --> 00:59:10,990
So if you mess up, you just command your control. So it's really OK, right?

583
00:59:10,990 --> 00:59:15,850
So don't think to yourself, I can't do this. I can't draw my own logo because I'm not an artist.

584
00:59:15,850 --> 00:59:19,690
I cannot draw. OK, you don't you don't have to be at all.

585
00:59:19,690 --> 00:59:26,110
You just have to think about sort of what what are you trying to get across and what shapes might help you do that.

586
00:59:26,110 --> 00:59:30,850
And that's why you sketch it out on paper first and have some ideas anyway.

587
00:59:30,850 --> 00:59:35,200
Another thing we can do is use a photograph for reference.

588
00:59:35,200 --> 00:59:39,430
OK, if I was trying to draw something in art class, I might have a reference.

589
00:59:39,430 --> 00:59:42,640
I might have a still life that I'm looking at. Right. Same thing here.

590
00:59:42,640 --> 00:59:50,140
So what we're going to do first is place a picture of pizza in our file just for us to look at while we're while we're drawing.

591
00:59:50,140 --> 00:59:57,550
So we use the fireplace feature and we're going to choose the pizza photo and then we're going to go ahead and place it.

592
00:59:57,550 --> 01:00:00,640
And now I've got the little what they call a loaded cursor.

593
01:00:00,640 --> 01:00:06,340
This just is waiting for me to click and drag to tell Illustrator how big do I want this picture to be?

594
01:00:06,340 --> 01:00:09,280
I'm just going to click and drag it out like this.

595
01:00:09,280 --> 01:00:18,310
OK, so now I've got this picture here that I can use as a reference so I can look at this and say, oh, what shapes might I use to recreate that logo?

596
01:00:18,310 --> 01:00:27,640
OK, over here our first of all, if you were an illustrator, OK, in in your tools look different than mine.

597
01:00:27,640 --> 01:00:33,280
OK, here's a tip over. On the right hand side is your workspace settings.

598
01:00:33,280 --> 01:00:36,580
So the different Adobe applications have different workspace settings,

599
01:00:36,580 --> 01:00:40,420
which means it just pulls up different tools for you depending on what you're focusing on.

600
01:00:40,420 --> 01:00:43,930
So if I were making a poster with all text,

601
01:00:43,930 --> 01:00:49,390
I would choose the typography one because this automatically just going to pull up all those type tools that I need.

602
01:00:49,390 --> 01:00:56,200
I don't need that right now. I just need essentials. So for you guys, I would make sure you're in essentials.

603
01:00:56,200 --> 01:01:02,410
If you are not seeing the same tools that I have over here, we're only going to be working with like four or five tools today.

604
01:01:02,410 --> 01:01:06,820
That's it. That's all we need. The main one here is our selection tool.

605
01:01:06,820 --> 01:01:14,200
So that means click something to select it and I can also rotate objects and that kind of thing.

606
01:01:14,200 --> 01:01:19,120
So if I wanted this to be at a different angle or something first as my reference, then I could adjust that first.

607
01:01:19,120 --> 01:01:23,740
It's good the way it is because I want to emulate this angle, so I'm good.

608
01:01:23,740 --> 01:01:29,350
So now from here I'm going to start creating some shapes so to do the shapes tool.

609
01:01:29,350 --> 01:01:34,360
Notice that over on the left hand side in Illustrator, if it's got a little white flag on it,

610
01:01:34,360 --> 01:01:38,450
that means click and hold and you'll get more options in your menu.

611
01:01:38,450 --> 01:01:42,700
OK, now here's another little trick over to the right.

612
01:01:42,700 --> 01:01:51,010
There's a little pull out arrow. If I click that, then it's going to populate this menu for me right here and I can easily get to all my shapes.

613
01:01:51,010 --> 01:01:54,070
So this is a nice little trick to know.

614
01:01:54,070 --> 01:02:01,450
Right now, I'm on the rectangle tool, what I actually need is the polygon tool, so I'm going to click the polygon tool.

615
01:02:01,450 --> 01:02:08,170
Once I have that selected that I'm going to click and drag. My goal is to make is to start with a triangle, some click and drag.

616
01:02:08,170 --> 01:02:14,030
Now, the polygon tool is a little weird. It means a multisided sided figure.

617
01:02:14,030 --> 01:02:22,990
I don't want to polygon. I want a triangle. So what I can do is there's a little button here, a little sort of square.

618
01:02:22,990 --> 01:02:27,510
And if I put my mouse over it, it turns into a plus minus sine.

619
01:02:27,510 --> 01:02:33,450
And what I can do is if I want to reduce the number of sides, I turn it to the right,

620
01:02:33,450 --> 01:02:38,890
OK, or if I want to increase the number of sides, attorneys drag it to the left.

621
01:02:38,890 --> 01:02:45,280
OK, but here's another faster way to do that. And let me make this a little bit bigger, because now we're mostly going to be an illustrator, right?

622
01:02:45,280 --> 01:02:51,030
And so that way we can see better. We can also do control plus or command plus to zoom in.

623
01:02:51,030 --> 01:02:57,060
And we can also use the spacebar to get the hand tools that we can move our artwork around so we can see a little bit better.

624
01:02:57,060 --> 01:03:04,890
OK, so with the polygon tool, another trick I can do is click and drag and then while I'm still holding the mouse down,

625
01:03:04,890 --> 01:03:09,390
use the up down arrow keys to go down to a triangle.

626
01:03:09,390 --> 01:03:17,670
So now I've got my triangle. I need to go back to the selection tool to make some changes to my triangles not really facing the right way.

627
01:03:17,670 --> 01:03:23,220
And I can click and drag and move it around and I can put my cursor sort of on one of these

628
01:03:23,220 --> 01:03:30,960
corners and I can rearrange and I can rotate it the way I want all of this kind of stuff.

629
01:03:30,960 --> 01:03:34,980
And then I can resize my triangle free form.

630
01:03:34,980 --> 01:03:42,240
Or if I want to scale in exact proportion, I can hit the shift key while I'm clicking and dragging.

631
01:03:42,240 --> 01:03:48,240
That keeps it in exact proportion. And I really want to exact proportion want maybe just a little bit of extension.

632
01:03:48,240 --> 01:03:53,520
Right. So that looks pretty good for like a piece of pizza. So we'll start with that.

633
01:03:53,520 --> 01:03:57,750
What else might we need? We might need the crust, right?

634
01:03:57,750 --> 01:04:00,980
So let's maybe choose like a rectangle.

635
01:04:00,980 --> 01:04:08,870
OK, now with the rectangle, here's something else you can do with these shapes notices got these little circles on the inside of the corners.

636
01:04:08,870 --> 01:04:16,840
If I click and drag those circles in that, it round the edges so you guys can see and it rounds all four at the same time.

637
01:04:16,840 --> 01:04:26,630
OK, so these are what are called live shapes. I can make changes to the shapes at any time and then I'm going to want to undo that.

638
01:04:26,630 --> 01:04:34,450
Sorry, control. Control. I'm used to a map and then what I can do is go back to my selection tool.

639
01:04:34,450 --> 01:04:41,690
And then I can rotate this, OK, and I can move it down here, something like this.

640
01:04:41,690 --> 01:04:46,750
Right. So now I'm making my crust. Something like that, OK?

641
01:04:46,750 --> 01:04:48,250
Notice, as I add more shapes,

642
01:04:48,250 --> 01:04:56,990
I get more options over here on the properties panel so I can arrange I can change the order of these shapes if I want to.

643
01:04:56,990 --> 01:05:02,650
OK, so that's how you can kind of get shapes to be in front of or behind and all of that good stuff.

644
01:05:02,650 --> 01:05:12,250
So now I've got the crust. Now let's see. We probably need some like and we don't need another layer silica that we need some pepperonis.

645
01:05:12,250 --> 01:05:20,080
Right. So let's click and drag and get some circles. And again, I can use the shift key to keep it in proportion.

646
01:05:20,080 --> 01:05:25,230
I need maybe a green pepper, so we'll just use a rectangle for the green pepper.

647
01:05:25,230 --> 01:05:28,590
OK, that's probably pretty good, and then what else do we need?

648
01:05:28,590 --> 01:05:34,320
We need to Olive. OK, so how can we make an olive to two circles?

649
01:05:34,320 --> 01:05:39,450
Right. So let's do that. So some of this is figuring out what shapes could you use.

650
01:05:39,450 --> 01:05:42,930
Right. To create another shape.

651
01:05:42,930 --> 01:05:50,680
So now we're going to create another shape inside of here that we can kind of move this around a little bit.

652
01:05:50,680 --> 01:05:57,650
Get that in the middle. OK, so now right now, it's two circles, there's there's still going to be some stuff in the middle.

653
01:05:57,650 --> 01:06:02,470
So what I can do is in order to adjust your shapes, you have two options.

654
01:06:02,470 --> 01:06:10,360
You can use what they call the path finder tool, which automatically appeared when I selected more than one object to select more than one object.

655
01:06:10,360 --> 01:06:16,180
I just went to the select button, clicked and dragged over the the things I want to effect.

656
01:06:16,180 --> 01:06:22,870
And then over here on the Pathfinder, too, I get some options. I can combine them into one.

657
01:06:22,870 --> 01:06:29,740
I can minus the front. I can click to Intersect or I can click to exclude.

658
01:06:29,740 --> 01:06:34,790
So we really want pretty much minus. The front is the one we want.

659
01:06:34,790 --> 01:06:40,120
OK, so now what else do we need. Oh we need a mushroom.

660
01:06:40,120 --> 01:06:43,810
Willdan like illustrator doesn't have a mushroom tool.

661
01:06:43,810 --> 01:06:50,140
Right. So what can we do. We can free drawer. All right. So here's a tool that you might like to try playing with.

662
01:06:50,140 --> 01:06:54,310
The curvature tool helps you draw curves pretty easily.

663
01:06:54,310 --> 01:06:59,620
And again, I'm not an artist. OK, so here's what I'm going to do with the curvature tool.

664
01:06:59,620 --> 01:07:07,630
We can click to create a point. We can click to create another point and we can double click to make it a straight line.

665
01:07:07,630 --> 01:07:13,700
Now I'm going to click to create another point. Notice how it's curving sort of automatically.

666
01:07:13,700 --> 01:07:23,170
I probably want a little too far with that first curve. It's going to be a really big mushroom. OK, so making a mushroom.

667
01:07:23,170 --> 01:07:33,050
Click and then I go down here, double click to make it a straight line ahead and click fast enough, see, and then we just undo that part.

668
01:07:33,050 --> 01:07:38,290
Click. And then double click here and makes a straight line.

669
01:07:38,290 --> 01:07:41,920
Now we have a mushroom, OK, and now we've selected it.

670
01:07:41,920 --> 01:07:45,760
So now this is a live shape. We can of course, I made that too big. Right.

671
01:07:45,760 --> 01:07:50,830
But it's OK. I can scale it just like the others, even though I just for through that.

672
01:07:50,830 --> 01:07:55,510
Right. OK, so other things we can do, we need more than one pepperoni.

673
01:07:55,510 --> 01:07:58,960
Right. The reason for a piece of pizza with one pepperoni.

674
01:07:58,960 --> 01:08:07,330
So another trick is holding down the salt or option key and clicking and dragging creates an exact replica of what you just made.

675
01:08:07,330 --> 01:08:12,700
This is really, really useful when you're creating multiple things right.

676
01:08:12,700 --> 01:08:15,960
Create one and then copy and paste it essentially what you're doing.

677
01:08:15,960 --> 01:08:24,550
OK, now over here with our pizza, we might need a little bit of color here so we can kind of see what we're doing.

678
01:08:24,550 --> 01:08:30,640
So to deal with color, we're going to double click the fill tool and we can just pick a color from here.

679
01:08:30,640 --> 01:08:38,890
So that is an option. OK, if we knew an exact color, we could put in the code there and it would fill it in so I could just pick one from here,

680
01:08:38,890 --> 01:08:45,460
sort of a sort of a yellowy kind of cheesy looking color and then said, OK, that's OK.

681
01:08:45,460 --> 01:08:49,750
But I might get some better ideas by looking at some other options.

682
01:08:49,750 --> 01:08:55,960
If you are looking for a menu item or a window and it doesn't show up for you the way you want it to,

683
01:08:55,960 --> 01:08:59,750
you can go to window and tell it to pull up certain menu items.

684
01:08:59,750 --> 01:09:04,600
So in this case, we want the color guide. So this is really going to help you.

685
01:09:04,600 --> 01:09:06,340
So check this out.

686
01:09:06,340 --> 01:09:14,920
So with the color guy, we can even go down here to this little option and go to libraries and notice what it has, even has food, even has vegetables,

687
01:09:14,920 --> 01:09:19,150
and it's going to automatically pull it color themes for those particular types

688
01:09:19,150 --> 01:09:25,000
of topics for you so we can go to the vegetables option and pull from that.

689
01:09:25,000 --> 01:09:30,910
But notice, it's got scientific, it's got business, corporate, all kinds of things.

690
01:09:30,910 --> 01:09:36,550
So you can use this to help you pick your color palette. OK, you don't have to come up with all of it yourself.

691
01:09:36,550 --> 01:09:44,110
So we're going to go back to foods and choose vegetables. OK, now, what you can do is let's say you decided you liked this one.

692
01:09:44,110 --> 01:09:50,950
Really doesn't fit what we need. We need a little bit more like kind of reds and browns in it and stuff like that and not really blues,

693
01:09:50,950 --> 01:09:57,280
but it gives you some ideas of which reds might be good for your particular pizza.

694
01:09:57,280 --> 01:10:05,470
And then if you find when you like, you can click this little option to save it to the Swatch panel and then you've got your vegetables options there.

695
01:10:05,470 --> 01:10:11,290
But you can also always go to your fill colors here and choose whatever colors you want.

696
01:10:11,290 --> 01:10:16,990
You can also choose whatever, create your own colors and pick that as well.

697
01:10:16,990 --> 01:10:25,150
So you have lots of options here as far as your colors. But now what we can do is we can go back and maybe color in some of these other items.

698
01:10:25,150 --> 01:10:33,220
So we might want sort of like a kind of an orangey kind of red, maybe a little bit muted, kind of red, something like that for our pepperoni.

699
01:10:33,220 --> 01:10:39,640
Right. So we could do the same thing with this one. We can use the color picker tool.

700
01:10:39,640 --> 01:10:40,990
So this is another option.

701
01:10:40,990 --> 01:10:48,220
Like Aubrey was mentioning, if you brought in a photo and you wanted to pull an exact color, you could use the color picker tool to help you do that.

702
01:10:48,220 --> 01:10:50,530
So that could be an option, too.

703
01:10:50,530 --> 01:10:59,560
But the color pickers going to let me pick a color that's already existing and then make and use it to and apply that to whatever I've selected.

704
01:10:59,560 --> 01:11:08,800
So that's an option there. And then we might want to go through and we might want to change this on the green change system to black,

705
01:11:08,800 --> 01:11:15,520
use the colors here and all that good stuff. So I won't do all of that in front of you today because we need to move on to some other stuff.

706
01:11:15,520 --> 01:11:22,510
But you kind of get the idea there. Another thing that you often see in logos is the stroke weight we talked about.

707
01:11:22,510 --> 01:11:25,990
There was one logo in particular, had really thick stroke weight.

708
01:11:25,990 --> 01:11:36,550
Right. So if we go to the stroke options over here, so the strokes are your lines, OK, then you have all kinds of options over here.

709
01:11:36,550 --> 01:11:46,540
Let me get to the properties panel here and let's go to let's pick we're going to actually select all of these guys by clicking and dragging.

710
01:11:46,540 --> 01:11:54,880
And you don't actually when you're selecting options objects in Illustrator, you don't actually have to get them all inside your little screen.

711
01:11:54,880 --> 01:12:00,430
You can just be touching them. So as long as you're touching the objects, they're all going to get selected.

712
01:12:00,430 --> 01:12:03,970
Now, over here, we have a stroke that we can pick.

713
01:12:03,970 --> 01:12:09,040
So if we were interested, we can apply all kinds of different strokes styles.

714
01:12:09,040 --> 01:12:14,230
We can make a dotted line, we can make a line with arrows. You can apply anything that has to do with stroke.

715
01:12:14,230 --> 01:12:20,740
You can apply to any kind of line that you create as well. And you can create lines just as you can create shapes.

716
01:12:20,740 --> 01:12:27,790
You can create put rounded edges on those lines, all that good stuff. What we're interested in is increasing the stroke a bit, the weight.

717
01:12:27,790 --> 01:12:33,970
So we're going to increase everything up to number two. And you can see how that kind of gives you a little bit more of a.

718
01:12:33,970 --> 01:12:41,620
Feel like a logo, right, because you can and it helps you define those edges so that when you're printing this on on things,

719
01:12:41,620 --> 01:12:45,370
then it's going to be a lot clearer about what is where.

720
01:12:45,370 --> 01:12:50,440
So now we can just place our objects here on our pizza.

721
01:12:50,440 --> 01:12:52,120
We can also rotate them a bit.

722
01:12:52,120 --> 01:12:57,520
We're going to pretend like we filled all this and with the colors, we're just not going to take time to do that right now, OK?

723
01:12:57,520 --> 01:13:04,720
But you could definitely do that notice, because we combined these two shapes and use that tool,

724
01:13:04,720 --> 01:13:11,500
the Pathfinder tool, to remove the center notice and see through just like what we want, because that's an olive.

725
01:13:11,500 --> 01:13:18,010
Right. And of course, we would normally fill that in with black. We would fill this in with some sort of nice brown color.

726
01:13:18,010 --> 01:13:25,250
If we don't like how these are arranged, we can use the arrange tool to help us arrange them if we want to.

727
01:13:25,250 --> 01:13:31,690
OK, now here's a really cool tool that you can use to help you in this case.

728
01:13:31,690 --> 01:13:36,490
We're going to use it to help us cut these things off. Right, because this is a cut piece of pizza.

729
01:13:36,490 --> 01:13:42,520
There's like half a pepperoni here. We want it to be fairly realistic without trying to, like, really recreate it.

730
01:13:42,520 --> 01:13:46,280
Right. But there wouldn't be a whole pepperoni here, would be half right.

731
01:13:46,280 --> 01:13:50,050
So how can we create that? So here's a really neat tool.

732
01:13:50,050 --> 01:13:54,490
And you can use this tool to help you create your logo very, very, very well,

733
01:13:54,490 --> 01:14:00,580
because it helps you combine any shape with any other shape in the exact way that you want.

734
01:14:00,580 --> 01:14:08,710
So the first step to using the shape builder tool, which is this little guy over here looks kind of like a sideways snowman,

735
01:14:08,710 --> 01:14:15,940
is to select the objects you want to either combine or subtract from first.

736
01:14:15,940 --> 01:14:24,370
So in this case, we're going to select the entire slice of pizza. Now, what we're going to do is go over and choose the shape builder tool.

737
01:14:24,370 --> 01:14:30,910
Now, if you notice, when I put my cursor over this, we get this sort of little grid thing.

738
01:14:30,910 --> 01:14:37,510
If I was wanting to combine the all of these shapes into the triangle, then I would use this tool.

739
01:14:37,510 --> 01:14:42,550
At this time, what I want to use it for is subtracting this little piece here.

740
01:14:42,550 --> 01:14:48,010
So the default is the mouse means add so I can click and drag and just add.

741
01:14:48,010 --> 01:14:54,940
But if I want to subtract, then on a PC, I'm going to hit all on a Mac be option.

742
01:14:54,940 --> 01:14:59,560
And now if I mouse over and click it subtracts.

743
01:14:59,560 --> 01:15:06,190
So same thing over here, same thing over here. I can kind of a stroke so it's not going quite well.

744
01:15:06,190 --> 01:15:12,640
There goes. I got it. I said to click the right space. The other thing that's tricky about Illustrator is sometimes you'll go here

745
01:15:12,640 --> 01:15:16,300
and try to move your object when it's actually the path you have to select.

746
01:15:16,300 --> 01:15:17,620
So just be aware of that.

747
01:15:17,620 --> 01:15:23,470
So now that I'm done with the shape builder tool, I can just usually just go back to my selection tool is usually a good option.

748
01:15:23,470 --> 01:15:30,310
And now I have this sort of a pizza. Now, another thing they did to make this sort of interesting,

749
01:15:30,310 --> 01:15:37,390
and they use the shape builder here to as well to show some dripping cheese that gave it a little action.

750
01:15:37,390 --> 01:15:43,360
Right. A little interest there. So to do that, they created a rectangle.

751
01:15:43,360 --> 01:15:49,390
They created a couple of rectangles, actually. So we're going to create a rectangle and then we're going to copy it.

752
01:15:49,390 --> 01:15:52,990
So we're going to control see. And then here's a trick.

753
01:15:52,990 --> 01:16:02,770
You can also do something tricky called paste in front, and that means it pastes it right on top of the image that you are already on.

754
01:16:02,770 --> 01:16:12,700
And then that way you can actually go here. And then I'm going to choose this guy and rotate it, see how it's on top, and then I can move it here.

755
01:16:12,700 --> 01:16:17,980
So this is how they created it. It's all shapes. So remember this little drippy thing that we were trying to recreate?

756
01:16:17,980 --> 01:16:23,170
That's what we're doing now. And then copy this.

757
01:16:23,170 --> 01:16:27,430
Right. OK, so we're going to copy this guy over now.

758
01:16:27,430 --> 01:16:31,150
We want this to be like drips. So the first thing we gotta do is combine them.

759
01:16:31,150 --> 01:16:36,220
So we're going to do the same thing that we did before using the shape. Build a tool.

760
01:16:36,220 --> 01:16:40,030
First of all, select the things you want to combine, use the shape builder.

761
01:16:40,030 --> 01:16:43,780
Also, I would encourage you practice the shape builder tool.

762
01:16:43,780 --> 01:16:50,680
OK, it'll be your best friend just practicing get used to it and you can do a lot with just combining shapes.

763
01:16:50,680 --> 01:16:55,030
So now we have our sort of our dripps, but the drips are square. That's not really what we want.

764
01:16:55,030 --> 01:17:03,040
What the rounded edges. Right. So another tool we're going to use, which is very useful, is the direct selection tool.

765
01:17:03,040 --> 01:17:11,980
So if we click the direct selection tool, it's going to show us sort of all of the pieces of the tool we have selected here.

766
01:17:11,980 --> 01:17:17,650
And let's first just recap the vectors are mathematically created, right?

767
01:17:17,650 --> 01:17:22,660
So these are mathematical lines with anchor points is what they're called an illustrator.

768
01:17:22,660 --> 01:17:25,030
So these little blue dots are anchor points.

769
01:17:25,030 --> 01:17:34,100
OK, so if I want to make changes to those anchor points, I'm going to use the direct selection tool to first select them and now notice.

770
01:17:34,100 --> 01:17:40,640
The little round items that we remember from using the rectangle when we created this rectangle, we made that round, right?

771
01:17:40,640 --> 01:17:43,970
Same thing here. We can then drag that up.

772
01:17:43,970 --> 01:17:53,820
And because we selected both at the same time, we're doing this evenly so we can use the direct selection tool to sort of stretch our shapes.

773
01:17:53,820 --> 01:18:00,800
OK, so if we don't want them in a certain if we want to give it, it gives us a little bit more flexibility in creating our shapes.

774
01:18:00,800 --> 01:18:06,740
Now, another thing I can use, the direct selection tool for is adjusting these, extending it.

775
01:18:06,740 --> 01:18:10,820
So I'm going to select that top point, drag it up.

776
01:18:10,820 --> 01:18:18,110
And now if I go back to the selection tool and kind of just click off of it now, I can see I've got the dripping cheese right.

777
01:18:18,110 --> 01:18:21,770
And I can adjust. I could go back and adjust that and drag this up a bit.

778
01:18:21,770 --> 01:18:28,220
So the direct selection tool is very huge for helping you manage those specific points.

779
01:18:28,220 --> 01:18:34,580
OK. Very, very helpful. OK, we are going in normally.

780
01:18:34,580 --> 01:18:40,160
Right? I would go and do some more adjusting to this. I would fill that in with the same cheese color, all that stuff.

781
01:18:40,160 --> 01:18:47,060
Right. So just kind of keep that in mind. But we're kind of speeding this along so that we can get some stuff done today.

782
01:18:47,060 --> 01:18:51,020
Another thing I want you all to be aware of is type.

783
01:18:51,020 --> 01:18:56,480
OK, so in addition to this cool logo, we might want some type to go with it.

784
01:18:56,480 --> 01:18:58,850
So we're going to select the type tool.

785
01:18:58,850 --> 01:19:09,390
OK, if in Illustrator, if I just want to create like a single line of type, I just click once and I'm going to call this side a slice.

786
01:19:09,390 --> 01:19:19,500
If I wanted to create a paragraph of text, I click and drag and it just feels it was placeholder text, so then I can just type pizza, right.

787
01:19:19,500 --> 01:19:23,670
And I can keep going with that. So we don't really need this part today.

788
01:19:23,670 --> 01:19:33,030
But just so you know, that's how you create paragraphs and stuff. So to make changes to your text, you can once you've got your text selected here,

789
01:19:33,030 --> 01:19:36,600
then over here on the right hand side, you have all kinds of options.

790
01:19:36,600 --> 01:19:43,260
And what's really cool is if you will go ahead and put your text in that you want to use, even if you don't know what you want.

791
01:19:43,260 --> 01:19:49,350
Notice that it previews your font, your words in that font.

792
01:19:49,350 --> 01:19:55,410
It already previews it for you. I haven't chosen anything yet. I'm just checking this out to see what might work.

793
01:19:55,410 --> 01:19:58,780
And I probably need to make that a little bit bigger so I can see better. Right.

794
01:19:58,780 --> 01:20:08,700
So in that case, what I can do is go back to the type tool, highlight it, and then just like it was, if I was working in a word or something,

795
01:20:08,700 --> 01:20:16,530
I could adjust the point size, something like this, and now I can go through and pick what might work.

796
01:20:16,530 --> 01:20:23,250
That's pretty cool. It's kind of like a fun modern type type look there.

797
01:20:23,250 --> 01:20:29,310
So now I've got this type. I can, of course, choose a full color of a different color if I want to.

798
01:20:29,310 --> 01:20:34,200
OK, so we'll go back to the selection tool so we can see what we've done so far. It looks pretty nice.

799
01:20:34,200 --> 01:20:44,130
OK, we can adjust where it is, all that stuff, you know, adjust the coloring depending on our fonts and all that and all of that.

800
01:20:44,130 --> 01:20:44,650
Good stuff.

801
01:20:44,650 --> 01:20:52,860
OK, one thing I want you to be aware of, too, is after you kind of have your fonts, whatever you've decided, of course, remember to be consistent.

802
01:20:52,860 --> 01:20:57,000
So whatever font you choose and your logo kind of use that throughout your stuff,

803
01:20:57,000 --> 01:21:02,370
all your different things that you're using, your website, you're pitching, all that kind of stuff that you possibly can.

804
01:21:02,370 --> 01:21:06,060
Some cases you may not realize throughout your website, if you've chosen a script,

805
01:21:06,060 --> 01:21:09,450
you wouldn't want to do that, but just be consistent across things that you use it with.

806
01:21:09,450 --> 01:21:14,370
OK, so pick one and then, you know, make a note.

807
01:21:14,370 --> 01:21:20,130
You can make a what we call a style guide for yourself. So making just a document,

808
01:21:20,130 --> 01:21:24,210
maybe even just an illustrator called your style guide and it's got your colors

809
01:21:24,210 --> 01:21:30,330
in there and what hex numbers they are and what font you choose to use,

810
01:21:30,330 --> 01:21:31,320
maybe use different.

811
01:21:31,320 --> 01:21:39,870
You have to use the same family for your subtitles and your titles in your body text, but they're slightly different within that font.

812
01:21:39,870 --> 01:21:46,110
Family ones, Boldon ones not, for example. So be consistent with all of your stuff as you're using it.

813
01:21:46,110 --> 01:21:50,250
Another thing that you're going to want to do to your logo before you export or

814
01:21:50,250 --> 01:21:56,100
use it anywhere if you use font is to do this option called create outlines.

815
01:21:56,100 --> 01:22:00,570
OK, so what that does for you is it takes your font.

816
01:22:00,570 --> 01:22:09,750
This is technically like a live text box right now when so if I sent this file to you and you opened it and you didn't have this font,

817
01:22:09,750 --> 01:22:13,710
I it on your computer, you wouldn't see this correctly. Right?

818
01:22:13,710 --> 01:22:18,360
It was substitutive font or if it's or if it's nice since it's Adobe, it would say,

819
01:22:18,360 --> 01:22:21,600
hey, you don't have this font installed, would you like to install it?

820
01:22:21,600 --> 01:22:26,100
And then you go grab it for free because you already have access and you download it.

821
01:22:26,100 --> 01:22:31,170
But that's not something you want to happen to a customer or somebody that you're trying to pitch this to.

822
01:22:31,170 --> 01:22:35,010
Right. You want it to be solid for whatever you want.

823
01:22:35,010 --> 01:22:40,710
You can do that a couple of different ways. You could, of course, export this whole thing as a PDF and then send it to them.

824
01:22:40,710 --> 01:22:43,980
That would be a nice thing to do if you're pitching it to somebody.

825
01:22:43,980 --> 01:22:49,590
And see, this is why it's good to have your illustrator set up files set up with different art boards,

826
01:22:49,590 --> 01:22:52,500
because those would be different pages in a PDF.

827
01:22:52,500 --> 01:23:01,650
Be very easy for somebody who's viewing it as an investor or somebody to see, oh, here's your main logo, here's your black and white logo.

828
01:23:01,650 --> 01:23:07,800
Here's how it look how it might look on the product itself, that kind of thing.

829
01:23:07,800 --> 01:23:12,870
You could do a PDF, but the other thing you can do is you can do what's called create outlines.

830
01:23:12,870 --> 01:23:19,800
What that does is that takes your text and turns it basically into an object just like these shapes.

831
01:23:19,800 --> 01:23:24,960
So then you can actually do some neat effects, like you can stretch it now.

832
01:23:24,960 --> 01:23:33,240
So like, if I go up and choose the direct selection tool now see, it converted all this text into different points.

833
01:23:33,240 --> 01:23:38,820
So if I wanted to and I picked sort of a difficult font to work with,

834
01:23:38,820 --> 01:23:49,470
but if I choose maybe the direct selection tool and then if I see if I can grab just the bottom part of this, I then notice I can stretch it.

835
01:23:49,470 --> 01:23:55,350
OK, so you can actually do some cool sort of text effects by using that create outlines feature.

836
01:23:55,350 --> 01:23:59,730
Now, when I send this to somebody, it's an image. This whole thing is an image and it's stuck.

837
01:23:59,730 --> 01:24:06,930
Nobody is going to be able to mess up this font. It's not going to give them an error message and that sort of thing.

838
01:24:06,930 --> 01:24:11,760
So the last thing we need to kind of. Talk about it is like exporting and that sort of thing.

839
01:24:11,760 --> 01:24:16,770
So a couple of different things we can do, and this is something I would recommend to you.

840
01:24:16,770 --> 01:24:21,690
Also, if you are, see if I can get it to show up.

841
01:24:21,690 --> 01:24:27,850
My library is just taking a second to show up. Here we go and hide this.

842
01:24:27,850 --> 01:24:33,600
There we go. OK, so over here you have libraries as an option.

843
01:24:33,600 --> 01:24:36,930
If you don't see it, you can go to a window and then choose a library.

844
01:24:36,930 --> 01:24:44,820
So with your creative cloud subscription, you get libraries, which means it's a shared folder across all of your applications.

845
01:24:44,820 --> 01:24:51,780
So what you can do if you would like to, is you can create a brand new library in this area.

846
01:24:51,780 --> 01:24:56,610
I already created one called Loga, but you can create a new library and call it whatever you want.

847
01:24:56,610 --> 01:25:02,170
And then once you've created that library, you can, of course, as a reminder, you can share this with others.

848
01:25:02,170 --> 01:25:06,870
So if you have other people on your team who are working in Adobe Creative Cloud,

849
01:25:06,870 --> 01:25:12,720
you can create a library folder here and whatever Adobe application you're using,

850
01:25:12,720 --> 01:25:20,050
we happen to be an illustrator today and then you can invite them to share that particular library and then all of you guys can access of.

851
01:25:20,050 --> 01:25:25,740
Aubrey and I were in business together and he created a cool logo. He could put it in libraries and share that library with me.

852
01:25:25,740 --> 01:25:35,490
And then I could take that logo and put it next to put it on top of an image in Photoshop and show people how would it look on our actual product.

853
01:25:35,490 --> 01:25:40,080
I could do a mock up of that or something like that. So this is really cool.

854
01:25:40,080 --> 01:25:42,900
So you can set it up by group and all that kind of stuff.

855
01:25:42,900 --> 01:25:50,040
What you can do is you can actually add these graphics like this is one that I created earlier because I had a little bit more time, right.

856
01:25:50,040 --> 01:25:51,990
To put the color in that sort of thing.

857
01:25:51,990 --> 01:26:01,020
But what you can do is you can actually use your selection tool and then you can go down here and add this graphic to your library.

858
01:26:01,020 --> 01:26:08,850
You can also add whatever colors you have selected here so I can choose add this full color so that I can add these colors.

859
01:26:08,850 --> 01:26:15,910
And that way, when Aubrey accesses our team's library, he sees these colors and he can pull them.

860
01:26:15,910 --> 01:26:20,760
He can pull this graphic if he makes a different graphic is what about this one?

861
01:26:20,760 --> 01:26:24,390
He can put it in the same folder. And then I also have access to it.

862
01:26:24,390 --> 01:26:30,120
We can go put it in a movie that we make and premier, pro or Rush or whatever we want.

863
01:26:30,120 --> 01:26:35,620
So libraries is great. That's an option for helping you manage your files.

864
01:26:35,620 --> 01:26:40,170
But let's talk about exporting now to be the last thing that we're really going to talk about today.

865
01:26:40,170 --> 01:26:43,460
So we talked about exporting as a PDF.

866
01:26:43,460 --> 01:26:51,390
OK, that would be a very nice first way to share it with somebody, an investor, something everybody can get free PDF viewer.

867
01:26:51,390 --> 01:26:59,190
No problem. It goes across all kinds of all different computers and platforms and all that kind of stuff.

868
01:26:59,190 --> 01:27:09,810
So what you would do is you would just choose to save as and then you can you have several different options here that you can save it, save it as.

869
01:27:09,810 --> 01:27:16,890
And then another thing you can do is you can choose export four screens.

870
01:27:16,890 --> 01:27:25,950
So as you get like your Legos put together and you get it to a point where you really want to export it for different things.

871
01:27:25,950 --> 01:27:31,770
So let's say a printer needs it for something. Let's say you're a web designer, needs it for the website.

872
01:27:31,770 --> 01:27:37,350
Here's where you can really manipulate it because you can tell it just the assets.

873
01:27:37,350 --> 01:27:46,230
And if we added the asset over, here's a graphic. We could pull that if we wanted to pull the entire Arthaud, we could do that as well.

874
01:27:46,230 --> 01:27:50,820
But notice down here, it lets us scale it right here.

875
01:27:50,820 --> 01:28:00,930
So when you're exporting it so you don't have to go back into illustrator, make another art board, make your logo bigger to the size that you need.

876
01:28:00,930 --> 01:28:04,580
You can do it in the expert panel so you can say, I want this.

877
01:28:04,580 --> 01:28:10,230
We're going to be four times its normal size when I export it so you can do a lot of things.

878
01:28:10,230 --> 01:28:17,790
And so this is a nice way also to share things that people because if you have each of those artworks set up with different versions of your logo,

879
01:28:17,790 --> 01:28:21,480
you can say, I want all of them to be four times bigger than they normally are.

880
01:28:21,480 --> 01:28:27,330
And then the billboard guy's going to send me a proof and I'm going to pick which one looks best and then I'll prove it.

881
01:28:27,330 --> 01:28:36,900
Right. So this is very nice that you can do. There's also if you're just looking to today, you make a logo, export it.

882
01:28:36,900 --> 01:28:43,470
You can basically just do a very quick export as.

883
01:28:43,470 --> 01:28:50,070
And then you can also tell it, if we choose PG, then we'll go ahead and export.

884
01:28:50,070 --> 01:28:55,410
OK, this is how you can get to it, to making it have a transparent background.

885
01:28:55,410 --> 01:29:00,970
OK, so if you need super quick for today, get a logo, have it on a transparent background.

886
01:29:00,970 --> 01:29:06,810
I don't want any background. So because illustrator's is defaulting to this white background, it's always going to do that.

887
01:29:06,810 --> 01:29:12,780
And then if I need it for Web, I can choose for screen here, I can choose for print here.

888
01:29:12,780 --> 01:29:16,920
I can leave it as a white background or black background or transparent.

889
01:29:16,920 --> 01:29:22,290
So this is how you can very quickly do that if you need to export something today for yourself.

890
01:29:22,290 --> 01:29:27,600
That's the quick and dirty how to how to get the exporting out when you're when you're done.

891
01:29:27,600 --> 01:29:35,130
Yeah. So that is really sort of the essences of getting started with logo design in Illustrator.

892
01:29:35,130 --> 01:29:42,300
Our resource page here that you guys have has other tips and tricks we didn't get to tracing.

893
01:29:42,300 --> 01:29:46,800
I can probably show that you super fast. That would probably be a good thing to show you.

894
01:29:46,800 --> 01:29:54,900
But just so you know, there's plenty more resources here. Ideas for you can get Adobe stock images of like a blank laptop,

895
01:29:54,900 --> 01:29:58,770
and then you can bring in your image and put it on that laptop screen on a

896
01:29:58,770 --> 01:30:03,780
photo and use that in your pitching to investors so they can see in real life.

897
01:30:03,780 --> 01:30:10,410
What would it look like on a screen? All kinds of interesting things here that you can do so real quick.

898
01:30:10,410 --> 01:30:14,220
We'll do tracing because that's an idea as well.

899
01:30:14,220 --> 01:30:20,620
So let's do a new let's just do a newsletter quick.

900
01:30:20,620 --> 01:30:25,680
OK, so what we're going to do is we're going to if you have a drawn image,

901
01:30:25,680 --> 01:30:30,840
so like if you drew something like this, black and white, it's usually best to bring it in.

902
01:30:30,840 --> 01:30:34,620
You can place that, you can place a photo image.

903
01:30:34,620 --> 01:30:39,430
And we're actually going to use actually what we're going to do is we're going to open a file that already has it.

904
01:30:39,430 --> 01:30:44,090
We're going to open the one call tracing. Here we go.

905
01:30:44,090 --> 01:30:50,120
OK, so let's say I drew this logo and I like this little robot head and I want to use it in my logo,

906
01:30:50,120 --> 01:30:54,170
what I can do first is select this particular image, OK?

907
01:30:54,170 --> 01:31:02,230
And then we're going to go up to. We should get the properties over here, actually.

908
01:31:02,230 --> 01:31:06,900
Yeah, so we're going to click our photo that we want. This is a photographic raster image.

909
01:31:06,900 --> 01:31:10,950
If I put this in illustrator, I would just use foul place.

910
01:31:10,950 --> 01:31:15,330
I could literally take a picture with my phone or something. I drew and then do file place.

911
01:31:15,330 --> 01:31:19,320
But what I can do is click this little option called image trace, OK?

912
01:31:19,320 --> 01:31:27,270
And now what it's going to do is give me some ideas about what will it look like if I use the tracing feature in Illustrator.

913
01:31:27,270 --> 01:31:36,930
So what Illustrator does is look at the raster image that I've imported, figure out what points can it use to create paths and anchor points.

914
01:31:36,930 --> 01:31:44,310
And it does it for me automatically. Very nice. It basically converts it into a vector for me is what you're doing with the image trace.

915
01:31:44,310 --> 01:31:48,990
This would work. If you have a photo of something already, then you can bring it in and trace it.

916
01:31:48,990 --> 01:32:00,300
OK, so from this point, what we're actually going to do is we're going to use the lasso tool to select the points, but first we need to expand it.

917
01:32:00,300 --> 01:32:06,960
So right now we're just previewing it. We're like, how does it look? The default is usually going to be the best, but you can try different options.

918
01:32:06,960 --> 01:32:10,500
Low fidelity photo. How does it look there? Do you like that?

919
01:32:10,500 --> 01:32:18,030
Better shades of gray. Do we like how that looks better and it uses artificial intelligence to do this part.

920
01:32:18,030 --> 01:32:22,230
Do we want it more as a line art? What do we like the best?

921
01:32:22,230 --> 01:32:27,060
There's all kinds of options. You can scroll through these until you see the one you want. The default is pretty good.

922
01:32:27,060 --> 01:32:35,550
It picked out the best. Now what we do is we click, expand. Once we click, expand, then this thing is no longer really a roster image.

923
01:32:35,550 --> 01:32:41,120
It's converting it to a vector so there's no going back. If I want to redo this, I should start over.

924
01:32:41,120 --> 01:32:46,680
OK, so I'm going to expand now. Notice what it did. It figured out all those pads and anchor points.

925
01:32:46,680 --> 01:32:51,210
Now, what we're going to do to select the parts we want is we're going to use the lasso tool.

926
01:32:51,210 --> 01:32:57,940
This is just a free form selection tool I'm using with my mouse so I can select.

927
01:32:57,940 --> 01:33:05,230
This I just have to make sure I close it. OK, now what I can do is I can group those items together.

928
01:33:05,230 --> 01:33:10,210
I can't group them just yet. I got to go move it first. There we go. Now, I should be able to groove it.

929
01:33:10,210 --> 01:33:14,710
So now it's all one piece and now I can move it over here to the rest of my

930
01:33:14,710 --> 01:33:18,250
artwork and then I can go and mess with the stroke and all that kind of stuff.

931
01:33:18,250 --> 01:33:27,100
Change the color. I can use the shape builder tool to fix that and make sure it's see through it in the back instead of white.

932
01:33:27,100 --> 01:33:31,480
But that's how you can convert your own art into a vector as well, which is super handy.

933
01:33:31,480 --> 01:33:38,860
So that's really the essences of getting started in Illustrator with with logo design specifically.

934
01:33:38,860 --> 01:33:45,730
But you guys have more resources here and all of that, including more ideas for dealing with topography.

935
01:33:45,730 --> 01:33:53,140
Another trick that people will use. It is on this one. The education has sort of a yellow front and a black background.

936
01:33:53,140 --> 01:33:58,720
What they actually did is just doubled up the text. So they have two versions of the word education.

937
01:33:58,720 --> 01:34:01,870
One is yellow, one is black, and they just overlaid it.

938
01:34:01,870 --> 01:34:04,990
That's right. That's a really fast, quick and dirty trick.

939
01:34:04,990 --> 01:34:12,100
You know, in addition to the fact that you could go in and put drop shadows into text, you could put effects, you can do all this other stuff.

940
01:34:12,100 --> 01:34:17,390
But that's sort of a nice, quick and dirty thing. So, yeah. So hopefully that was helpful.

941
01:34:17,390 --> 01:34:23,770
I'm happy to take questions or show you other things, if you all would like. I know we went a little bit over, so we apologize for that.

942
01:34:23,770 --> 01:34:27,610
But we had a lot of stuff. Yes.

943
01:34:27,610 --> 01:34:34,240
So my stop chair and then I'm going to stop recording.