Transcripts
1. Module 1 lesson1 - Class Preview: understanding strong design principles is essential in the world today. It's not just for graphic. Designers in the world is becoming a place that needs better organization of information, typography and photos to create a compelling narrative to motivate the viewer to do just about it. This'll Graphic Design Foundations course was developed for anyone who is interested in understanding great design and how to practically apply to real world projects. Goals will take what you learn from this course and start something new to propel your future career. I go over the basics of canvas. It's a cloud based design tool that can help you hop right into design and layout in a matter of minutes. We will use Campbell throughout this course design software of choice. Because of its ease of use, this class will conquer the world. Typography and thoughts who were learned bon types, pairing styles and how to use typography and layout and design well, even create a poster using only the power typography. Next, we will dive into the powerful and emotional world photography and design. What is food photography and how do we incorporate this into our designs? How do we use filter and effects to add more emotional impact to the design. And, lastly, who will create a book? Cover using photos as your main attraction When talking about solid design principles, Color will be one of the most powerful tools we can use. We will learn basic color theory how to set the tone with color usage, finding the right color palette, creating mood boards to source or color choices, and finally will create a logo and a plier chosen color palette. What brings all these elements together is a fantastic and balanced layout of blocking. We were review basic layout principles and start to apply everything we've learned in the class to practical projects, including creating a social media graphic for Flyer and finally, the full front and back trifle brochure. In the end of this class, you'll be tasked. Attack several projects that will be the beginning of your portfolio that will show off great solid design principles and help you land in. That's a big opportunity
2. Module 1 lesson2 What is Graphic Design: graphic design is the visual organization of information. Graphic design combines photos, typography and information into relevant graphics that convey a desired action by the viewer. This can include a purchase of a product service or a motivation to take action. Then you type without proper design, people would have a hard time reading map, reading a magazine and digesting all sorts of photos and information that are always around us. The key to go graphic design is the balance of typography, photos and elements to create one compelling narrative. Graphic design is becoming an essential part of technology and the digital space. We can use it to change the mood toe way. We digest information of all types. Graphic design is becoming more relevant with user experience and how we interact with websites, social media and new sources of technology. We can use graphic designed to wreck heaven stories, her own personal journeys, the world and largest small businesses. Understanding strong design principles is a characteristic that employers are searching for today the world's wide over her people who truly understand strong design principles. Wrapped design is not just for designers anymore, very user experience designers, Web developers, great of directors, art directors, multimedia designers, virtual assistants, social media managers and marketers and many more that need to know design. Now that you understand how important it is to truly understand strong design principles, are you ready to get started?
3. MODULE 2 Lesson1 Why Canva?: Why would I teach a class on breath? Sign foundations and candle? Everyone who takes graphic design seriously uses Adobe Photoshopped and Illustrator right That couldn't be farther from the truth Campus, a newer, cloud based design tool which makes learning design easy. You could focus more on creating layouts and learning basic design principles without having to worry about learning complicated software. You can develop entire brands you can, including logo, social media, post posters, flyers, advertising, letterheads And there are some limitations from designing Gamble. But it will address how the bypass those throughout the glass learning adobe Photoshopped, an adobe illustrator, should be high on everybody's list. But for anyone wanting to take that first step it to learn and great design, Camba is the perfect steppingstone. Almost all the designs will see in this class were designed only is in Canada, so it could be powerful, and I want to show you first the basics. A camera before we started diving, create designs, so let's get started
4. MODULE 2 Lesson2 Getting Comfortable with Canva: welcome to Canada today. We're gonna go through some of the basic tools of Canada so we can start to get comfortable . So this is the main home screen of Canada. This is Ray can kind of see all the designs that I have done on campus so far on my count. And this is the basic account. This is actually a nonprofit account. If you are a non profit, you can actually sign up for a free account with Gamba. Or there's also a premium membership, which unlocks a couple of bill of abilities, which I'll show you a little bit later. But right now, this is technically the free version of canvas he can log on to can create an account. And you don't have to pay any money for the version I'm gonna use throughout this class. So this is the basic starting point. If I want to create any kind of flier or logo, I'm gonna go ahead and click on war and this create a design panel and then kind of see, there's quite a wide array of sizes. Eso you could pretty much go where everyone ago just for an example, we'll do a Facebook post. So I'm just gonna choose a social media post a Facebook post. So it's gonna go ahead and open my design, and this is kind of some of the basic tools. It's gonna automatically pre load some of these templates, which are really nice. And a lot of times I'll start with a template that has a the basic layout that I like. And then I start to tweak it. And sometimes I tweak it significantly where you don't you can't even tell it. That's the original template anymore. So it has, ah, very custom look to it. So to add typography and type in Canada, it's very simple. You go down to this text tab right here and you're able to kind of drag and drop everything . Let's go up and you just see this ad heading. You just drag it So there's a heading I'm gonna drag over the subheading and a little bit of Bobby Tex so you can kind of see this already kind of done for you. If you won't have to headings and edit, you can. So let's go ahead and believe that to be able to make this bigger, you're gonna have to go up here and edit thesis eyes. There's the size, and then you're gonna have to increase this box. So is that all the text can fit inside, so you may just have to go back and adjust the size and then adjust your box to get kind of what you're looking for. So there's air heading all this type in heading here and some of the things you could do with text. Let's make this a hair smaller. I'm gonna go ahead and double click and highlight it, and I could change it to kind of these pre made colors right here. Or you can actually click on add document colors. It will bring opened the color wheel so you're able to kind of add a specific color that you want, and it could make it darker as well. I want a nice, dark royal blue, and the great thing about selecting a color. It's got to remember your custom colors. So as you start to create your own custom colors, you'll be ableto recall the same color. So if I want to make this the same color, it's pre saved, and there you go. So some other things you could do with type is making all caps. And later on in the class, I'm gonna go over font basics. We can kind of learn what makes sense from a design perspective in terms of all caps, um, using lower case and and combinations. Spacing is a big thing. I go over later and, um, the typography section and to kind of adjust the spacing. Here's letter spacing called turning or leading, and this is the line hike that can change the space between the lines. So if there's multiple lines of type, but there's are heading, here's our subheading. I want to make that slightly larger. Okay, let's see. You can also change. They have a lot of preloaded fonts that are really good. You can also upload your own fonts. I believe that requires a premium membership. So if you have, if you pay and leave, it's $10 a month. I'm not sure for a premium membership. You'll be ableto load your own fonts in there, but I find the fonts that are already loaded. I could do a lot with, um, there's a lot of great Serra font Sand Saref, which will go over the basics of those in the next coming sections. Let's go ahead and change it to this kind of nice fun fund font and make it a little bit bigger. And there's our body copy text, which actually wouldn't make a tallix taken bold italicize text as well. That's pretty much it with text. Let's go ahead and delete these elements. Go ahead, delete those and I'm gonna add a preloaded one just to show you kind of the power of loading. If there's one that typography layout that you really love for your headline, just drag it in. You just have to hold down your mouse, make this element a little bit bigger. And remember, when you select an element from a template or one of these pre made objects, you can ungroomed it and you can have more control over the individual elements now. So now they're all separated. They're not group together, and the opposite is true. Let's say I want to regroup them. I select him all and I group them, and now they're one unit. My makeup. I could make him smaller, this unit smaller for larger, so let's go ahead on group that we can edit this, we can actually change the color. We want to do our like a blue. We can edit spacing and we could actually even change the font type the cut. But this gives us a good start. I think one of the more versatile and powerful tools within Camba is thes shapes area. So I'm in my main and women's tab, and I'm gonna go ahead and click on shapes and kind of show you what you can do. So they have a lot of different shapes that that they're already pre loaded, and you can drag them in to create a combination of any kind of shape you want eso I do this a lot when I do layout design. Ah, lot of time to like to do layout with triangles to kind of cut the design and crop the design. So let me first just drag in a photo. So I must go dragon kind of this photo really quickly, and I'm gonna be able to use shapes to frame my photo a little bit. So there's kind of my photo. I'm gonna go back to elements and add a shape, so I'm gonna add A I could do this a couple of ways. I could just add a basic square and it's gonna load in default white. But you can always click it and change the color. So let's say I want this beautiful blue and so all I had all I have to do to be able to frame this photo is just use the rotate tool. I'm gonna rotate and I'm gonna drag it up to the top. I'm actually gonna make it a little longer more rectangular in a dragon up to the top and notice how it's already start to kind of frame the photo a little bit. And if I really like an angle, I copy it. And now I have two versions of this box and I'd spring it down here. And just like that, we're already starting to kind of frame our photos. So that's one option you can do. Another option is creating a bounding box for a call to action or headline. So I'm just gonna drag in your basic square. I'm gonna make it that beautiful blue again. I am actually going to make put some kind of call to action or headline in here and we already went over type. So I gotta go to the type section and I'm going to drag in a generic heading. I'm gonna make this white and change the spacing a little bit. It's already starting to kind of see a background for our heading by using a shape so we can edit our shape a little bit and I'll show you some other options that you could do as well. So I want to make this a little bit more transparent. So I'm just selecting this box right here and how I screened back are at a little bit of capacity to a shape. I go up here to this top, um, transparency option, and I'm just gonna go ahead and reduce that so you can kind of see a little bit of that background coming through. So our coffee cup is not totally obstructed by the shape, so we can actually do this with call the actions and websites. We could put the website down here, and we did this by just by adding a shape. Let's go ahead and delete this and do something else with shapes. So let's go to our elements and shapes Tab. You can actually do shapes that have borders. So let's bring in a shape bring in the sub. I believe that's a hex of gone are actually that has six sides. So we can actually have this go back to our type and dragon, Something that looks really good there. So I'm just gonna drag in the same one. This is just that grouped pre made element we worked with just a moment ago. I'm gonna make it a little bit bigger, and I'm gonna change it to white that change each element toe white. It's going to my colors of just selecting each element and making it white. So you gotta see you. Can you shapes to frame headlines? Maybe I don't want this element. I need toe on group. I'm just gonna delete a couple of these text objects. I just want a nice clean shape. There we go. And so that's one shaping good. Delete that one and check out some other ones real quickly. Triangles like we could do that to kind of add a little bit of style like we just did earlier with the rectangle. But you can do triangles. You can build all sorts of things you can actually duplicate. Duplicate this triangle and make it a different color, maybe slightly darker in a little bit darker. And you can actually kind of add layers of different shapes. You can even change the angle of this one. It can kind of see a cool little design going on here. Make this a little bit bigger, that bigger. If I could get that little one right here. There we go. They could just start building things out with different shapes. Their stars, hearts. This is great when it comes to logo design or some really unique shapes as well. That could be kind of cool if that's something you're going for. So that's just a quick overview of shapes and Canada.
5. MODULE 2 Lesson3 Canva Diving Deeper: So how do you work with photography in Canada? There's a couple things you can do. There's some free photos that are available on Campbell, which are okay. There's some that you can purchase. But instead of purchasing photos, I recommend going to a website called Pixels. P e X E l s these air all free to use eso. A lot of almost all of the photography I used throughout this class are found on pencils and I didn't pay a dime for it. Um, so when you go over photo, whenever you download a photo, make sure you have the CCO license. I go over this a little bit later, and the resource is section of the class, but that allows you to use your photo in advertisements. So let's go ahead and click back over to Canda, and we're gonna look at photography here. So let's go ahead and upload. I've already uploaded. This is where you go to upload all a couple of different Texel photos that I thought Well, so all you have to do is drag and drop can was very, very intuitive. I don't have to go over a whole lot of details like I would if I was teaching Photoshopped or illustrator because this is so into it's dragon drop. It's very easy. So I have this kind of nature photo. I'm kind of bringing Let's actually bring in a person shot because I want to go over some effects. A swell. So let's go ahead and drag in a person. Let's see, let's drag in this guy right here So I'll have to do is drag it bigger to make it bigger. And let's say I want to crop it. I think there's too much on the left and right. That's very easy to do. Just double click your photo and it's gonna give you another bounding box. And this is basically your crop box. You'll be able to crop the photo click the check mark two, however you'd like. So if you want to make a collage or if this is kind of how you wanted to crop the photo, so I want to undo that, so I'm just gonna double click. I'm gonna make this full cropping again and check the, uh, the box. You make this larger and make the school screen. This is a social media post So let me see if I want to put some text right here. So I want to edit Apply some filters to this photo. So you go up here to the upper left into the filters panel and you have some prefect preset filter similar to Instagram. Where has a different pre pre settings for different things You could even do grayscale. If that looks cool, I was go back to normal. And if you go to advanced options, it's not really advanced options. These were really easy to play around with eso There's a couple of options you could make a brighter her darker, which will depend darker actually works really well, if you're doing it as a background photo, you're gonna have some tight on top of it contrast. And I would just suggest going on here and playing around to see ah, great way to make a photo black and white. This is to go to advanced settings like we're in now and reduce the saturation and you're automatically you have a black and white photo. It also changed the tent as well, which works really well. If you go black and white and then you're able to kind of apply almost a do a tone effect, a single tone effect to a photo that's pretty neat. We'll be doing some of that a little bit later on. Blurring is really good sometimes like really sharp images. And sometimes if it's a background, um, blurring, it's nice. And, ah, Vignette adds a little bit of a black border around the edges. It's a very subtle effects, so I don't always use it. But sometimes it's helpful. Of course, you can flip a photo horizontally vertically. Sometimes it makes sense to have this orientation. I wanted to have type on this side, so that's some very basic photo editing and filters just kind of play around with that film panel when you could do a lot with photography. So let's say I want a crop, a photo that's not just a boring rectangles or square, so there's a couple of different things you can do. You can actually put photos in circles, triangles make collages, and so I'm gonna go over that real quick. I mean from the Elements Town, which is really where all the action happens in Canada, and I'm actually gonna click on the frames option and you can load in any of these shapes and then you can drag a photo right in tow, create that shape. So let's do a couple of shapes to show you. As an example, let's do kind of a simple circle. This one does. Not. This. These have little borders. This is just a plain circle. Let's make that a little bit smaller and let's do a triangle. And then I'm gonna go back to my uploads where I uploaded some custom photography. I'm just gonna drag and drop. It's that simple link. A drag and drop. Let's figure out something here. So there you go. You already have these nice, nicely cropped shapes. If he wanted to change the cropping inside the circle, this double click and you're able to maybe focus more on the center of that orange, or we can go back to what we had. So you got to see that white outline that's perfect. You make it a little bit Biggers and then more on the woman and it can drag. You can actually, um, take this rotate tool right down here and he can rotate. These images was well so you can really build your own collages. You could crop. Let's say we want Teoh get rid of this element. So we're just gonna delete and we're gonna do delete the element and we're gonna make this triangle what's actually rotate There's our rotate tool. Make this a little bit bigger and we can actually build a design out of this. We can actually have a triangle here. We could put some type in the triangle here as well. So that's some neat things you could do with photo cropping by using the frames portion in your Elements tab, which is right here. Another thing you could do is you can actually build collages. Eso go to your grid tab, which is right next to your frames tab, and I'll show you an example so you could see all these different templates of different frames. So let's go ahead and bring in I really varied collage. Let's do one with varied shapes. Perhaps this one, So it's gonna automatically populate in the square shape that I have of the Social Media post, and what's great about this is you can actually resize this to make it only a portion where you can bring it back to full size and I'll show you something cool you could do after I loaded some photos. Just drag and drop a couple of photos that I already have in stock. These air totally random, not meant toe tell a story or anything. They're just dragging and dropping. And so as I reduce this, it automatically resize is so I can actually change the dimensions and make this whiter and put something up top so it could be very powerful. And look how quick I made a collage. If I were to do this and photo shop in illustrator, it would take probably 10 times the amount of time. That's why canvas so awesome when it comes to saving time and whipping up some designs. So let me see. I want to do something a little different. I wonder if I can rotate. Sure enough. This is an object just like anything else in Camba. That means I can rotate it. So I'm gonna take this rotate tool. I'm just gonna rotate it and drag it so you can kind of create a cool angled collage here. And of course, I could go back in and at it the cropping of photos, so it works a little bit better. So let's see how that looks. So that's kind of cool. So what I'll do and I'll go ahead and drag a different image and to hear that works a little better, this one, you could actually double click each individual square and do individual cropping and gonna zoom out. Sometimes zooming out really helps in this situation. Let's say click OK and it can adjust some of the cropping. Let's but her in there. Course we can have different photos, so let's go ahead. Drag that one and instead and you could just play around with different cropping to stubble . Click the image if you wanna adjust anything, so I want to bring Show more of that plate. Okay, so just kind of some basic things you could do with different tip. Let's let's see what else they have. I'm just gonna select all and I'm gonna delete the whole element and go back to go back to my name elements tab. So they have plenty here, so let's go to a more basic one. There's one with just four. Let's go to upload and dragon. It's tracking some quick stuff. So on There you go. You can create mood boards the same way using this technique, and I'll go over that later in the glass. So there's kind of your basic how to load photos, had a crop them and how to do some editing.
6. MODULE 2 Lesson4 Layering System: I wanted to go over the layering system in Canada. It works very similar to other programs, like Photo Shop in Illustrator. There's different elements, photos and text, and they all exist on different layers on the canvas. So let's go ahead, drag in a couple of elements and show you how this works. So I'm gonna drag in a couple of text elements, just two different elements of heading and was dragging a subheading, and I'm gonna drag in a couple of elements. So let's do shape. Let's get a different colored box shape. Let's dio green make a little bit smaller and let's also grab a photo just to have a little bit of everything. Describe this photo like a little bit smaller. So we have all these different elements. They all exist in different layers, and so I have this as the bottom layer. Actually, it's not quite the bottom layer. Well, say I want this as our background color. I want to send this all the way to the back layer so all the other elements are up front. So how we do this is we go up to arrange and we just send back and so you can send different layers forward and backwards to try to get the right Larry. So that's now officially my background shape. Of course, I could move this and shipped this however it like. So now this is in the forefront, and that could make this white and make it a little bit larger. Let's do that real quick. That might have been two large. No problem. We'll just have one line. So now we have our heading. And now right now, this top smaller subheading is above it so we can adjust that as well. And this photo it's going to make this a little bit bigger. Right now. This is the top most layer. It's covering up our other layers, but I want this to be along with the grain in the background. So let's send that back. You just keep pressing it until you find out where in the lair, insisting one. It's so right about here. So now you're starting to see all these layers come together and work together, so I can also add new shapes on top of here at angles crop it make this bigger, and that's just a simple way of how the layering system works. I'm back in the can, the home screen, and I wanted to show you how to use some of their pre made templates. So let's go ahead and create a quick flyer. So I'm right here. It created design. I'm gonna go ahead and expand its You can kind of see the wide variety of different options you have. So let's click on poster. We're gonna go ahead and load that in, and there's a lot of really decent layouts that they have. I like to customize all of them to make them unique and make them on my own. So let's go ahead, scroll down, see if there's a basic lay out. This could fit the amount of text I have the kind of impact that I want to make to the viewer when looking at my decide. Um, let's do something simple. Let's do this to see how this one works, and it will already automatically loaded whenever you see a dollar sign. That means it's a premium one where you have to purchase, for example, the photo. But she could always swap out the photo with something different. So why don't we do that. You don't have to purchase photos within Campbell. I like to use free photography from the pixels website I showed earlier. So let's go ahead and bring in. Let's see, Do I have anything high fashion already loaded on here and let's go ahead and try this. I can move this over and you could see all these different layers. We just went over the layering system. So right now this text is all above the photo, the photos in the background. If that was, we could actually sickness to the back of know why you would want to do that. But if it would, this photo was already on the tops, was arrange. Bring it forward and it covered up your elements to select your photo and send it backwards . So I like, uh, customize a lot of this stuff depending on the photo we want to use making that this I'm just double clicking and at the date of the text a little bit to make it my own and to make it work. Yeah, we could work with that a little bit. I can actually go up to filter and you some of the filters that we went over earlier to make sure the photo is not a strong. So you have the contrast. Let me actually reduce the contrast a little bit. It'll help my white text pop out, had a little bit of a vignette, and let's see what happens if we do a tent and reduce the saturation, that could be kind of cool. Use the contrast. Yeah, let's play around with a brightness and so you can see how we're already changing the layout. We can add around text on here. Obviously, you could change from other type. Could move it around well, this, but you could see how it's already different from what they originally had, and that's good. You always want to do your own thing, so I'd probably pick a different photo can actually delete this 2008. If there's an element you don't lead, need this, delete it and we could drag in another photo of ours and let's go ahead and grab A. This is kind of using everything We just went over in the last 20 minutes. Go to elements. We're gonna get our frame and let's get a couple of it's quickest. We could do a circle go like this, make a little bit smaller. I don't know if it's circles quite fitting with that design. Let's see if I can find just your typical square sheep here. I like this. There's a really different shape. It's got some rounded corners, delete that element and knows this is the top post layer. But that's not gonna overlay in the other objects. So and start kind of bothered me at this moment. I was gonna copy and paste. I can actually, uh, I like three of these across the top. Gonna group. I have to selected all of these, and I'm gonna group him that I'm able to move all these around us one unit, which is very handy. I'm gonna go over to my uploads and drag a few photos, and I may not have the right photos for this particular ad, but we're just gonna go ahead. Dragon meant in any way. No, that's kind of neat. I don't want to I want to drag it over to this layer, so we're gonna have to ungroomed. And now let's see if it'll let me drag it into the individual layer. There we go. That's the trick. Change my cropping. So I'm zooming in a little bit more on her face. I'm going to drag this woman in here. Double click, make it a little bit bigger so I could crop. Zoom in a little bit more on her face and let's try to see if we could find one more. Here we go. Double click, zooming in on the face, clicking OK, and so I can select all these as one unit again and group them. And now I can kind of play around with lots of options. Terms of our photos. Let's go back to how it was. I kind of like it straight. That's dragger. Other photo somehow got replaced. What's great is if you do, you load in a on object from aura frame and you load in a photo, and he already did some filter effects on it. You can actually drag in another photo, and that's gonna automatically a play. Apply the same filter effects, which saves a lot of time, so I don't have to re edit all that and do the Purple Effect. It automatically did it for me, even with a new photo just like that. So you know, I'll have to work on photography a little bit, get what I want, but you can see how we whipped that up very, very quickly, were able to have multiple images. We changed a preset template. It doesn't look anything like it did before, but it's it's giving us what we need to do a proper ad layout.
7. MODULE 2 Lesson5 Saving Files: I wanted to go over how you can export files and what kind of files are important to export . So I have a finished design. It's a flier, and I wanted to show you a few ways We can do this so we could go down to download, which is where you gonna be able to export all of your documents out of Canada. Let's go ahead. Click on that file. You could do a PdF. And if you're gonna send this to the printer or get a printed online, you want to select crop marks and bleed. That's gonna add a little extra bleed and crop marks. Do you document but and thats required to get anything printed professionally. There's also the ability to unclip kit. If you want to make it a digital version, there's PdF Standard, which is not gonna have any of that crop mark options. That's probably really good if you want to have a PdF downloadable on the Web or a digital PdF and this is for print. So any time you're gonna be actually physically printing it out, we're going to be sitting in off to the printer. You want to select that option. There's also your standard J Peg and P and G, P and G's. Great. If you wanna have a transparent background which is only available to the premium subscribers, but I have work arounds around that milk over that later in the class. Um, and J pegs is gonna be the same thing. Is this good or you're not gonna have any transparency options for backgrounds s. So I'm just gonna download. This is a J peg. I'm gonna pop it on the website. You go and download. It will go ahead and export it as a J peg. Now that we talked about how to export files, I want to talk a little bit about file management in Canada. Can was cloud based, so you have to have the Internet to be able to actively manage and work on your files. There's one small issue with Camba, and that is, if you're working on its nine and for some reason something happens. This this happened to me before and you have a blank page to have this nicely designed add and somehow you press delete and the browser accidentally refreshes. You will lose that document. It will save it as this blank canvas and it also automatically re saves. So if you change the design to how you don't like it anymore and all of a sudden you go back to the home page and you forgot to save our auto saves, it can seriously mess up your work. So this is what I suggest to prevent any loss of work is not only to save often, but to make copies every so often. So you always have a backup copy on Canada. So let's say I really like this now working on it, and I I I want to keep this as an option. I'm gonna go file and I'm gonna make a copy, so it's gonna make a copy. I'm gonna have the original copy right here. But I also have another version that I could work with. And if this seriously gets messed up, So let's delete it or I don't like where it's going and this is auto saving. It doesn't matter because I still have my original copy. So I do the same thing when I'm doing professional design work and illustrator and photo shop. I constantly make copies along the way, so if something happens So that one copy that I don't like and accidentally get saved. I always have a backup. And trust me, I lost in entire brochure one time because somehow I deleted the page and it automatically saved. And when I went back to recall it, that page was en tired, entirely deleted. And I have to had relay out that entire brochure on that one side, and it was frustrating. So that's just a little tip to make sure this doesn't happen to you. So save often and make copies File may copy.
8. Module3 lesson1 Typography Type Styles: typography and design. There are two different types of box styles there. Serif in their San Sarah. Sarah's have these little tails at the end that accentuate the letter or the character Sarah's air helpful when there's a large amount of text that smaller, the smaller Little Saref Zehr accents on the characters helps the reader distinguish the letters much easier. Sands Arabs lack these little accents, and because they lack these little accidents, they make fantastic headlines. And without the accents, it can make these Boulder headlines pop out and remain clean and simple. 1/3 category of bond script fonts and they are everywhere. Script bonds have their own special use and design. They can help add and were natural. Look, they're smooth lines and lack of strict angles, and you have to be careful. He's in script fonts not to use them too much, because it can overwhelm the design piece. So you'll notice here that these two fonts pair very well together as because one is a Sarah font, and the other one is it. Sands Air rarely do to Sarah Fat's pair well together, as in this example, same way with two different types of San Serif fonts. It's really good to mix them and mix your different types as well. It's also a good idea to experiment with your fought mixing. In this case, the script bots works really well to San Sarah, but also looks good with a Serra Fonda's well, so just experiment a little bit. Have fun thought. Weights come in two basic sizes. There's usually lightweights, and there's bold weights. And then some ponds have everything in between, from thin, light, medium bold, a heavy railways, excellent thought that has a wide variety of front weights. Helvetica is another fine example of a haunt that has a wide variety of weights and the more font weight options that you have the the more flexibility you have in your design piece. And that's why I held that, because you so much in design. Gill sans is another example. When you use two different font weights and same font family, you notice they pair very well together and provide a balance to your typography. Spacing makes all the difference. There's default spacing, which is what you're seeing right here, spacing between the characters and if you wide in that spacing, you'll notice the characters in the text take a different look, and that could mean, in this case and elegant with wider spacing between characters. In this example, there's also tight spacing, which has its own use and design. If you want to be loud and bold, it could really get your attention when you reduce the spacing between characters, some bonds do not work well with certain spacing. Take, for instance, lower case lettering. Too much space between lower case lettering can look a little hard to read. The opposite is true for some space. In between all caps, they tend to be much stronger and look a little bit better. Script fonts look horrible with any spacing, tight or wide. The spacing between the characters are basically three different terminologies koerting, which is when you manly put the spacing between the letters. Tracking is when you do basically current ing, but the computer does it for you, which is what you'll see on most programs that you will use. And spacing is just another term that people use as well. Metallics are amazing, and they can make wonderful accent. Metallics work really well with multiple lives. In a longer headline to bring out a certain word or group of words anyway to break up my not It's a goal in design, lower case letters, having soccer, more gentle feeling to them. This can accomplish a certain feeling wants of you have been looking at your designs. All capital letters worked really well for headlines, but they tend to have a stronger, louder feeling to them. In some cases, this may not be what you want you to feel. In some cases, it's necessary for grabbing one's attention. But in the end, as with everything in design, a balance of lower case in all caps for headlines usually work better. Find ways to shake up your typography usage by using a beautiful combination of serif and sans serif fonts together, using a mix of capital, lines of text and lower case. Together, this mix insurers. Your design is interesting, diverse and unique,
9. Module3 lesson2 Typography - Using Type in Layout and Design: which alignment looks better to you? The tax using center alignment left alignment. We're right alignment. Each has their own place in layout and design. How do we determine which one to use in this layout, we have our subject matter, the woman off to the left. When designing layouts, it's best to follow. The subject matters direction. We can align to the left against the model. All of our text omits. This is going with the flow of design and makes for a compelling layout. In this example, I'm using center alignment for all of the text elements, including the website. You will notice this nice block of white space to get breathing room in between the different elements. Notice that the design commits to a nice clear alignment throughout the piece, striking a nice bounce that is pleasing to the eye. When you have a bold photo or subject matter in your design, it is wise to embrace that image and highlighted by placing the main headline text over subject matter. It is all about playing around with what feels right. This is where being subjective as a designer is really rewarded. It's not until I flipped the shoe in reverse and have the shoe tucked perfectly in the front to the left that I feel like the layout really starts to work. You will notice the shoe overlapping the E in life as the text and the photo become one. This is an extreme example of this in action, you'll notice the main subject matter almost jumping through the text and interacting with it in a dramatic way. Text and photos do not have to fight each other, but can blend to become one unified layout and design. We do not always have access to the perfect photo, but with proper fonts and typography design, we can make a design relevant and still have impact. Using color metallics to highlight words helps the type become the design it stealth, instead of having to rely on graphics and photos. 100% of the time bite space is so important. Do not underestimate its impact on the viewer's mood. Seeing a design piece, this is a great example of white space. Next one struggles to breathe, and their ward struggles to make the viewer Philip peace with beautiful guitar behind it. I'm taking this poster design and scaling back the font size to give more breathing room in white space between elements. It's already starting to feel better. I dare say that photography is one of the most important element of design today.
10. MODULE 3 Lesson3 Font Pairing: we're gonna play around a little bit more with some bond options, just to show you kind of a variety of different plan options we can choose from. So I'm just making that little smaller. I'm gonna group those together and then copy and a good have I can actually make a couple copies of this so I can kind of play around with different bond options and see which one I think really? Paris will together. So I'm gonna go ahead and zoom in, and I'm gonna click on all three and then ungroomed them or maybe have to do it individually. Okay, so here's her 1st 1 We'll leave that one as is. That's a nice pairing. Um, what's this? Play around with some other options, and so you'll notice this is Ah, Sarah Font. This is also a Sarah font, so you could see that definitely doesn't go well together. So it's really nice to keep one a serif in one San Sarah. So let's change this one to us. Some a sand Sarah font. Let's see if we can find something really strong, something bold, and let's find something really thin down here to counterbalance that that has a syrup to it. You know that has potential. I like how this is a little more condensed, and this is a little bit taller. That's a really nice balance. And if I add a little spacing and bring this out a little bit, you know that compare? Well, I can almost see this being a smaller. Well, this is where we're gonna play around Cooper, Hugh. It's always a nice, dependable San Sarah. I think I'll go back to what I had. Try this one out. That could work. Well, let me go back. Let's see what we had in the beginning that had that nice condensed. So, um, Archie Bo Black. So I think we'll go ahead and stick with that one. And let's see what other kind of font parents I'm gonna try something a little different. I'm gonna do uncap I'm gonna do lower case for this one, and I'm gonna bring the spacing a little tighter back to kind of its original spacing, which would be right here. Zero. And we're gonna play around with maybe a script bond or a metallic. You know, that looks really nice. And so let me a copy. Let's keep trying some different options. I really like that. Let's go down here and see if we can do a script bond. We'll see if you can find one that we really like that may at a little bit more of a softer touch to to this headline that could work. If that's the style, you're going for a useful, fun style. I think there's going to be a higher end brand that we're gonna develop an ad for. It's not going to go with something a little more elegant that has potential. Sometimes if I don't I really like this portion of the script font. What I'll do is I'll go ahead and do a lower case in and see if it looks a little bit better instead of having an upper case. In this case, I don't like the font, so we'll just kind of move on looking for a script. Want euphoria? Script was check that one out, see if we think it looks Will, who he was tried one more grand hotel. I always like this one all. It looks a little strange for what we're going for, so it looks like maybe a script font might not work for what we're going for. We're to try one more. I got one more chance here. The Pacific Oh, see how that looks. That has some potential. So I look at kind of our fault pairings that we just did, and I could do a script for the bottom. But I think having a script for this top smaller word works a little bit better. I think overall it really like the original Go and delete those and we have our headlines are gonna group that together, and we can really start to work on this a little bit more, but just kind of playing around with spot pairings to see what works really well.
11. MODULE 3 Lesson4 Create A Poster Using Only Typography: So now our task is to create a poster design using only typography, no design elements and also no use of photography. So this could be a little bit of challenges, really good, a stretcher, typography skills and working with type. And that's the whole point. So here we go. I just kind of had this little quote that I found in the person who said the quote, and I was gonna make kind of this poster out of it. I love when you have type, you can either go bigger, bold are small and subtle. So let's try a couple of different things and mess around with it. So let's mess around with alignment right now. This is center aligned, which has its own look, but I almost wonder if we can do a left alignment and kind of have it go down the side. And since typography is the only element allowed, I want to make sure it's nice and big, and I also want to reduce the spacing between the lines, so I'm gonna reduce the line high a little bit, make it nice and tight together, and let's go ahead and draw this out to see kind of where we like our lines. They would go. There's an option. It's kind of move this over to the right out of the way. So that is an option right here. Let's let's add some color on. And I think there used to be a little bit of ah, maybe a font change. So let's play around with some bon options that could work. That was, um, true Church, I guess. I'll tell you. Say it. April Fat faces a really good Sara font. This is a good Sancerre font. That's kind of condensed. Babette's new, so that could look really cool. I wonder if I can bold it him a little bit more. Let's click on Bold. Ah, that's very clean. I think I found my font choice. Um, so let's also kind of figure out where we want to put the quote. Maybe Tuckett keep this left alignment and this might need a font change. Let's use the same bay boss new for that and add a little bit of spacing for the website. And I like to do, um, this this is nice because it's a san serif and this is a Sarah font. I like to add a little bit of a Tallix to my Serra fonts when it comes to names and quotes and whatnot. So I'm just gonna do Bone Dhoni. She's a nice Sarah font and I'm just a Tallis izing it perfect. Let's add a little bit of color and pop to this and a little bit of white space between these elements. Maybe put the quote the person who's quoted there, maybe switch it up a little bit and put this on the right, so you kind of have a little bit of a call to action. That's kind of throws you off. There is. You're reading down the left, and all of a sudden you have this thing on the right. That's kind of a neat design method, so let's add a block of color. We can't use photography, but we can do color. So let's go ahead and bring in a square shape and play with colors. So I'm gonna go ahead and put this all the way in the back, click on the back and let's see whether some colors that we can use their some beautiful blues. I really feel like maybe a red, yellow would be very impactful. We want this to be allowed. Poster Uh, let's play around with a double click. When you click on this colors. Go ahead and double click and I'll give you the color wheel and let's go ahead and change changes a little bit. That's pretty bright and vivid. Let's give that a try. Let's see if we can maybe make every other word white. See how that works That kind of ads on a nice, dynamic punch. Now we could always go back if we don't like it. Anything to shake things up so that that's an option right here. Kind of put that little bit down. We may want to drag some kind of separation element, so this isn't just hanging by itself. Usually, a nice, separate separation element would be a line, so I'm just gonna bring in a line over here. Does your first option is kind of your generic line? Make it nice and skinny, kind of have a line right here, And that adds just kind of a nice separation element. A little space that's an option as well. So let's just keep playing around with some other options. Um, let's see, I wonder if we could change us all toe white. I'm just experimenting. We may have just found what we liked, and I wonder if we can have the first. What I'm actually gonna do is I'm gonna cut this out. So I'm gonna just copy this and I'm just gonna delete. And in Canada, you have to have two separate blocks to do two separate things. So I can't just a Tallis eyes you. I have toe cut you out and create a new element to do something different. I'm just gonna copy this element, and I'm gonna paste what I had in there. So now I have two blocks of type and I could do different things with this. I could change the phone on this top one and have it be different than the bottom. And since this is a logical stopping point in the sentence, change your thoughts. Stop. Any change your world? I thought maybe we could play around a little bit with this in a different color or a different type altogether. Kind of like the same type. But I do like the idea of having it be a different color. So that they know that's an options. Will that one consistent. And another thing is when you feel like something's just not working and it's kind of straight up and down. I love to add a little angle. Toe kind of adds a more dynamic action going on in our poster. So let's try just experiment. Let's angle all of this. I'm gonna go ahead and take this. I've just highlighted all of my elements. I don't need my background, so I'm just gonna hold down, shift and click on the background to take that out of the selection, get a group and let's see. Let's take our ah tool here in angle that I've just hold this down. What does it look like? If I were to angle to make it bigger, I'm actually gonna on group it. I'm actually take this element. I don't think we need the dividing line. Now that we're doing an angle, I'm just gonna delete that and I'm gonna take our quote. Let's bring it back to normal just for right now. So I like the angle really kind of adds a little bit, something we actually even off set it a little bit so Now you're getting really into contemporary design. I'm selecting both of my elements here, Let me group them together. So, like this one hold down shift, I'm selecting both of these options, grouping them together and let's see, we angle that more. We could actually make the type stretches Bigas we can on a group and I can actually make this a little bit bigger. I may need to highlight the text and make it bigger that way. That's 106. Let's make that 120 points. And I could even probably reduce the line space between the lines. Just go to spacing and line height and kind of make it even war condensed so it could make the fonts bigger and stretch bigger. I'm just convincing the space between the lines. Now I can make this the same bond as the one below, which I believe was 1 20 and we could make it straight across if we wanted to angle the way down. Kind of like it offset. Maybe. And it's this barely touching and have this here. We put the website right here, kind of have a nice together element. I wonder if I make this white how that would look kind of offset a little bit and so you can even add a texture to the background as well. But there's a start. Um, you could actually had shapes and add, um, let's do that. Let's at a triangle. I'm just in the shapes. It's gonna drag just your typical white dry angle or black. In this case, I'm gonna make it the same color. But I'm gonna double click this color, bring up our color wheel, make it just ever so darker and I'm gonna bring it all the way to the back. And now what I could do with this different shape, Not a little bit of angles and texture. So I'm gonna go ahead and move this so it lines up with the angle of the font, make it a little bit bigger, and he could just kind of play around with some different. Just so it's just not a boring plain background, because I kind of have just something going on. You could Actually, it's great about campus. You could just easily copy that triangle and move it around on this side just like that. And there you go. Now you have this nice highlight. We could double click this return back to our original red color and actually make this one a little bit brighter. Maybe let's make it darker. Turtles go the darker one in the make it darker, so just kind of playing around with kind of contemporary modern layout texture, like actually bringing.
12. Module3 lesson5 Biz Card & Type Hierarchy: learning proper typographic hierarchy can make an information pack design seem orderly and clean. You'll constantly run into situations where design calls for an insane amount of information. Mastering this could make the difference between a good design in a great design type hire . You start with your main headline being the largest font size and importance in your design , big and bold. For most importantly, short sub headlines or by lines tend to help support the main headline. They could be just a little bit longer in length, but be careful not to have more than two lines of text as it starts to offset the flow of the design and look a little busy and compete with the headlines. Well, Body copy is where the lion share of your text information will go. This will go into more of a full detail. What you need to tell the viewer call to actions or usually at the bottom, not necessarily larger than the headline, but also not a small is the body copy thes air large enough to stand out and are usually helped by being a different color and a box are being a different font type or wait outside of the headline. This is the most important piece of information. Lastly, copyright in small details could be in the smallest font size that is readable, totally out of the way, but still a line with the rest of the type. This is a good example of type hierarchy being used in an ad design. The headline is big, bold in a different color. A smaller support headline helps keep the main headline short. The body copyist smaller here. But the top ones today has highlighted flight land larger to stand out. The call to actions is the website here is in a box with a themed color, but it's not the biggest thing on the page, but still, it stands out some in Campbell today, and we're gonna use font high arcade on a business card design. So I just went to the business card templates in Canberra, and this is kind of when I chose that I thought would be kind of a good blank canvas that we can kind of practice this on. I'm so I'm gonna make up kind of a fake business card. I'd already have kind of a name here, which is nice and large, usually on a business card. Your name would be the main headlines. We kind of already have that established. I kind of want have a title. So what I want to do is that title is really gonna be our sub line. It's gonna compliment the headline and be large, but not they be a little bit larger than the body copy, but not as large as my name. I really want my name to stand out. So what I like to do and already have kind of, um, a text box. I just like the copy. And I'm just gonna go ahead and kind of copy and paste kind of a title, and this is way too large. So what we're gonna do is we wanted to complement the headline, but not compete, So I'm gonna make it a little bit smaller. So I just change the font size and this is still competing. So we want to maybe unfolded and maybe add some spacing between the characters and make it even smaller. So let's try 10 in another way, and you can kind of tuck it against this so they really complement each other and another way to maybe differentiate the two is maybe a color change. I can make this slightly darker, just like that. Seem kind of maybe it's a little bit brighter than that. I want to go ahead and click on here just a little bit brighter so it pops out. So this kind of brings out the color in this template that was already kind of a pre made one from Canberra. So you can kind of see how that goes really well together. And so to do a backside, I'm gonna go ahead and add a new page and already did this on this one. So let me just do it again so I can show you. So I'm adding a new page and this will be the back side of the business card. This is gonna be your front, and the second page is gonna be your back. I no longer need this second page where that already created. So I have a front and back. So this is where we're really gonna be able to practice upon hierarchy. Let's go ahead and just create some general text, so I'm just gonna drag in. This is gonna be kind of the main event. So what kind of things do you need on a business car? Secure. Need your phone. I'm gonna make this much smiling usually, um, 12.5 works. Really? Well, I'm gonna line this to the left when we get that back in the center so I can drag it over. There we go. Actually, let's do everything center aligned to have a nice center hierarchy, sort of do our phone number here, copy and paste. And let's go ahead and type in a real quick kind of fake phone number. And we want our phone number to kind of be like a headline in this to kind of be a compliment, very kind of a body copy where it's important. But it really doesn't need to be that big in size. So do eight. And let's try to find there's a nice font that's not quite as bold. Where I can even use a sand Sarah font that's nice and thin. It doesn't have the syrups on its. It'll help differentiate a little bit. I can even probably make that a six. Well, this is at a little bit of more spacing between the characters. So now and we probably since this phone is not really a headline. Our headline was kind of on the front of the document. Let's go ahead and make this 10 like that. A little bit smaller. Gonna have a phone number. We're also gonna have other contact information. Um, so it's kind of tuck that in, Let's do another. It was going group those, and then we're gonna copy it. I was gonna do that with, um, another set of contact information. I'm gonna ungroomed pit and start to edit it. We're gonna do email next email. I think I need a dash in there. We're just gonna do email at hotmail dot com So you can kind of see this nice hierarchy. We have kind of our headline by lying or body copy. And let's do another kind of block of information here. Let's do kind of our call to action, which is gonna be a website that's ultimately where we want people to go. We don't really need www anymore these days, so I'm just gonna do fake website dot com and this needs a little bit more higher. He said This needs to be a little bit bolder and bigger. Ah, so let's make it bigger. Whoa, it's all too big. Bring it back down. Let's make it all caps and that will break up kind of this slower. This is not all caps and this is all caps, so that's just another way to differentiate. We can also do since good to be larger. We can lighten the color a little bit and see how may be that looks maybe down here below. And let's try a different bond here. Let's try this one to make it just a hair smaller can add some spacing. I love adding spacing to get Really Ah. Helps everything breathe a little bit so we can actually do social media icons down here. So if I just wanted to take this information, I can actually even do this in a different size. Let me copy and paste social, or I could just put social media. I guess social media and I don't want to have too many of the same, uh, types. I want to kind of break this up a tiny bit. Ah, let me see what we can do here. We could probably put the icons We'll have to download and dragon kind of the icons down here, and that will kind of help break up the visuals a little bit. And and this so this is kind of a nice vertical or centered aligned type higher hierarchy. I kind of see it here on the front, and let's say we had to do a one sided business card, so that's a lot of information that we would have to have on one side. But that's it's cheaper to do business cards on one side. So let's just do an example, really. Ah, show proper hierarchy. Let's go ahead. I'm just copying from the front of the business card we have up there, and I'm gonna be pasting our name and title, Or how can we work all this in and make it look really nice? So I think the sizing is already perfect, and this is to crunched for space, and I can't make it much smaller cause I wanted to be readable when it's printed. Let's go ahead and move our phone over here. Looks smooth for email over here. Make sure it's aligned. Make sure the spacing here's the same spacing here. Social media icons will kind of be along the side, which I think are more importance days in your phone and email and website. Let me just go ahead and change this because I know this is gonna be longer. If I do the proper names, let's do Jessica Brown. Make sure I spell that right. Okay, put that it's really important, but I don't want to compete with the headline, So I almost wonder if italicized that kind of helps. And I don't like the italics on that particular thought. So you know, we'll try something else. Let's see. You know that works to our really like, kind of playing with Maybe this one. And since we're making it Boulder, let's make it smaller. It's all about balance with font, one type I hierarchy, and so the social media icons will eventually be placed there. We can always bring our little texture. We could just copy and paste it on this one side, and nothing's We have this obviously being the main headline this helping compliment this being kind of your body copy and main information and this being your headline so you can always screen this back, bring it to the back and let's just reduce the transparency. So it's not as um out there and I'm actually gonna turn this, so I'm gonna rotate this graphic just a little bit. Given a little angle, course I can choose a different graphic Aiken create my own, bring it in, or use something that can be already has. And so eventually I'll need to get the three before Social media icons there. This is kind of just basic hierarchy. I'm just gonna tweak this. I think this is too bold compared to this headline. So let's switch this back. Have it be less bold. And once that's in there, it will be a nice balance between all of this information. All right, so wanted to come back and do a little bit more refinement. So I kind of messed around with a little bit of the FARC choices, and I was able to bring in my social media icons by just typing in Twitter and that have kind of a free icon. I can drag and notice how the colors match the headline. Here they complement its not just white and then white. It's kind of got the to different color tones of things kind of pop out and stand out. I also want to maybe delete that little graphic and kind of bring in kind of a photo. I think that might be a little bit stronger for what we're doing. So in the spring, in this kind of generic photo, they have available and kind of see how it looks. So let's just send this to the back of our card behind all of this information, keep clicking away. We have a lot of layers here. I think that's all of them. Okay, so what we're gonna do is we're gonna blend this photo back in eso way to do that. We're gonna select it. Let's go to transparency. I'm gonna reduce it a little bit, so you can kind of see it coming through. You know, we could do this with a wide variety of different, um, photos. But I think this works okay for what we need. And, you know, I was gonna filter and fine tune it here. Why do you contrast intent? It complements saturation. Reduce the saturation, increase the contrast, Micro pop out darkness. And yet And I think we have a start to a business card, not final. But maybe we could put a bar here really quickly to kind of highlight this called action to separate it more from the headline. Not as important as the headline that it's the next important thing. So let's go to elements and the spring in kind of a generic box. Let's go ahead and, um, go to our elements shapes. Let's just kind of bring in your default square and go ahead, make a part out of it, striking it down, bringing it across, but arranged. Send this all the way to the back and will be really cool if was made this a little bit transparent or use that complement pink in there for the bar. Or even better, we can use. Keep the white and have the compliment purple Just like that. And since there's a lot of white, actually, let me scream back that this this right here, this bar I don't want to take away from the Jessica Brown too much. So we scream that back. It doesn't compete quite as much with the name, so we can continue to tweak this and make it better and better. But here's just a quick start using want hierarchy to kind of have a nice layout with all of the different information elements we needed to include on this business card.
13. MODULE 3 Lesson6 Type Trends: typography in 2018 will seem like it's all over the place. With its broad range of styles, you're gonna see a lot of brush typography done with customs inks and watercolors. Beautiful hand drawn lettering will be the name of the game. If you're an illustrator, are watercolor artist. You will definitely have a job in 2018 as it will be high demand skills for this type of work. It seems very intimidating at first hard style, the master and IT ISS, but with a little bit of practice patients, you can make it happen. Custom Illustrated lettering leaves a lot of room for huge creativity and amazing design potential. That doesn't mean regular old computerized fox don't have a place in Design 2018 on websites. A lot of standard all capital bonds will be popular. I think you see a lot of syrups and santeros living together closely and headlines I say. The continuing use all capital letters and made headlines saying it turned into a swell is the spacing between characters getting wider and wider and more dramatic typography and headlines having more angles 90 degrees, 45 degrees, just something more than the straight left to right typography. We've seen a lot in the past. I think we'll start to see more Sarah fonts used to the digital space. I think it's important to have our typography interact with our other design objects, including our main characters, advertisements and photography. I think it's important to blend the two so they're not treated as separate elements. I think that's true but also continues seeing this a lot, magazines, any kind of publications. I also see it happening in the digital space more and on with websites. Great news, ISS With the advent of better technology and better CSS html, we could do a lot more with type Detrick space, and we're not so so what's your prediction for 2018?
14. Module 4 lesson1 Photos and Design: one of the most impactful elements of design is the use of photography. Photography sets the tone for a design piece the way Lee Cropper images can change. The viewers focus as well as changing our moods. A photo with unique angles and subject matters could make opportunities to use that to our advantage, with headlines that seem to interact with their photos. Photos that draw your eye toward a call of action or headliner wants to look out for voters that seem to work together with typography and headlines work really well in advertising your design. This example. Using top down photography gives us a chance to use the white or blank space inside the photo as a way to draw the viewers eyes onto the important content in text. It also provides unique areas to place our content that would otherwise be playing or boring. A vivid and colorful photo can have so much to a dull design. Going from full color to black and white can have its own dramatic effect. Changing the tone from typical too intense. Adding a single tone or do tone color could increase his dramatic effect. This popular effect is often seen an instagram filtered. This is a great example of this effect in action. The full page ad a designed using that purple single tone shade against this bluish green really adds a nice contrast between the design and the photo. A full color photo used in this case might distract the user from another wise, more powerful product photo we want the user focus on. We want our photos to give the user an emotional response. Either be a positive negative. Calming are energizing your photo choice. Makes a huge difference on whether the overall emotional impact of your design will work with your desired purpose for your design, to see a product or to motivate a call to action. If a strong emotional response is required, then profit and help us achieve that response. Simply zooming in close on a human face can change the way we interpret that subject. Our photo choice contain what would be an ordinary image and make it much more extraordinary. Attention grabbing we confined collar inspirations and the photos we choose for our design , setting the tone for a nice color, Palin harmony or design, branding and even logos. So how will you use photography in your future designs
15. Module4 lesson2 Cropping Photography: the way we cropper, photos and design can make a difference between good design and a high, intact design crop. It can also taken ordinary photo and make it have high impact. So I wanted to play around with some different cropping options so I can kind of show you the way that cropping really can change and Adlai out. So I have one right here for kind of a fake little ad nonprofit. So let's go ahead. And I went to my frames section. I'm gonna drag in a few of these and play around with some different cropping options. So I'm gonna scroll down and go to perhaps a circle. Let's just do a circle and kind of see how that looks and play around with it. I'm a few photos I've downloaded that I thought would work out really well. Eso this is kind of our crop photo. Let me double click on it and see it's already kind of nicely cropped within that circle. So I'm gonna leave that alone. I'm gonna make a little bit bigger, and I'm also going to send this in the background is a background layer kind of see what works here. Nomis. Wonderful multiple photos might do a better job, so let me go ahead and copy this circle frame. I'm gonna drag another photo in there, So let's do these hands. Sometimes multiple photos work better than a single photo to to kind of tell a story. Let's actually bring this a little bit forward so that it overtakes this portion. What's DoubleClick and move this a little bit in, and it's always good to zoom in on. Photography kind of gives you a better emotional connection, especially when it comes to faces. So we can probably even zoom in more on the space and having a little bit to the right. Since the circles cut off a little bit. Here, you kind of see how that's framed. And so let's play around with some different options. Let's delete these entirely and see what other kind of, um cropping we could come up with. Let's just load an image in. So let's drag in the photo of these kids. This could be an easy cropping. It's in that backward to that red bars above it, and right now we really need to zoom in a little bit more on the subject spaces. So let's do that double click. I really like this right here. You're cropping and then making it larger. And so that's an options. We cannot turn this a little bit to kind of have more of an angle a little bit smaller. There's an option as well. We could also try a collage, So let's go ahead and go toe. Are elements go up to collage or to, uh, grids? Excuse me and let's load in something. Not too many. Maybe three is a max. Three is a max and let's go ahead and reduce this right here. Send a backward and let's dragging our photos. Think I have three photos that might work well for this layout. It's to our hands. Let's do our boy. We're actually this might work better here. I'm just dragging and dropping to find the best combination of photography. So I feel like multiple images is working out for this particular ad, and I can drag the surround, make it lower. I would have the photos be a bigger portion. Do that. Make this go off the edge, bleed off the edge. Let's continue to try some more frames. Go to my elements and frames and let me drag this one that says a nice kind of white border around it. And you can actually change that border color if you wanted to match the red. But I kind of like this awful white. So we're gonna go ahead and drag a new photo that I found and of a black and white way more dramatic. This might be a little too dramatic for the ad, but I do like the framing of it. I almost wonder, do multiple images here. So let's see, maybe a happy image to counter the more dramatic image up top. So this could also be an option. Different cropping ideas. Let's see if we can make this even bigger and more dramatic. I wonder if we could make this smaller, what's double click and zoom and even more on that piece of bread that shaped like a heart ? Let's change the orientation of all this. Let's make this a left alignment and let's go ahead on group these elements so we can start toe change the alignment a little bit on all of these. We'll figure that out, so let's make this a little bit bigger. It's arranged and send this to the back. Let's actually change this so that this is now down toward the bottom. That will give us more of a chance for the photo to kind of be the first thing they see an UN group that elements will be able to make this smaller. Here we go. Bring that down to the bottom. Maybe we can have our date are. Actually you know what we could do? Let's bring this right now that photos on the top layers Let's bring this forward this main headline. Let's bring it up top. Let's bring in the headline in the photo together and let's make this photo a little bigger cause I don't think it's big enough to be seen to have much of an impact. You start to kind of see a good layout coming together. Let's make that two lines and took that right underneath. We can actually make this more dramatic. I bring this photo down a little bit. We can even angle this photo. We can crop it. Double click already kind of cropped well, but we can angle a little bit, maybe a little bigger. That will give us a chance to have the second photo, and we could even try different frame for that. So let's do that. Let's just play around the frames once bring, let's try to do a circle. The plane circle. Actually, one with the border would be nice. There we go. Perfect, that kind of tux nicely right here with the headline, and it's very well. So let's grab our other photo. Zoom in so people can see what it ISS. So it's amazing what you can do just in a few minutes. Lukamba, Let's go drag this down. Couldn't bring this in. And there you have it. We can play around a little bit more, but it's a good start. We could probably put this on a couple of different lines. Maybe, and he had this nice left alignment of the text all the way down could shift this photo over. It's gonna let me. Yes, that's where it's cropped, so he may be a little bit limited with photo choice, but that's why you can play play around the different options. DoubleClick. I think that one's probably the one, and I like this right here. Let's turn this text to match the frame perfect so you can continue could see all the different options you can have with cropping and photography and making sure you zoom in to get an emotional impact if that's what you're going for. Sometimes using multiple photos has been official, as opposed to using one. Sometimes one is all you need. If we delete the selling image and delete the element, it's gonna give us more options. Maybe drag this down just like that. So feel free to play around and candle with some of these different photo cropping option.
16. Module4 lesson3 Photo Filter sand Effects: Let's go over the photo editing options a little bit and then war detail. So I have this photo of this young girl, and we're gonna go to the filter clan it panel and play around with some options. So every time I opened the filter panel, I just go straight away to advanced options and start to kind of mess around. So but this one, I wonder if that black and white would do really will. All you have to do is bring the saturation all the way down and you haven't instant black and white photo. And a lot of times I'll increase the contrast to kind of bring out more of the shadows and highlights. That's what contrast does. And you can actually reduce or increase the brightness that can always help us Well, and a lot of these air available to in a photo shop program. Ah, these air really basic tools. If you wanted to do more extensive editing, I would suggest a photo shop or another online tool. But this you could still do a lot with a combination of these sliders, so I like to have a little bit sharper, so I just really reduced the blur a little bit and then yet increase. There's not a dramatic that effect with been yet, so you know, I usually increasing if I wanna have a little bit of the dark edges. But it doesn't seem to do a whole lot in Canberra. It just kind of adjusting, trying to find the right fit. Maybe adding some saturation, maybe just a little needed could mess around with tent a little bit, but I think I want to keep it just black and white. So there's that photo in black and white. When we mess around a little bit more, they have preset settings as well. But I think I kind of like that's a nice glow to it. And any time you like a particular filter, go down to advanced options and you can see the combination of filter effects that created that filter so you can find out kind of what made this happen so you can create it on your own. Let's go back to black and white. Do saturation increase contrast the increase of brightness and there you go So cropping photography. Um, we're back to this ad that we were creating before. Wouldn't we have our nice headline? And we're gonna go ahead and out of photos were just gonna goto elements are actually I'm sorry, uploads. And we're gonna find the photo that I picked out for this beauty ad for a hair care product company. Go and drag this photo in and we'll learn a little bit about proper cropping zooming on and kind of figure out what works. Really well, So I'm gonna go ahead and arrange, and I'm sending this photo all the way to the back so you could see the headline. Do you have a lot of different options here? You can actually have a really nice kind of bring our type down here. You can actually have a nice, clean headline here. Just like that. You can actually have the text overlay the photo. I am. Good. Knew that over here. So this has a really nice border to it. A lots of nice white space. I'm gonna go ahead and zoom out sequence E. So this has the potential to be really nice clean layout. We can also integrate the typography over the photo and zoom in on this a little bit more So I'm just gonna take my photo and I'm just gonna get my little icon and drag it, make it a little bit bigger. I can actually have this go the entire ad and make sure it's all the way in the back. I believe it is. And so right now the headline is kind of really fighting for some attention. So we really want that headline to pop out a little more. We can use color to make it pop out. Let me just kind of do some like a nice, uh, blue. I kind of picked out ahead of time. Let's make, um, As I've said in previous videos, it's really nice to have a contrast. So I like to do a contrast with color in my headline. So did a Blue and a White. And so I feel like this photo can be screened back and edited a little bit. So let's kind of see, Let's actually make all this Michael this white, see how that works. We're gonna mess around with some photo options. We're gonna go ahead highlighter photo and go to filter, and there's a ton of options. So let's kind of see I feel like I want to make this single toned. And one way to do that is to reduce the saturation. I'm reducing the saturation. It already looks beautiful. Look at that blue blue green color kind of really pops out. Now that we made that black and white, that looks excellent. Almost take it a step further and let's actually add a tent to it or a tone. I'm gonna move this to the writer left. It's actually gonna change it, depending on the color it's on. And we could also change the intensity. So this might be a little too intense, kind of like a purple. And let's bring up the saturation a little bit. We kind of play around that almost looks like an instagram filter and a little bit little bit with that purple you to it. In contrast to really bring out the the shadows in the highlights of the woman. If you actually produce the contrast, you actually start to blend in a little bit, which is exactly the look I'm going for. So reducing the contrast was was a good thing. Actually, when I, um, screen it back, I'm gonna actually make it a little less bright. So I really want my white type to show show up. So x process. It's gonna bring out your blacks. If you reduce it, it's actually gonna blur some of those blacks. So just play around, slide this around. We definitely don't want it blurry. What I really like to do with photography, they love to dis dumb, actually go negative on the blur and sharpen it a little bit. I love sharp photos. I'm gonna sharpen it. Not too much, because it gets a little too grainy, maybe right about here. I'm really liking that right now. And we just mess around with the brightness a little bit more right there and then yet is gonna add a little bit of black around the edges. Kind of has a nice little effect. That's definitely kind of the direction I was wanting to go with this. So when that show you guys how you can add texture in Canada, this is the poster that we designed in the last module, and I'm gonna show you had at this school paper texture. So I went ahead and I went online, and I found the paper texture. I think was high resolution enough. And I'm gonna go ahead and drag it in and do some photo filter options on it to, um, kind of have that textured effect applied to the whole poster. So here is my texture. I'm good. Actually, turn this a little bit and stretched across the whole poster. So what I'm gonna do is I'm gonna go up here to the transparency, and I'm gonna reduce that. I may end up changing this a little bit, but I'm gonna go ahead and reduce until I think it's at a point where really like it. I was going to go to Filter and let's kind of go to the advanced options and play around to see what we think. Um, looks the best. I think I'm gonna go right to contrast. I'm actually gonna decrease contrast to bring out more of the wrinkles. I think it's gonna be sweet spots probably right there. I don't think that's gonna do too much, cause it's already a great piece of paper and we want actually sharpen it a lot right about there. Go ahead and leave that at zero. And let's do a little bit of a vignette to kind of add the shadow on the corners. Let's play around with brightness just a little bit. And I think we're at a point where I think the textures been applied, so I'm actually gonna reduce transparency. Just a little could increase it to kind of get a more dramatic effect and decrease. It's a conceit is kind of a subtle paper texture. And let me just mess around with contrast a little bit more right there and there you have it. Let's that you can apply textures, um, over solid colors and type.
17. Module4 lesson4 Book Cover part1: So we're going to take everything we've learned in this module and previous modules and design a book cover. I'm in the home page of camera and I'm gonna use custom dimensions. So that's this option right here. And the publisher says the book cover needs to be a six inches by nine inch dimension. So let's go ahead for with put six and height put nine and we're gonna go ahead and change this two inches. Course, if we had MILLIMETERS, we could do that as well. Um, so let's go ahead and type those back in. I think once I change it two inches and reset so six by nine, let's design. So they already have a lot of preset camp, um, templates, four book designs. But we're gonna do it completely from scratch, going to go and click on my elements tag tab, and we're gonna start doing our type. And then we're gonna start sourcing our photo. So let's do our type first. So it took a few moments to kind of think of a concept for the book. It's gonna be a travel book, s So I went ahead and did kind of a headline a little bit of ah ah, byline for my book. And I actually used instead of doing it custom actually found one of these pre made typography groups that I just dragged in and just typed. So what I'm gonna do is I'm gonna ungroomed this and I'm gonna do a little bit more of a custom. Look to this. I like the typography in it, but I didn't like the layout, so we can change that ourselves to whatever we like. Um, so let's go ahead and figure out a layout. So and I think a photo is gonna play a big part in this. Let's go ahead and drag this down and kind of dragged this down here. I think the byline could be down here. I'm also gonna copy this format right here, because I'm gonna need an author name. So let me just make up a fake author name. OK, so that's our fake author name are actually going to make it a woman author. Just do Jessica be you are. You make this a lot smaller than the other elements. So once we have our elements kind of written out, we can play around with a good layout. So I think that's a good balance is gonna be the very bottom and that will kind of will figure out when we bring in the photo kind of where all this is gonna live. So now we need to go on and source our photos for our new travel guide. We're gonna source our photos on a website called Pecs. ALS. I mentioned this earlier, and it's a fantastic place to find free for photos for what we're doing right now. So it's a travel book. So let me go ahead and put in travel and kind of see what photography comes up. So we're gonna need a really clean one clean image to really portray our book. And I think this one works. I'll go ahead and download this one. That's perfect. I can see how I could do a cover with that. I also want to download this one as well. I think that could be really need. I could see some nice, bold white to pyre coffee kind of feeling these negative spaces. This could be with a good to. It might be a little boring, a little predictable. So maybe that that might not work out. So it is. Keep looking for a few others. This could be kind of neat, but it's also very predictable. This one's really need as I am a a woman author on this this book cover. So I want to make sure I showed kind of the more feminine side to travel and definitely feature a woman if there's gonna be a character. So I'm gonna continue to source a couple of photos and upload them into Canada. So I loaded my new photos that I just sourced from pixels and we're gonna start creating this layout. So I'm just going to start dragging these in and stretching across kind of seeing if I feel any. No, this is more of a vertical layout. So certain photos that are horizontal it's not gonna work because with book covers, especially the one that I'm thinking about. I wanted to be high impact, and I wanted to cover the entire book, so that's going to dramatically change what type of photos that I can use or which ones will look good. And I really like this photo. But now that I've cropped it to that more vertical orientation kind of loses everything. So some of the photos that I source, I thought we're gonna work out. Well, they end up failing. So let's try this one. This might have the same problem, so I think we're gonna need to go source. Um, vertical photos. Actually, that that might not be so bad right there. I want to get more of the wing. Just enough wing, and I want to see that it it's actually the window of the airplane. So I think I'm gonna work with this. I'm gonna changes toe White right off the bat. I know that's gonna pop out a little bit more, and I'm actually gonna put this may be in a bar that's gonna pop out. So let's work and put it up here and keep the name down here. I can actually keep the name black because that pops out enough against this background. Let's do something with this. I wonder if we could play around a little bit with type, Maybe make that a talic and have a Sarah font. Let's see what that looks like. It's do italics. Let's make it a little bit bigger. The kind of one explain what this book is all about. Let's make this text box a little wider, its little fit more on one line and remember white space. We want to have a lot of white space. We're going to make sure we have enough at the top because up here makes sense right to tuck it very close to the edge, But to the viewer, it just seems a little crowded. So just bring it down just a notch and let's get some kind of bar across the top to make that pop out just a little bit more. Let's go to our elements. Let's get a shape. Let's let's bring in a generic box and we're just gonna make it. What works? We're gonna send this backwards till we see our text pop up, and I wonder, in terms of color, we can match the photo any try to find something. I guess it's that blue that's really popping out, and it may not work. I'm just trying to see what you mean. More could make it more of kind of a grayish blue. That means I can make this white text, maybe even bold it. Now what's unfolded. So let's I really like this already. This was already a pre made text from this area that I liked. When you see if I could find it, it was the James and Kati right here. And I really like that. So there's not a lot of type treatment I'm going to do. I'm gonna make it a little bit bigger, though. The 64th make it 72. I want to make sure people really know. See the title of the book. When they're walking around, it's make collapse the space a little more and notice how the type that's really nicely and hugs each other. These two of the and the L. It just looks really nice. That's solid typography right there. So I have my name. I kind of like it. Lower case. Let's see. This is I want to make sure fonts match. So this is the same font that's this. So that's good. So let's make this a sand Sarah font. Since this is already a Sarah plot, we don't want to do two different Sarah fonts, so let's do something a little fun. That's good. We may need to make this two lines for this to really fit how I'd like. But let's see if we can get it to work. So let's go ahead and bring this up top. We're just gonna noodle around that a little bit.
18. Module4 lesson4 Book Cover part2: So after looking at this for a couple of minutes, I think I'm gonna go in a different direction. Most of it is great. I just want to maybe change colors. So let me change the color of this top bar. And I do love that Purple is good. Let's edit this color just a tad, make it a little more on the orange side. Maybe got a noodle around with this color wheel. Definitely needs to be darker. Maybe we'll stick with the default. But it was right there. I think that really pops out against the blue. I think everything was almost two blended together where you couldn't just didn't pop out at you. So I think we're on the right track. So let's continue to noodle around. And I almost wonder, I'm going to do a little bit of experimenting. I'm gonna actually take this text and turn it so it's vertical. It's gonna allow me to do it easily. Here we go. Just playing around with some alternative layouts. The layout we had was fine, but I almost wonder we do this then Maybe I can make this bigger or make it a Santerre. What's a really good sand. Sarah Font. I know right off the bat that railway is an excellent choice. Well, let's do that. We can find it, whichever when I find first. That's a sand Sarah. Let's keep looking. It's good to the ours. I wish there was a way to search, but you can't. You gotta manually flip through all these fonts to find that you can't just type in our and find it. It's do real way thin. That might be too thin, but we'll see, do all caps and let's reduce the size so it can all fit on one line. That's perfect. I need to make it boulders. Let's go back and try to find real way I go all the way back down here. Let's try Railway a little bit thicker, a little bit thicker of a weight, perfect so that that's and want to shift this over a little bit to create more balance. Since this has taken up a little bit of space and I want this to stretching it out, a little bit of letter spacing that stretches across all the way. I'm just making sure there's enough white space between the left and the right sides. That's an option. Definitely different. I think I kind of liked it before, but this is all just experimenting. And if you want to go back, you can always just undo, undo, undo, which is right up here. I'm doing a little keyboard trick, which is Command Z. And actually, I'm gonna go back. Let's see. Redo. I kind of saw something here that could work. I really like this bold color. Oh, it makes me wonder. Click and experiment with color a little bit more, and then we're gonna do some photo editing. So I think this photo needs a little bit more saturation. This is an option here. Make it angled. Make this angled a little more interesting. Maybe reduce the opacity a little bit so you can still see the background. And this will eventually need to be turned around at some point in time. We'll do that a little bit later. That really pops out at you. Course, I don't wanna have the plane wing disappear, So this this one might prove a little tricky, but this is why we experiment. So that that's an option right here. Let's go back a few stages and kind of figure out a different kind of thing that will work with this photo. So I'm gonna go ahead and accentuate the colors in this photo a little bit more. I feel like it. That's maybe where it's lacking for me. I'm gonna goto, filter and mess with some of the options. So let's bring out. Actually, let's make it sharper. I'm gonna reduce the blur quite a bit and let's add a little more saturation. So you noticed the blues and the water's really start to come out, and the contrast will also bring out more colors. I don't want to do it too much or it looks washed out. Let's back that off just a notch, and it's making a little bit brighter. Play around. With some options clear, I would tent saturation, put it black and white. That would be the dullest travel book ever. So let's bring out those colors. Okay, so let's do the bar thing. Let's actually go to shapes. Let's bring in. I just wonder. Let's do a circle. I know what we're gonna do. Let's bring in this shape right here. We're gonna put our little line or tagline we're just gonna reduce it and put it on several lines and try to fit it in this shape most to reduce the size just a tad. Make it four lines. There you go. Perfect. Do you need to bold the text? And I would like to make it black. Make sure stands out and I may need to change the farmers. Well, that's also an option. You change the shape Black to match. Keep that in this corner. Now let's arrange that. Send that to the backs. Keep selecting that and it's supposed to the type. So now we could slick type. So that's an option. Of course, we like whitespace rights. We're gonna make the shape a little bigger. Give us a little more white space. Now that's an option. I think this fought could probably be different. I could play with around that a little bit later, and I can even group these together and rotate. Add like our own little sticker. You could even do this with a filled in shape. I believe there's filled in shape, so if I wanted to do that red color, bring it in. Actually, that's a different shape when you find the one? No, but that's all they have. That's the same shape. You mean the same thing. Make it a filled in color. Send this to the back. Go ahead and take the line out. We don't need that anymore. And we can make this white and bigger. Maybe add some war line spacing. Perhaps not spacing between characters, but spacing between the lines. Young, boldest, kind, experiment a little bit. So that's how we kind of had the little badge. That may not be for this book, but just kind of showing you guys some options. So I'm pretty happy with the overall layout of this book cover, but I don't feel an emotional connection to this photo, although it's good. I want to kind of bring in maybe some different photos just to kind of test some things out just for the sake of experimentation. Let's go ahead and delete this and what's add, and this foot actually found a vertical photo so this would naturally crop better and give us more cropping options. Let's send that to the bag. I'm already liking this better. What I loves it can fill out the entire book, and I don't have to crop it significantly, so it doesn't lose a lot of its character. Of course, the headline might need to be shrunk down a little bit, but that's not issue. Let's make that smaller. Let's bring it to 72 and took it nicely to the right of the center to the left of the subject. You can even put our name there. I kind of like the name centered. Or maybe we'll play around with the name and a little bit. But this is just really working out. Well, I like her badge, but let's play around. Since these air kind of Warren G colors, let's do something opposite of warm. Let's do some cool colors around with some options. That's kind of cool. It's kind of faded similar to this background, but let's add a little bit more depth, a little bit more of a stronger color, just so that white text pops out a little more deeper right there. How's that? Let's check this a little bit more, just playing. Make sure there's a white space among all elements, so we could do the name anywhere. Really. We can make it left justified with the title. We can keep it center aligned, or we can actually do opposite of alignment of the object above. We could put like a line here, Dragon Element line in here and then have this below, but I think I like it right there. So let's edit the photo to see if there's anything we can do to make it better. I already like it, but let's just experiment who? That has a nice softness to it. I think what they did is they increase the saturation and lowered the contrast. And when you lower the contrast, that kind of lightens it a little bit. Well, that's a little too dark. Little too sharp. This has potential. I like this. I had some X process in it. What? It's experiment with this one, since I do like it so miss too much saturation brightness at a little brightness to it. So that's an option. Kind of lighten it overall lowered the contrast, actually like that better what I had, what the manipulations I did maybe add a little bit more that a little bit more contrast. There we go and add some coolness. That's a little too much coolness, right I think we're We're getting there. I like this a little bit. That hurts of more of an emotional connection. Make sure I can craft this the perfect way. All right, so there's our little book that we need and, you know, about 15 minutes or less, we could always come up with different layouts on DSI. We like it, but I'm pretty happy with it.
19. Module 5 Lesson 1 Color Theory: analogous color schemes used colors that are next to each other on the color wheel. They seem to go well together and are often found in nature when creating color palettes for design themes or brands. Make sure you choose colors that have enough contrast, so colors do not compete with each other. Monochromatic colors followed one color all the way to the center of the color wheel, with a variety of shades going from light to dark of one color. A try attic color scheme is like its name, and these colors are linked together via triangle. This one could be tricky and design. It's These colors are far apart on the color wheel and can compete. Let one or two of these colors be accidents, while the other one is dominant. This one is the star of the show. I use his color combinations more than any other color. Will option will cover. These colors are the exact opposite on the color wheel on go very well together. Even the popular red and green color combo that you see during the Christmas holidays draws its inspiration here shades or different variations of the same color cube. They're created by adding a little more black to teach you to collect a nice smooth color palette. The color will has two major components. The warm colors with its vibrance and brightens, and the cool colors on the other side to give off vibes of calmness and serenity, using other prominent colors and photos for your design. Elements can really bring a design together, in this case, bringing out the purple of the flowers into our color choice. It's very pleasing to the eye. Way can also use their trusty complementary colors and go for the opposite color purple, which in this case it would be a shade of yellow. Of course, we may need to change your text colors to make sure there's enough high contrast for to be readable. Take a look at this black edge text. If I bring out a pop of yellow color and her T shirt, it really flows well together. When it comes to selecting the right color palette for design, let the photo lead continue to play with color options, keeping complementary and analogous color options in mind and finding the right color combination. This beautiful meant and navy blue color combo is corgis and has a nice harmony, since both colors are very subtle. But it lacks the punch at the advertising needs and that bright, bold pancake photo. So let's brighten the green a little bit to add a little more vibrant feeling. With this, show up better on your Facebook feed. When color is singled out, I must see a black and white. It could be very powerful and communicate a wide variety of messages. Colors do not have to be single toned. They could be, Grady insists. Well, radiance are settled transitions from one color to another.
20. MODULE 5 Lesson2 Color and Emotions: color can have a huge impact on the view of your design. On a psychological level, colors can emote, calmness, trust, anger and even peace. These emotions could be used to encourage and call the action on your design piece, whether that is to sell a product or service or motivated political or compassionate response. Also, the lack of colors invoke their own set of emotions as well. A support your design narrative. Yellow is your happy color from this bright, vivid color available. It is great for highlighting small portions of your design. It works well. It's a smaller highlight color as the devotes the strongest emotional response. Yellow could be tricky to uses a background color. You can easily use too much of it, and they drown out your design. I suggest using yellow to highlight. Call the actions on layouts with a good amount of competing texts and photos. Melo is great for ads on social media. It could be a great Tel Aviv used for catching ones. I but outside social media feeds sometimes is highlighting one or two important words were great in tandem with a common blue color. Speaking of blue, blue is the most common color. Most cooler colors are. It's also very inviting. There is no wonder that blue is the most widely used color on most social media brands, including Facebook, Twitter and LinkedIn. Blue and other cooler colors can look great on larger areas in your design layouts. Unlike your vivid yellows, this could make blue one of the more frequently used colors in your designs. Banks love to use blue for their trustworthy emotional response. Take, for instance, is at I tried out other colors other than blue, but none of them seem to jive with the emotional response of calmness in trust. I was wanting to portray even black seemed too strong and distant. Emotion read. Could be an aggressive color, exude anger, but also grab your attention show passion. Some of the most iconic brands who's ready to catch your attention read his color that is very useful but should be used sparingly as it can overwhelm any design. Take, for instance, this sushi social Grab it. This bright red is very overbearing. I change it to a darker, more rich red, and it seemed to help or better yet, switch it around and make the text read toe, add more focused on intentionality. Its words. The sale graphic Use red to catch your attention Very common in malls. Retail ads for a reason. This screen just doesn't grab me the same way. Green as a natural color Green sparks emotions of oneness with nature and a feeling of columns, much like its neighbor on the color wheel blue and my designs. My favorite. Waiting for bread in Green is by using photography. It is hard not to use screen talking about money. One of my favorite color combinations is golden green. They harmonize very well together, knowing the basics of color psychology can go a long way and understand great design principles, as well as understanding how to combine these colors to evoke rich, complicated and compelling emotional responses from your viewers.
21. Module 5 lesson3 color pallette: way you're just going to simply go to elements and then go to grids. And when I do mood boards, I like to do ones with varying sizes of photos so I can do textures and different things at different sizes. So I'm just gonna go ahead and pre select one of distracting it over. And since we have a square dimension, it loads perfectly. We don't have to do any adjustments to the photo grid. So I went ahead and pre uploaded a bunch of photos to use for a photo board. Um, and let's go ahead and dragsholm in. So I'm gonna be creating my mood board. I kind of like this gold color. So I like to drag colors into the smaller squares. I would say like the silver as well. Let's just go ahead and start dragging and dropping. I really like this. And whenever a photo doesn't fit perfectly, all you to do is double tap and you'll be able to adjust and then do the check mark. So I want to kind of figure out a combination of things I want for my Nate board things. I'm inspired by nature. I need to have people shot kind of my persona of the brand. I want to create this woman. You also put products in here that she admire things you like, actually think I like this one a little better. It's got that golden there, Make that a little bit bigger. Click OK that I'm seeing a lot of purples and golds and greens. So I think that might be kind of an inspiration for the color. Palette will end up developing for this brand. What else? Let's drag this in. We already have our person shots. Let's drag. You don't have any kind of home to core, so I have to nature five. Too many nature photos. I'm very inspired by nature for this one, but let's swap out one or something a little different. Maybe I could just do this texture of wood. That's kind of my mood board I've developed so far. Of course, it's really easy to drag and drop the's and rearranging if I want to crop this a little more. Zoom Warren and on the Purple. That's what kind of going for here. That purple purple flower click OK, I really like the muted tones of this photo That's why I picked it. See, that's probably pretty good. I really like her scarf. I love the texture of that. So I'm gonna keep that in here. You zoom in a little bit more on that type. That's kind of type I want to go for, Let's assume and I don't want her fingernails. Let's zoom in a little bit more on this photo. So we're really getting that brick texture. I really like the brick part of this photo, so let's accentuate that. Perfect. So we have our mood board. All we have to do is go to share. We're gonna be able Teoh export it as a JPEG or can download it as a J pig or a P and G. So I'm gonna go ahead and down letters a J peg, and then I'm gonna load it into adobe color and I'll be able Teoh, find my color palette. Okay, so I am actually a color dot adobe dot com. This is a fantastic free resource. So let me go ahead and import the mood board I just created in Canada. We're gonna be able to select the perfect color palette for a brand, So let me Go ahead and load it in. So I just downloaded it. Okay, so Ah, let's go ahead and drag. All you have to do is drag these little icons around. It's gonna have one for each photo, and it's gonna protect the average most predominant color in that photo. So for this one, it shows that beautiful yellow are deep Bert orange kind of color, more of a brownish hue. So I really like that some of them, sometimes I do a default that works really well, but they do the most dramatic colors of photo, so you might have a combination that's a little bit too jarring. So let's do some adjustments to figure out what are we inspired by the most in this photo. I definitely think we have two of these of the gold. I don't think that's necessary. Let's find one really nice gold hue. So let's go ahead and just shift that over here for a second. So I'm gonna go ahead and find what I think is a really nice gold hue. There's also this orange that I really like. Maybe we can have two shades and a lot of times the branding you don't wanna have too many colors that are that are two different. You want to kind of have some shading. We have a darker color, but in the same, um, color family when have a lighter version and that works really well of advertisement, you only have to juggle winner two colors of different shades as opposed to juggling three or 45 different, totally different colors says it just makes more for more cohesive add development. So I really love these purples. I like these different shades. I really like how they go well with the gold. And I really like this neutral color that I got from this brick that I really liked. And there's also the silver if there's might be one that works there, but I really like this brick. It's a little bit, um, has some warmer tens, almost a stone color. So I really like this one. I think we can maybe mess with the yellow a little bit. I really like this a lot. So I'm pretty happy with it. Um, I can actually take a screenshot of this, so I'm just gonna take a screenshot. I have a Mac, so I'm just doing command shift four. And I'm able to kind of snap a screenshot of this entire page. And what's great is I can bring this into illustrator and photo shop, and I can actually use the eyedropper tool to be able to select this to start kind of creating my logo mark. So now that we have our inspiration for a mood board, we have our color palette selected. I can now create a logo.
22. Module 5 Lesson 4 Logo Design part1: all right. Today we're going to tackle a local design project in Canada. We already developed our mood board, and we also were able to go to color dot adobe dot com and be able to pull some of those colors outs we have her color palette developed. Now that we have that, we're gonna go ahead and get our colors loaded. And I just opened up a logo project on the camp. A home page. That's good. I think this is just a typical 500 by 500 pixel square. But any kind of square shape or any blank canvas will do for liquor design. So when it hadn't have my two lines of copy that I would have in mind logo and I have my main get it, girls, the company company name and marketing and branding is kind of my byline, my slogan, something that's gonna be much smaller. So now I'm gonna develop my are bring in my color palette. I'm just gonna go the shapes and I'm gonna bring in a couple of circles. This is we're gonna be able to kind of bring our palate in here, so I'm gonna go ahead and do. I believe we have five colors, so I'm just gonna make five circles. And this is where we're gonna be able to sample and bring in those color swatches. And so what you can do is each circle will change to a different color. In your color palette, you can type in this is called a hex code color code. And to be able to find that you just go back into your color or any other website that does this I This is just when I'm familiar with color dot adobe dot com. So we have our template already pulled up. These are the colors we want to use. Now it's gonna go to each one, and I just got a copy and paste. The number into this watch is it's gonna let me copy. Just click on each one and do this process until we have all the colors floated in. So I have most of my colors loaded in. Have one more to do. So I'm gonna show you how to do this one more time, copy and go up here and go to this addition and added, and so you could see how our color palette has been added to our document colors. But we also have these five different shapes circles that we can recall as well for our palette. So that's how we could bring it into Canada. So it's good to get started with kind of your basic logo design. We could do something pretty simple. Um, I'm gonna make sure this little bit bigger. That's our company name. So let's make that not quite that big. Let's draw this text box out a little bit and let's make this much smaller and I want to do all caps and I want to add a little spacing, a little breathing room between the characters I might be able to afford going, Boulder that And now we're gonna play around some thought pairing. It's probably be the biggest way. We couldn't get our logo changed. I really like kind of how this aligns with this right here. Let me put a little more spacing or make this ever so slightly bigger you go back to Yeah, let me change the spacing so that the left and right sides are flush with each other. This is kind of a line. This way. Get a little more exact spacing. Doing some adjustments. Perfect. That's kind of our basic layout for logo. I want to kind of do something a little different. I want to make this it. I would highlight it just to kind of break up this big block of text. So I'm gonna actually delete the it and put a little more spacing here. And I'm actually going to create a new text box using the same bond and putting it. So now I have these two different text boxes I can play around with, and I'm actually gonna make this a little bit smaller. Let's make it 32. And I want to make that a tallix. But this particular font type does not have a tallix. So let's see if we can find one. That's a close match. Maybe this one has a talents. Not all of them come with italicize ing options. It was good to have some fonts on hand that you know, have a variety of weight. So you don't run into that issue. I know Bondi Any does? I've used that a lot. I believe that does happen. Metallic option. There we go to see how that's already kind of breaks up. This text with this text kind of shakes it up a little bit, so I wouldn't add a little circle. So I'm just gonna copy and paste this circle. Gonna put my it inside the circle, make this a little smaller, bring us up a little bit, and I'm gonna make this white. Or actually, I could use my little dark, the light gray color from my palette that we developed That looks really nice. Much better than a sharp White is kind of a nice, softer look. So let me kind of zoom in a little bit here, Okay? So we could play with Bonds a little bit. I really like this. Want set already. Let's see. Let's play with a bond. I don't I'm not a big fan of that sand, Sarah. So let's play around with some other sands hair types to see if you could find a good match that has too much, uh, little details in it. When something very simple, I might just stick with railway. I use that all the time, but it it's it's a very versatile font. So let me go to our railway. Let me see how real way thin. And when you're doing a little go you don't wanna go to thin It looks great, really close up. I love that. But when you zoom out and you put it on a small letterhead or a digital campaign, it's too thin. So I'm gonna need toe. Make sure that's bold ID. Let me just grab railway regular. Oh, I wish they had a search option here, so I don't have to sit there and hunt for it. So maybe they'll add that in the future. There we go. When the un bold that there would go perfect. So I think another way to soften this a little bit and let me reduce the space in just a hair. Oops, sorry weren't wrong. One. There we go. And another way to soften this a little bit, because this is this. This black is really harshest. Let's incorporate some of this some of these colors when we play around real quickly. So that's keep selecting that it let me arrange that sent the backward. So allow me to select this this this block right here. So let's let's play around with a few options for our main thought, and I may need to do another. Sarah thought. That's clean. That could be kind of cool. But let's let's I think I like the syrup. Let's go to be Let's go back to Bondi Any Is that bold enough? That might not be bold enough. Let's go back to what we had. We can always do another option a little bit later. Make sure all this lining up what's often this marketing and branding. Let's do a different colors goto our color palette and let's just start applying some colors that we think we really help soften everything. And what could work is I have two different levels of purple, which work really nicely together. One slider once darker and you are not stuck with these colors. We had drew inspiration for these colors. Be a mood board, but that doesn't mean we're stuck. If the color doesn't work, you could try other things out. Like I think a darker gray might actually work better for that. So I wonder if we could make go back to that gold Now that could work. I'm still not sold on the spot. Let me play around with some different on options
23. Module 5 Lesson 4 Logo Design part2: So I had a chance to play a little bit more with the Bonds, and I decided to go with a softer script. Bond. This is actually called Sacramento, and I thought it looked really nice. It was more of a softer, more feminine, kind of logo tight face. So I think I'm gonna go for it. So I'm playing around with Font, and I also love how it looks with this kind of tan gold color. So that also means this kind of block line of text no longer really flows with this. So we're gonna play around with this little bit and let's make it a little bit smaller and bolder and see what we can do about reducing some of that spacing. Make it real tight. And maybe it'll tucked between the two G's. The tales of the G's maybe too small, but I kind of like it not being too two out there. We want people to see her main logo first. Okay, that's just the tag. Sometimes you gotta zoom in to really have a little bit more precision. I know Campbell can automatically snaps it into place on a grid, which sometimes can be annoying, but it can work around it. Let's play around with some color options, and I wonder if we can incorporate some of that lighter purple. Ah, that really pops out. Doesn't this is really starting to come together? Arm. It's not perfectly aligned since a little bit to the left, so it's not perfectly. That's the one thing that bothers me, but I think I can I can live with it because I like the overall look of it. Let me make this circle. There's almost too much white space where the tea is, so I'm just gonna reduce that a little bit. So it's not too much. Why the current there can be too much white space shocking. I know that after Zoom back in so I can have a little bit more precision. This is gonna keep snapping. I wish there was option in Canada Turned that off like there isn't, um, adobe illustrator and photo shop. You have a lot more. That's just one little limitations. With Campbell. It's not. It's not perfect, but you can do things like this very easily, so I'm very happy. Let me kind of reduce the white space a little bit between the supplements. That was maybe too much. Let me go back. Let me to shift this circle over. And any time you want more precision, use the arrows on your keypad R on your keyboard and you can use your arrows to have a little bit more smaller movement of text and objects. I think you could just do it with objects, but not text. Okay, so that's a start. Um, I could play around a little bit more with colors, but I feel very happy about this. So far, we try. We haven't incorporated in the of the green yet. I think green and purple is a really nice. And let me see if I can change this to the the beige color. Uh, not saying those three going together, uh, going into the darker purple, that could be an option. But I think I like the lighter beige for the text. So let's go with that one. So I'm just undoing going back. I always think of red. We'll see. Do a lighter color. There we go. I think that's it, I think trying to incorporate a green, um, and a purple and the beige all three of those together. I don't feel like they're driving, but I do think two of these colors are going really well, that's really good. Logo design is when you can do it in two colors or less, and it still looks good. The less colors, the better. It's cheaper to reproduce on T shirts and other publications, so less is more. We have our finish logo so we can save this document. I'm gonna go ahead and save this, and then I'm actually gonna make a copy. So I can always be able to recall this file if I ever need to to copy and paste these template colors onto another document. I can if I'm doing a flier and I want to match these brand new branded colors forever wanted a copy my logo and apply it to another document I can open at this document. Highlight it all or actually even better. Group them together. It's another one group, and then I could just copy and I can paste it onto another document. So that's why I always make a copy of this sick delete element. Delete group. Okay, so I made a copy. This is gonna be my copy. I can start. Teoh Aiken, delete the color palette. Already have my color palette logo saved. So now what we're gonna do is we're gonna delete longer need this were actually to be exporting this file so that we can use it. If you have a premium version of Canda, you'll have a little bit more luck than if you have a free version exporting it. Let me just fine tune something real quick. Let me make sure the spacing, any spacing on a script box. Make sure it zero, because right now I had it a little bit overlapped. See how it kind of breaks up between the characters. We want to make sure the spacing is zero zero and should be a nice smooth. Now it's a nice, smooth transition between the letters. Just a little small thing. So now that I have this document say this is our coffee, this is what we're gonna use to export just our logo. So we're gonna go to download, look at download as a PNG, which I recommend, and you're gonna go ahead and click on transparent background. If you have a free version of Canda you will not be able to. So what I do is, actually I would download a PNG anyway. And it's gonna save this as a PNG, but without the transparency. So you gonna have this white background behind your logo and there's actually it. I can show you in the next, um, portions how you can use another website to be able to remove and punch out that white background. But if you have a free where are a paid premium version of Camba? Always do is click that simple button and you're done. You export the files as a transparent background. You can pop it anywhere. It can also save this as a up PdF pdf standard, which could be higher resolution. That's probably what you to be sending out to people to use your logo. Um, if you have a designer you're working with, you could send that out. Or, if you're the designer yourself, you can have that file on hand. And so there you have it. This is a little quick tip. If you have a free or non premium version of Camba. When I go to download my image, I want a transparent background. When I Select P and Gene. Of course, you don't have that option. So here's the work around. There's a website called luna pic dot com, and it could be able to upload an image. I went ahead and downloaded a PNG that had the white background, and this will help us remove it. Let's go ahead and click on it, and it removed it for us. And then we can save. And then now it'll open that gray indicates a transparent background. I'm on a Mac, and so I have my background removed. Of course, having a premium version is a lot easier to click a box, but if you still have the free version, there's always a work around.
24. Module 6 Lesson 1 Layout and Blocking: How do you create a nice energy between font photos and design elements? What makes a compelling layout? I created a quick flyer, her gym with some generic promotions. What makes this layout work well? First off, it starts with a large, obvious headline or main attention grabber. It is a nice, clean Santerre bomb with a little spacing between the characters to add a little breathing room. It is obviously the main, and she'll draw of the flyers. It is white, so it has the highest contrast color against the dark background of the entire ad. Try to make sure your headlines air not too long. It's nice to break them up and put the remaining not as important part of the headline in a smaller sub line text. I brought out the green to connect it with the bottom of the piece. So it seems like there's one consistent color scheme. A powerful photo always works wonders. In this case, it's more of a dramatic black and white photo with a little bit of a three. You filter once again to tie in our colors. It is not larger than the headline, so it provides a nice balance for the layout. We have a good bit of information to deal with one small flyer. It is best to have a way to divide up that information, so it's not overwhelming. You're busy. I highlighted some of the text with Green that I thought was more important anyway, to help the viewer break down. A lot of information will help dramatically with the overall feeling of the design, and color is a way to do that. We have an obvious called action. It is their main theme color of green, with a nice high contrast black their spacing between the lettering. So as a chance to stretch further across the bar and have some breathing room, I have now shown the viewer where to go for their next steps. You do not come up with this kind of layout on your first shot. It takes him playing around with the main graphic elements. To find out what seems to click, I struggle with the right headline flaunt and placement for a while until I figured out that it was the photo that needed modified. Once I kind of tweak the the photo a little bit. The headlines seemed to really fall in place. This is another mock up advertisement for a local college notice, the nice, readable headline that seems to pop out on the white bar. I made sure the photos in the collage all had balance. Using the right combination, people shot on object shots, tight shots and wide shots and even use color to add contrast to certain things, too. Notice the even white spacing between the elements. I use the font from the college logo in the headline to provide a nice font things and to provide consistency throughout the advertisement. Also, as I mentioned, the typography lessons raised a strong fair. Fox compared it with sand. Sarah for contact information for those lines did not compete with each other. In the end, I decided to add a little angle to peace, to shake it up a little bit and make it a little extraordinary. The white space provided for the local on the bottom is really nice and helps accentuate the colleges name. In the end, this is the design that I would send my client. It also helps if I spell the word college correctly. I may be a good designer, but I am not a good speller or a copywriter. So run this stuff by someone else, always. Finally, I am showing you the process I went through to break this layout. As you could see, I really struggled with the right placement. On balance for the headline. I ended up making the headlines smaller, so it ended up not repeating with photos.
25. Module 6 lesson 2 Let's Create A Social Media Graphic: right. Welcome. I'm in Canada today. We're going to do some basic layout blocking and good ish kind of show you. I'm gonna do a little social media graphic for a back to school sale. That's the client brief. They wanted Teoh have a promo to advertise their 10% off the entire store sale. So have all of these elements that I collected from the client email all the necessary ingredients or type that needs to be included in this ad. Everything is up to us in terms of finding a really good compelling layout. So I have our little elements here. So this is obviously the headline. Go and start stacking things or Headline, obviously be on the top and we're gonna have a promotion. Probably 10% off first. And we're gonna kind of shift that toward the middle and are fine. Print will probably be weighed out at the bottom. So I'm gonna go and make a smaller because fine print doesn't really need to be. Just needs to be eligible. You go ahead and slide that down to the bottom and let's make this headline much, much bigger. So let's go ahead. Increase the font size. I could increase that quite a bit, but it's a little too dramatic. It's all about finding the right balance. And your headline can definitely overwhelm any photo that we may use and 10% off. That's kind of our big promotion, So I kind of want it may be used some color and some different typography to highlight that a little bit. So let's go ahead and source. Um, photos have some photos have already kind of found of some school graphics. We contest out a few of those photos to see how we like it when we go ahead and drag the sin. So this is kind of photo option one we can have that would make this larger and put all of our copy in the middle center there. So is that so that maybe the the text can kind of be in the graphic, as opposed to the graphic being in a separate box. So let's see how this works out. I'm gonna need to make this black. Let's go and switch this to black to make sure has enough contrast. Um, this is a small circle space, so I made when I maybe, uh crop This photo we click on this, I'm gonna hold down, Shift on like this A little bit bigger. We'll see. You can't see all the items, so let's make it a little bit smaller. That'll probably perfect. However, I just did it. We'll drag that back and it's just an idea. It may not be what we finally end up with, but I'm kind of like in the overall balance and composition so far going up here, and I'm going to center align and what's kind of see how this is looking. So let's go ahead and shrink that, Um, let's make this a little bit smaller. The headlines little to out of balance ship this photo a little bit over to the right. Well, let me There we go. So just kind of doing elements that are. We make that 10% a little bit bigger. I think that's really important. That's kind of our called action, our motivation for the user. And since this is a social media graphic, you can't go to big with a called action. People were really gotta be able to see this in their news feeds. And, of course, our small print can now become two lines but a center align. Make sure I select it all center line. Most make that black and I'll probably make it, like, a little bit lighter of a color. So it doesn't at all compete with the headline. So you see how you could still read it? But it doesn't compete with the black. I want to make this a different color. Really want to make this pop? So what can we dio let me see? Let me make that all caps only put a little bit of spacing that spread out a little bit So we gotta figure out how can we make this pop? Will, as we saw in the previous videos about color, let's use a little color to make this pop out a little bit. So let me grab. I was gonna go to my elements. I'm just gonna grab a shape here. Let's do just your typical square rectangle. Let's go ahead and make up big banner across the top here and we're gonna put this in the back can. Now we're gonna highlight this and let's try to bring out one of these colors, which is pretty much the entire rainbow entire color wheel. So let's try was try a red, maybe a pink or purple. See how that's really popping out at you now? And I wonder if I make that a black Ah, let's make it match. And let's make this a little bit transparent so you can see a little bit of the graphic. So there's not such a sharp block. Um, sharp cut off of the photo in the block, so it's gonna go to transparency. Just reduce that a little bit. We just really wanted toe show up. Well, over the background, the the text that's a little too vibrant of our purple. I'm just gonna slightly edit that a little bit and maybe make it a little darker, maybe grabs and more blues. Yes, that's a much nice. That's a softer purple, and I believe it saved my thing there, this entire stores competing with 10% off. So I'm just gonna highlight this, and I am going to maybe find a different font. So let's see. Let's see if we could find the lighter phone here now we could play around with fonts because these they're just kind of the default fonts that we were left with. So OK, so this is there's not enough white space. So as we learned, White Space is incredibly important. Let me drag this down a little bit. And this is where all you know, it's just After 12 years of doing this, you kind of learned little tricks of the trade of no finding the right balance. It just takes a little bit of practice to find out what works, What doesn't work. Let's make this a little smaller. I'm not necessarily married to this Cooper Hewitt. Maybe. Ah, just experiment with some. Maybe that's the right one. I do believe maybe a. I don't think a serif font works very well. It's a little too busy. So let's find another Sand Saref Lon. That would work really well. Or maybe maybe that was the right one. So we're just gonna have this kind of a playful, youthful font. So let's see, you know, that might work for this type of ah, advertisement. Let's just try one war, and if not, I'll go back to Keeper Hewitt. But for right now, let's try this one league Spartan, and I wonder if we do in all caps. That might be a little much. I kind of like the lower case. It's got a softer our approach, and I might even make all of it lower case because it'll make everything a little softer, actually. Yeah, let's go back like that. Let's go back to the original keeper, Hewitt. I just wanted to experiment to see well would look the best. And I believe that's back back here. Keep here. Okay, We're gonna keep this, but we're gonna also make it a little smaller. There we go. So now it fits nicely in the space. Probably make this fine print one little shade darker. Just making a little darker. I don't think it's quite readable enough. That's perfect on. And they're still known enough white space, I think, between this top section and the 10% off and the same down here. So let's increase this and add a little more white space breathing room for everything to breathe back up. I'm feeling okay about this So far. Love to tweak it a little more, but I think just for kind of showing your basic blocking, I'm pretty happy with this overall look, We could experiment with other photos and have a second option to send that the client and or do a be split testing on social media to see which graphic tends to engage the person to click through the most. So there you have it some basic layout and blocking.
26. Module 6 lesson 3 Let's Create A Flyer: so I wanted to take our great design principles. We've been learning about typography and layout color, and I want to apply it to a need of company and create a flyer for a computer electrons company retail store that repairs, refurbishes and accessorized funds. So this is kind of the same basic hierarchies Have my head line by line, do some essential things that I'd like to have included on the ad. And so now we'll kind of figure out the best placement of the headline based on what I want our photo to be if we're even going to include a photo. So I went ahead and I kind of source and voters that I thought would would fit with a concept. I know they do repair I phone repair, So I kind of wanna play on that a little bit. I think we go dramatic with this sad. So I'm gonna bring in this phone. I, ah, this photo I found of a broken iPhone, which makes me really sad. Uh, let's go ahead and move this up, and I'm gonna go ahead and send this to the back of the layers to kind of see where I think a headline would best go and to see if the headlines and kind of live somewhere in the white space of the photo, which always works really well. But your photo that this is the only photo I could find that I had free access to. So you may not have that option with every photo. So let's see, this definitely needs to be higher contrast if we are gonna leave it over the photo. Um, so we this is way too much space dedicated to a leather chair which I don't care about, so we could just go ahead and start cropping this a little bit. Just so are leaving the goods showing off the broken part of the iPhone. I almost wonder if a headline life it better along the top and this is just not pre plan this these kind of things that are coming to my head. I like to do headlines in all caps for obvious reasons. I think it's dramatic, especially if I'm gonna have a short I think I'm gonna have a short headline. So all caps tender kind of work well, with short headlines, let's go ahead, make that high contrast since we're siding to leave it on the photo once make that white The highest contrast you could have over dark about it does not have to be sad, which is a little longer than I was thinking. But I think that headline works well, you have to make it even smaller. I wonder if I if I change the font, so that's not gonna be enough. I need to have that much bigger. Um, it does not have to be so sad. So what we're gonna do is I'm gonna break this headline into two different lines. So it does not have to be so sad. I'm gonna tighten up the spacing, the line spacing. So it feels more connected as one unit and I'm gonna make it a little bit bigger. We need the headline bigger. There we go. Now we're able to make her headline more prominent smoove All the stuff down there we go. Perfect. And we could play around with the plot type a little bit. So let's see. Were some good options. Leak. Spartans always pretty solid because it's got really is the sand Sarah font. So it's gonna look really nice with a short headline like this. I really like that. So let's reduce the size, a hair, more white space and let's do a little more spacing Britain not that way when it actually tighter. And I want the spacing a little bit like that. Perfect. That's great, I say the headline. It's very readable. I'm connecting and resonating with the photo. I wonder if I can almost move the photo up a little bit so I could see more of that broken photo. Zoom in, Make it dramatic. Perfect. I love it. Okay, so let's see. What's the next thing we need to really portray repair? So here's kind of are three things that the company does. They refurbish, repair and accessorize. And so I'm using a nice Sands era font here, So I want to kind of use a little bit of a Sarah font for the next line. Two different traded from the headline. So let me see if metallics Let's kind of find a really nice San Sarah. Are Sarah Flat. Excuse me for this part, so we're gonna play around because this is really the most important component that we're advertising now is the repair portion because we're playing office, This headline and so kind of a way. There's three different items here. Really want to focus on repair. So what I'm gonna do is I'm gonna highlight this, and I'm actually gonna make it a different color and a color that has really nice contrast on black is kind of like a green like, almost like a lime green maybe a little bit different than this one. That might be a little too light. Let me Ah, I was trying to find a dramatic color, you know, Could be a blue Might have to be a little bit darker from you Leave on white Uh, let's try this. So that is blue. So that kind of really highlights the repair. And I may need to go back and find a different shot that Aiken bold. So I think it does need to be bolder. Let's do this fall. And I think that has a nice variety of font weight types. And let's make that bold. Okay, what's great? I can un bold that, and I could make just the center bold, and I could even italicize it, and I couldn't differentiate it a little bit better. And you know what is even a more high contrast color against black? Read a nice warm color to contrast the darker, cooler graze. That's perfect. So I might even do all caps on this and I might make a letter spacing a little spaced out just so it'll stretch all the way across and I could make it bigger. And actually the I'm gonna on italicize that I kind of like it like that. So perfect. So what's the next thing on our hierarchy? What's the next important thing? Kind of what they do, the everything electronic store. And I'm gonna have to match that font at a later date. Ah, that's April Fat face, when I might do is switch this font, so that's consistent with what's below, although I'm not a fan of it. So let's take that back. What we can do is match the top one. We don't want to mix sand Sarah. Two different sand. Sarah's in two different Sarah ponds, so kind of keep into what I taught. Too much spacing. You look out so really the big draw, the big cold actions gonna be the website. So, um so it's not gonna be order necessarily since we're highlighting repair. So, um okay, Repair for more info for a store near you. I already have my font saved up here. Let's go back and mix it up with the Sarah Are a sansei or excuse me, heat mixing those up. That's the foot four store near is not as important as the actual website. So let's make the website much bigger. Let's actually leave it. This is a ridiculous size right now, but we're gonna leave that as our main cold action. That's what I might Dio I'm gonna have this block of text have the logo. I'm gonna make the look a little bit bigger. I could have that in the middle, so I feel like this is just too big of a black area. There's two different. There's a lot going on. I'm just gonna shift this over here, cause I'm pretty sure I would have a nice dark contrast it area here so that the I really does focus on this clean logo. Well, let me just put a little more space between these two elements. I'm gonna find another way to kind of divide these up a little bit. These aren't perfectly sitter. Just for the sake of time, I'm gonna leave a few of these things alone. I could sit there and fiddle with it, but this would be a 50 minute video. I'm gonna find a way to highlight. So let me go ahead and bring in. I'm just gonna bring in a bar. Are, uh, square here? I'm gonna make this kind of a, uh, light gray. Let me see what I can do here. Kind of continue to highlight. And I could spend an hour. I can continue to fit a little, continue to look better as I kind of mess around with different options. But just for the sake of time. Um, so let me see. That looks better, because then we're kind of were able to kind of separate this information, and I almost think this is great. I really wish I could pull the photo down. Let me see if I can. I don't know if the cropping will allow me to, but let's give it a try. Oh, wonderful. Okay, So there's more and we can even zoom in on the photo more great. See the balance? When I brought that photo down. It really helped to kind of balance this out a little bit. And what in this block, I can actually maybe make this a line just to kind of break it up? Let me go back. Let me just make it a lighter color of grey. That's way too dark. So let's ah, quick out here. I just want a tiny bit of highlight there just to kind of break it up. Break that big white chunk up and what I'm gonna do. I'm actually gonna change this back to league Spartan. Make that wider. Make. This is just when you're playing around with what you think. Looks good. Yeah, I like that a little bit better. I still have my mixing of fonts here. That looks good. I still think the finest store near you could be smaller so that this stands out a little more. So starting McConnell come together a little bit. Let me move this headline back down when I wonder if the headline would look better. Rye. They're so have a little spacing between each chunk of information. I wonder if I make this italics or if I go back to this making a tallix. That kind of breaks it up a little bit. And it's funny, you know, I'm not really feeling this. You don't have to have a syrup in the Sand Saref together. Um, you can use the same font throughout the entire document. Um, if you feel like a Sarah auras Ah, Sarah flan is not not mixing but league Spartan. That's a problem when you have these really cool, trendy fonts and it doesn't have other fought weights, you kind of get in trouble because I only a bold there is no lightweight. There's no medium. I'm kind of stuck with one font. Wait. So I have to mix other serif or sans serif type fonts together, which can kind of look awful. So you're kind of stuck. So that's why it's great to use something like a railway that has tons of lightweight options to you. So that's something I would probably go back and finesse now have had a little bit more time, so I would probably even highlight This needs another piece of red. So let's bring some readiness to the headline just like that, and I may need to make it a little brighter to contrast against the background. Let's see what kind of color options we have here. New pink would really show up, but that just it's too feminine. Her this piece. What click over here? Wonderful Orange would look good. We'll have to figure that out. But when I go back to what we had before, so I really need a little bit contrast with that a little more time, I would probably put a drop shadow, something to bring that out, something to center, certain relying everything. Or it could even make that red instead. So just kind of playing around with some layout options. Um, so what I would probably do is go back and go ahead and changes to railway so that I can have this be bold and all caps and underneath I can change this to a sans serif font that has a lighter weight and italic. I think that would look really good because I don't think the thought mixing is is working really well here. But I do think the photo in the headline is strong. I like the overall blocking of the ad. We could even shake it up and high lettuces when having lots of time to play around with options. You can even maybe do a left alignment of the headline and then cropped the photo So it goes a lot. It's a little bit more strong. There we go. That's another kind of layout option you have. Course, I'd want to do a nice drop shadow. So that's another option. And you could double click this and kind of move that over here. We kind of have a nice balance. And I slow actually like that a lot. You can even align this with the beginning of this sub line here and look at all the white space that I'm leaving between each chunk here. So everything everything breeze everything to says room to breathe. Um, once again, I would kind of mess with the font choices, but so there you have it. Just in under 10 minutes. It's kind of playing around a little bit. And if you have a whole hour to spend on a layout, you can come up with so many different options, and you can really refine it to make it really solid and
27. Module 6 Lesson 4 Brochure Design Part1: Are you ready to tackle a difficult project? Well, this one's for you. We're gonna design a tri fold two sided brochure will be an outside and inside portion of this. This will really practice our layout skills We've just mastered and also incorporate all the other modules as well, in terms of typography and photography use. So let's do it. This is a a template that I grabbed from Campbell. I just went to file and I opened a brochure size and I was able to kind of pick a basic template just so I can have some text to work with. I deleted all the photos and all the layout so we can kind of get started with figuring out how to best format this. So with trifles, this is actually the whole outside of the document. It's always the first page and the second page, which, if he always wanted if you only had one page and he wanted to add a new page to a document , a sad new page and you could add 20 different pages. If you ever wanted to create a booklet for a book, for that matter, you just continue to add pages and it would just be like a pdf adding pages. So this is the inside, So this will be the three panels on the inside. So whenever you said that, send this off to get printed, this will all be the outside. So you just have to use a little bit of your creativity to know that this this will be all the user sees when they open up this brochure. So we need to make this super high impact, and this will be the back. And this will be that first panel they see when they open up this front cover. So let's get started. So we're gonna go ahead and focus on this front cover first. That's gonna set the tone for the rest of the document. So I'm gonna go ahead and keep with this theme. So let's go ahead and drag some photos over to see what kind of photo I think it's gonna work really well with this. So I had my photos here. It's gonna go and drag this one of the restaurant because I think that kind of sets the tone of where the restaurant is, So I'm gonna go ahead and bring this down when I'm gonna actually have this cover as much of the space on this front covers possible. But since this is a horizontal photo, it's not quite fitting. How is hoping? But it could be that we could load in multiple image in a collage style might actually work better. But let's see if we have one single image that can carry the whole front cover. So that's a possibility, but kind of boring, like a really good dish we could put on there if the cropping is gonna work. So I think, be able to stretch all the way up here to I think we're gonna need multiple images where I can adjust the shape so that it covers a longer warship. Now we go so we don't have that issue anymore, So let's continue to mess around. I don't like that one quite as much. This one's beautiful, and I could actually rotate this to make it match, So that's an option for a front cover. We can actually have the plate go over that green part that looks nice, or we can even leave it at an angle. We could even drag in something behind it. This well, we wanted to I had any Would textures. I have this wood texture. Let's send that to the back. That's what. So great. I think this was a transparent cut out picture. So there was no white behind it. That's that's really good find. I think I found it on pixels. We could put this over a wood. I'm gonna double click, and I'm gonna be cropping this right at the edge of that old click. OK, you send this to the back, said that behind all of our other elements on I really like that and that this gives us a great chance to focus on the website down here. We could make this a little bit older and bigger. Perfect. Now we don't necessarily have to have the heart. Let me send us backwards a little bit. We could do that as well. Have it go over. Let's change the shape. You don't have to stick this shape that came pre loaded. We don't have toe stick with the heart. We can actually delete this heart, and I can show you different kind of elements illustrations you could bring in. So went to elements and illustrations. And let's see if there is any food related ones that are already loaded. Created graphics. Of course, you can upload your own by just bringing in a graphic that maybe has the white background punched out and he could dragon and just like a photo, and you can use it as an element. These are just the ones that come preloaded one canda. So I was able to search Spoon, and I found an illustration that I think could work, and it's free so I could go ahead and use that. That looks really nice in that space. Let me change it to a white Perfect Could be a little busy, though, have some other ones. But if you had, the premium version will be able to access those. But I always find ways around that. When we scoot that up, see if I'm happy with the overall balance. White need have little white space. Me zoom in so I can see a little more detail. Okay, just kind of arranging my elements and learning correct white space balance. Everything's nicely, center aligned. There's a nice center alignment down the whole page. You can always make sure it's center aligned. We can move this object until we get our There it is. There's are vertical dotted lines. You see that? Now I know it's centered along with elements above. So you noticed that this little bit transparent this shape because you could see where the images corruptor ends on the top. Let's go ahead and make this full. There's no transparency, so now you don't see that, and we could mess with colors as well. This is not a bad color, but let's mess around and do like the idea of greens fresh market. But I want to do ah, brighter, fresher grass green. Maybe that that kind of works a little bit better with the piece. We can also drag in a shape as well Goto elements. I think. Let's go ahead, get rid of this elements and weaken draggin A different shape doesn't have to be. This pointed triangle shape can also be a circle trapped in a circle. Use that same green we just made up. It can also have it do this, sending that to the back to see if I liked that shape better. You know, maybe I do. Maybe I don't know. Let's see. I think I'll go back to that other shape. I think that worked better. So let's delete that. Let's adjust this voter. Just make it a little bit smaller. CC A little bit more that would back around. I'm just gonna use my key pad my arrows on my keyboard. I kind of find tune the placement of this and make sure you have equal spacing on the left and the right side on all of my elements. Okay, so I feel really good. I almost feel like I want to do one little thing. Maybe add a little bit of the texture. So I'm gonna go find I believe I had, like, a rippled. I had this texture right here. Let's see what this looks like. I dragged this over what I might have to do, like a coffee of the shape dragon inside we to see if I like it first. So let me drag it over here. I'm gonna reduce the transparency a little bit and go to go to filter. And we are gonna adjust the contrast. Maybe a lower contrast, sharper dusa saturation or increase it. Don't think I'm gonna be able to get the effect I'm wanting in this particular texture, so let's not worry about it. We'll figure that out later, but very happy with front. So what we'll do is I like to do the entire outside first and then I move on to the inside . But this sets the tone, so let's get started.
28. GDF Module 6 Lesson4 BrochureDesign Part2: for the back. I want to continue the same color theme, so I'm actually gonna go ahead and select all of this and change the colors. I'm actually gonna group them together, and that's going to allow me to change all of these at once. So let's make it a nice gray. Then we'll, um, group them and then I could make just certain elements that green because you don't want to overpower with your green. But I do think these icons can remain green. And these lines, we want to kind of continue our fonts throughout the document. So we have to fonts. Here we have Ohga and we have Which one is a railway which used throughout this entire class It's a railway. We have that already loaded this. Just make sure all of this is railway perfect. So already have our fonts matched. And so let's get kind of fine tune anything. I wonder how this looks italicized or bold ID. I kind of like it balanced where you have a bold heading and you have unfolded below its and this is really a nice balance. I think these lines are a little too harsh, so I'm gonna figure out either away toe, lighten the gray so they don't They don't pop right out. Out. Yes, they're great for division helping the person divide all this info that they're digesting. But you don't want them to be obvious. You just want them to be very subtle. So that's perfect. So you have this nice center alignment down the side. I would almost bring this up just a tad. And I wonder what can go in the background. Do we need anything in the background? We could do this texture in the background. Possibly, Um, since that this kind of or an organic restaurant, let's actually make this the entire document in a double click. And I'm just gonna crop it make make it that entire panel. I'm just gonna do that to the entire panel. Click OK? And now it's perfectly sized, and I'm just gonna bring it all the way to the back. And I wish there was actually a little keyboard shortcut depending on what operating system you're on. I'm on a Mac, so it's gonna be a little bit different than what if you're on a windows and that's a little too dramatic, but we can scale that back by reducing the transparency a tad. So just had something other than, like a stark white uh, I like that. So I'm gonna always save because of Canberra. If all of a sudden you lose connection to the Internet and you have not saved where it has not auto save it, will, you will lose progress. And that's that's happened to me several times. So we don't want that to happen to you. So I have this panel, which is the first panel eager to see when they open up the front cover. So we have a very simple text. I think this is all I'm gonna have on it. I'm continuing the same font thing. So this is Boga. I'm gonna use Vogue A here. I'm not like a good left alignment. When you have a tall vertical space. I like a nice left alignment all the way down the page. So that's exactly what I plan to do. I'm gonna make it a larger plot and see how that fills out the space. And this is a really nice font to be able to spread over a large area. And so let's change what has changed our color to a more vivid green. So I like this. This could probably stand to be just a hair smaller. Let's try 72. Don't overpower. And so now we have a chance to kind of pad a nice, cool framed photo. So let's go to our elements. No, what's find? It's good of frames. What kind of frame would fit really good here, Perhaps a circle, because that will break up all this boxy boxing. This could do any of these shapes. We could do a rounded shape. You could do this box a little bit smaller like this and have the edge of this box is where photos gonna go. Align up with that left aligned text. So that's really nice, visually, to have that consistency, let's go ahead and go to her uploads and drag in a photo that we think works. Maybe some ingredients, Of course. We've already show some ingredients here, so perhaps someone eating it's gonna person shot in there. But the cropping may not work. We have to find another photo that's really good work in her spare. What about our food shot museum out so I can get the right cropping? No, by Zoom in, I could bring that down and get in. Maybe I just do one side of the table. I can crop it just like that. You don't need to see both sides of the table because there's no one sitting there that could frame it nicely. Get a nice background shots, bring us down. We don't need all this. This is not exciting down here, so let's make it a little bit bigger and let's get the food. Maybe right there. Who needs who needs to see empty chairs? We need to see a beautiful setting, so that's an option as well. Let me try another frame just for the sake of showing you some different examples. Let's go back to our frames and let's try a circle because I think that's gonna be a strong We could do a circle with a border. Let's do that. So this is a circle with the border going to change that border toe white. Let's go ahead and see how our photos work with this. Let's drag in that same dining shot. It's double click. This one just may not work with what we're trying to do here because that's a little too much. Uh, there's nothing going on here. So you really want the focal point to be here. But I have to zoom in quite a bit to be able to achieve that. So it may not work. Be the shot. Same thing. We need a nice vertical shot to be able to crop. Better for that. Do perfect. I really like this one. It's focused more on as many plates as possible. I don't want this plate to be lost, so let's drag that down. Let's zoom in a little bit. Perfect. So there's the outside of a brochure. And since we have this nice, smooth continuation, I may end up changing this to be a nice, smooth shape down here, so I'll kind of show you how to do that in a little bit. But I really like the balance of this. This is nice. So we're gonna do the inside next. We want everything in our second page. And if you wanted to add other pages, if you're doing a magazine or another kind of flip book, you just continue to add pages here. So that's our second page in our document. I want to continue our same thing. It's just the basic blocking that came with it. So let's let's have a little fun here. I'm gonna separate. Have a nice header. Everything needs a nice header. It's going to take this first line. I'm just copying it. And then I'm gonna paste it into Ah Dragon, another header header and I'm gonna paste it. I think we can do that same left alignment that we've done up here just smaller. We want to make sure we're all consistent with all the elements. Design. Let's reduce the line height, which is the space between the sentences A little bit. Make it more condensed. Let's make the font of hair smaller. Just gonna drag this down. It's gonna automatically create lines. That's good. That really takes up a lot of that white space, but it needs kind of a division line. I'm gonna take one of these lines working to show you how to add your own aasbrink. Good elements go back up lines and let's just add a basic life. There's different kind of styles, but this one's always the easiest. I like to kind of do my height. My width first and then my height or produce the height. Here we go. Seven things nice left, left the line. Let's go ahead and apply our colors. Let's do our bright color here. Let's do a nice let's continue that color under dividing line and this is too much green. So we're gonna do our body copy on the nice gray color so that that's nice. It breaks up the green a little bit. What I wish can be a had is a left and a right alignment at the same time is called block alignment. They don't have that option. You can either do ah, left center or right. So that's just one of those little limitations in Camba that hopefully, Bill. They'll update it and give you the ability to have it, um, aligned on the left and also not have the ragged text right here and have it a line on the right. But that's not currently in Canada, so let's kind of do some blocking. There's a couple, there's too much green. So what? I like to do this. I want to actually, this looks like it's one big shape, Miss Green. So we're just gonna make this one panel. What I really like to do in trifle brochures is have that inside center panel, a solid color and the left and right be balanced by being a lighter color. So that's exactly what we're gonna do. Here. Shrink this down. It's gonna let us. We may need to add a new shape for that. So let's do that at our own standard box shape, let's make it our richer green. And now we could be able to play with it. I like to extend my shapes out a little bit past the document. Just like that, Just in case you need to add lead to the document when you send it to a printer. So I always just extended out just a little bit, just in case. Printers like it when you do that. Professional printers that you get printed it. Okay. Looks like there's a shape out of shape left over. Perfect. So now we have this nice balance of the left and right side. Let's go ahead. I'm gonna delete this and add another block off. Copy. I'm just gonna group this and copy it, huh? Bring that over here so they'll be some nice balance. And then we can add photography later when the UN group it. Now that I brought it over looks like there's, ah, some kind of box or element. I'm just gonna delete that. So now I don't know why these aren't aligned properly. This line I don't like that at all. Let's go ahead. Delete this element. I don't think we need it. I think we almost have too much text when we bring this down here. What this is going to do is this gonna move your eye from the left down and then back up again? So this has a nice flow. It's also gonna force the user to see the photography that we're gonna end up putting in the opposite parts. So that's gonna be a nice low of design me un group. Those elements I'd like toe keep this line. So let's go ahead. Delete that line and I wish you could lock layers. I know an illustrator and photo shop. You have the ability to lock layers so they're not accidentally moved. And then I don't know how to do that. Okay. I don't think you could do that. Canada block layers Let's just not have a line. We already have lines here, so let's not get too many lines, Okay? This is a nice balance. I might have been due left a line here or I'm sorry. Write a line, but I think there's an n missing here. Go ahead, ride. Align this. And so you notice how and moves your eye from left to right to left. That's nice. Let's get a little bit of white space between these two elements. And so let's add our framing for our photos next. So let's do our frame or photo frames for each of these panels. Let's go to frames and figure out. We've used a circle up top and we can actually copy and paste. It will be a lot easier. Copy. Drag it down to the next page, and you can actually drag elements to different pages just like this. And wouldn't it be nice if we did something like this? Kind of covered its entire section? Maybe made this believe this is still group. Still, it's ungroomed that I think there's just box we don't need. What we did this shut that down a little bit. That's an option Let's find out what photo works. Well, there a year ago. That looks nice. We could just copy and paste this element and rinse and repeat. Look how quick it is and what I love about this. You have a circle kind of going over to the other panel. They're not all just one straight panel when no put photos can extend out to the other panels. So I really like that kind of lay on. I could actually afford toe like this one a little bigger and see how it fits nicely in this little white spaces that are left over from that alignment of the text. This fits perfect. And this gives us a chance to maybe move this up a little bit. We don't have too much white space there, actually, even add our website. Let me do that. That's so easy to grab it. Let's grab this. Gonna copy it and drag it down. This will be a perfect opportunity to show off for a website. One more time. Right in that perfect spot. You notice how I'm leaving plenty of space on around the edges. You want to do that everywhere. Make sure there's always a nice white border, basically around everything. You want to make sure this is all clear. This is all clear. Let's move this down. Can you make this bigger? All right. So let's try outs in different photos and we're almost done. I don't think we've used that one yet across this one. That might be too much of that background. That would look good as a cover and put the headline there. But that's not what we're doing. That's good. Too many plates. Let's see, like this one here just for the sake of time. I was gonna crop these real quick and always find better photos later. But that is a good start. I'm really liking the overall layout of this design. Maybe a consuming a little bit more of the food on this one. This is a little bit of a low rez preview. If you were to download it, you can see it in a high resolution. So there you have it. I think we have a brochure done before he wrapped the brochure up and downloaded. I wanted to try one more thing. I wanted to screen back this little element to incorporate that another part of the design . So I'm gonna go ahead and copy this little element, and you could do this with any element or element or photo. Really? So I'm gonna drag this over to a place that has a lot of green space, and that's gonna be down into this second panel. It's going to see how this looks. It may look too busy, but I'm just going to see what it looks like. So let's try it behind this green. I'm going to send this to the back, and I'm gonna make it a little bit of have a little bit of a transparency. So as a little bit of texture to this green section, I think it still needs to be sent to the back a little bit more. Look too much perfect. So it looks like there's a misspelling here, so we can address that a little bit later, but notice how nice that kind of ad breaks up that big, solid box. You can do the same thing here, so I can actually copy. It'll let me access that layer. Copy. I'm gonna pasted up here and do the same thing on this panel right there. Or even better. That might be a little busy. Maybe put it right here. Perfect. Okay, we're done.
29. Module 7 Lesson1 BrochureDesign Photo Copyrights: So I think this is my top disaster in my freelance career. It's incredibly embarrassing, but you get to hear all about it so you don't make the same mistake. I got sued for copyright Frenchman. Yes, Copyright Frenchman. Sounds serious. It is. I did a stupid thing and I was building a website for a client. They were in the orthodontics industry, and I decided as a filler for one other categories on the website. I wanted to go to Google and find a photo on their on. Put us a temporary placeholder even though the website is live. So I thought nothing of it. I figured I'd replace the photo with a professionally purchased photo at some point in the future. So we launched the website. It was fantastic. The client was happy. I was happy. He sent me final payment for the website and then one month passes and my client frantically called him on the phone and says, Have a letter from this ABC company and they say that we, uh, have copyright infringement on one of their photos. I thought, No big deal. I'll take it down. So responded back to the company and said I will take down the photo immediately. My apologies. But that wasn't enough. They were actually going to press charges and send us to court over this for the amount of $1400 for this one small little photo I found on Google and use for one month on a website . Yes, it was very serious. I ended up calling him and I talked to their legal department and I was able to negotiate it down to $900. Oh, my goodness, that's a lot of money. They were actually suing my client than not me, because I thought my clients the one who did it. So I felt like I needed to pony up the $900 give it to my client instead just because I feel like that was the right thing to do. But that was $900 $900 freeze in the small photo that could have cost $12 on a stock photo site to purchase, that was a major mistake. A great way to avoid this in the future is to make sure when you're on a website, especially a free stock photo website, to make sure you have the proper copyright usage for that website. If it's free, you want to look for something that says CC zero license. Usually that is open for personal and commercial use. All the photography and the videos you see in this very video it has the cease easier license that means you don't have toe. You will not get in trouble for using that because it's open to the public for use. Ah, great website that I use is called pixels P e x e l s. And they have some free stock photography that she can use for your blogger business when you're first getting started so you don't have to purchase stock voters right away. If you're ready. Teoh spend a little money on stock photos. Definitely recommend. You know there's so many out there. Istock Photo Getty Images, shutter stock, All those air Great options if you're wanting to purchase a stock photo, so when you're ready to purchase a stock photo one of these stock photo sites There's two different kinds of licensing you need to know about their standard and extended licence. Which one do you need to get well with the standard license thes usually good for limited print runs. It's great for putting on a log on a website. You can use it for YouTube. You can use a non advertisement newspaper ads online, limited print runs. So if you're printing 1000 of these things, that's okay. Um, one person, a new company could be using this photo at any times. We have a BRAC. Designers who's using the photo and these air, usually the cheapest to purchase so you can get a photo is cheap is 12 bucks and be able to use another ad, which is viewable by 100,000 people. So when do you need the extended licence? Extended licenses are much more expensive. Standard license. A lot of photos start in the 203 $100 range, and they go up to thousands. They cost a lot more money, but you're able to use them for selling products. So for a standard license, a lot of times you cannot put a stock photo onto ah tea sugar mug and sell it. You have to buy the extended license to be able to use that stock photo to sell products and items, and if you have anything that has mass production, so get a print on a 1,000,000 copies of something. Usually an extended licence is needed. None of this is a Zach science. You have to go to the individual stock photo site you're going to purchase from to make sure you view their rules. And each photo has different options for the standard and extended licenses. But this is just kind of a quick start guide to kind of help you not make the mistakes that I did.
30. Module 7 Lesson 2 Free resources: so I wanted to go over. Resource is where to find kind of those. Resource is that you can build to be ableto have some assets to start working on design. Practicing designed, becoming a designer. So there's a couple different resource is that you can have a photography resource is there's vector Resource is, and there's template. Resource is so couple of resource is I use is for photography for free retire fee. I use pixels. PX Pls There's several more I cannot post in the community area area or the notes area. Some additional kind of bringing royalty free. You don't have to worry about copyright right free stock photography. So pixels is definitely one. They have some pretty decent photography. Just need to grab something quick to create your portfolio. Um, and if you go ahead and collected going click on this woman right here, you'll notice that it's free for personal and commercial lease, and you don't even have to do any kind of attribution so you can feel free to use this on your portfolio. You can use it for client work. You don't have to pay out money. It's fantastic. So whenever you can find a photo here and save your client money. Save yourself money. I would definitely do it. Um, the only issue is you're going to see other people use these same photos because there freeze that. People gonna want to use them. But every once while will come on here, and I'll just download ones that I want to keep for my portfolio are to use and maybe future client work ones. I think I are good and I can use in the future date. I have a little folder that I popped him in and I keep them there. Another free resource, which is very helpful when you think amba is the Stick P and G, P and G's air basically images with transparent background. So these are very helpful in Canberra toe upload, so you can use them as we did in our last module, where we did our brochure design. We were able to use that spoon and four kind of graphic, which was basically a P and geographic. So this is a great way to find some. These are all free. Of course you have to look at the copyrights for each one. So let's say I wanted a spoon for the type in spoon, and here are a bunch of ones. They all have transparent background for this fantastic dragging hand up. You don't have to worry about that white background at all. I'm just take a look at the commercial usage if you're using us for a client, but it's not allowed, so it's free for personal use only. So just make sure you check your resource is to make sure you have the rights to use them. So this is another great resource is if inspiration is what you're looking for. A. B hance dot net It's a great website, B h a N c e dot net, and it's a great place to go for inspiration. So we have all these different items on the front page, but you can actually discover different layout pieces, and it might inspire you for brochure design, a logo design, whatever it is you're creating. It's a kind of a great starting point for inspiration to see some of the best work in the world. We're not really happy with the Fonsi had already have on camera. There's a great website called de font dot com, d a f o n t dot com, and all of these air free to use. Just make sure you check your copy writing on each individual fought to see if you have commercial use or just personal use. But this is a great resource to find different fonts. They have quite a quite a wide array, and most of these you should be able to load directly into Canda as it could have a little bit more of a wider variety of plots to use.
31. Module 7 Lesson 3 PAID resources: so for paid stock photography, I highly recommend. Istock photo dot com. I have used them for about 10 years and have been pretty happy with the quality and the affordability that they provide. So you can obviously look for any type of photo. Check out one here, so I click on this photo and it's very affordable. One credit is about $12 so that I could get a high res photo and I can use it for only $12 . So that's fantastic. You would also make sure you check the standard license and see if you need that extended licence. It also depends on how many If you're gonna put this in a print production, if it's gonna be more than half a 1,000,000 you might want to get the extended, which is gonna be a little bit more expensive. But I stock is a great paid resource for stock photography. When you're putting typography and fonts on a T shirt for resale, it's really good to make sure you have a license for that font, and sometimes you have to purchase spots, especially an extended licence. I highly recommend my fonts dot com, and you could be able to find all the latest trendy fonts that you can go ahead and install and important to Kanbar or any other program for that matter. So let's say I'm interested in this very 1st 1 that popped up. You could be able to purchase it for a barely affordable price, and you should be able to get a wide variety of different font choices metallics, different body weights. So I do highly recommend my fonds if you need to purchase it a type and also if you're gonna be using it and for products and putting it on T shirts and reselling a mug's, make sure you have the proper license. I go ahead, click here on licensing. It will tell you exactly what she will get for your price.
32. Module 8 BUILD YOUR PORTFOLIO: congratulations. You completed the graphic design foundations course. Let's take everything we've learned in this course, and let's start to create our first portfolio pieces. The first project I want to you to complete is a large poster. I want you to apply all the principles we've learned so far to create. A poster for a local event will be posted in the local coffee house. The poster needs to include a main headline contact information. Ah, call to action of force photos or photos and make sure the design of the poster has proper balance in mind, as well as shows a nice use of color fought mixing and photo choices. Of course, have fun with this project and feel free to be as creative as you'd like to be. The second project and want you to tackle is creating a business card. Everyone needs a good business card. Now is the time to create when using can go create a two sided business card running back that contains your name, contact information and any other helpful contact information you like to include. Keep the design clean and simple, so I only include information you deemed absolutely necessary or important to the viewer. I also want you to export the file as a two page PdF with crop marks, so you have a file that's ready to send off to the printer. As an added bonus, export the files A J peg for digital version of your business card to include in the email signature. The third project I want you to do is create an instagram or Facebook advertising image. I want you to create a social media image that advertises a local hair salon. It needs to include a main headline short and a call to action. Make sure you effectively communicate your main message. Both the Instagram and Facebook images need to have a similar content styles for brand consistency. This final project will be the most challenging project. So if you need to rewatch the brochure lessons, feel free to. This one takes everything you have learned in this entire class, and it gives you a chance to apply it all. In this one brochure design. I went this brochure to have an outside and an inside portion, so a total of two pages after you completed these four projects, you already have a portfolio of made and created, and you're ready to go feel free to add more pieces to your portfolio as you feel creative .
Lindsay Marsh, Over 300,000 Design Students & Counting!
