Skip to main content

Graphic Design for Everyone

Lesson 8 of 25

Introduction to Typography

 

Graphic Design for Everyone

Lesson 8 of 25

Introduction to Typography

 

Lesson Info

Introduction to Typography

typography is one of my favorite things in the whole wide world. I absolutely love it. And just like images, your text formatting and your choice of funds, sens a message, it could be professional or not. It can be classy or not. It could be communicative or not. So your images are important and your text choices are important, too. In teaching an advanced photo shop class for a graphic design university, which I did for years, I was shocked, dismayed, horrified. Add any other adjective here because typography just really isn't taught very much these days at all. You know, I got very little love it when I went to art school, and that wasn't all that long ago. Like I said, he was, you know, in the late nineties that people just don't teach it. It's one of the hardest concepts to grasp. So in all of the critiques that I would write the endless critiques, The biggest thing that people had trouble with is picking What? Fine. So I've got several little tips for you here that if you can just...

grasp these tips, you're not gonna have trouble with text anymore, So I'm gonna give you font pairs that work and you could just memorize those and call it done for riel. They're that good. I'm going to give you tips on what to avoid and we're gonna look at some really deep formatting that is, in most every piece of software that can make the difference between professional texts and unprofessional tech. So those are the kinds of things that were going to be covering throughout the day. And if we just spend a moment looking at this slide that I made, it isn't really a fun at all. So what this slide is is a pieces to pieces of stock. Another great opportunity for making where money with stock photography. You guys like classman class? So what has happened here is ah, photographer has gathered up all sorts of newspapers and they've clipped out letters, and then they roughed up the edges of the letters. They've just put him in a pile and they shot a picture. Okay, so that's one image, so you can see that image at the top or a sliver of it at the top of the slide and a sliver of it at the bottom and all I've done is used a layer mask to hide the middle part of that image. It is still in the document. The other thing that I did the same stock photographer Not only did he shoot the pile of letters, but he also shot them individually. So all I had to do and they were in one file. So I paid for two files. That's it. Okay, the pile and then one file that had the letters a little bit like you see them here. So it had several different l several different a several different teas. I'll clip kind of newspapers, and that's not copyright infringement. Taking pictures of that stuff is just a letter, right? So I hacked them all up and duplicated the layer and hid the letters that I didn't want to use and smash them all together to create the words Totally text. Yes, men. So the first thing we're gonna do is cover some important definitions, and we're not gonna go too deeply into this, So don't freak out. Everybody hang with me. You're going to be able to do this. But these will be a little bit illuminating terms you may have heard before that you might not know exactly what they mean. So the 1st 1 that we're gonna look at is what exactly is a font made up of? Okay. And these air important terms Because you're gonna encounter them in formatting options, no matter what piece of software that you're in, believe it or not, text at it. Which is the very basic bare bones word processor that's comes along with every Macintosh called Tech. Said it has baseline control. OK, that's actually how you would make a superscript or a sub script And those air just simply you know how if you add a degree like H 20 is a subscript, and then if you've got an experiment on a number that's a superscript or dollar signs, sometimes next to a price or real small, and they're raised up next toe the other numbers Well, if you don't know what some of these terms are, you're never gonna find that formatting control in the software. So that's why we're going to spend just a few minutes discussing these. So this is what text is made up of our font characters. Okay, so point sizes pretty easy. If we look at the left hand side of this graphic. Everybody knows what point sizes. Right Foncier measured in points. Eight point type 10 point type, 12 point type. Ah, little tip for newspapers and we're going to talk more about this. Tomorrow is you never want to use type lower than 10 points in a newspaper ads. People won't be able to see it. That's right. 12 is better. But tens of smallest you could go for newsprint. Really? So point size is important. That is the height of the letter. Okay, including any of its A senders and D center. So the A senders and D centers are also pointed out here. So that's the dot of that I including the space above the eye, Okay, the dot in the space and any letters like J or Q that have a tail on him. Well, that's the decent or so. That's pretty easy. Remember, right? If it's above the letter is a nation, or if it's below the letter, it's a D center. Okay, that all together is the point size the size of the actual letters, as you can see here, like the eggs. Okay, that's called X height you can think of Ex High as the base size of the fund. Research studies show that fonts with larger X heights. So that's the meat of the letter, the rial body of the letter, not who has on the top or the bottom. If that's bigger, it's more easy to read. That's why verdana is such a popular font on the Web right now. Verdana v e r D A. In A. If you're building a website spec. Verdana in your cascading style sheets of for use and CSS for formatting goes CSS stands for cascading style sheets, and it's just a way to put all of your formatting in a text file. And then you're the code in your website will call to that text file for its formatting information. So it's like you. You put the information one place, and it's accessible from many places. Be only have to do it once, so it's also easy to change so fonts with larger ex high. It's infinitely easier to read for Dana's one, and I think Tahoma is another one. If I'm remembering right but so used verdana on websites eso That's the X height. The main line we're not even care about. That's the top edge of the letters that you're not gonna mess with that in formatting ever. But what you are gonna mess with and is a whole lot of fun to mess with is the baseline. So the baseline is the imaginary line onto which your letters sit. Okay, you can change that, and you can make letters look like they are higher or lower. So that's where our superscripts and sub scripts come in. But it's also a useful design element because you can, let's say you have like a big Flor she letter. Let's say your name is typographic, Lee said, and you've got your first letter will say L is big and flourish. She will. By adjusting the baseline, you can shift it down so it drops down a little bit from the rest of the letters and it becomes a useful design trick, and we're gonna look at that on the logo. So baseline is important, and I was talking about text at it earlier on the Mac. If you didn't know the definition of baseline, you would not be able to find how to add a superscript or sub script in the program because it's hidden under a baseline sub menu. That's why these terms you're important. So that's the anatomy of text. Another couple of important terms to really understand what we're talking about here is the difference between a family and a font style. Okay, those are two very, very different things. So a font family you can find in the type men you see in photo shop and an in design and illustrator we have in Cork Express. We have a little toolbar. So when we activate the text tool, the program switches that options bar or palate to show you options for font formatting. Okay, so your font menu is really your font family. And that's where you choose the design, the overall design of the font. So here we're looking at myriad pro. Okay, that's our font family. Okay, so that's the far left. A menu in the options bar or the character panel in the Adobe creative suite. So once you've chosen the family, which is the overall looker design of the fun, then you can tell the software what style of that particular font you want to use. That's the menu you see at the bottom right here. So it's the next menu over styles, and that's where you get your true I talent, your true bold condensed. Here you can see myriad, which is why it's one of my favorite fun because it has myriad styles. We've got light, which is really thin. We've got light italic, regular italic symbol, semi bold, italic, bold bullet tally, black black talent. Blacks will always be thicker than bowls, Um, and just on and on and on on on. So lots of different design opportunities for setting text within one font family. And if you stick within 15 family, you're not your design. Is it gonna look busy and garish and Gadi and difficult to read and therefore made people think your product or your service is difficult. So that's the difference between a font family and a font style. Now it is worth noting that you can see all these styles here, since they're showing up in that menu. That means they're actually built into the fund, which means the font designer designed them. In other words, he drew them. She drew them there. There are people who do nothing but designed fonds, okay. And a font designer can build in all kinds of different formatting like we're seeing here. Just so you know, another definition for you. The company that employees the font designers. It's called Foundry. So a font foundry. And that goes back to the days of metal tied. Okay. When the When the paper When the metal type was inked. And then you put the paper into the pretty machine, press the paper down onto the metal blocks. And that was what forms the imprint. Okay, So, font foundries, the company that employs the designers, the font family is one font. So that's the design of the fun, the styles of the fund. That's where you get your bold, your condensed, your italic, your etcetera. It's much better to use riel font styles instead of just highlighting a word, impressing the big be in your formatting palette or options far to apply a fake style. So when you do that, the software itself is trying to make on the fly a slanted version of the text for italic. It tries to thicken it up When you click B for bold. It's not riel and in a look funky now. This used to be a bigger concern that it is now, in part because of what we talked about about the changes in the printing industry earlier. But because now we don't have to give the printer all of our funds. We are changing over to pdf's more and more and more because the printers don't want to mess with your father's. You know, they don't want your funds that they just want, ah, high quality picture of the thing they need to print. So you so you don't have to be as worried about fake bold and italics not reproducing like you expect because they're not really faked. So you want to stick with the style menu, and that will be directly next to the font family mini. There are also different categories of fonts, and these were important to know, too. There are tons of them, but I have stuck with the basics. The most practical ones that you're going to need to know about the one at the top. We can see if we compare the word serif to San answer, which is underneath it. Okay, so, sir, if you can think of that as meaning with with little feet or little sandals. OK, so sans serif means without little feet or little sandals. So if you look at the fine on top compared with the 2nd 1 down, you can see that on the S. There's a little bit of, ah, an embellishment on the end, The start in the end of the letter form. Okay, that's a serif. It's like a little anchor or a weight or a base could think of it like that. The e doesn't really have one in that particular fun, but look at the are OK, so at the top left of the are we've got that that little embellishment, and at the very bottom it's got that foot or base or sandal. However, it's easiest free. Remember this stuff, and the reason this is important is because when you're designing and you can even look at design tools monthly here as an example, the subheds are a sand sarah. They don't have those little embellishments for those little anchors or bases, but the bottom copy does. The body copy is a serif, so it's a nice design trick to pair those together. Typically, you'll see serif used when there is a large amounts of copy. So you're going to see that in newspapers? You're gonna see that magazines you've seen in books? Okay, you Sarah fonts? Because they are believed to be a little easier to read. Okay, San Serif fonts don't have that. So now we're looking at the second row of type here in our graphic, and you can see the difference. Sand Saref star really great to use online. And there are studies being shown that they're just as easy to read as serif fonts. But because we are habitual creatures and change is very difficult, you'll still see serifis used where there's large bodies text. Okay, so that's the difference. So it is good to be able Teoh pair one with the other. A slab serif is the 3rd 1 down, and the only difference here is that it is a serif font. But it's thicker. Hence the word slab. Okay, so it's thicker. You would not set a lot of copy in slab serif because it would be very difficult to read the letters or just so thick that you wouldn't want to do that. But slaps tariffs are great for headlines. You'll see those used in newspapers a lot. Check out The New York Times the next time you get a chance and look at the headline font versus the text of article decorative and display fonts these air on Lee used minimally, so they're used on headlines on Lee. Can you imagine setting any amount of text in that decorative one that we've used here on the left? It would be absolutely impossible to read. And as you know, people would transfer that feeling of difficulty to your product or service, which is bad. So serif and sans serif great for large amounts of text slaps. A refused for headlines those air thicker, decorative and display fonts on Lee Use those for headlines. Do not, Do not, do not do not do not set large amounts of text in those things because they'll just be unreadable. They're meant to catch. And I it's about the same is using a striking image. So you're using a striking fun as a headline. Teoh convince the reader to get their interests and actually read the rest of that article. Whatever it ISS Scripts is the last category that we're gonna talk about, and that's down the bottom. That's pretty self explanatory. So even it looks like cursive handwriting is a script. Okay, Scripts are great. You don't want to set a whole lot of text in those. I'd like to save those for small blocks of text headlines. They exude a feeling of elegance and formality as well. If they're scripts like this one, this is one of my favorite scripts in the whole wide world. Somebody all. I've been watching my classes and creativelive know what I'm gonna say, but it's audios script Peru, and that's not just because I'm Texas, but it's a beautiful, beautiful fun. And so that is an example of audio script pro down the bottom here. But you can use that when you want Teoh exude a feeling of elegance and class and formality, that kind of thing. I don't want to sell large body type now. There are other scripts that are based on handwriting that almost like kids handwriting. So those obviously would not exude a feeling of elegance and formality and all that way different thing. But those are the main categories. The second thing I want to talk about is how you choose funds and I'm gonna go ahead and show you a few things. And then we're gonna pause for questions and we'll actually take a look at some font management software, which will be kind of fun. So choosing fonts can be difficult happily in CS five or six. I can't remember which one. I think CS five Adobe finally turned on font previews by default in the font family. Many Okay, so that means that you can see what the fine actually looks like in that menu. Well, if you've got a whole bunch of funds in that menu finds activated on your system that is going to take you for ever go scroll to that menu and try to pick which funds gonna work best for your project. So that can be very difficult indeed. So I've got some tips for you here. You're about to see four magic font combinations that always work. So if you don't want to think about picking funds for the rest of your life, you memorize these four combinations and call it in. The first combination is Helvetica and Jaermann. Now that's pictured over here on the lift, taking into account the categories that we just learned about What do we have here? We've got a San Serif that's being used for the headline and I disused placeholder text. So we've got a san Serif. It doesn't have those little embellishments on the ends or the base or the feet or the sandals. We've paired that with a Sarah font for the body copy. Okay, so it looks really good together. So Helvetica everybody has Helvetica chairman is installed with any adobe products. So if you've ever installed anything from adobe, you've got that on your system too. So call it then Helvetica and Jaermann the next magic combination and I like these a whole lot is fruit sugar bowls free trigger is also a Sam Sarah fonts. You can see that in use on the headline here. So it doesn't have those little feet paired with Minion, which is a nice Sarah for fun. I believe the two of these were installed with Adobe products as well. I'm 100% positive on that, but I do believe that they are so they look really, really great together. And you could read large amounts of text if you you're designing and newsletter use one of these combinations. If you're designing a book, he's one of these combinations. Magazines Doesn't matter. It's beautiful stuff. If you're designing for the Web use. Verdana Here are two more magic font pairings. Jaermann Bold for the headline. So it's serif paired with Future for the Body copy, which is a sand Sarah. Look how beautiful those go together. Future is also good for websites, but you can't. You can't expect every machine to have that installed. So unless you're using something called Web fonts, Google has Web funds. So really, what you do is you just spec a specific font in your formatting. We talked about cascading style sheets very briefly earlier, which is basically like a formatting recipe or MasterCard. You could spec a Web find that lives on somebody else's server, so the person that's viewing the website doesn't have to have that fine installed on their machine. Otherwise, substitution will take place, but if you use the weapons, it just calls that server, and it displays it correctly on that person's machine, even though they don't have that fine style which is need. But this is a beautiful combination that would be useful on the Web. Garry Mahon Bold in future Notice the contrast. That's another thing that we're getting with these font pairs. Look at the contrast between Headline and Body Hoppy. Another magic combination is Married Bold and Minion. That's another pretty one. So here we've got a San Serif headline so it doesn't have any of those little extra embellishments on it. But we've got a serif body copy with it, and they just work really, really well together. So there's a whole bunch of resource is in that pdf for you that gives you other additional magic font combinations. If you've got a slew of fonts on your computer, or if you're noticing that software is a little slowed load because it's activating all those fonts and preparing that fundamentally for you, then you might be a good candidate for fund management software. There's a lot of benefits Teoh using front management software. One is that it handles all the activation and deactivation of your father. So, for instance, if I open a Photoshopped document that's got some weird file like Wrestler the font that I used for the opening graphic of the graphic design for everyone, let's kind of western. It was called Wrestler, so I don't use that fund very much. It's a display fun, a decorative fonts. You don't, you know, use it, but for headlines. So if I open up what say a Photoshopped document or an enzyme document that has that fought in there? If I don't already have that fun turned on fun Explorer pro will turn it on for me. That keeps me from having Teoh encounter that error message from Bo Shopper in designer Corporates Pressure wherever. Oh font can't find the font, substitution will occur. And then what do you do? You roll your eyes and you heavy sigh and click. OK, you quit the program, you go find the fun, you turn it on. Realize the program. Open the document. That's a drag, but find it's four x Will auto activate? So basically, any time that a piece of software documents sends a message to the system requesting a font, find Explorer. Exe interprets that message and handles the request so you don't have to do that and it and it doesn't make you quit the program for it to show up and fought many, which is really, really Andy especially if you don't know what the heck fonts you've used in document, then you don't have to worry about it, so it handles that. It also analyzes your funds. Fonts are unusual file so they can get corrupted. Teoh. Just like sometimes one of your memory cards you're using in your camera gets corrupted. That's a good reason for formatting it. You know, doing a root level format on your memory cards every now and then, but fonts and get corrupted and making week all kinds of havoc on your system. All kinds of havoc. Okay, so fun Explorer Exe pro will analyze all of your fine if it finds any kind of corruption or problem, then it lets you know, and it won't activate that fun. So you have far fewer far issues if we're using font management's offer like this. I also talked about if you noticed that software is being kind of slow to load. Microsoft Word in particular, is notorious for this. It takes forever to load funds for Microsoft Word, and I'm running the latest and greatest version, which I think is 2012 at this point. But if you look at the bottom left of the the little splash stream you get when you first fire a word. If I think it's at the bottom left, you'll see everything it's doing. It's like a little text status. It goes by pretty fast if you most programs have that in their splash means. If you noticed that an inordinate amount of time is being spent and it's still loading, Fonts says, you'll see that if you look well, that's a great indication that you've got a a bucket load of fonts activated. And maybe if you deactivated some of those and only turn them on when you need them than your software would load faster and you could get to work faster and experience less frustration. So just kind of keep an eye on that. So Fun Explorer. Exe is one of the most technologically advanced fund managers, but it's still simple to use, and we're gonna look at that here in just a second in all of its its glory. It's also great for choosing funds, So what we're gonna do is we're gonna type the text. Let's say, you know, we're trying to design ah, a typographic logo, for example, you could type the text into the box, and then you could sit back in your computer chair. Enjoy your warmer, frosty beverage and you just tap the arrow key on your keyboard and it shows you the text that you typed in and every single one of those typefaces, and you're just clicking the down arrow. You can't do that in the CS applications or Court. Those pop up menus don't work that way. But using a fund manager like fun explore X is a great way to pick finds. And another cool thing about it is once you find a font that might work or a few fonts that might work, you could put him in a set, so it's got fun organizations. So when you work on that project, you could easily tell the client, Oh, I use this fund, This fund, this fund. You can always get back to those in case you need Teoh, but you can also make a little picture of your sample text in that fine. So let's say you've narrowed down your choices to about four or five. Well, you could just click and drag from within the fund Explorer exe pro window to your desktop windows or PC, and it creates a little graphic clipping in tiff format. So high quality. And that way you could send those for examples to a client. Or you could maybe bring him into your page layout program and look at them side by side to really give you an idea of which one's gonna work. Best cause oftentimes when Unless you see them side by side, it's hard to make a determination on which one is really going to suit your needs over another one. So that's another great thing. So let's pop into this software for just a moment here. I'll get out of my painted any side shoe, and I've already got it running, and I would go ahead and close some of these other documents that are open. There you go. Okay, so I've got the program running, and this is what it looks like right here. So this is the interface of fun Explorer, and I'll go and hide this other windows so it's not so distracting. So any time you want to install a fun, actually, I do. You need to see that other folder all you have to do is click and drag the fun on top of this interface. Get back to here. So here's all the funds that I'm gonna be using in the class. Okay? So if I want to install these, all you have to do is click and drag the folder onto the interface. Okay, So since I've already got one that one installed, it's not letting me do anything. But if I didn't, it would say, Oh, would you like me to add this to your library? Absolutely. And what it does is it copies the font into its own little database. So you don't have to worry if that fund came from a flash drive, let's say from a client, the new does pop that flash drive in pop open Fun Explorer dragged the fun onto here. It will copy it into the database, seem pop that flash drive back out. You don't have to keep that original file because phonics for copied it analyzed it, turned it on if you told it to you and squirreled it away in a safe place. Okay, so that's pretty cool. So here we've got an infinitely customizable interface, so I'm gonna make my little pre Vieri a little bit bigger, so photos can see. So let's say I need to find a fun. Let's say we're gonna do Nelson photography. Okay? Whatever. Fine. I have active appeared. It shows me a nice big Previ and I can see exactly what that phone it's gonna look like. Should I choose to use it? So earlier, when I was using this, I did a search for Dakota. So I'm gonna go ahead and clear out the search field, OK? And use my scroll bar. I've got a bunch of fonts turned on, so I'm just going to click the 1st sit back with my beverage and start tapping the down arrow key every time I do that. The text that I have types into this field right here changes right here. And I can even tell the program to add in placeholder text. You say you don't know. You know exactly what you need The text for the for the copy just yet. So you could try out a bunch of funds with this sample text, okay? And you can control how big the sizes of the preview and make a little bit larger so everybody can see. So you just keep going down the list. Oops. With your arrow key and the text changes each time there's audio script proven it pretty great. So it's a great way to choose funds. It is a much more pleasant, happy situation than trying to choose a font over in any image manipulation or page layout software. This those programs weren't made for that. This program is made for managing funds, so it has a lot of extra things like that. So let's say, for example, that you think this font might work. Okay, so you want to save that information in some way? Are you going to make a note of that? You're gonna physically write it down, or you're gonna pop open a text file and type it. No, you're gonna make a folder on your desktop, and then you're gonna click and drag plot. Now you've got a file. So if we open that file, Glenn Close that that's what's been saved automatically from just clicking and dragging and dropping from your desktop. Okay, so we've got the name of the fund is in the little graphic file that find export. Expro made We've got more information about the font here. We've got what point size this sample text is being shown in. So a lot of information there. So if we think that want to work when we keep going down our list here, maybe that one works. We could click and drag enter our imaginary folder over here. So now we've got another clipping. Send those to a client or pop open a piece of software that you can add them all to you and look at them side by side to make your determination on which one is gonna work better. This is a very pleasant activity. I like it a lot. So that's just a few of the the benefits of using fund management software. Okay, also, great. I mentioned kind of categorizing your phones and creating sets. So let's say for a particular client, I use all this arbitrarily. Use several of these. I can create a set so I can click the tiny little plus sign at the bottom left. Name that set. You know, whatever you want. Maybe creativelive has its own set of funds. So now I've made a set. So at any point, if I need to figure out or tell another designer or a co worker. What have you Let's see, You get sick, you call in sick and there's your other people in your design team Need to pick up your project. Well, you know, you can really quickly tell them what funds you use because they're all right here. Okay, Actually, didn't get one in there, so we click and drag. Here we go. Drag him in there. Now, if you click the set, I see all the funds that contains this is a great way to kind of round them up for exporting. Okay, let's say you do for whatever reason, need to send the fonds to the printer. Well, you just you've got him on a set, okay? You click to highlight the set, go up to the font menu and she's export and you tell it where to export them to you and fun Explorer. Pro Packages of Molla set small in there, and you're good to go Hand them off in a flash drive, email them whatever you need to do you to take care of that plant. So it's it's really, really handy. So if you are designing for money. You need to buy fund management software. And happily, we've got, I think, a couple of copies of Fun Explorer to give away this week. We've also got a copy or three of another competing software called Font Agent Pro, which is also a really good one. I'm just partial to fund explore X find four X used to be free. It's put out by Lina Type, and for years it was free and had a real cult following. They finally kind of wise and that was it. Hey, we should get paid for our hard work here, so it is very inexpensive. I think it's under $100 again it works on Mac and PCs. Okay, So before we leave the font management software, do we have any questions on the definitions that we went over or the categories font families versus styles? Or this our magic font combinations? We dio actually, um, Don me from Kelowna, BC Says how did Lisa access the sub menu that showed all of the varieties or the variations within each font like the bold and italic and stuff with that photo shopping Simple. You were showing Or are we talking about the slide show? Probably her in the font management's offer. I'm not sure, really. I think in the year earlier in the slide show, this was okay. There will be a menu next to the font family that lists all the styles. And we're going to go find that menu in photo shop. Will me. When we finish up with all our typographic theory, we're gonna pop in the photo shop, but we're gonna find the formatting palette there were gonna pop in in design and look at it. There were gonna pop in the Microsoft word. Really? We're gonna look at all the text formatting there. We're gonna look at text formatting and pages, which is Apple's page layout programs. And once you see what the icons look like and how they're listed, then you will be able to find those similar formatting controls in the software that you're using. They may not have all of them that you might be surprised at the formatting that you confined in there, so we'll actually look at that just a little bit to be continued to be continued. Why? We have a lot of fun questions Lisa. Okay, Um oh, Leah. Leah says, can you explain why the magic font combinations work? So let well, so Well, what about putting a paramount with myriad is the magic phone combination equation just San Serif plus, sir, that's definitely part of it. Okay, so let me back up just a little bit. Go back to our magic font pairs, and let's talk a little bit about why they work. Mainly it shape. Okay, So just like we were talking about, we were to create a design for apple. Okay, let's look at the shape of the logos overall, kind of circular kind of friendly, soft edges. There's no really no hard edges anywhere. And so they had a fun specifically designed for them. That was also circular in nature. So my point is that everything hasn't overall shape. You may have to stare at the font for a while to figure out its overall shape, but it will have an overall shape. So part of the reason these following combinations were is that their shape are either similar complementary. So they work well together. They don't fight against each other, as well as just pairing a Sarah for the San Serif is is really good. So mainly those two reasons or why so if you can stare at the font and get an overall shape from it, then you can create your own pairings. But that does take a little bit of expertise and just practice and doing it to be able to spot the shapes yourself. Okay, so a mani s from Austin, Texas, is, um, wondering if there's a way within the font Explorer. Exe pro Teoh preview Multiple at the same time. Multiple fun. Use the command key on a mat or control he on a PC. You're supposed to be able to see different previous. So if I scroll down here, there we go. A weight somewhere down here should be Devon gari. Yep. There it ISS. So there was a question. Can you preview side by side? More than one fun. And I said, you really can't. We can't do it side by side. But if you select or activate more than one fun up here in this top portion, they will all show down here and you can manipulate this window. So there's a little grabby bar right here in the center so you can make it bigger. And you could use a little icon at the bottom, right to make the window larger so you could manipulate this window environment where you could see more than one fun applied to your sample text. Okay, Tasha ass, If I use a curly type of font for my logo along with a sand Sarah phone, can I use one of the magic font combinations for my articles or copy or websites? You could. But if you if you've got okay, So let's when you think about this, if you're using a swirly kind of decorative fonts, you don't really want to put it with a serif. Why? Because those sheriffs have that extra embellishment, right? The little bases or the little theatre, the sandals. If you're using a decorative fun in your logo, then you need to pair it with something that has clean lines. Or else you've got too many shapes and swirls and everything going on. So all back up in the slideshow this a little bit here. We dio imagine if we put that decorative font with a serif. It's too busy. It's got too many conflicting elements in it. So if you've got a decorative anywhere in your logo or what have you and you want to say, put text up next to the logo. Maybe a tagline. Then you want to go for something playing so you can use that. It's contrast. Busy press plane equals good busy plus busy equals bad, right in the same vein. Playing plus plane is bad. So that's kind of why this Sarah with the San Serif works is there a little bit different? But they don't conflict, you know so much. So if she's got curly stuff going on, and she needs to probably stick with a Sand Saref and that she could incorporate a serif for maybe headlines in the body copy. That's away from the logo. But you really don't want to put a serif up next to a logo that's got a swirling in it And a clarification question from Shane. A photo from New York. What is the difference between Sarah Bold and Slab Serif? Very good question. The difference between Sarah Bold and Slab serif is a slab will always be thicker. Okay, so its way to your slab yer like a slab of cement or Bologna Don't know why that just came to my mom. Oh, my gosh, That's awful. Anybody ever had grill bologna? Can you believe growing up in Fort Worth, Texas, our neighbors at the street would by ballooning in this huge, like, huge piece and they would grill it, barbecue it for hours and hours and hours? I kid you not. It was some of the best stuff. Knowing what I know now, I wouldn't eat it now. But when you're a kid, who cares? Right? So in Slab, that's what hit my brain slab. Baloney. Are you worried about me now? Yeah, Yeah, a little bit. Okay. We have ah rolled basic question here from Kiko, who is actually Gene from Seattle. At what point do you need a purchase of font? Oh, if you want to use it. So you don't recommend using the farmers? Yes, you can do that. We've got a great list of resource is that is just a little bit later in our presentation here about Okay, so So you need fonts. Were diode again. I'm so I've got two really great resource is for pay two or three and I've got a couple of really good resource is for free funds. The only downside about free finances. You have no indication of quality. And by quality, I mean the ability for the font to function in the piece of software. So a lot of times, free funds can have problems with the file itself. And maybe you can't get him to activate ever. So that could be a little tricky to work with. But I've got a couple of good resource is for free funds for you. So fonts are not free. You can't still find either. Like I cannot provide all of these fonts to you that I'm using in this class as exercise files. Much is I would love to do that because, you know, I love giving stuff away and really loved a load all up with these seven or 800 funds that we're gonna look at seminary and er five. But you cannot give him away. It's illegal to do that, you have to purchase. And now happily, huge amount of phonics gets installed with software, especially Adobe Creative Suite. So adobe designed spots to you, right? Part of their business is being a font foundry. You're used to be. And so you get a bunch really great fonts and the fonts that I've used in my projects. I really tried to stick with practical funds that you're actually gonna have on your system, but you do have to buy them. Your next question, of course, will be. How much are they? And this kind of like stock photography, they range in price. Typically, they're going to be somewhere between 50 and $200 per family. Now, you guys know what that means, right? Her family. So you think Oh, my gosh, you would spend $200 for a family? Well, what if that fought family has 75 styles in it, then you're loaded up for designing for the next you know, bazillions of projects down the line. Because you you're assured that if you stick within the same family that any fun use on that same page is gonna go well together because it was designed to do so. So we still have a ton of questions about fonts. I wanted to ask these guys if they had any questions, or I can go all day. Okay, Maybe one more, one more, and then we'll finish the little this part of the fun things that my answer. A few questions, and then we'll stop and take some more. Perfect. Actually, yeah, I just want to clarify again. So when you select a fun family in something like Word and Press, the bold italic underline, it doesn't search that fought for a style, it creates its own. It fakes it exactly what? Yeah, so inward. What you can do is actually inward, and we'll look at it. The fonts are listening secession in the menu like it doesn't really have a separate style menu in word. But you'll see, for example, times New Room and times New Roman Bold times New Roman italic. So you would just choose the style also from the Fong family menu. But in the Adobe Creative Suite Programs and and Quirk Express, and then most of the page layout programs like Apples, Pages and that kind of thing, you will get two different menus, one for the family, one for the style. All right, so let's get on back down to where we were. So we talked about fun explorer exe dot com, and I believe there is a trial version that you can download from the site. Yeah, Trier by so 30 day free copy. You know, see what you think. See if it helps you out, save you some time. And they also have, I believe, a server solution. So if you're working in a work group meaning that you need fun Explorer Expro for a whole bunch of people that I think they have a server side version of that as well that you could purchase, which is handy. I get funding for X server at their top. Where to get finance. Now that you know you need funds, where do you go get them? Well, like I said, there's a slew of them on your machine already, and I really tried to pick those Ponte font pairs that are practical that you might actually have. But if you want to go by finance and let me tell you, it is so addictive, so addictive, here's a couple of great resource is the two biggest resource is actually in existence. Currently funds dot com and my funds dot com. My phone's dot com is actually the old bit stream people. Okay, So bit stream was one of the largest foundries, One of the first ones and my funds is an offshoot of that. So these air to incredibly reputable font resource is. And just look at the beauty of these pages. You know, we're all visual people. They're just so beautiful. So communicating through pictures, they are offering you a slew of choices, so don't you feel a little bit overwhelmed? Wow, how do I pick? But these air great resource is so it's also a great place if you want to stay timely and current with your designs because there are trends, really huge trends everywhere, right? So how do you know those trends? Well, if you go to places like this and just check in and even if you don't purchase anything, they are always featuring the latest and greatest trendiest, newest, slickest, coolest thoughts around. So you can stay up today in your design business just by adding these as maybe a daily or weekly read when you're, you know, going through the Web as another great thing about design tools monthly is that there's a whole section devoted to fines. Right? So this this whole area and I'll fold the patient, you can see it there is, and I'll bring it around here your second for people in class. So we've got a whole section of free fonts down here. So every month these guys pick out the best of the best free funds and there's millions of fonts in the wild. And there's millions of fonts that are being developed, you know, on a weekly basis. So the free fonts are there, and those change every month. So that's where these guys are right here. Also, there's a whole section on fines, which gives you font resource is as well as examples of popular fonds, So this changes every month, So it's a great resource for finding new and trendy. Wants to help you stay timely in your clients. That'll just make you more valuable to your clients to get. You know you're not having to do a ton of research to find that stuff. All right, so what we have here fonts dot com my funds dot com all kinds of stuff these people throw sales. Hey, big big sales, like three fonts for 20 bucks Crazy stuff. So take advantage of those. Resource is also P 22 dot com is a boutique foundry, if you will. Okay, so you guys know what a foundry is now? So by boutique, I mean that therefore answer are quite unique, and they tend to be based on artistic movements current right as well as artists. So, for example, there's a font based on Frank Lloyd Wright that you can get from P 22 dot com. And as far as I know, it's the only foundry that has that slant to it. So, based on artistic movements or actual artists, I'm sure there's an Andy Warhol fund in there. But it's a really neat resource. Not a slew of people know about it. It's a really small foundry. We do have some prizes. I believe that we're going to give away from P 22 at some point during the week, so you'll have to stay tuned in to participate in the contest when those. But it's a really nice resource toe have in your bag of tricks, and it will make you it will set you apart. If you're designing for money, it will set you apart from other designers that don't have these kind of resource is so it's a really a real secret resource for free five. My favorite place in the world to get Themis font squirrel dot com. And you can be assured if you get a free font front front squirrel dot com that it's gonna function okay, It's really it wasn't somebody sitting up at night watching infomercials, building a fun and then using some piece of free software to package and uploaded, because that happens all the time so you can get free funds from font squirrel dot com. They're really, really great resource. As you can see here, you can also get free fonts from Google Web fonts. Hey, so we talked about that just a little bit ago. So those air fonts that live on one of Google's servers and a server is just a computer, which your website or Web content is stored on in a central place, and then it's accessed by many. So there's been a big movement in the past few years for using Web fonds. So since designers can't control what fonts anybody view in their website has on their machine, that's a horrifying thing for a desire, because you can't you have no idea what your contents gonna look like, For example, we could we could spec you know, Helvetica and Jaermann. But we don't know if people are actually gonna have jaermann installed on their system. So the layouts going to completely change and you don't have control over that. So instead of going crazy and turning to provide fonts, you know, to the people who visiting your website, the new movement is to have Web funds. So Web funds live on a central server. And when somebody hits that website, the code and the website calls that font server and it displays you don't actually own the font doesn't live on your system. Nor does it live on the viewer system. It lives on Google system. So if you're interested in that kind of thing, is Google Web fonts? Don't let it throw you just because it has the word web in there, you can actually you can actually access those and use them in other projects as well. So that's another interesting thing that's kind of new. And that's another great thing about design tools. Monthly is they write about that stuff and explain all that stuff, you know. So if your boss comes in or your art director says, Hey, we're gonna, you know, start using Google Web fonts on our on our website or clients websites to go ahead and implement that. You're like, What does that mean? You wanna, you know, like, you know what you're doing. So if you read a resource like design tools monthly Europe on top of all that.

