Create a Powerful Presentation With Adobe InDesign

1. Intro: Hey, I'm Maya Faber and I'm a surface patterns designer, illustrator and graphic designer from Stockholm, Sweden. In this class, I will teach you how to create powerful presentations in undersign. I've been working with graphic design for nearly a decade, and InDesign is often preferred amongst my clients when it comes to presentations, as it allows for a much higher quality of the design and layout than with, for example, PowerPoint. This class is for business users of InDesign, graphic designers, and other creatives who wants to learn how to create stunning presentations with high impact. The purpose can be both for print and digital use. You can even use what you learn in this class to create other layouts in InDesign that includes text and images. The glass is built up of two parts. First, you will learn all of the functions and techniques that you need to know. Then I'll teach you more about the layout, the different types of pages, and how to create all of the pages of your layout. For the best possible learning experience, I've included all of the resources that I use, which are all free to download in class, so that you can follow my steps to create the same presentation as me. By the end of this class, you will be able to create powerful presentations with high impact in InDesign. It's good to have some basic understanding of InDesign to get started with this class. Although I will teach you all, you need to know really, truly. If you're a complete beginner at InDesign, you will probably be able to follow along just fine as well. 2. Class Project: The project in this class is to create a powerful presentation in design. You can download all of the resources in class and follow the steps to create the same ten page presentation as me. In the lesson about exporting your presentation later on in class, I will walk you through not only how to export to use for digital and print, but also how to export your presentation to be able to upload it as a project here in class. 3. Resources and Downloads: To get the best learning experience in this class, I recommend that you download the same resources as me, so you can follow the steps that I teach you in this class. You will find all of the resources included in this class at the project and resources tab, so just click the links to download. You are allowed to use the logo and icons that are created by me for personal and learning purposes only, no commercial use. The logo, the icons, and the text file, you can download directly here in class. The links file is a document with links to download. As to images that we will use, that you can download from an splash and pixels via the links included in the document. It's some icons from free pick that we will use in class. It's also three fonts that I use in this class that you can find in Adobe type kits. Let's have a quick look at the different resources. The logo is a white logo, so it's an EPS file. It looks as there's nothing there in the preview, but that's just because the background is transparent and the logo is white. It's supposed to look like this, you can see the white symbol in the preview. There are five icons made by me included in this file, there also are EPS files that you can download ready to be placed in your presentation. Then let's have a look at the text file. I've attached one word file and one RTF file. Because if you, like me, don't have Microsoft Word, you can use the RTF file. The content is the same in both files. In the text file, is mainly placeholder text and headings. I've included this file for two different reasons, because you could, of course, just place all the texts to yourself in this class. But when I work with clients, I often get the finished texts from them, and then it's my job to place the text in a good way. That's one of the reasons why I've included this pre-made placeholder text in this class, so that is more close to a real brief. The other reason is that we will practice to place takes from document in this class, so for that you need a pre-made document with texts. That's all the resources that you need in class and that you can download either here in class or via the links in the links to download document. 4. Purpose of Your Presentation: Let's talk a little bit about the purpose of your presentation before we start with the more practical lessons of this class. When I've created these types of presentations during the years the purpose have been different. Sometimes the presentation is meant to be printed like a brochure that are handed out to the target group. Sometimes the purpose is the same to be given to the target group, but sent digitally as a PDF. Once in a while the presentation is meant to be seen on a screen, in a meeting or something like that. Like a PowerPoint presentation but oftentimes my clients have felt held back of the design and layout possibilities in PowerPoint, and have in that case wanted me to create a PDF presentation InDesign that they could use for this purpose. I'm sure there are many more purposes out there for these kinds of presentations. Maybe you are taking this class to create a presentation with a completely different purpose and that's totally fine. I will go through all that you need to know to create powerful presentations and then you can just adjust your workflow after your purpose and what suits you best. We need to know the purpose of the presentation before we start. In this example presentation that we will create in class, we will pretend that the purpose is to send this as a short but informative digital presentation of the made up juices and smoothie bar, Squeeze It. We're pretending that our target group are some investors or something like that and that this presentation is the first information that we send to the receivers. Why does this matter? Well, first of all we need to know if we're creating this for print or digital use. This has to do with the color space and also things like the format of the presentation, the file size, the amount of information to include in it and so on. Let's talk about some basics that will be good to have in mind before you start with your presentation. However, all presentations to clients or whoever you are creating the presentation for is different, so you probably will need to adjust accordingly depending on your specific purpose. Let's start with if the purpose is print or digital. Some guidelines for digital presentations are RGB color mode. Make sure that you create your file in an RGB color mode with an RGB color profile. The size of your presentation common size is 4:3 ratio or widescreen, 180*1920 pixels. But depending on how you should send or show your presentation, you could also go for a standard size like A4 or letter size. Especially if your presentation is supposed to be both send digitally and be printed. Shorten your text content. For digital presentations shown on screen, you should generally think through how much time the audience have to look at your presentation slides and how much of their attention that needs to go to the presenter. Generally, I would say that you should aim for really short text content and digital presentations, especially the ones where you're supposed to present it on the screen in a meeting or so. For digital presentations that are sent to the receiver you could go for a bit more content to make sure you include the information needed, although keep it short here as well. Think that you write for skimming not deep reading. Keep the file size low for digital use, especially the ones you e-mail to the target group. No one wants to receive and store larger files than necessary. Some guidelines for print presentations are, CMYK Color mode. So make sure that you create your file in the CMYK color mode and CMYK color profile. The size of your presentation is set by how the final printed brochure would look. Make sure that you get the right format from the print shop or wherever you will print your presentation before you start. Normally it's cheaper to print in standard sizes which might be A4 in Europe or letter size in the US. Make sure that the amount of text content is relevant to the target group. In general, I would say that you should always aim to write for skimming than deep reading when you create presentations, but this can of course also depend on the purpose of your presentation or your client that you're creating the presentation for. Sometimes there's a need for more texts and sometimes you can keep it short. The file size isn't as important if you're supposed to send off the file to print shop to be printed, even though it's always good to keep your file size low. I would say that it depends on the time you have on your hands to create a presentation for print. Reducing file size can be time-consuming so if you want to save time and the print shop is fine with a larger size file you can just keep it that way and spend your time on something else. File format and bleeds. When you print a brochure for example you need to think about things like file format and bleeds. The best thing to do is to ask the print shop or in a place that will print a presentation, what specifications they want to file-in, and what sites of bleeds they need. This can be different from print shop to print shop so just make sure that you check this before you start creating your presentation. That was some basic guidelines about the different purposes, print and digital. This class is built up so that you can follow my lead and create the same presentation as me with the same purpose. If you follow that lasts from start to finish you will get a full course in how to create a presentation for different purposes with all the tips and tricks and techniques included. If you take this class to create your own presentation with your own purpose, you can always jump around to different lessons that are relevant to you and your purpose. In that case let me just take a minute to explain the different parts of the class. In Part 1 of the class lessons 5-14 we will go through more in depth how to use the different functions and InDesign, and the techniques that you need to have knowledge of to create a presentation. If there is a function that you feel that you already know through and through, you could just skip that lesson and head over to the next one. In Part 2 of the class, lessons 15-22 we will work with the design and layout to create different pages of our presentation. We will talk about how to plan out our layout, how to work with different types of pages, such as cover pages, text pages, infographic pages, and image pages. You need the knowledge from Part 1 of the class to be able to follow along in Part 2. So you don't need to take this class from start to finish. It all depends on your prior knowledge and how comfortable you already are working with InDesign, it also depends on your purpose and how you will use a presentation. If you, for example, know that you create a digital presentation, you can just skip the lesson about bleeds. Think through what you want to take away from this class if you want the full experience and knowledge of creating a powerful presentation I recommend to take the class from start to finish. If you know that you want to learn more about specific functions, or if you know that you want to learn more about just the layout, you can skip to the parts of the class that suits you. With all of this said let's head over to the next lesson and start the practical parts of this class. 5. Create a New Document: The very first thing we need to do is to create a new document. So open up InDesign and let's create a document that suits our purpose. In this class, we will create a digital presentation that the client also might want to be able to print in a standard size. So as I live in Sweden, a good standard size is A4. If you're in the US, letter size would probably be a better alternative. So you can either type in the measurements or have a look and see if there are any presets with your preferred sizes. I'll click on the web as it's a digital presentation that we will create firsthand, and there's a A4 size as a preset. I will change my units to millimeters, as that is nice standard units. If you prefer to work with inches or pixels, then that's fine for this class as well. You will still be able to follow along, even if you have different unit settings. Under orientation, I will select landscape as screens are in landscape orientation. Let's go for one page here. Oftentimes when you start a project like this, you might not know how many pages the final file will become, and that's fine because you can always change the amount of pages later on. So let's start with one page and I'll show you later on how to add more pages. Then there's some other settings here that I won't mind for the purpose of this presentation. You could, for example, select facing pages, which means that you get a spread to create your design on. When I made brochures and other printed matters that are folded in certain ways, I've used facing pages to be able to see that the design of the spreads comes together nicely. But in this class, we won't do facing pages. We will talk more about margins later on in class. I will just leave this one as it is and the same with the bleeds. So when you're finished, hit "Create", and here we have a new document. When you started this new document, we can head over to the next lesson where we will talk more about type. 6. Working with type: In this lesson, we will talk about and learn how to work with Type for your presentations in Adobe InDesign. This is not a detailed topography lesson, although I'll hint a few tips here and there about what to think about when it comes to the topography. But in this lesson, we will focus on what to think about when it comes to type, to create Powerful Presentations. Let's start with how to add textContent to your document.Usually, when I work with clients, they have the textContent ready. My job is to place it in an appealing and functional way in the presentation. I've included a text document to download here in class, which is an example of how the textContent can look when I get it from a client. Make sure that you download that before we continue with this lesson, if you haven't done that already. When I worked as a Marketing Manager in House earlier on, I often used to create the textContent myself. Maybe that's the case for you. This is actually a good thing as if you create the content yourself, you are usually more free to make changes in it, which makes that layout process much easier as you can adapt and change to text as you go to what suits your layout. But for this example in class, let's say that we have a client who has given us a document with textContent. We need to place the text in InDesign. I do this in one of two different ways. I either place the text file or I copy and paste. The most important thing is that you use the way that you are most comfortable with. So I will show you both ways. First, let's have a look at how to place the text document in InDesign. Let's use the Type Tool and create text box. Then go to file and place. Click on your text file for me that is the RTF file and open. As you can see here, that text is placed inside of your text box and there's a red little box with a plus sign at the bottom right corner. This means that there are more text here that you can't show in this text box. If you click the little red books, you can see that you have a bunch of text over here. If you click, you will create a text box with more text showing. As you can see, I haven't placed all the text in this text box. You can adjust the size of the text books, which will show you more or less text. But the thing with these two boxes now is that they are linked together. If I would erase a bit of the text from the first box, the text in the second box will jump up to the first box. So let's just undo that to place takes like this is great if you, for example, are creating a book in InDesign or any other type of material where your text will continue from one page to another as the text boxes are linked to each other and therefore the whole document will be changed. When you make changes to one text box, if that makes sense and you could place your text like this in this class as well. There's nothing wrong with that. But when I'm creating something with separate contents on different pages, like the presentation in this class. I tend to do it the easy way instead. So let's just delete these text boxes and open up your text file and then I copy and paste from my text file to a text books in InDesign. For me, this is faster and makes it easier to keep the different pages apart and I get a better look at what is supposed to be included on the different pages. But this is a matter of preference, as I mentioned, you could use the technique that you prefer. Let's continue with the different fonts and levels of type. In this presentation, we will mainly use three levels of type. Heading one, which is the font, ASO Heading two, which is L1 script, and the body text that will be Adobe Caslon. Let's start with copying that takes on that page two from text file to a text box in InDesign, the way I work with text in InDesign presentations is to roughly plan the layout at first. We'll talk more about this later on in class and then I try my ideas out to see what looks good. How do you know what looks good? Well, it's good to have some basic knowledge of graphic design and typography at first, then I prefer the trial and error technique and spending time at creating which will make you better and better. Lastly, you can get inspiration from things that others have created that you can find online on, for example, Pinterest to learn what you like and what looks good. Let's just start with formatting the text and then we can take it as we go, click and drag in the text box over the body text. This is supposed to be some kind of headline or heading and this is supposed to be body text and let's head over to the characters panel. I have my character panel over here. You could also have yours up here in the top control panel. Let's change this body text to Adobe Caslon Pro. I will use the regular and then double-click to select the heading and that one, we will use ASO sense, black. You could have both of these levels of type in the same text box. But I tend to think that it's much quicker to change the format of the types if you have them in different text boxes. If you have them in the same text box, you need to click and drag or double-click over the text inside other text box to select which level of type that you want to make changes to. But if you had them in separate boxes, it's enough to just select the whole text box with the selection tool to change the type settings. Let's just copy the heading. I will just cut that out, Command X and hit Command V to get a new text box, with my heading. I will just arrange that so that is about the same size as my body text text box and then just hit the backspace to get the body text on the first row of the text box. Now we're ready to make some changes here. Let's start with the heading, fresh, fruity and juicy. Select that text box and bump up the size a bit to, let's try out maybe 28 points. Let's make this upper-case. I will go to type change case and uppercase when I have the textbook selected. For this page with this small amount of text, I think it will look good to have everything centered. Let's just select both of our text boxes and in the paragraph panel, click Align Center and then we can drag out the text boxes to either the margins, which is this purple lines, or all the way out to the side to make the text in the center of the page. We will go back and forward a bit to get this type to look good. Let's continue with the body text and increase the size to maybe 22. We will talk more about layout later on in class, but let's make this page as if it was a mission statement or tagline or something like that. Easy to read and as a bold statement, we want to have a lot of air on this page. Let's just zoom out a bit. I'm holding the Option key and scrolling with my mouse to zoom out. You could also use the zoom tool and click Option key to get the minus and then I will just arrange these so that they are about in the center and I think we can increase the size of the heading a bit to maybe 30 and also the body takes to maybe 24 and it doesn't look that good for the body text to go all the way out to the margins or the side of the page, so I will just bring that in a little bit and when I want to center this text box to the page, I go to the aligned panel. If you don't have it, you can go to Window, Object and Layout and Alignment. Then I click a line, horizontal centers, maybe something like this is starting to look good. Next we might want to increase the tracking of the heading in the characters panel, which basically means that there will be more space between the letters. This is the little tracking option box, and let's go for 50 and as you can see, there are more space between the letters. This is a basic rule when it comes to topography with uppercase letters. You need to add some space for better reading possibilities and it also looks so much better. A little trick to get the same distance between your headings and body text when you have them in separate text boxes like this, is to right-click the heading and go to fitting and fit framed content. But here I think I have another line, so I need to hit the backspace in the text box and then do it all over again, fitting and fit friend content. Then I can just drag my body text box so that it's perfectly aligned to the headings text box. I zoom out a bit and then I hit Command K to go to the Preferences and hit Units and Increments. At the bottom where it says keyboard increments, cursor key, I will change this to one millimeters. This means it will move one millimeters for every time I hit an Arrow key. That's one, two, three, four, eight. That's eight millimeters between these two text boxes at the moment. Maybe something like that looks good. Let's leave it like that for now anyways. Now you know the distance between your heading and body text, so that you can use this over and over again in your whole presentation. Let's just fit the body text to the text box as well. Right-click and fit framed content and then let's group these two together. So Command G or Object Group and go to the Align Panel. Make sure that you have align to page selected and then a line horizontal centers and align vertical centers. Now we know that we have these two text boxes in the center of the page. If you want to see how this looks without these text boxes around, you can hit W and there you have a preview without the boxes showing. This is normally how I work with text in InDesign. I try out my ideas along the way ans see what works on that page and then in the whole presentation, I go back and forward and make changes. 7. Paragraph Style: One little trick to save time when working with type in InDesign is to create paragraph styles. I hardly ever do this as I like a more flexible workflow, and to go back and forward to make changes. But if you work with a presentation or a document and already know from start how the different levels of types should look exactly down to the certain points of the types, then paragraph styles is a great choice to speed up and work more efficient with type in InDesign. I will just hit, "W" again to go back and then ungroup my text boxes, and I will bring out the paragraph styles panels, go to windows, styles, and paragraph styles, and with one text box selected, we will make a paragraph style of this heading. You go to new paragraph style in the little menu in the paragraph style tool panel. Let's type "Heading 1" in the style name box, and I will just leave this with no paragraph style, and the next style is the same style, and you can even create a shortcut if you wish. But basically what we do here with this preset is to create styles that you can just click in and use as soon as you want that type of style in the text box, like for example, the heading. In the style settings box, you can see the details of your paragraph style is [inaudible] , 30 points, tracking 50, align, centered, and all other settings that we made. If you have a look at the left menu, you can see all settings that you can create here, everything from the basic font settings to more advanced and detailed settings. But for us, as we already selected a text box, which is the style that we want to create this paragraph style of, we would just hit, "Okay". Now, I have a paragraph style that says, "Heading 1". If we create a new text box and I will just write fresh, fruity, and juicy, select the text box and click the Headings paragraph style. You will now get our Heading 1 paragraph style to this text box. This looks good, although, we don't have the uppercase letters here. Let's right-click the Heading 1 paragraph style and edit, and then let's go to the basic character formats, and here we will change the case to all caps and then just hit, "Okay" again. Now, we have the exact same style that we had for the Heading 1 as a paragraph style so that we can use it over and over again. That's basically how you work with paragraph styles, you can create paragraph styles of all levels of type in InDesign. I won't work with paragraph styles when we create this presentation here in class, just because it doesn't fit with the workflow, and I like a more flexible workflow, and to try out ideas and go back and forward to make changes until I'm happy with the result. But if you do have fixed specifications for your fonts in the presentations that you are making, paragraph styles is a great way to make it more efficient to work with style in InDesign. What I tend to do that really works for me is to copy the styles from other text boxes instead of creating paragraph styles. If we just create a new text box, and I'll just write fresh, fruity and juicy, and select the text in your text box, the Eyedropper tool in the left tool panel, and then you can click inside of another text box, and that will actually make your font here the same style as the style in that text box that I dropped. This way tend to work much faster and easier for me as I usually can't go back and forward and change settings with my type in my whole process, and if I create a paragraph style from start, I will need to change them over and over again, so that doesn't fit my workflow, but it might fit your workflow, so you should really use the technique that suits you. That's all for this lesson. Let's head over to the next lesson where we will have a look at how to create bullet lists. 8. Bullet Lists: Let's have a look at how to create bullet lists in InDesign. Bullet lists are common to use in presentations and they are actually really easy to make. We will start with copy and paste the first paragraph from page 3 with the bullets from our text documents to a text box in InDesign. This doesn't look so good, does it? That's because it's formatted in your text document and now we need to reformat this in InDesign. We will start with just removing these dashes. Just delete those so that you can get the text aligned to the left of the text box. Then let's just separate the heading from what will become the bullet lists with a new row and we will change the font to our body text font, Adobe Caslon, and bring up the size to maybe 20 to see a little bit better. Let's just increase the size of this text box a bit to get a better view of your list. Then I will just bring out the Paragraph Panel, select the texts that are becoming the bullet lists and I will go to the Menu and the Paragraph Panel and hit "Bullets" and "Numbering". Under list type, select "Bullets" and I will just use the regular dots bullets for this one. As you can see, you got yourself a bullet list, what's important setting here in this box is the alignment. Usually, I go for left alignment with bullets and then we need to change the settings of left indent and first-line indent. What this means is the space between your bullet and your texts and where the first line of that bullet, this one will start. These two settings need to be the same if you want these in a nice row. Let's just hit "Six Millimeters" and then "Minus Six Millimeters". These two numbers need to be the same. If you type in six millimeters in the left indent, you need to have minus six millimeters in the first-line indent to get a nice line with the rows, then hit "Okay" and this is how it looks. When you created your bullet list, you can format this text as you wish. You might want to add some space between your bullets without affecting the row of this first bullet. Let me show you what I mean. If you select all bullets and increase the leading, you'll get space between all of your lines. Let's just bring that back but if you want to have space between your first and your second and your third. You can just select your second bullet and increase the leading on that one. Then select the third and increase the leading on that one. That's all you need to know to be able to make bullet lists. Let's head over to the next lesson where we will work with placing images. 9. Placing Images: Images are powerful elements in presentations. Our eyes are naturally drawn to images before text, and to add high-quality images to your presentation will most likely increase the impact you will make with it. In this lesson, we will go through how to place images in a few different ways in InDesign. You can download all of the images that I used in this presentation via the link in the document called links to download, that you can download here in class. Let's start. To simply place an image in InDesign, you go to File and Place, click on the image that you want to place, let's use this one with the oranges, and click Open. You can click somewhere at your pasteboard, and there you have placed your image. This will place the image at the original size. Most times this just makes the image way too large, and you need to adjust the size to make it fit to your page by holding on Command and Shift, click and drag with your mouse. It's not a very efficient way to place images, but it works fine if you prefer this way. Let's just delete that image, and I will show you two other ways. First, let's go to File, Place again, choose your image, and when you fetched your image, you can click and drag at your pasteboard to create a frame where your image will be placed. That's a bit more efficient and handy. But let's have a look at the third way, which I think is the best way if you're planning a whole layout, like we will do with this presentation later on in class. We will place the image in a pre-made frame. For this, we use the rectangle frame tool. If you click and hold on the rectangle frame tool, you can see that there's also an ellipse frame tool and a polygon frame tool. You could also use this technique if you want your images to become cut in an ellipse shape or a polygon shape. But for now, let's use the rectangle frame tool, and we will draw out a frame. Let's say that we want this image to fill the whole page, I'll just double-click on the hand tool to make my page fill the whole screen as the working area, so that you will see a little bit better. You could go ahead and click File and Place, and that would be perfectly fine to place an image in this frame tool, but you could also drag in the image to the frame and that will place the image to your pre-made frame. If you're not happy with how the image is placed in the frame, you can select the black arrow, the selection tool, and hover over the image. When you see a circle with a circle inside of it, you click on that one, zoom out a bit and you will see a red rectangle outside of your image frame, and now, you can change the position of your image inside of your frame. Maybe you want to have the oranges a bit further up on the page, so something like that. If you want to change the size of the whole image and retain the proportions, you can hold down Shift and Command, click and drag on the red rectangle to be able to change the size of your image inside of your frame. If your frame is a little bit off from the placement that you want, you can align the image to your page. You should have the align tool up here in the top Control Panel, otherwise you can go to Window, Object & Layout, and Align. Make sure that you have align to page selected, and then align horizontal centers and vertical centers. That's a few ways of how you place an image in InDesign. The way you use depends on your purpose, workflow, and what you prefer. We will place more images later on in class when we work with the layout. For now, this is all you need to know. 10. Formatting Images: Next, let's have a look at file size, color space, and the resolution of the image. If you open up the links panel in InDesign, you can go to Window and Links. You can see all the information about your image here. If you click your image and make sure that you have the little arrow clicked in, this is where you can see the link information. You get the color space information, the format of the file, the size of the file, ICC profile, PPI, actual PPI, effective PPI, the dimensions, and all of that. Why should we care about this? Well, first of all, it's good to know the color space of your image, so it matches the purpose of your presentation. If you for example would print your presentation, you will want to change all images to CMYK color space, before you export the file and send it off to print shop. It's also good to know the PPI, which basically means the resolution of your image. You have an actual PPI here, which is the PPI of the image in its original size, and then you have the effective PPI, which means what PPI the image gets in this size. If we change the size of the image here, the effective PPI will actually change. You can see the dimensions of the image 4,000 times 6,000 pixels, that's the original dimensions and won't change when I change the size of the image. You can also see the size of the image file, which is 3.4 megabytes. What does this all tell us and why should we care? Well, especially for digital files that are meant to either be uploaded somewhere online or other where, and there are meant to be shared. We want to keep the file size low. Images are mainly what brings up the file size the most. We can check this details of the image and see if you can reduce the file size of the image somehow. You need Photoshop or I guess another image editing software to reduce the file size. I'll show you what to think about and how to do that. First to make this logical and easy to understand, change to fitting up the image so that it fills the page. You do this by right-clicking, Fitting and Feel Free Proportionally. I will go ahead and make a copy of this image because we will change the size of it. I want to be able to keep my original and changed a copy of it so that you can see what I do. I will just hit Duplicate and I will name that one copy in the beginning of the file so I know what it's called. Then I will just go ahead and make a copy of this image and the frame by holding down the option key, click and drag to make a copy. In one of these, I will place my copy of the image which is this one, and this one is the original. Let's edit the copy. Right-click the image, go to Edit With and Adobe Photoshop. Based on the purpose of your presentation and where you will use it, the image PPI can be different. Normally, it's recommended that you upload images with 72 PPI online. Although I sometimes feel that with the amazing quality of retina screens nowadays, 72 PPI can look a bit blurry online, but you can still have it as a rule, and then you can try out yourself how there you want to go with your online images. For print, you should go for at least 200 PPI, but often 300 PPI is preferred. If you're supposed to show your presentation on the screen, it all depends on how big that screen is. I will go for somewhere between 150 PPI and 300 PPI depending on how much it matters that your file size is low, because the lower PPI your images have, the lower file size your whole presentation will have. Let's change this image to the same size as the page in your presentation, and for this example, let's go for 72 PPI. Click on Image and Image Size in Photoshop. Make sure that you have the same units as your InDesign document. For me that is millimeters, and then I will change the size so that it fits my pages. If I would type in 297 millimeters in the width, it will say 445 millimeters in the height box, and that's fine for now, and the resolution is 72. Hit Okay, and zoom in a bit. If you still want to have the option to move around the image up and down in your frame in InDesign, this is all you need to do and then hit Command S to save. But if you want to crop it all the way, you can select the crop tool and type in your page size in the boxes at the top control panel. For me that is 297, 210. You can move around your image inside of this crop books, and when you're happy with the result, you hit Enter. Then we hit Command S to save this image. Just hit Okay when that option box comes up, and we will go back to InDesign to check out the results. I will go ahead and right-click again to Fitting and Fill Frame Proportionally, to get the image fit the frame once again. If we have a look in the links panel here, we can see that everything has changed. The original image was 3.4 megabytes in size, the effective PPI was 342, and their dimensions were 4,000 times 6,000. Let's have a look at our new formatted image, and that is 620 kilobytes instead. The effective PPI is now 72 and the dimension is 842 times 596. It changed the whole size of the image. To change the size of your image down to its minimum file size, you need to be finished with your presentation, and don't want to make any more changes to your images, because this image isn't larger than this page at the moment, but this image is much larger than the page and you can change it however you want. Just make sure that you change the file size and everything of your images in the end of the process of making your presentation. What about if you want to change this image to a CMYK file? If you would print this presentation, you would need a CMYK color space. Then we will go to Photoshop once again. You can go Edit With in Photoshop once again, or you already have it here in Photoshop. What we need to do is to go to Edit, Convert to Profile, and here you can have a lot of different CMYK profiles and RGB profiles. This all depends on the print shop where you will print your presentation if that is the case. In Europe the standard CMYK profile is coated FOGRA39, and if you live somewhere else, it's probably some other profile. But you should definitely ask the print shop or the place where you will print your file what color profile they want in your file. I will choose Coated FOGRA39, hit Okay, then hit Command S to save. Head back to InDesign, and in the Links panel, you can see that this image has changed it's ICC profile to CMYK and the color space to CMYK. The changes that you do to images that you work with in InDesign all depends on your purpose. If you have a purpose which allows you to have a larger file size, I wouldn't spend time to resize every image, but you still might need to change the color mode. But if you have a purpose where you need to keep the file size low, this is how you do it. You probably need to do a little bit of trial and error, especially when it comes to the PPI. For some purposes even if they are digital, you might need a higher PPI than 72, depending on the demands and how blurry you're allowed to make the image. But now you know how to change these settings and format the file, so you can give it a go and try it out for your different purposes. The last thing that is important to know when you're working with images in InDesign is that all images are linked from the place on your computer where you place them. Which means that if you move the image from that folder, you will get an unlinked image, which won't show in your exported file. Let's just move our copy image from our folder to the desktop. Have a look in InDesign and see what happened. If you get a little red question mark by your image, you can hover over it and see what the problem is, and assess missing double-click to re-link. Which means that I changed the place of the image and that InDesign no longer finds my image to link to. If I double-click, I can once again re-link the image. Now it's on the desktop, now click that image and now the question mark is gone, and you re-link the image. For now this is all you need to know about formatting images and about linked images. 11. Margins and Columns: Let's have a look at how to add margins and columns to your page. Adding margins and columns is a great way of making sure that your content is placed with the right spacing on your page. Let's just open up the margins and column settings and dive right into it. Here you have a few settings, the margins, top, bottom, left, and right. If you have the little chain symbol checked in, it means that you will change all of the sides at once. If you unchecked the chain, you can have different margins on different sides of your page. Let's just change all of those to 20. Below you have the column settings, which means that we have one column at the moment. But let's change that to two and three and you can see what happens. Let's make two columns. The gutter means the space between your columns. This is how you create the columns of your page. If you want more space outside of your columns, you increase the margins. Hit "Okay" and then you have guidelines to place the text or images in your columns. There was last settings in the margins and columns tool. So for the last setting, I will just change the size of my image so that it fits my margins. Go back to margins and columns. I will change the columns to one again and hit "Okay" and then I will go back once again when I have changed to just one column. Here is little option that says, ''Adjust layout''. This is a great [inaudible] function. If you use the margins as your guide when you create your layout and drag out your content to the margins, you can actually automatically adjust the layout, the content on your page, according to the new margins you select. If I check and adjust layout and then change my margins and make sure you have the preview box checked in, you will see that your image changes the place on the page and even the size of the image when you changed the margins. You can also adjust the font size here and set font limits. Go ahead and experiment with this more on your own if you wish. But what I usually use is just the adjust layout with both text content and image content, especially if I want to change the margins on a whole document with several pages. This is a great way of doing it. I hit "Okay". That's how you can work with margins and columns and adjust the layout on your pages. 12. Bleeds: In this lesson we will talk about bleeds, why you will want to add bleeds, and how to do it. You only need bleeds if your file is supposed to be printed, and I don't mean printed on your own printer at the office or at home, but printed at a print shop professionally. Bleeds is a way for the print shop to ensure that they don't cut outside of your layout with Academy scenes, so that it would leave a white line at the outside of your content. You only need bleeds if you have content that are going all the way to the edges of your pages. Oftentimes, this is images or colored blocks of some kind. Here we have an image that goes all the way to the edge of your page on all sides. I would just hit "Filling" and "Fill Frame Proportionally", to get that image to fill the whole frame. Work to notice is that even if you only have one full covered image or some topic that goes all the way out to edges in your whole presentation, you still need to add bleeds to the whole presentation if you're supposed to print it at a print shop. Let's add some bleeds to this document. Go to" File and Documents Set Up". Down here, you have the bleed settings. You can do this when you start a new document as well. But for now, we will do it where we already have opened up our new document. Normally you only need to add a few millimeters of bleed. But to get it right, you should ask the print shop how much bleed you should add, because this can be a little bit different. As a standard, I'll use three millimeters when I print the Europe, if no one has said otherwise. Three millimeters at the top, bottom, left, and right bleed. I've never had a project where there was supposed to be different sized bleeds on each page. I'm sure that it exists, that project somewhere. But for now, let's just make sure that we have three millimeters bleeds on each side, and hit "Okay". The bleeds here are the red marks that are outside of your page edge. You should fill out your content to that line. We will go ahead, and just drag out the image frame all the way to that line. Usually, if you have the snap two guides and smart guides checked in, under view and guides and grids, it should be easy to just drag it out. You can also zoom in a bit, hold down the "Option" key, click and drag to make sure that you're on the exact line of the bleed. I will go ahead again, and right-click and fill frame proportionally, to get my frame all the way out to the bleeds. There you have it. Now, you added bleed to your presentation, and adjusted the image to the bleed. I won't add bleed to the document when we create this presentation here in class, as we're pretending to make it with a digital purpose. But if you're creating a presentation that are supposed to be printed, you should add bleeds and on the pages where your content goes all the way out to the edges, you should drag it out to the bleeds. Just the last example, If you would have an image that goes all the way out to the edges on the left and bottom side of your page, then you'd just drag out the image to the bleeds on those sites. Later on in class, I will show you how to export a file with bleeds. But for now this is all you need to know to be able to move on with your presentation. 13. Master Pages: In this lesson, we will talk about master pages, why you would like to create master pages, and how to do it. Let's bring out the pages panel. If you don't see your pages panel go to window and pages. I have my pages panel here. Anytime you're working with your document, you can add and remove and changed order of the pages in your document here in the pages panel. You can click the little menu to create new pages, where you can just click this little create new page button. All the new pages that you make in this document will have the settings that you created in the document set up before you make any changes to this certain page. You can move around your pages as you wish in the pages panel and you can even delete them. What about master pages? What is that? Well, master pages are like a template page that you can make as a preset and that allows you to, for example, have the same content on all pages that are set to be that master page. This is great function if you're creating a document that is really long and you want to have the same content on all or some of the pages. In this case with our presentation, it would be a perfect example if you want to include the page number on each page, you could do it via the master page template. Let me show you how to do that. You can add as many master pages as you wish here. At the moment we have a page that says none and a patient says a master. Let's just add a new master page. Click on the little menu, and click new master. You can name your master and make different settings here. But we will just hit okay and that's fine. We have a new B master page. If you double-click the B master page, you can make changes to this master page, to this template. If you have a look at the left bottom side, you can see that you're in the B master and not on the page 1, 2, 3 or A master. Let's say that we want to add website address here at the bottom right corner and that we want to add page numbers. I will just create a text box with the text tool, click and drag. Let's type in the website. I would just adjust the size of that text box. Squeeze it, use bar and I'll hold down option and seven to create this little line, and then write page and to insert the page number here so that it rolls automatically with our documents we will go to type in search special characters, markers, and current page number. I will just format this little text box a little bit before we're finished. Let's go ahead and change this to our body text maybe I wanted it italic, and I definitely want to adjust it to the right. I might even want to change the color of this. I will select the text and maybe bring down the tint to 50 percent black, that looks good. Then let's go back to the regular pages. You can double-click a page, for example, page number 2. To apply this new master at moment, you see a letter assemble it says A, which means that is A master at moment. You right-click the page, apply master to page and here you can change which master you want to apply to which pages. I want to apply the B master to page 2. There comes the website address and page two. Now you can choose maybe you want to have the B master on page 3 as well. We will just do the same thing once again. Here you can see that it automatically reads the page number and adjust it to the page. Here it says page 3 and page 2. You can of course create master pages with all content and as you can see, the content that are on the B master page is fixed on your regular page. You can't move this one. If you want to make changes to your master page, you need to double-click that one and make changes here. Then you go back to your regular pages and you can see that it has changed. This is a great function for certain types of content that you want to have re-occurring in your document. 14. Colors: Let's have a look at adding color to your presentation. You might want to change the color of a heading, for example or maybe we want to add some element with colors. In this example, we will change the colors of a heading. First I will just go ahead and change this heading to our hitting two fonts, Edwin Script, and increase the size of it and then I will just use the eyedropper tool, select the other heading, and click on my first heading to get the same format on that text. With the heading selected, I'll go to the color panel, click the little menu in the color panel and RGB, as this will be a digital presentation. Here I can just click a green color, for example, and change the values to change that heading to that color. I can click and drag to save that color in my swatches panel. I can also select the text, double-click the little fill text color and hit add RGB swatch so that I have it saved in my swatches panel. That's pretty straight forward. But what a really handy function that I want to show you that I use a lot is to sample colors from images when I make presentations. If your graphic identity guidelines allow it, it's a great way to get a cohesive and interesting look to your presentation. Let's just place an image. I will use this green smoothie image. Click and drag to place that on my page and then I will select eyedropper tool. You could just go ahead and sample colors from this image. Select your heading and select the color. But what I prefer is the click and hold on the eyedropper tool and choose the color theme tool. Then I'll go ahead and click somewhere in my image. I will go for this green smoothie. Here I get a whole color palette. You can click the little arrow to select which of these color palettes you want to choose, colorful, bright, dark, deep or muted. I will go for the deep, I think, I like that one. Then you can hit the add this team to swatches. Now you've added a whole color palette to your swatches panel that you can reuse over and over again. I will just use my selection tool and now I go in and select my headline and I will try this green colors out to see which one I like so maybe this really bright light green one. I'll just hit W to get preview of my page and this is a great way to make image and text work really good together. Usually I prefer to only color headings or small amount of text on a page and keep the rest black for good reading possibilities. But this all depends on your purpose and your preferences. So that's a quick little guide on how to create a color palette from an image and how to use that in your presentation for a cohesive look with colors. 15. Layout Plan: To plan your layout in advance isn't something that you absolutely need to do to create the presentation. Although I often feel that having some plan only in my mind or an actual layout plan, helps to speed up my process and lays a good ground to be able to create an interesting and powerful layout. Sometimes you might have all of the content in your hands ready to be placed in a layout when you're starting to work with your presentation. Sometimes you might be given, or create the content yourself along the way. You need to adapt to the situation. Oftentimes, even if you planned the whole layout, you need to make changes to it as you go. Keep an open mind and I would suggest to not spend too much time perfecting your layout plan from the start. You'll probably only waste your time. Make a rough plan, and then start to work with the placement of your content. With that said, I thought that it would be a good idea to mention some basic graphic design guidelines that can be good to have in mind when planning your layout. To make an interesting layout where your audience keeps interest during the whole presentation, you need variation to your pages. Some pages can be just text content, some with text and images, and some with only images. Make the content vary from page to page, so that the eyes of the audience will dance over the pages, and that they will be interested in what will come next. Next thing to think about is to make an impact with your cover page. The cover page needs to look both really good and be informative at the same time. It needs to build an interest from the audience so that they are curious to see the rest of your presentation. The first impression is a huge deal, to be able to keep the audience attention. Make it airy. Don't try to squeeze in too much text on one page. This does, of course vary with your purpose, but you should aim to create a layout for skimming, not deep reading, to be able to keep the audience interested. The reading possibilities is so important. Don't use fonts that are really hard to read just because they look good. Although it's equally important that your font combination looks good together. You should aim for both style and function to work when it comes to the typography. Sometimes you already have set fonts in your brand Identity guidelines. In that case, you work with what you have. With those basic guidelines in mind, let's start with planning out our layout. I will create a new document that is A4 preset web. My units will be millimeters. The orientation landscape, no facing pages and as I already know that my presentation will be 10 pages long, I will make it 10 pages from start. The last thing that I will change is the margins. I want big margins on the presentation. Let's try out 35 millimeters, and see how that goes, and hit "Create". For this specific presentation, we already have the content pre-made, the text document, images, logo, and infographics that you downloaded in class. As we plan the layout, we will look at the text document to see how much content we need to include on the different pages. I will just open up a text document on the side of in-design. The first page, page one, is a cover page. To make this interesting, I will go for a full cover image here, as we have such beautiful images to choose from. I will add a logo and the text on the image I think. I will use the rectangle frame tool, and drag out the frame that covers the whole page here. That represents the image. Bring that panel in, so that you see a little bit better. I won't mind adding any text or image frame for the logo here, as I don't know which image we will use for this first page. It all depends on how the image looks, where we can place the logo and the text. We will just leave it like this for now, so that we know it's a full cover image page. Page two is a short mission statement or tagline of some sort. This will probably be appropriate to have in a large size text box in the middle of the page. Let's just create a text box for that. I won't mind if it's in the center of the page. For now, I will just create a text box that is in the middle of the page. Let's move on to page three. On-page three, the client has specifically asked for an inspirational image and text on this page. For me, this is the case sometimes, some pages I get totally free hands to create a layout, and on some pages the client have specific wishes. That's why I include this in the text document in this class. Let's just start with creating a rectangle for the image. I will drag it to the center, and then make it a little bit bigger to get a better balance on the page. We might change the size of that image later on. Then create a text box to the right of the page where the headings and the bullet lists will go. A basic rule is that our eyes are drawn to the left side of the page first and images before text. Usually I keep images to the left side of the page instead of the right, for a higher impact. You could also go for an image on the top of the page, like this, and text at the bottom. Or you could, for example, have two images on the left side and then text on the right side. But as I know that we have some really nice portrait images, and that we have a bullet list that will go on this page, this layout feels the most appropriate, with the image on the left side and the text with a bullet list on the right side. On page four, the client wants an image only. That's pretty easy. We create cover rectangle on that page to place the imaging. Page five looks like an infographic page, because there are some percentage here, and it says audience and it's a bunch of stats. As I don't know yet how I want to place those stats, and maybe I don't even know how my infographics will look, I will just create a text box for the heading here. As it's divided into two different kinds of stats, I will create one text box for each of them. This doesn't look that good for now, but we will work it out later on when we place the infographics on this page. On page six, we will create an image collage. For this, I will use the frame tool and make some boxes for the images. Let's say that we want five images in our image collage. For an airy feeling, I know that I want space in between the images. Let's just create a frame that covers the whole width of the page. There are at the top, and to add some space, I will divide this frame with two at the width. Then I'm going to go for four millimeters space in-between, 4 divided by 2 is 2. Then I will go for minus two millimeters in the width box, and copy that frame to the other side of my page. That way I know that I have four millimeters in-between my two boxes. Let's create three boxes at the bottom. I will just copy my first box, and make that aligned perfectly on the edge with my top box. Then I will hit "Command K" go to units and increments. Under keyboard increments, cursor key, I will set four millimeters, which is the space that I want between the boxes. Hit "Okay" and then hit the down arrow one time. Now I know that I have four millimeter space between these two boxes. I will align the bottom of that frame to the page, and then drag out the frame to the full width of the page. As I want five images on this page, I will divide this with three, make copies so that we have three boxes at the bottom. Select my left box, hit the left arrow tool, and select my right box and hit the right arrow tool. Align the sites of the boxes to the edges of the page. Now, my middle box is a little bit bigger than the ones on the sides. But I think that this looks good, so I will just keep it that way. It also makes a nice variation to the page. On page seven, there's a lot of text. To be able to create this as airy as possible, we will make a text only page here. I will add a text frame to the page, and we might even want to add columns to this page as its so much text here. But let's see if we want to do that later on when we actually place the text on the page. For now, we will leave it with a text frame. Page eight is an image only page. I'll just drag out a frame that we can place the imaging. Page nine is three headings, and some body text. It will probably suit to have an image and text here, to make the page more interesting and also vary the layout. Let's make an image frame as we did before. It might be nice to have the exact same position of the image, as we had on the previous page with the image and text. I will just copy this from page three, the image frame and the textbox, and delete that one, and paste it on page nine. The last page is a thank you page with contact information. We might want to add an image or just a colored background to this page. As we don't know that yet, we will see how it looks when we place the content. I will just create a text box for the thank you. Maybe a thank you over here, and maybe contact information at the bottom. Two text boxes at that page. That's it. Now, we made a rough plan for the whole layout. This is all that we need for now. When we start to work with that content, we might actually change a lot in this layout. But with these basic guidelines, you will feel so much easier to start and build your presentation, than if you would have no plan at all. 16. Cover: Okay. Let's start with creating the cover page. As I said before, we want the cover page to make impact. We will place an image that grabs the audience attention, our logo and the text from page one in your text document. Let's just start with coping the text from the text document. We also want to place the logo that we will use. This is an EPS file with a white logo, as we will add it to an image. We'll just drag in that, click and drag, to place my logo. Then we will place an image into this frame. So let's have a look at our images. It's not specified which image that we should use for the cover page. Personally, I feel that a too darker images are good for reading possibilities with the text on top of the image and also the logo and also that they set a really nice mood. Let's go for the image with the oranges. I think that that will make a really nice cover image. I will just drag that in and click in the frame, to make this image look good with text on it. I think I will need to arrange the image to the page so that I get more green from the image to my page. I might even want to increase the size of the image, so I will just click and drag to be able to get a lot of the dark green parts of the image on my page. This will make it easier to place the logo and the text. Let's just hold down "Command Shift" to adjust the size of the logo. I might want it in the center or I might want it at the bottom. Let's try to add it to the bottom right corner first and we will format the text. "Welcome to squeeze it" will be the heading one, which is the azo black and "Organic, Fresh and Fruity" will be in heading two, the Eldwin script. let's increase the size of this to maybe 36 and I will make these white. I will bring out my tool panel and select paper which is the same as white and in your design. For now let's just place this text by my margins. I definitely want the heading one to be all caps. I will go to type, change case in uppercase, and I want to add some tracking as it's uppercase letters, so let's try out 50. That looks pretty good. It might look better with the logo at the top. Let's align it to the center and go to your align tool panel, align to page and align horizontal centers. Maybe want to increase the size of the logo a little bit so it makes a bigger impact and align horizontal centers again. If the logo is centered, I definitely want the headings to be centered. So I will go to the paragraph panel and align center. Let's hit W to see how that looks. It already looks pretty good, but I think that the heading two needs to be smaller than heading one. Let's try out 26 points, and maybe we want to add some space between these headings. So select your bottom heading to heading two and increase the leading in the characters panel. Let's try out 38 and bring that down a bit, make sure that it's aligned to the page. Maybe it's a little bit too much space. I will go for 36 instead and maybe bring down to size to 34 for the heading one. That looks pretty good to me. I will hit "Command K", click units and increments, and select one millimeters in the keyboard increments cursor key to be able to move my headings up and down on the page, and then drag down the logo and zoom out to see how that looks. For me that looks pretty good. Let's hit W again and see where we are with our margins, so this could be a good guideline that the margins of 35 millimeters will be on the top heading, the heading one, and then we can bring down logo a bit. I will double-click on the hand tool to make this fill the whole page. If you want to see a full screen preview of your page, you can hit "Shift W". That looks pretty good to me. This might be a little bit disturbing with the leaf and the text, so let's hit "Shift and W" again and see if we can adjust the image a bit. To adjust an image that is in the background, I will just lock these two top layers, so select those, hit "Command L" to lock or object and lock, and now we can adjust the image, zoom out a bit, and adjust the background image to change the leaf. Maybe we even want to increase the size a bit of the image, zoom in a bit, so something like that looks good to me. Let's hit "Shift W" again and see how it looks. That looks pretty good, so we'll keep it that way. Hit "Shift W" again, and there you've made yourself a cover image. This is all about experimenting and see what suits the image and what suits the style of your presentation. When you're finished with your cover, we can head over to the next lesson. 17. Text Page: Mission Statement: In this lesson, we will create the text pages, the pages that are supposed to be with text only. This is the page 2 with the mission statements and page 7 with all of that text. Let's us start with page 2. If you watched the previous lesson about paragraphs styles in this class, then you will recognize what we will create with this page 2. Let's copy the text and paste it in our pre-made Textbox. This will be the heading, Fresh, Fruity, and Juicy, which will be in a black font. I think we had 34 on the cover page. Make it uppercase. We had a tracking of 50, align it to the center. For the body texts were using Adobe Caslon Regular and increase the size. Let's see what looks good at this page. Normally, you can have the same size of the body text on a lot of the pages in the presentation. But as this is more like a mission statement, we want to the text to be a little bit bigger. Maybe I will go for 20 here. Let's try that out, either way. I'll cut out my heading from this Textbox Command X. Move the body text at the top of the Textbox and just paste that in. I do this to be able to more easily adjust the width of the Textbox with the body texts, and I'll just align that Textbox to the center of the page and "Right-click," fit frame to content. Align it to the center. Let's see how that looks. We'll also fit the heading frame to the content. "Hit W". That looks okay. I might want to increase the size of the body text for this purpose and maybe adjust the length of the Textbox. That looks better to me. This is Adobe Caslon Pro Regular 22 points. Let's see how much space we want between these two Textboxes. I'll drag the body text up to the other Textbox, double-click their hand to make my page fill the whole screen. "Hit W". With the selection tool, I'll select the body text. I know that I have my keyboard increments set to one millimeters as we did that in the last lesson. Then I will hit my "Down Arrow" to maybe eight, zoom out and see how that looks. That looks pretty good to me. Maybe I want to bring down the body text a little bit. I actually think that the heading looks a little bit too big, so I'll bring that down to 30 points. Maybe I will bring up the body text a little bit to 24. I will definitely don't want to hyphen it I will un-check that box. Maybe something like that. Center both on my text boxes to the page. Select both and group them. Then I will center the group to the page. That looks pretty good to me. Now, we have 30 points at this heading and on the cover we have 34 points. I won't mind that the cover page has a larger heading as is the cover page. But I will try to keep the headings the same size during the whole document. Otherwise, the body text is, as I said, a little bit larger-sized here on this mission statement text. But I will definitely have it a little bit smaller-sized on the other pages. The last thing that we might want to do here is to add a little bit of color to the heading. If you watched the lesson about colors, you will know how to create a color palette with the Color Theme tool. Select the Color Theme tool and I will just go up to my cover page, click on the image. I will use this dark, because I don't think that I will use any orange. Used a dark, add it to my swatches panel. Let's see how that works out. I'll "Double-click" on my heading unless, let's try out this dark green color. That looks pretty good. Let's try out the light green color. No, I don't like that one. The other dark green color, that's a little bit too forest green. Let's try out this. We might change the color later on when we created more pages of the layout. 18. Text Page: About: Let's move on to the other text page that is page number 7. I just copy the text from the text document. Hit w in InDesign and go down to Page 7. You can see the page at the bottom left corner. Click in the text box and paste your text. This is already made in paragraphs. That's nice. Let's make the body texts. Adobe caslon, and let's go for 16. We don't want to hibernate, I think. We probably want to use this justify with last line aligned left, as it looks good with a lot of text. I will cut out the heading. Make sure that the body text are at the top of your textbooks. Drag the textbooks down a bit, and then paste the heading. That makes a new textbooks. The first line of the heading will be Azo Sans Black uppercase, and it was 30 points. The other heading will be Eldwin Script. Let's go for 22, for now. I will try out to use the Eldwin Script Light as I think it looks better and more air to it than the regular. We might need to change that on the cover page later on as well. But let's just try out that for now. This is too much texts for one page and too long rows, for my eyes, to be able to keep an interest. I will actually divide this page into columns. Click on "Layout", "Margins and columns", and "2 columns." Let's just make it 8 millimeters between the columns. I will adjust the textbox, to one column and then click on the little red box with the plus sign and create a new text box for the rest of the text. Let's see. There we have two columns that looks pretty good. Let's drag those down. We might want to change the size to 16. I thought I already had 16 points per 16 points. Then I think I want to increase the reading to 22 for better reading possibilities. Adjust my text box. Make sure that looks good and this is starting to look good. Select the textboxes, zoom out a bit so you can see what I'm doing and bring the text down to align it to the margins. Let's see what we will do with the heading. We definitely want to add the 50 in tracking at the Heading 1 "About us" and might want to increase the size of the Eldwin Scripts so that it looks a bit better. Maybe even add some space between there. To adjust the space between the body text and the heading, I will hit my arrow tool down eight times. On this page actually feel they will look better with more space. Maybe 12 and I think it's too much space between the first and the second heading. Maybe 26 31 is better. Hit w again. I will just adjust the size of the textboxes and group this whole thing together. Hit w and then align vertical centers. Make sure you have aligned to page and align vertical centers. That looks pretty good for me. Ungroup again, and I will try out some colors, so let's try out the dark green at the heading. Maybe the lighter green. Now I don't like that one, so let's make a more forced green there, thinking we'll add some blue and add some green. Let's see how that looks. That looks a little bit better. I think that I want to also change the size of the heading to a little bit darker once again. That looks good to me. Now I will save the color, will just double-click the "TextField" add RGB to swatch, and then double-click my other heading, double-click my text fill and add RGB to swatch. For this purpose, I didn't like my original color palette that I got from the image. I adjusted the colors a little bit, and now I'm more happy with the result. I can go back in my presentation and change to the bright colors. I also should change to the Light version of Eldwin scripts at the cover page and that looks better. The first text page that we created with the mission statement looks like this. A little bit bigger body text and a dark green heading and the last text picture we created is Page 7, and it looks like this. I'm pretty happy with these for now. But I know that I sometimes need to go back and forward when I create my whole layout. I won't mind if something bothers me for now, if I think it's too much space in between here or whatever, I will just go through the whole layout in the end and see if I want to change something. For now, I'm happy with this. Let's move on to the next lesson. 19. Text and Image Pages: In this lesson, we will create the pages with both image and text. That is Page 3 and Page 9. Let's start with Page 3, which is the page with the aspirational image and text. Copy the text, paste it in the Text Box in in Design. We can start with formatting the text and then we can add the image. This is heading one , the products, and juice and smoothie is supposed to be heading two. Then we have two bullet lists. Let's just remove those dashes. If you think that this part of the lesson is moving too quickly, you should check out the lesson about bullet lists, where you will learn more in depth how to create bullet lists. Let's just change all of these texts first to Adobe Caslon regular and let's go for 16 to start with. We probably want a little bit more space with the leading, so 16, 22 maybe. Let's make sure that it's not hyphenated, so click the "Paragraph Tool" panel and uncheck the Hyphenate Box, then select your first row of bullets, Paragraph Tool panel bullets and numbers. Select your bullets and makes sure that you write in six in the left indent and minus six in the first line indent to get nice rows with your bullets. You could also have five or four or whatever you feel suits your page and make the same with the other bullets. Click ''Bullets and Numbering'' in the Paragraph panel in the left indent six and the first-line indent minus six and then hit "Okay" That looks pretty good to me, like a start. I would change the font of the headings. To do this really quick and easy, as I've already created headings at the Text Page that we created in the last lesson. I will copy that Text Box, paste it at the side of my page on my Paste Board. Select my heading. Make sure I have the Eyedropper Tool selected and click on the "Heading Two" from my Elastic Box. Then repeat. Products will be in the heading one, and type change case, uppercase, so that looks pretty good, hit "W" to see how that looks on the page. Then I will place the image and adjust the text when I know how it looks with the image. For this page, we will use the first green smoothie with a little limes on the tray photo, so drag that in and paste it in your frame. I think that this placement of the image looks really good, so just keep it that way. Now I can either go in and change the space between my first heading and my second heading by selecting that Row beneath my first heading and adjust the leading. But I will actually go ahead and cut that heading out, makes sure that the content in the Text Box is at the top of the Text Box, and then paste my heading above, Right-click fitting and fit frame to content and right-click my second "Text Box" and "Fit Frame" to content. This way it's easier for me to know how much space I have between the heading and the Text Box. Let's just try out 12 as we had on the Text Page from the last lesson, the about as page and that looks pretty good to me. I'm actually happy with this text, I will group these two together, align to page and then align vertical centers. As you can see on some pages, that 35 millimeters margins works good, and on some pages I need to place the text a little bit outside of the margins. I could of course, go ahead and change the margins of this page so that it fits the new placement of this text case. I'm pretty happy with this page at the moment. Let's move on to Page 9. Go directly to Page 9, hit "W" to see the full page an then I will copy the text from my text document into the Text Box. Now I will go back and copy the text content from Page 3 that we just made and paste that at the side of Page 9 on the pasteboard. That way I can format the text really quickly, but I don't want a bullet lists here, so I can just grab the body text from the About Us page and copy that style. Logo will be the heading, go to Type, change case to uppercase. Green will be heading two and around the corner will also be heading two. Just copy that style with the Eyedropper symbol. Cut out logo, which is our heading one. Just as we did on the previous page. Paste it, Right-click and Fit Frame to content. Then I go to fit frame to content in my body text, drag that down a bit, at the heading and 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12. Group everything together, align to page by clicking "Align Vertical Centers". Hit "W" to check how it looks. For me that looks pretty good. Let's place the image on this page. For this page, I will use the hand that squeezes a lemon in the smoothie, and I will click once on the image, hold down Shift and drag to make sure that it's centered or that it looks good. On my page, hit "W" again, zoom out a bit, not that much, but zoom out a bit like this to see how it looks. For me, this looks good, so I'm pretty happy with this result. Ungroup again and I will actually try to increase the leading, the Body Text to 24, so it's 16, 24 to get in some more air. Then group this again and align vertical centers. Make sure that you have all the text showing, fit frame to content, group this again and align vertical centers. That looks pretty good, so we have 16, 24. Now we'll just do the same on the other pages with the body text because I like some more air on the pages with a lot of text. Now we created two different pages with images and text, so let's move on to the next lesson. 20. Collage Page: In this lesson, we will create the image collage page, which is page 6 from our text document. There's no text on this page, is just collage with images. Now, this will move really smoothly because we already made the frames for the collage. We might need to adjust the frames a bit, but let's see when we placed our images. For this collage, we'll use some of the images that you can download in class. As there are some pages in this presentation that will be full cover images. I will leave those images that I feel suits full cover images to that purpose. For example, this darker image with the pink berries smoothie and I think that this image with the lady with the smoothie in the hand would look really good as a full color image. Let's just place the other images at this collage. I'll just drag in the green smoothie image, click in the box. Let's try out this one and the one with the pink wall. Let's bring out the CS smoothie in the middle and then the image of the juice bar at the bottom. This looks pretty good. All I need to do now is to adjust the size of the images. I will just select all images at first, double-click and select fitting fill frame proportionally. I will just start with one image. I think that one looks pretty good as it is and actually this one does as well and that one too. Maybe I will check if I can zoom out that a little bit or maybe it will be nice to have a little bit more of this CS smoothie showing as the glass is so tall and this one looks good as well with the interiors. But as I want this image to be a little bit taller, I will just increase the size of the lower row. Let's try out to just move everything four millimeters up, which would make it really easy to keep the space between the images. We'll just hit "Command" key, units increments, keyboard increments. In cursor key, I would type four millimeters. I can select all of my images and hit the up arrow. I will just adjust the top images to the page and the bottom images to the page. Then once again, makes sure that the fitting of that one is good and this looks a little bit better. We could even try to do that once more to see if it looks even better, so one step up with all the images and then adjust the position of this bottom sheer smoothie image. I might even increase the size of the image a little bit so I can get it a little bit more in the center. Maybe something like that. Hit "W" to check your collage. Then I'll just make sure that I fill all of the images to the frame. Here I have my collage with five images. So you can go ahead and experiment as much as you will with the placement of the images and all of that. But for now, I think that this looks good, so I will keep it this way. Let's move on to the next lesson, where we will just place the images on the image pages. 21. Image Pages: If you watch the lesson about image placement, you know that it's really easy to place images, especially when you made these frames. In this lesson, we will just place images full cover on page 4 and 8. What we will do, is just check the layout to see which images we think that fits the different pages. We have this image with the pinks smoothie, that is a little bit darker, and then we have this image with the lady that has this smoothie in the hand that we will place as full cover images. I think that it would look good to have the lady with the smoothie in the hand as a full cover image after this products page. Because we already have a dark image as a cover image. It would be nicer to have some lighter images here at first, and then we can place the darker image as a full cover image later on in the presentation. Lets just drag in that, place it, click on the circles in the middle to be able to change the position of the image inside of the frame. I actually think that that looks good, hit W to check it out and that looks like a really good variation with the pages. The next page is page number 8, that we will place the other full cover image on. We'll just bring that in and drag it so that the image looks balanced in the frame, hit W. Maybe we even want to center the smoothie in the frame or center and that looks good. That's actually all you need to do in this really short lesson were we place the images. Because earlier in class, we already went through how to place images. This is a nice way to get a good variation of the presentation to place these full cover images. I would say that it's good to place maybe your best images as full cover images if it's possible to make as much impact as possible. 22. Infographics: Place Pre-Made: Infographics are great to add to your presentation as it quickly shows your audience the main points that you want to tell, and you're keeping the communication short, efficient, and interesting. If you can add infographics to your presentation, if you have the content for it, I would suggest to at least have one page with some sort of info-graphic. You can create your own infographics. You can make some really simple infographics yourself in InDesign and you can buy infographic symbols online to use. On some sites, you can even download them for free. First, let's have a look at downloadable infographics that you can buy or get for free online. My number 1 site to go to for paid assets, is create a market. You can click on graphic and for example, icons to get some icons to use, and here you can just scroll and see if you find what you're looking for, or you can use the search box and just type infographics organic for example. There you got some symbols and other things that might suit you. Have a look at that if you're interested in buying infographics and the file that's named links to downloads that you can download here in class, I've linked to a free infographic resource that we will be using in this class. It's from Freepik, and I'll just click on that link and the symbols released suits are juice and smooth bar presentation. Normally you need to attribute the creator in some kind. You should definitely check how you need to attribute and it usually says when you download the file as well, you can have a look here how to attribute, and we will not use this on the web. Click on printed elements and here it says that insert attribution line close to where you are using the resource. If it's not possible, place it in the credit section, for example, image freepik.com. To follow along with my steps in class, you can download this here, suggests hit "Download." As I've already downloaded this before, I will go to the folder where my downloadable resources. Here I can get a preview of the symbols and I also can check out one extra time the license. Open up the TXT file, and here you can see that you attribute it by writing designed by rawpixel.com/freepik. Later on we will just copy that line into our pitch in InDesign. But for now, let's check out our resource. To be able to use this, you need to have Adobe Illustrator to separate the symbols so I will open this up in Adobe Illustrator, the EPS file. I will just hit "Yes" and zoom out a bit and here I have my symbols. There might be a clipping mask made in this file. I will just check if it is objectively mask. If you don't see any release here, there's no clipping mask. That's good. I will just remove the background and select the symbols that I will use. For the infographic page, I will use this natural product, the gluten-free and certified organic. Let's just copy one of those, Control C, and paste it in InDesign, Control V, and move on with the other one, natural product and gluten-free. Zoom out a bit. At the moment, I'll just remove these text boxes to design so that I have some free space with my symbols or go ahead to my text document and see what the heading is. It's supposed to say audience in the heading. Just paste the heading to the page and then go and copy a heading that I got from another page, use either per symbol just as we did before. Type Change Case and Upper Case to make my heading. First off, we have these three symbols that will just be placed at the top of the page. I will just select all of the symbols, hold down command and shift, and click and drag to make them a suitable size. For now I think this looks good, so we will just align these to the selection. Select all three symbols, make sure you have aligned to selection. Checked in and click the align vertical centers, and then distribute horizontal centers. Hit "W" to see how that looks and for me that looks good for now. Let's see if we want to change that later on. Now we placed some of the pre-made symbols that you downloaded is pretty straight forward is just the same process as placing images. Let's just add that little attribution line from the text document that was included when we downloaded the images. We'll just copy that designed by raw pixel, make a textbox and paste it in and I will use Adobe Castslon. Maybe italic and smaller. Double-click to select the text and I will probably go down to 50 percent in the tent of the black colors so that it doesn't show that much. But's so that you can still see it. That looks good for now, I would say. Let's paste the symbols that I've made that you can download in class. These are already in separate files so I will just select all of the symbols, drag them in and I would actually just zoom out and paste them on my art board. Then I will select all of the images, hold down, shift and command, click and drag to make them the same size, all of them. Then I will make them separate. Place the people symbol at first and then the little drink symbol, the minus symbol, the house symbol, and the clock symbol. I might bring those down a little bit more in size by holding down Command Shift, click and drag. Then I will just separate them a little bit so that the bottom symbol will be at the margins, and the top symbol would be around the top of our downloaded green symbol's. Select all of them, make sure that you have aligned to selection and then hit "Distribute Vertical Centers." You can also hit "Align Left Centers" to make sure that they are in one line. Now we placed all of the symbols on this page. Let's have a look in our text document to see which texts we're supposed to place. The text with five rows is supposed to go by the five different symbols. Copy that and I will just use this text box and paste that text in and I will also copy the text above and paste that in the other textbooks. I have that ready already. For this, we will go for one line with one symbol. I actually will make one text box each of these. Now, we have one text box each for the text that goes to the symbols. First of all, I will make sure that the text boxes are aligned to the left, all of them, so aligned to selection. Align left edges. Then I'll go ahead and make sure that the percentage and the text are on different rows. We'll just hit "Enter" on all of these. Makes sure that our text boxes covers all of the text. On this page, I want to use the heading fonts, by make them smaller, as its infographic page. So I will just use the heading and let's copy the heading 1 or the eyedropper symbol. I won't need the tracking when it's just one row with percentage. I will bring it down to 20 maybe, or even let's try out 14. Then I will go for the second line and make it the heading 2. Then I will bring that down even more and make sure that the reading looks good with the size. I think it will look better to bring down the size of the text even more. Maybe 11 on the heading 2 and 12 on the heading 1. Hit "W" to check that out. That looks pretty good, I would say. Now we can select all of the headings and copy the style with the eyedropper. When you're finished with all of those styles, you can go ahead and select all of your text boxes and fit frame to content. Now we will align the text boxes to the symbol images. Select your people symbol and the 80 percent text box. Make sure that you have aligned to key objects and make sure that it's the symbol that is the key object. If it's not the symbol that is the key object, you hit "Command" and click on the "Symbol." Then you align vertical centers, which means that the text box will be aligned with vertical centers to the symbol. Let's do that one more time. Align to key object, align vertical centers and then you do like this, on all of these symbols and all of the text. There, we have the wrong key objects. I will hit "Command," make sure it's the symbol that is the key object and align theoretical text. That looks pretty good to me. Let's keep it like that. When we add infographics, we want to make sure that the information is short and efficient and complement the images or icons and that there's a lot of air on the pitch so that the receiver quickly can understand the meaning of the infographics. This looks good for that purpose. 23. Infographics: Make Your Own: So let's create some really simple graphs in InDesign directly. I myself find illustrative much better to create the infographics from scratch, but really simple things like the ones I will show you now, is fine to create in InDesign. So let's take this text that we copied, and I will actually copy this tile from the texts that we did with the symbols. I will just go ahead, and cut the first line out so that I get to text boxes, make sure that its on two different rows, select the percentage, the eyedropper too, and copy the style from your previous text boxes. Then I'll go ahead and fit frame to content, and I will just bring the frame size down a little bit, so maybe something like this. Now we want to create two piles; one that says 70 percent, and one that says 30 percent. A really easy way to do this is to use the rectangle tool. Make sure that you have a field color, and no stroke color, and I always like the same color as our heading one, the dark green. Make a rectangle, and then type in 100 as the width, so then I know that I have 100 millimeters with this rectangle. I will make a copy, and on the second rectangle, I will type in 30 millimeters. And now on the first rectangle, I will type in 70 millimeters. Now I can adjust the size by selecting both of them, holding down command and shift, and click and drag. But I actually feel that it looks pretty good with these smaller-sized rectangles. Hit W, and maybe we want to align the text to the right when it comes to this, and that looks so much better. So we'll just try that out, and try to make a balanced layout on the page so its not too much on one side and too little on another side. So I might want to bring down the size of the downloaded symbols a bit. That looks a little bit better. Make sure that I have the design by raw pixels align with that one, and maybe bring down the symbols a little bit. So this looks pretty good to me. You can go in and make sure that the symbols are aligned to your margins, but its also a matter of preference, and also how you like to place your symbols on the page. And there you have it. You have created three different types of infographics. You can experiment with this as much as you wish. I've just showed you the basic guidelines. We have a lot of air on the page and its easy to understand what these infographics means because there's not that much text on the page, and we left a lot of air between the images and symbols. 24. Contact Page: The last actual page of this presentation that we will create is the contact page. Let's go ahead and just copy the information from page 10 to InDesign. This first text box will be for thank you text. I think that we will place the contact information at the bottom. As I feel that we have a lot of images in the presentation, as it is. I think that it would be nice to end the presentation with just a colored background. I choose the rectangle tool and make sure that I have a green color. I will use the same as the heading one, click and drag to make a colored background. Go to object, arrange and send to back to make sure that it's at the back of all of our text boxes and frames. I'll hit Command L to just lock the background so that I can work with the text. Here I will just go ahead and freely format this text. I think that I will use the Eldwin Script as the thank you text because that feels a little bit more personal than the heading one font. Increase the size, let's try out 36 and make sure that it's centered to the page. Also that it's white so that you can see it on the background color. Then let's go ahead and format the contact information. That one, we will use Adobe Caslon, regular, whites, maybe 12 is a good size. We will see. I think I want all of these in one line. Just hit the backspace and I will hold down Option and seven to create these lines between the contact information. Make sure that it's centered to the page. I actually feel that that looks pretty good at that size. I would just hit fitting, fit frame to content and drag that down to the margins to see how that looks. The same with the thank you, fit frame to content. We have a little line there, let's just remove that, fit frame to content again. That one I will align to the page at the center, hit W to see how that looks. So that looks pretty good to me. I think that I will drag the contact information down to the bottom of the page, just somewhere where it looks good. Maybe something like that. Let's try out to make the thank you text a little bit bigger. Let's say 44. Right-click fitting fit framed content and then center that to the page. Fit frame to content again and align it vertical centers, and align the horizontal centers. Maybe it's a little bit too big so I'll bring it down to 40 and align it to the page again. That looks really good. It's just a simple last page of the presentation with some contact information and also just a thank you. Let's just scroll through our presentation and I will clean up all of these text boxes that are on the sides of the pages. Then let's see how it will look. You can hit shift W to get a preview and press the down arrow to be able to flip through the pages. For me, this presentation looks really good now and I'm happy with the result. When you're finished with creating your contact page, we can head over to the next lesson where I will teach you how to export this file for different purposes. 25. Export: You made it to the end and created this whole presentation and now we will export it for digital use. We will also look at how to exploit it for print. First of all, I will show you how to export it just for this class project to be able to share it in class. Let's start with that. To share this project in class, you need to export it as JPEGs. Normally, when you create a presentation either for print or digital, I will say that PDF is the standard format, but for uploading on Skillshare, you need to create JPEG files. We go to File, Export, and I will just create a new folder on my desktop and name it, Project presentation. I make sure that I have JPEG selected in the format, and then hit "Save." The range, I want to export all pages, make sure that you have pages selected. We don't have any space, but either way, this is fine. You can choose if you want to export it as medium, high, low, or maximum. I will say the medium is fine to upload this in class. Baseline is good, resolution 72 ppi and a color space RGB. The standard is the embedded, color profile is checked in and the Anti-alias. Just keep it as it is and then hit "Export." Now we can go ahead to our desktop, check out our new folder. Here you can see that all of the pages of the presentation are exported as smaller sized JPEGs. This is what you can upload here in class under the project and resources tab. That export was just for this class. Let's go ahead and export this for digital use. We will go to File, Export and I will just go to the Desktop again and I will just name a new folder Presentation Digital. Here I will hit "Adobe PDF interactive," hit "Save" and we will go for all pages here, Export as pages. You can leave all of this as it is, compression JPEG. The compression all depends on where you will share your presentation. If you want low size file, you should go for 72 ppi. The images probably won't look that good if you go lower than medium, but you could always experiment with this. I will go for high just to make sure that the images look good and then JPEG. We will open up this file when we exported it and see how it looks, and that's all the settings that you need to do and hit "Export." Go ahead and check out your file. I'll just open up the PDF and see how it looks. For me, this looks good. The images are not like completely sharp, but that's fine for my digital use. Let's just check how large the file size is. That is 827 kilobytes, which should be perfectly fine to send via an email, or even to upload this PDF online. If you need a smaller file size, you can just experiment with the settings that I showed you. Next, let's pretend that we will export this for print. Just remember here that we created this document in RGB mode. All of the images are in RGB as I showed you in the previous lesson about formatting images. If you would export this to be printed, you need to reformat all of these images and make them CMYK, which I showed you in the lesson about image formatting, so I won't go through that all over again. If you're exporting your presentation with the purpose of printing it, you should really check out that lesson about formatting images. I will just show you the settings on how to export a PDF port footprint. Let's go ahead again to Desktop, create a new folder, let's say print, presentation print and instead of Adobe Interactive, I will use Adobe PDF print. Save. Here you have a bunch of settings, which one you choose all depends on the purpose. If you are supposed to print this at the print shop, the print shop can have their own specifications. Some of them maybe want you to use the PDF/X-3, but most of the times, you should be fine with the press quality. I normally use this all of the time when I send our files to print shop. Select Press Quality and All pages. Go to the compression, we don't need to do anything here. Marks and bleeds; e don't have any bleeds at the moment, but if you're supposed to send off your presentation to be printed, you need to add bleeds if you have content that falls off the edges of your page. For more information about that, you can check out the lesson about bleeds and there you will learn what you need to do to add bleeds and make a presentation that is suited to be printed. For now we will just leave this as it is. The output, you want to say convert to destination preserved numbers and the ICC profile that your print shop has specified. In Europe, the standard is coated FOGRA39, so we select that one. Under profile inclusion policy, I will select Include Destination Profile. The other settings you can just leave as it is, and then hit "Export." Then let's check out our file and open it up. That looks really good. It's a bit sharper than the file we saved for digital use and it's supposed to be that way. That's really, really good. Now you can see that the file size of this printed version is almost 16 megabytes, but the digital version is just 827 kilobytes. That's all that you need to do to be able to export your presentation. 26. Thank You: That's all for this class. Thank you so much for watching. If you liked this class, hit the 'Follow' button by my name here below. If you have any questions at all, please ask them on the community page, and feel free to leave a review to let me know if you enjoyed this class. I would love to hear your thoughts. Make sure that you share your project in class, and if you post about it on Instagram, feel free to tag me @maja_faber. Thanks again for watching.