Class Description

Graphic design is everywhere you look; some of it good, some of it bad, and some of it just plain ugly. In this 3-day online graphic design course, you learn the four secrets to great graphic design that will ensure your promotional materials always looks their very best. Each design secret will be revealed, defined and then put into practice on several projects including business cards, ads, and more. You also learn a lot about typography and color theory, both of which are essential for your design success. No matter which software you use--Photoshop, InDesign, Pages, or even Word--these design techniques will serve you well!

Reviews

a Creativelive Student
 

… exactly what I needed for current and upcoming projects! Actually, it was much MORE than I thought I needed. Once it all sank in, I realized just how much I didn’t know, but needed to know. The training is top-notch and very effective, and just to top that off with a cherry, Lesa Snider is the most engaging instructor with whom I’ve had the privilege to learn. I can’t recommend this course, Graphic Design for Everyone enough. … talk about “clicking” with an instructor… A self-professed Southern geek/nerd with a sense of humor is a darned near perfect click between that instructor and this student. I love to learn anyway, but Lesa Snider’s classes are a wonderful blend of fun that runs throughout the entire course of technically advanced concepts and application. Where do you find a course where you laugh as much as you learn (both massively)? … a Lesa Snider course. I’ve already put the course material to good use and look forward to using the class info and skills even more in future projects.

Adrienne
 

I've been a fan of CreativeLive for along time. I've attended many classes, but this is one of my most favorite sessions. I think Lesa is a great trainer and find I am learning a great deal. I liked it so much I actually purchased this course. I would watch any course she was part of. Great graphics design course and wonderful tips.

a Creativelive Student
 

I enjoyed it very much. However, I hated that I could not pause or rewind,,,so I had no choice, had to purchase. :)Lesa is a terrific Instructor. She takes the hardship out of the learning process with her wonderful ever so friendly personality. She instead turns it into a joy and I enjoy very much her courses! Thank You Lesa!