Adobe InDesign CC: Beginners | Workshop | Essentials | Kate Silver | Skillshare

Adobe InDesign CC: Beginners | Workshop | Essentials

Kate Silver, Adobe Instructor

Adobe InDesign CC: Beginners | Workshop | Essentials

Kate Silver, Adobe Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
40 Lessons (3h 5m)
    • 1. Introduction Video

      1:46
    • 2. Let's get started with InDesign

      0:49
    • 3. What is the Welcome Page?

      0:59
    • 4. Learn: Free built-in InDesign Tutorials

      0:32
    • 5. Free Templates

      1:48
    • 6. How to set up an InDesign Document

      4:51
    • 7. Key Shortcuts you need to know

      1:33
    • 8. What are Tools and Panels?

      2:09
    • 9. Workspace: How to Customize

      2:40
    • 10. What are the 3 Types of Frames?

      5:00
    • 11. Picture Frames: Explained

      3:35
    • 12. Colour Frames: Best practice

      5:18
    • 13. Text Frames: All you need to know

      3:01
    • 14. Text Formatting: Font size, caps, bold,..

      6:54
    • 15. How to import a Word Document

      3:06
    • 16. A Flyer: Setting up the Document

      7:50
    • 17. A Flyer: What is Text Frame Option?

      7:16
    • 18. A Flyer: What is the Pathfinder Tool?

      6:23
    • 19. A Magazine Article: Adding a Quote

      5:50
    • 20. A Magazine Article: Using Drop Caps

      4:15
    • 21. A Magazine Article: Using Text Wrap

      4:55
    • 22. A Magazine Article: Edit a Template

      3:24
    • 23. What is Gridify?

      6:32
    • 24. A Magazine Ad: Creating a Grid

      3:32
    • 25. A Magazine Ad: Placing Images in Grid

      3:19
    • 26. A Magazine Ad: How to use Gradients

      4:01
    • 27. A Magazine Ad: How to format Text

      5:50
    • 28. A Magazine Ad: Mastering Pathfinder

      6:48
    • 29. A Magazine Ad: Using Superscript

      4:02
    • 30. A Brochure: Using Margins & Columns

      6:00
    • 31. A Brochure: What are Master Pages?

      6:38
    • 32. A Brochure: Master Pages & Page Numbers

      6:34
    • 33. A Brochure: Unlocking Master page Items

      8:45
    • 34. A Brochure: Text Thread & Overset Text

      6:48
    • 35. A Brochure: Using Text Columns

      7:07
    • 36. A Brochure: How to add a Hyperlink

      9:55
    • 37. Links and Missing Links

      4:56
    • 38. Saving a Print-Ready & Web-Ready PDF

      6:37
    • 39. How to Package an InDesign file

      2:53
    • 40. Well done and see you soon!

      0:52
35 students are watching this class
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

781

Students

2

Projects

About This Class

Hello my friends, my name is Kate - Graphic Designer, Fashion Designer & Instructor.

This Adobe InDesign CC course is the same course as I teach at the UK's leading Adobe Training Centre in London. 

We will start with a complete introduction to the whole InDesign interface where we will learn all the basics to get our InDesign juices flowing.

We will then be creating 4 projects that you can play along with and that you can upload in the project gallery when completed for me to have a look at!

4 Projects:

  1. A Flyer
  2. A Magazine Article
  3. An Advertisement
  4. A Multi-Page Brochure

 What will I get from this course?

  • Shortcuts
  • Cheat Sheet & Downloadable files
  • Free Templates
  • Colour / Swatches
  • Setting up a new document
  • Placing & Scaling Images
  • Text Formatting
  • Placing a Word Document in InDesign
  • Text Wrap
  • Grids / Gridify
  • Gradients
  • Transparency
  • Hyperlinks
  • Master Pages
  • Print-Ready & Web-Ready Pdf's

My goal is for you to feel confident using InDesign and for you to learn all the skills necessary to create your own amazing InDesign documents. So let's get started!

Note: To download the course files please go to the 'Projects & Resources' Tab.

Meet Your Teacher

Teacher Profile Image

Kate Silver

Adobe Instructor

Top Teacher

Hello guys, 

My name is Kate and I am a Belgian-born designer working at the UK's Leading Adobe training centre in London. I am a Graphic designer and a Shoe designer. I have worked for companies like Jimmy Choo, Sophia Webster and Nicholas Kirkwood where I've constantly used Adobe InDesign, Illustrator and Photoshop - and which has made me an expert in all these softwares. 

I love teaching all the Adobe skills and tricks that I have learned over the years! I believe in creating graphics productively, with enjoyment and in the most time-efficient way possible.

 

 

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Introduction Video : Hey guys? I'm Kate and I'm an Adobe instructor working at the UK's leading Adobe Training Centre in London. I'm also a graphic designer and the fashion designer with backgrounds in footwear. I've worked for companies like Jimmy Choo and Sophia Webster where I've had to use InDesign for visual merchandising, graphics and the presentation of collections. This InDesign CC introduction course is aimed at complete novices or for people with minor experience in InDesign, who just want to play along with some practice exercises. We will be creating four exercises. We'll start with a simple flier followed by a stylish advertisements, we will then move on to magazine article, and we'll finish with a stunning multi-page brochure. Throughout these exercises, we'll use the InDesign interface so we'll get familiar with it. We'll use text wrap, which is a very cool InDesign feature. We will use grids and gradients and transparency to enhance our visual effects. Then we'll learn how to use master pages to ensure consistency in longer documents. Finally, we will learn how to convert a file into a print ready or web ready PDF. There are lots of files and exercises that you can download that are available with this course. I will be guiding you with cover shortcuts, throughout the whole time. My goal is for you to feel confident in using InDesign and for you to learn all the skills necessary to create your own amazing InDesign documents. Let's get started. 2. Let's get started with InDesign: Hello my friends. Welcome to your first lesson in Adobe inDesign CC. What we'll start with is how to create a new document. I'll show you everything you need to know about setting up a new documents the correct way. Then I'll make this scary interface look much less scary. I'll explain to you what the tools are, the options bar, the menu bar, the panels. Then I'll give you some really cool shortcuts to help your inDesign experience go much more fluent. By the end of this introduction, we'll be ready to go and start creating our own documents. Let's get started. 3. What is the Welcome Page?: When you open up Adobe InDesign, this is the first thing that greets you, and it's called the welcome page. Now, over here, you'll see something new of InDesign CC 2020 called Quick Presets. This means that if you click on any of these, it will quickly open up this presets in a new document, so we now have iPad Pro in a new InDesign document ready to be designed. I'm going to close this tab, go back to the Welcome Page. Now, below we have older recently opened documents, so this are documents that I've personally been working on. Now, you will not have these documents on yours, wand you might not have any documents currently because this might be the first time that you ever use InDesign. Either way at some point, you will have these documents because these are the documents that we will be working with throughout this course. 4. Learn: Free built-in InDesign Tutorials: Now you also have a new feature called Learn. These are existing Adobe InDesign tutorials inside InDesign. Now if you click on any of these, it will open up in a new browser and it will guide you through an existing tutorial. There's lots to learn from inside InDesign. Now you can click on X and feel free to look through all of these and now we're going to click back on home and go back to the welcome page. 5. Free Templates: Okay, now let's go to create new. This is a new documents setup window. Now, over here you have something called the intent, and that is the intention or the purpose of your document. You can choose between print, web, or mobile, and each of these comes with an existing set of presets. You can choose between A4, A3 letter in the US and if you select web you can choose between A4 again, but also existing web related presets. If you click on mobile, you can choose between iPhone X, Google Pixel and all different types of tablets. Now, below you have existing free templates. Awesome, right? Who doesn't love free stuff? Now, you'll see a blue check-mark on my screen because this means that I've already pre-downloaded these templates. All of these templates are free to use, all you have to do is click on one of them and click on downloads and then open, and you'll be able to customize this template inside InDesign free of charge. If you have this missing fonts panel, this is totally normal, we're going to look at missing fonts later. In this document, you'll be able to change your content, the images, the text, and save it as your own document, but that's it for templates for now. Let's click on the little x and close it and don't save, and let's go back to create new. 6. How to set up an InDesign Document: Now, make sure you go back to create new, and select print A4. What I'll show you now, is how to customize an existing preset. We need to go over here to preset details. Always make sure that your preview button is ticked, so you can preview your page and what you're doing. Width and height is the size of the page. The units is where you can choose between points, inches, millimeters, or pixels for web related documents. Orientation, you can choose between portraits or landscape, and your page will change accordingly. Now pages is where you can change the number of pages that you have. You can either type in a number, say you type a number five, or you can use a little trick that I'll give you now, is you press the upwards arrow on your keyboard, and this will increase the number of pages. Very cool that feature. Now facing pages, is for documents like books, for spreads. I'm just going to scroll down, and find an example. If you look at this magazine, this would be a facing page document, because you'll have one page, and another page, a spread. If you didn't want a facing page document, you would have to untick this. Now over here you have columns, and what this will do is divide your document into columns. You will see on my page that I currently have four columns. A document like this one, would have two columns on every page. This is just a guide for us to work with, a wireframe if you like. Later on, we will be creating a document with multi-columns. The column gutter, is the space between the columns. That means the space over here between the columns. If I were to increase that, you will see the space increasing. Now below you have the margins. I'm just going to move this panel round so we can see the margins just a tiny bit better. The margin is this pink magenta rectangle in the middle of the page. It's there as a guide for you to refer to, so that you center your content, and you don't go too close to the edge of the page. This is for printing purposes so that your text doesn't get chopped off, and it looks quite nice when your graphics are in the center of the page. Now you can change the margins. You can click on the arrow, and change it. You'll see that the top, bottom, left, right changes all together. That is because of the link icon over here, make all settings the same. When this is on, that means that they all move together. Now if I were to make this unlinked, this is unlinked, the change is broken, I can change just the top or just one side. Below you have the bleed and the slug, and the bleed is for printing purposes. It's for you to line your graphics up to the edge of the page. Say the cover of a book, a magazine, and anything where your graphics need to line up to the edge of the page. Now the industry standards for the bleed is three millimeters. All you have to remember is that it's three millimeters. You need to line up your graphics to the red line, also called the bleed line. Basically, what the bleed line is, is for printing purposes. What printers do is they print your paper over a larger piece of paper, and then they trim it down to the correct size. All you need to remember is three millimeter bleed, and align your graphics to the red line, that's it. If you wanted to save disk preset, and you wanted to reuse it, you could go to save document preset, and you can call it whatever you like, A4 4 columns, and click on save preset. Now, this will be saved, and saved along with all your presets. As you can see, I have a lot of presets over her, e because I tend to use them a lot. When you're done with that, you can click on "Create". Here is your document ready to be designed. 7. Key Shortcuts you need to know: The interface might look a bit overwhelming at first. There's a lot going on, let's face it. But not to worry, we'll get there. First, Let's start with some shortcuts. Just so you know, if you're using a Mac move shortcuts, we'll start with command and if you're using a PC, they will start with control. So for zooming in, we're going to use Command Plus or Control Plus. For zooming out Command or Control Minus and for fitting your page to screen Command or Control Zero. These options are also available in view, but this will take you a bit longer to do, which is why I love using shortcuts. Now, if you zoom in again, Control Plus. If you want to move your page around, you need to hold down the space-bar and you'll see the hand and you can grab your page around, which is very useful when you're zooming in and out. Back to Control Zero now. The shortcut for print preview is W. If you want to go back to working mode, W again, print preview W and working mode W again. So when you press "Print Preview," you won't see much on there because there is nothing on your page. The guides that you see in working modes are just guides, they are there to show you how it works. 8. What are Tools and Panels? : I'm going to briefly explain a few options in the menu bar over here, So you've got File which is where you can Save your document, you can open a new document, you can Place a new document. But honestly, I use the shortcuts. You can package documents which we'll cover later on towards the end of the course. Another option that's important for now, we'll cover the rest later is Window. So Window is where all the panels live. What are panels, this is the panel bar. So all of these are panels. If you go to File Documents Setup, you can edit the document setup. You can change to bleed and the margins and the page size and whatnot. Now on the left-hand side, you've got the toolbar, and if you hover over each of these, they will tell you what they are. If you see a little triangle next to it, you can right-click and you'll have more options for that specific tool. Just remember the very important tool, and I say very important because the shortcuts for this tool is V. So the selection tool is the very important tool. If you look at the brackets, you'll have the shortcut in there, V. If you look at the direct selection tool, for instance, the shortcut is A. If you look at the type tool, the shortcut is T. So that's very easy to remember. Now, on the right-hand side you have the panel like I mentioned previously. Each of these panels are categories where you can manipulate a specific option you're working on. So you've got the pages here, this is where you work with pages. You've got layers similarly to Photoshop, you can layer your items around. We don't have layers yet though. Swatches are for your saved colors. CC Libraries is for storing data and more revealed later on. 9. Workspace: How to Customize: Now this section here in the middle, is called the Options Bar because it gives you more options about the selected object. Say you have a shape selected. It will tell you where it is, the size of it, if it's rotated, the color, etc. We'll see just later on when we have a selected object. Now on the top right corner, you'll see typography or you might see something else and especially if you're using a PC able, it looks slightly different. If you click on that, on whatever words you have next to Adobe Stock, you'll see a list of what we call Workspaces. Workspace is like a preference. It's like you choosing how your desk will look like. In this case, you choose how your InDesign will look like. Now you have a bunch of options like advanced and book. You can see your interface changing accordingly. You have essentials. Now for the purpose of this course, we can use typography, which is the basic one because it has the most available options here. I've personally customized my workspace since InDesign has been changed, there are a few things that I'd like to add to my workspace. Let's go back to Window. Remember Window is where all the panels live. I would like you to go to Window and select ''Properties.'' Properties is a new function, a new panel in InDesign, where you can work with everything in one place here, which is why I like to use it. Now since this one be saved in the typography, I would like you to go back to typography and click on ''New workspace.'' I would like you to call it your name and then press ''Okay.'' When I go back here, I have kids workspace with a little typo so I can remember it's the correct one actually. Let's say you're moving panels around which it can do. If you click and drag on a panel and again and again and you move panels around and then you press ''X'' accidentally and things look a bit weird. If you want to put everything back into its place, you need to go to your whatever you called your workspace and reset your workspace and it will just bring everything back into its place. 10. What are the 3 Types of Frames?: InDesign is all about container, so let me just paste a few pre-prepped containers just to show you what I mean. You've got three types of containers, you've got a container for an image, you've got a container for texts, which is also called a text frame, and a container which is just a color, so there's nothing inside except the color. If you want to create an image container, you need to use this tool, the rectangle frame tool. Now to create a text frame, you need to go to the Type tool and to create a shape that has a color and you go to the Rectangle tool. We're going to create one of each, I'm going to show you how to work with this. Let's start with a Rectangle Frame tool. I want you to click on it, and I want you to click and drag from left to right until you've aligned your shape to a column. Now if you see the green arrow, they actually tell you if your rectangle is the same size as another rectangle. Now you won't see them currently because you only have one. Now you can let go. Now if you go to the Type tool and you do exactly the same, you click and drag, you then create a text frame. Now if you go to the Rectangle tool, you do the same thing, click and drag, and that's for color. Now that's how you create shapes, now how you work with them is very differently. I want you to go to the Selection tool, the black cursor, a V. We're going to select each of these and change them. First, we'll start with the easy one. We'll start with the color one. Can you see the fill and the stroke? That means the color inside the shape, the fill, and the stroke is the border. I want you to double-click on this little square that has a red strike through, and I want you to pick any color that you like. If you click around, see the color picker and you can move the color panels around. You press "OK." Now you've got some good color. Now for the next shape, you have to select it first, and you have to click on the border because your frame is currently empties, click on the border, great. Now if you want to play some text in, you need to go to the Type tool routine shortcut, and click on your frame, start typing. Or you can fill it with placeholder text by going to type, fill with placeholder text, and it will fill it with Lorem Ipsum. Now for the image, it is slightly more difficult, but we can handle it. We go back to the selection tool, always go back to the selection tool, and then we select the container for images. The one was the cross, if you ever see a frame with across, it means that you're meant to place an image in. We're going to place an image in. If we go to File Place, we can do that. Now, I use a shortcut, and you can see the shortcut here on the right hand side Control or Command D Delta. Now if you go to your desktop or wherever you saved my files and you go to InDesign online course and images, you can pick any image that you can find that you like here and you press "Open." Now this will look a bit dodgy, it will look a bit weird. That's because you're seeing a close-up of the image, the image is in fact very big. But anyway, we're going to quickly fix this. There is a couple of ways of doing this, either you right-click on the shape and you go to fitting. Content-Aware Fit, which is a new feature in InDesign. If you don't have the newest version, you can always use Fill Frame Proportionally, which does an okay job, but Content-Aware fit is preferable. There we go, we can see the two ladies. Now you have the same options here in the properties panel, which is why I like to keep this open. These little weird icons here are the same ones as Fitting, except they have an icon. If you hover over them again, it will tell you what they are. Eventually you'll know which ones to use. 11. Picture Frames: Explained: Okay, so in the Rectangle Frame tool, you can also draw squares. Now to draw a perfect square, you have to hold down the Shift key. If you go back to the Rectangle Frame tool, the one with the cross, you can also draw circles and ellipses. To draw an ellipse, you go like this, to draw circle you hold down the Shift key, same thing. You can also press the arrows on your keyboard to move it around. Great. Now that we have three shapes, we're going to start placing images in them. You can go Control D, which again is a shortcut for File Place. I would like you to select a few images. Maybe select both B and J, Beyonce and Jay-Z, I love them, and maybe the family image here, and press Open. You'll see a number three, because that means that you have three images waiting to be placed. Now, if you go and click on a shape, you will place the image inside that container, and then you click on another one, and on another one. That's all great. But what you can do is select all three containers by going to the Selection tool and press Content-Aware Fit. That's the one we want, so remember it looks like a flower. It takes its time, so be patient. There we go. Now, the exercise that I want to give you is, let's start with this image of Beyonce and Jay-Z. I would like you to press the content grabber, click, and I would like you to move the image around. Press the left button, the left arrow on your keyboard. We're going to make just an image of Beyonce because she's the queen and deserves all the attention. I want you to then press Control or Command full stop and make the image bigger so we can only see Beyonce. Again, you can adjust it by pressing the downwards arrow, and then leftwards arrow. Now remember that once you're done with this, you click off it, you deselect. Now the Jay-z one is already done for us. We just need to adjust the image slightly. If you click on the low content grabber, you can then press the arrow to the right, and maybe make him smaller, so Control comma this time. Problem with this is actually if we make it too small, we will have little gaps which we don't want. Okay, that's fine. Let's leave it like that. Click off it. Now I would like you to have a passport image just for the little baby. Let's click on the content grabber and Control or Command full stop, make the baby bigger. He's growing up. That's about right. Then you click off it, and that's how you resize images in a container. Next, we'll move on to text, and then we'll do a practice exercise where we practice text and images altogether. 12. Colour Frames: Best practice: If you haven't already done so, you can go to the selection tool and get rid of all the items on your page. Click and drag a selection area across all images, will select everything and delete. Start with the shape tool, not the type tool, not the frame tool, which now looks like a circle because that was the last option we selected. You can "Right-click" and select the rectangle frame tool. But we will choose the rectangle tool, the plain one. If you click and drag shape, you can draw another one, you hold down the "Shift key", that will create a rectangle and you can draw another one. I just want to show you how to distort and resize an actual frame rather than an image inside of frame. It's okay if you have color, that's totally fine. If your shape has colors. Let's go back to the selection tool. Always, once you've drawn your shapes, you always go back to the selection tool as a default. Let's add some color to our shapes, because if our shape doesn't have color in, it's very hard to select our shape. Like you actually have to click on the border or go like this to selected. This is what a selected shape looks like. If you go back to the fill and you add a bunch of colors, you select this one and you select another color. I don't know why I'm going with a green pellets, but that's fine. There we go, now we have three color shapes, if you select one of the shapes, you can click in the middle that will select the whole shape. If you click on the bounding boxes the little white boxes, you can drag your shape down, you can drag it up, you can distort it. But what you can also do is use the arrows of your keyboard to move it left, to move it to the right, you can rotate your shape. Now if you hover over the corner, you'll see a rounded double arrow. That's the universal Adobe icon for rotation. If you hold down the "Shift key" and you rotate it, you click and drag it to the left. You're rotated at a 45 degree angle or just sweet. Do you remember the shortcut for resizing from making it bigger and smaller whilst keeping the proportion? That is "Control Fullstop" for increasing the size and "Control Comma" for decreasing the size. I suggests you learn the shortcut because it's very useful. Now another cool feature is the little yellow box here that you see, click to edit corners. If you click, you'll see four yellow boxes and one in each corner. I want you to click on a yellow box and drag it towards the inside and you'll slowly round corners, which is pretty nice. I want you to select another shape. Click on the yellow box, hold down the "Shift key" because this is for rounding a single corner. The Shift key is used very often. If you hold the shift key and you drag the yellow box inwards, it we'll just round single corner. I have the habit of just clicking off it. I'll briefly explain to you the options bar and the properties panel over here. Here we have the reference points, it should always be in the center. You have the location, the width, and the height. You can type in a measurement that you need, you have another way of scaling, but that's a really long way of doing it. You can press the upwards keyboards or downwards, you can rotate it, you can flip it, and you can change the color here. Can you see the color and the little arrow? You can choose from one of InDesign saved default colors. Later on we'll look at how to add, how to apply our own colors. Can you see this bit, That's for the stroke. The stroke is a borders. If you go here, the one below, you can choose the color of your border, can be blue, can be pink, and over here, 10 pt, 7 pt, you can increase or decrease the border size. You also have some really decorative borders, but that's a bit more advanced or a bit more silly I guess. The final part of this is the opacities. If you would like to make a shape transparent, you have to decrease that. 13. Text Frames: All you need to know : As promised, we will look at the type tool now, and then finally our exercise. Go ahead and click and drag around these shapes and delete, and you can go to the type tool or the shortcut T. We'll start by creating a textbox. You can click and drag depending on how you want your textbox to look like. Again, you can start typing whatever, but because I'm a bit lazy right now, I will go to type and fill with placeholder text which is much easier. It's Lorem Ipsum, as I mentioned before. We're only going to talk about adjusting frames first, and then we'll talk about text formatting. If you go to the selection tool, you can change the layout of your text by clicking and dragging the bounding box again. Your frame will start to look different and you can also round the corners if you click on the yellow box again. If you want to round one corner, you can hold the shift key. Now, to add a color to our frame, we can go here and add a color, or we can go to fill and add a color. It's the same thing. You can also double click on the fill, double-click and you'll have the panel. Now can you see the little plus? The long red plus means overset text. It means that your frame is not big enough for your whole texts to fit in. You're going to either have to extend your text frame, or you don't extend it and you create an additional text frame which is threaded. That means that the text will continue on into another text frame. If you click on the red plus and make sure you click on it properly, you can miss sometimes you'll see a little play button. This means that you're ready to go and you can click and drag, and create another text frame and then you can click on the red plus again and create another text frame. Remember those green guides, yup, we can use them here so that they're all the same size, even though the text is not exactly a line. Now if we want to edit the text inside the frame, we have to go to the type tool, we have to click and we can press enter maybe and you will see that it will push the rest of the text down. It is indeed linked. 14. Text Formatting: Font size, caps, bold,..: Now I'm going to show you a little bit about text formatting which will be important for our next exercise what is again a combined exercise of text and images. Let's go to the type tool. If you go to the title tool you'll see the options bar will change because it will give you text formatting options, and it's divided into sections. The icon is A for character formatting controls, and paragraph formatting controls, and a lot of these options are actually repeated. If you go to character formatting controls, this section here is repeated in paragraph formatting control. We'll look at the very important ones, and then we'll apply them again in an exercise. First of all, I want you to select what would be the heading. Just so you have the same options here as well in the properties panel. We're going to start with a font this is where you can change the font. You could make it Franklin Gothic medium, whatever font your computer has, and under regular this is where you would have bold, or italic, or whatever, but you have to have that specific version of the font downloaded. If you go to this one font size you can increase your font size, or you can type in a number. We can click on the arrow. Now you've got the letting. So the letting is a space between the lines. So if I were to highlight these guys, which is the same paragraph, and I increase the letting. It will start to look a bit like a magazine where the spacing between the lines of the same paragraph is increased. Then I can go back, and reset it to before. Okay, now you have a few options here like all caps, small caps and you've got superscript which is used for like dates like 2nd of June, or water H_2O. If you select ND, you can click on the superscript, and will make the ND smaller, and at the top, and if you select the number two, we need the subscripts, which makes that smaller, and below. So if you over all of these, you can have a look in your own time. You have underline, and strike through. Okay, let's move on, all of these here are for distorting your text which you can play with in your own time. I suggest you don't play with them too much. You don't want to be distorted too much, right. This T is for changing the color of your texts. So you can either double click on an icon, and you have that color picker with a wider range of colors, or you can select from your existing default colors, or your swatches. Okay, English UK. So this is where you would choose your dictionary. So obviously I'm in the UK, so I choose English UK but if you're in the US. You can choose that option if you're typing in French whatever you have so many languages available. Now we have the alignment so you can align your heading to the center, to the right, towards spine and you can do that with this as well. If I select this, and align center, align right and it only applies to the selected. You have a few more options here which we won't cover as much. I'll just go through the important ones otherwise, you'll be very overwhelmed. But I would like you to select one paragraph, and press return. So you divide your paragraphs into separate paragraphs. You press return, and you do it again, and again. Now, if you press select all, If you go to edit select all, or control A, it will select your whole text, and even the hidden texts, the one in the red plus the hidden content. We like you to go to space before, and space after for some reason it's not indicating right now, but this is space before, and this space after. I'm sure if you hover on yours it will do so, and I would like you to increase the numbers. What this does, is it nicely divides all your paragraphs with a gap of four millimeters. So space before space after are the same depending on what you select. So if I were to select this paragraph, and I want four millimeters before including this, then I would go space before and 1 ,2, 3, and I've just added four millimeters before. Now if I want to add four millimeters after this paragraph, it's going to have four millimeters added to this bit to after 1, 2, 3, 4. I would like you to select the first line, and click on the final button there, the A. If you are using a laptop, your screen might look slightly different because your screen is smaller. So if you don't see these options here, you might have a look in paragraph instead. Now you can increase the drop cap number of lines, I really like this. If you increase that, what it does, is it makes the first letter bigger, drop cap. So this will be used in our exercises as well, and if you go to paragraph formatting controls now, you have all the same options that we have just used which has green with a few more. I'll just take you through the hyphenation bit which is pretty important. So if we control A again, select all our text, and we untick hyphenate. It will remove the words that are splits into a hyphen, not the hyphen that you've manually typed but the hyphen that was there just to try and fit the text in the frame and that's pretty much it for text formatting for now. 15. How to import a Word Document : What I will show you next very briefly is how to place a Word document in your InDesign. You can select your three frames, go to Selection Tool and delete. Now, what is the shortcut for placing a document? It's Ctrl D, or its file place. Then if you go to that same folder InDesign Online Course and you go to text documents, you can choose text wrap, for instance, open it up and click and drag. Now if you have something that says missing font, don't worry about it for now because what we'll do is, we're going to download all the fonts necessary in a bit, that we'll need for this course. Let me just undo that actually and re-explain. You will see pending text. If you want to manually create a text frame like we did before, you can go click and drag, and you can choose how your text will fit into the page. You can go over two columns, but let's undo that. Let's look at another way we can do it. If you just click, in the top left corner, it will fill that single column with the texts, and if you undo, and you cover over the top left corner and you hold down the Shift key, you'll see a snaky looking arrow. That means that you are about to place your whole text document in all the columns. I would like you to undo again, Ctrl Z. Let's just place it in a single column. Remember the red plus, I would like you to click on the red plus and then place it in the next column, and click on the red plus and place the remaining texts in the next column. Click on the red plus, and on the next page, maybe go crazy, creates a horizontal text frame, and you can keep going have fun with your texts. That's how you place a Word document. Let me just show you how to download all the fonts together now. If you go to Finder and you go to wherever your InDesign folder is, and you go to fonts. If you go ahead and download all of these fonts individually, or you could try see if that works, select all of these simultaneously. There it doesn't always work. If you can install all these fonts, then you'll be ready to go for all our exercises. Let me just close these. That's it. See you soon. 16. A Flyer: Setting up the Document : Now we're going to work on a flyer. But before we do so, we need to make sure that we have all the fonts needed for this exercise. We need to go to Finder, or File Explorer, go to a Desktop, go to wherever we saved our InDesign online course folder, go to Fonts and make sure you download all of these fonts. Now for this exercise, we'll be using Franklin Gothic Medium regular. You can double-click and click on Install Font. Then click on X and now we can get started. Let's click on Open and in the InDesign online course folder, you'll see practice documents. Now this is where all our practice documents or InDesign files are. We'll start with a flyer. You can double-click on that and then click on Open. We'll be re-creating this flyer on the right-hand side. Now first what we need to do is go to Layers and what I've done here is I've created two layers. One with the original flyer, we've locked all the items and another one, the copy layer, which has a layer we'll be working in. Now if he goes to the Keep Locked layer, I've purposely locked this so that we can't move it around and you'll see a lock icon, a padlock. Now next to the padlock, you'll see an eye. This is to display visibility or to hide a layer. You can hide the layer or show it, hide or show. Now, I want you to make sure that we're on the copy layer for this exercise and I've color coded it in red. Now we can click on the double arrows here and close the layers panel. Let me zoom in a little bit so that we can see our flyer a little bit better. Control Command plus. Great. What I like to use here to make sure that all our graphics align on the right-hand side is rulers. Excuse my accent, the R is a bit hard to pronounce, rulers and rulers can be found over here. Now if you can't see rulers, I would like you to enter the shortcuts, Control or Command R. To hide the rulers, Control Command R to show them, hide, show. Now you have the same options here in the property panel under rulers. You can hide rulers, show them. What we'll start doing is we'll go to the rulers over here and we're going to gently left-click and drag and hold it down and then go. We're going to do it again, left-click, hold and drag, and let go. As you can see, I'm creating rulers everywhere where an object starts to define where I should place it on the right-hand side. You can add some front text as well and a couple of more and follow. Now that that's out of the way, what we're going to do is start adding all the objects. What I like to start with is the bottom layer and now the bottom layer on this file is the image of the lady with the beanie. It's the layer that's completely at the bottom. To create a an image, we have to go to the rectangle frame tool. You click and we'll start creating a rectangle frame that aligns up until that line. Then we'll let go. Now we're going to place an image so we need to go to File, Place or Control Command D. If you go back to an InDesign online course folder, you can select the images folder and you can find the lady with the beanie image here and click on Open. It looks a bit funny, that's because it's really zoomed in. We're going to fix that by going to the frame fitting option the Content-Aware Fit. That's great, but it's not quite right. We're going to need to manually adjust this. Now remember, we're on the rectangle frame tool and as a default, you always have to go back to the Selection Tool and this is the content grabber. We need to select the content grabber to select the image inside the frame. Now to move the image down, you can press a downward arrow on your keyboard. That's about rights and now you need to click off it. Click on the gray area here to deselect it. Great. Now we are going to move on to the restaurant's logo over here and what we'll do is go back to the rectangle frame tool. We're going to create a rectangle frame on top of this. We're going to go click and drag and align it. Now if you like, you can zoom in so that you can see a bit better. If I need to adjust my frame a little bit, I can go back to the selection tool. I can click and drag on the border and make it a tiny bit thinner. Great. Now we're going to move this rectangle frame to this side, and what we can do is click and drag. Now can you see that I go up and down, which is totally normal because I'm human. If I wanted to go straight to the right, I can hold down the Shift key and that will go straight to the right, perfect. Now let me zoom out a little bit more. We're going to place an image and this frame. We go to File, Place and select the restaurant image, either is fine. Now this is a vector, so an EPS file or an SVG file or an Adobe Illustrator file are all vectors, meaning they're digital drawings and logos are often vectors. Now go to open and place it in and again, we go back to the frame fitting option, Content-Aware Fit. Again, we need to manually adjusted and we are ready on the Selection Tool. That's great. Now we click on the Content Grabber button in the middle and this time we press the upward arrow on our keyboard. Perfect. Now we click away. 17. A Flyer: What is Text Frame Option?: Now we're going to move on to the text over here. What we'll start with is we're going to go to the rectangle tool, and we're going to click and drag and create that rectangle that aligns perfectly. Now the reason it's the correct color is because I've pre-saved this watch in my swatches. Now where are swatches? They are over here and if you open it, you'll see the restaurant teal color. You'll also see some other colors that you can use, but we can go to the restaurant teal color. The way to save a color is to double-click on the fill, pick a color, either visually or type color in manually with a cplor codes. So you have CMYK and RGB codes. Now, CMYK is for printing, and RGB is for web. CMYK stands for Cyan, Magenta, Yellow, and Black, and RGB stands for Read, Green and Blue. The combination of that will create a color. Now when that's done, you can click on add CMYK swatch and you'll have whichever color you added saved in your swatches. We can press Cancel, and go back to the restaurant, teal color, great. Now we are going to create this little triangle here and the way to do that, we need to go to the Rectangle Tool, which we're still on the Rectangle Tool, and it's basically a square that we rotate. Now to create a perfect square, you have to hold down the Shift key. Remember, we're still on the restaurant teal color, which means that our shape will be in that color. So I'm going to click and drag and hold down the Shift key, and I go. Now to rotate the shape I have to go back to the selection tool, hover over the corner and I'll see that rounded double arrow, which is the universal Adobe icon for rotation. So I'm going to hold the Shift key and I'm going to drag it, and now I can move it down and voila, now to de-selected, you click away. Now you can close the swatches panel and we're going to start adding text in a bit. So we need to make sure that we're on the Type Tool. What we'll do is we're going to create a single text frame and we're going to click and drag across a rectangle, will be able to adjust this later and we can start typing our texts. So free artisanal coffee with any meal. I'm really craving a coffee right now. Purchase any one course meal from restaurants, very original name, shortage, and receive one free artisanal coffee. Get your offer now. So this will all be in a single text frame. Now are going to start adjusting the text, we're going to do the text formatting. So I would like you to highlight three artisanal coffee with any main meal, and I would like you to go to A, the character formatting controls at the top and I would like you to make sure that the font is Franklin Gothic medium. Now if isn't just start typing or try and search for it, The font size should be 22, and the leading, which is a space between the lines, should be 24. Now don't worry, we are going to move this down later on. Now highlight, purchase any one course meal from restaurant, one free artisanal coffee and the font size needs to be 11, and the leading needs to be 14. Now highlights, get your offer now, and the font size needs to be nine and the leading 14. Now, free artisanal coffee and any main meal need to be white. So you can highlight get your offering now and go to the fill of the fonts. So this is the color of the text, Click on the arrow, and select paper, which is also white, the color of the paper. Now if you highlight free artisanal coffee with any main meal, and again, go to the Font Color, and select paper. Now, after coffee, you can press a return, and we're going to start adding spaces. So we need to push some of the text down, and we can do this with something called Text Frame Options, which is new, which we haven't covered yet. To do this, you can either right-click and have Text Frame Options here, or you can go to object text frame options and the shortcut is Control B. Now, the text frame options refers to the text frame. So it's the spacing insights the frame and makes sure Preview Is always ticked. So inset spacing is what we need. An inset spacing is a space inside the frame. So if I were to add some spacing here to the top and make sure the link button isn't linked, this will add some spacing and push the text down at two millimeters here at the top. If I were to go to the left and add two millimeters, this would push my text two millimeters to the right. So it will add two millimeters here in the left, and now you can press Okay, because it's starting to look good over here. The next thing we need to do is push this down. So what we can do is use something called space off after, which creates space between our paragraphs. So space after is over here, and I would like you to click 1, 2, 3, and there we go. Actually now the text is done, all set. So congratulations. 18. A Flyer: What is the Pathfinder Tool?: Now we're going to move onto something we haven't covered before, and it's called Pathfinder. We're going to use the Pathfinder to create this exclusive banner. Very exciting. So what we start with is a rectangle, and we need to make sure that our color is selected. So we go to swatches restaurant teal, and we're going to start by clicking and dragging and create a long thin rectangle. Now what we need to rotate it. So again, remember we need to go back to the Selection tool. To rotate, we hover over the corner, and we click and drag. There we go. What I like to do is move my rectangle on top of the original one, and make sure it's lined up, so I can click and drag and make my rectangle the same width, and I can still rotate it further, if I need it. Now we're going to move this to the right, so we can hold down the Shift key. We need to ensure that our rectangle is long enough, so that it covers the bits of the image that we need, and what we're going to do is add two rectangles, that cover the excess pieces, the pieces that we want to get rid off. So we go to the Rectangle tool, we click and drag, and maybe make this another color, maybe make this pink, I'm a big fan of pink, and then click and drag and create another rectangle that covers this bit, and then click on the pink color. That's great. Now we can close the Swatches panel, and go back to the Selection tool. So what we'll do next is we're going to lock the image of the beanie lady, the coffee lady, so that it's not in our way. To lock an image, you click on the Image, you go to your Layers, you expand that layer, and you'll see that image highlighted here. This means that, that's the image that it currently selected. So we're going to click on that layer, and we're going to click here and lock it. This means that my image over here is locked. Now we're going to select these three shapes, and I'll explain in a minute why. We need to ensure that we don't select the restaurant image, so if you want, you can also select the restaurant image and lock that too. So it's highlighted here, and click on ''Lock''. Now the restaurant image is locked, and the beanie image is locked. Then we need to go and select these three shapes, by clicking and dragging. Maybe you can close the layers panels, so it's not in the way. So what we'll learn now is the Pathfinder Tool, and what the Pathfinder Tool does, is it takes multiple shapes, and it converts it into a single shape either, by combining, joining, subtracting, and the Pathfinder is available in the Properties panel over here. It only shows up when you have multiple shapes selected. I'm going to show you what not to do, start with the first option, which combines selected objects into one shape, and I'm going to click on that, and it's going to join everything. Now we don't want this work, so we're going to go to Edit, Undo or Command-Z, and now we're going to select the option that we do want. The second option, Subtract. So if we select that option, it will subtract and give us the shape that we need. We're going to use the Pathfinder again later in another exercise. So for now, let's move on to the text, and let's go to the Type Tool, and we're going to click and drag and create a text frame on the pasteboard here, on the gray area, so it's not in the way of anything else. We can start typing exclusive. Now we can select the text, and go to the character formatting controls at the top, and make it all caps, and maybe make the font a bit bigger, and make the font color white. Now it's not exactly the same size as the original and that's absolutely fine. Now we go to the Selection tool, and we're going to select this text frame and move it, and we're going to rotate it. So we're going to click and drag and rotate it, and we're going to try to align our text frame with the original, and then you can go to the Type Tool and highlight your text, and we're going to align it to the center. So you have some align icons here, so you can align left, align center, align right, justify, and if you select this one, it will align it to the center. To align it completely in the center, you can also go to the Selection tool, and you'll have align center again. So the previous one was for horizontal center, this is for vertical. Here you have align top, align bottom, and align center, which is what we need. Click away, and scroll down a little bit, press ''W'' for Print Preview, and that is our flyer done. So congratulations. 19. A Magazine Article: Adding a Quote: We're going to create a magazine article. But before we do so, we need to ensure that we have all the fonts necessary for this exercise. We need to go to Finder or File Explorer and go to the fonts folder inside the InDesign online course filter. Now, the fonts needed for this exercise is Tw Cen regular and T Cen MT Bold. If you can click on that and click on install font, you might as well do that for all the fonts here, so that your computer already has it and you're good to go. Let's close this. Now let's go to open and let's open up our magazine article in our practice documents inside the online InDesign course folder. We select magazine article and you click on open. We are going to create this double-page spreads. If you scroll down over here and we're going to start with the left-hand side page and then we'll do the right-hand side page. Now I've purposely locked all the objects on this documents. We're going to have to complete this documents by adding our images and texts ourselves. Let's start by adding the big image over here. To place an image, we first need to go to the rectangle frame tool, and then we can click and drag. We need to make sure that we align our rectangle to the red line, to the bleed line. You can click and drag and align it here. Now we're going to place an image inside this frame. We're going to go to File, Place or Control D, Command D. We can go to the images folder inside the InDesign online course filter. We need to select this image, which is very cool. It's a cotton plant image and then we can click on open. Now it looks distorted. We're going to fix this issue by going to the frame fitting option, the Content Aware fit. You can click on that. Next we're going to move on to the texts. We need to go to the Type Tool and we're going to create a text frame that nicely fills this whole margin, the pink box. That's going to be our perimeter. We're going to click and drag and we can let go and we can start typing our text. The shift, in urban city, jobs and industry. Now we can highlight this text and we'll start formatting the text. We need to go to character formatting controls read the a and where you see minion pro or you might see another font you need to type in, Tw Cen MT and you need to make it bold. Now for the font size, it needs to be 115, and the lending needs to be 137. It also needs to be in all caps. After in we need to place another return in and there we go. Now this text needs to be yellow. Just make sure you highlight your text again. Now you go to the fill of the font, and you click on the arrow, and you select yellow and you need to click off it in order to see the color. Great. Now we're going to add a little yellow rectangle over here. We need to go to the rectangle tool and we need to make sure that the fill is yellow and make sure that you deselect the texts. You need to undo, control Z or Command Z or edit, undo. We need to go back to the selection tool and click away to make sure it's deselected, and now we can go back to the rectangle tool. Again, we need to go to the Fill, make this yellow, and makes sure that there is no border. Select None. Now we can start dragging and drawing a rectangle. If we click and drag and align it to the start of the u in urban. That should be about right. Then we can go to the selection tool, drag it down. Or you can use the arrows on your keyboard to move it up or down. That is the left-hand side page completed. 20. A Magazine Article: Using Drop Caps: Now, over to the right-hand side page. Can you see those black rectangles over here? These will be the parameters for our texts, and luckily, I've saved and [inaudible] a Word document that we're going to place in to have all our texts. We're going to go to "File", "Place", and if we could go to text documents and select "Economics" and go to "Open". I'm just going to zoom in a little bit more, and I'm going to place my text frame around here. Click and drag, and place. Now we're going to format the text. We're going to go to the "Type Tool". We're going to click on our text and we're going to select all, "Control" or "Command A". Now this will select all the text, even the hidden text in the oversight text. That means that we only have to adjust our texts, this ones. Now we have to go to the text formatting. The character formatting controls A, and where "Minion Pro" is or whichever texts you have. You have to select "Tw Cen MT" and you have to go to the font size. Now the font size is not a rounded number, which is totally fine. You highlight the font size and you type 9.33. Now you go to the leading and this needs to be 9.9. Now I'm going to do something called tracking. What it does is it reduces the amount of space between each specific letter, so it creates more space, and we're going to need that space to fill our whole text in. I'd like you to go to "Tracking" and click on minus 10. We're going to need to add some space after each paragraph and to do this, we need to go to "Space After". I would like you to add number three. Now that that's done, we're going to adjust individual headings. We're going to start with intersocial activity, and I would like you to make that space after one. Now we need to make this bold. We go back to character formatting controls here and we choose "Bold". Now we do the same for the major shift and cities. We highlight the major shift and cities, we make the space after one and then we make this bold. Now we're going to scroll down for a minute to this page and I'm going to talk about this big letter A. I'm going to zoom in a little bit more. This is called a drop caps number of lines and currently it's drop capped over five lines because it's 1, 2, 3, 4, 5 lines. We're going to do the same thing, but on our page. I would like you to highlight A and I would like you to go to "Drop Caps" and enter five. Now if I zoom in, you will see 1, 2, 3, 4, 5 lines. So all done. 21. A Magazine Article: Using Text Wrap: Now let's scroll back to our completed templates. What we'll do now is we're going to create this text over here. We'll start by going to the selection tool and we're going to click and drag on the rulers so that we have parameters for our text over here. Make sure you click on your page first before doing so. Then we're going to go to the ruler and we're going to click and drag. Make sure you're on the gray area, the pasteboard. Then we're going to click and drag another one. Great. Now I'm going to go to the type tool. We can start creating our frame. Now to apply the text, if you're a tiny bit lazy or short on time, you can scroll up and you'll see the content of the quotes over here. You can highlight that and you can go edit, copy or control C. You can scroll back down and now you can paste it. Edit, paste. There we go. Now we're going to start formatting the text. I would like you to highlight the whole text and go again to character formatting Control Tw cen MT and make the font size 22, and make the reading 21. Now we're going to need to make this all caps. The final thing is we need to remove the space after. That's going to be a little bit better. I forgot one thing, we need to make this bold. We go to Regular and we select Bold and there we go. Okay. Now let's go to the selection tool and we're going to make sure that our text frame is the same size as the original one. We're going to click and drag it and we're going to adjust our text frame. Now if the text disappears, that is totally normal because it has a text wrap, which I will show you in a bit how to apply. Now you can click and drag it away again. Obviously, we need to center our text. This text is more in the center so we need to go here to the top and you have a few options. You have align center, align top, align bottom. We need to select align center. Great. Now that that's done, we're going to move our quotes to our working page. Let's go edit, cut, scroll up to your page, and paste, edit, paste. Now I've purposely placed those rulers here, because those will be our parameters for our quote. If you can click and drag and align it accordingly. Now can you see that the text overlaps with each other? What we need to do is apply something called a text wrap, which will make this piece of text, the body, align or wrap around this quote. Let's go to text wrap. Currently we're under no text wrap option. If we can select the second option, wrap around bounding box, and that's starting to look good. If you move your text frame around, you will see that the text moves along with it accordingly. You can try and make it align. What you can also do is click here in the hidden character, there's an arrow turn. We can make that space after a tiny bit shorter and you will see inter social activity will come up, so we'll have more space. Then we go to the selection tool again, and we move our text frame. That is our exercise completed. To have a final look, you press W and congratulations on completing this. You rock. 22. A Magazine Article: Edit a Template: Now what you can do with this existing file is you can actually use it as a template and change the colors, the images, the text, and keep it for the future. That's what we'll do now. What's very important is that we go to layers and we unlock all the layers because I've purposely locked them, but we need to unlock them now so we're able to edit them. I would like you to make sure that the background layer is expanded. That means that the arrow faces downwards and that you click on that lock icon so that there are no locked icons. Now, if there are a couple of locked icons here, just make sure you click on them and you get rid of them. We'll start with the image. Now the way to replace an image is to select it. You can click on it, make sure you're on the selection tool. You go to file, place or control D, you select this image. Make sure that you select the images folder, press open. That's another image. If you want, you can also use a frame fitting option. Content aware fits. Or if you would like to manually resize the image or move it around adjusted, you need to select the content grabber, that button. Now it is a bit more difficult to select it because there is a piece of text in front of it. InDesign is going to be a bit confused to which you want to select. Another way to select the content inside the frame is to double-click on the image and that will highlight it. You make sure you don't select the textbook. Rather you selected from here, you double-click and you'll start to see that orangey browny border. That means that the content is selected and then you can press the downwards key on your keyboard. If you hold down the shift simultaneously, the shift key, it goes just a little bit faster. Not too high, just make sure that it covers the whole frame. That's that. Now for the yellow backgrounds. If you select it you can see that it has a yellow fill. We can make this paper or white. Now for the rectangles, so I would like you to click, hold down the shift key and click on the other one. That's how you select multiple objects. Now our rectangles over here are actually not rectangles, they're borders rather than rectangles. Instead of changing the fill, we change the stroke this time. It's just another way of creating the same object. We select yellow and we click away. That's just a different version of the same exercise. You can have fun with it. You can bring in your own images and see what you want to do. That is it for this exercise today. Congratulations, and let's move on to something else. Well done. 23. What is Gridify? : Now we're going to learn how to create something called gratify, which essentially is just grids made out of squares, rectangles, circles, whatever your choice is. We'll start by creating a new document. Click on "Create New", and let's go to print A4. Make It landscape, maybe add three pages, make the columns three, the column got to five. It's nice to round it up. If you wanted to add bleed, it's always three millimeters as industry standard. Even though we don't really need a bleed this time, it's good practice. Now click on Create, and there if you scroll down, you have your three-page, three-column landscape page. To create a grid, we need to go to the rectangle frame tool. Now currently my rectangle frame tool looks like a polygon, which is fine. If you right-click on that and select the rectangle frame tool. Now we're going to create a rectangle and drag it across the three columns. But we don't let go of our mouse. Instead with our other hands, we press the right key on our keyboard twice 1, 2. Then we press the upwards key on our keyboard twice 1, 2. Now you can add even more grids and rectangles if you wanted to. But let's just keep it to nine grids for now, and let go. I mean, nine rectangles. Now we're going to start placing some images in these rectangles. Let's go to the selection tool. We can go file, place or Control D or command D. We can go to our images and we can start selecting five images. These five images and click on open, and you will see a number five. That means that there are five images waiting to be placed, just click on our frame, click on the top right frame, click on the center frame, the left, bottom corner frame, and the right. Now if you miss accidentally, if you go like this, I mean, and it goes a bit nuts. That's absolutely fine, you just have to undo controls Z and you can just place the image in again. Great, now we're going to adjust the fitting of these images. We can either do them individually by clicking on one and then clicking on the Content Aware fit icon, or we can select all the frames that have images in and then do them all at once, what you can do is click on an image, hold down the Shift key the whole time, and click on the other images, and this will select all these images. Now click on the Content Aware fit tool, and voila, awesome. Now let's place some texts in our frame, in our grids. Let's go to File Place Control D or command D. This time we can select text documents. We can select Economics open, and you can click in this frame. See the red plus here, that means that there's more texts waiting to be placed. It's hidden, it's over set text, but there's not enough space in this frame to place the remaining texts. What we do is we click on the red plus and we place the remaining texts in another frame. Now these two frames are currently linked, this frame is a continuation of this one, they're threaded. Click on the red plus again and add it in the next frame. Click on the red plus again, and add it in the next frame. Obviously you can personally changed the order and decide for yourself where everything goes. Let's scroll down to the next page and I'm going to show you how to create a grid with circles. I would like you to go to the rectangle frame tool and select the ellipse frame tool. Please create a circle across the whole three columns, but don't let go of your mouse. Now with the right key on your keyboard, press 1, 2, 3. With the top key on our keyboard press 1, 2, 3, perfect, and there you can place images and texts. Now let's scroll over to the next page and I'll show you how to create a frame with a polygon. Let's go to the polygon frame tool. Now, double-click on the polygon frame tool and actually make the star inset 0 for now. Maybe add number of sides 6 and press "Okay". Now click and drag across our page and press the right key few times, top key, and now you've got a funny polygon grid, but just press delete now and it will get rid of your grid. Let's do the same now, but let's do it with stars, way more fun. Let's double-click on the polygon frame tool and make the numbers of sides 5 and the star inset 50 percent and press "Okay". Now click and drag across the whole page and add a few. If you hold down the Shift key, the stars will be a bit more perfect. Now you've got a grid with stars, which means that you can place images and texts in those stars. 24. A Magazine Ad: Creating a Grid: Let's open up this file. Click on "Open" and go to your Practice Documents and select Magazine Ad.indd. Before we start, we need to make sure that we have all the fonts that we need for this exercise. Now, the font used here is called Myriad Pro. I would like you to go to Finder or File Explorer if you're on a PC. Go to the InDesign Online Course or wherever you saved it. Find Myriad Pro, there it is. Double-click and click on "Install Fonts". I've already got the font, so no need for me. Now, your InDesign should have that font so you can close that and go over here. What we'll do in this exercise is we're going to recreate each page, but on the right-hand page. We need to make sure that everything here is aligned over there. What we'll start with is the grid for gridify. If we can go to the Rectangle Tool, we need to make sure that our rectangle or our grid will align to the red line or the oblique line. If you press W, you will see that this will be trimmed. This is for printing purposes. We do this to ensure that our graphics line up to the edge of the page, and the printers will then prop this piece, the three millimeter, with something called a guillotine. Let's click and drag a rectangle and drag it across until it lines up with the red line, and press the right key on our keyboard 1, 2 twice, and press the upward key on our keyboard twice 1, 2. Now, at a glance, this might look great. But if you zoom in, you will see that the space between the grids is actually too wide. Now this space over here is called the gutter. What we need to do first is define what our gutter is, and then change it, and then create a grid with that setting. Now give you little present, the gutter is actually two millimeters. Let's go to the Selection Tool and get rid of that grid. I would like you to click on the right hand side page because that's the page where we need to change the gutter of. Then we can go to Layout, Margins and Columns. You'll see Gutter and it's grayed out. What we do is we click in it and we type, two, and we click on "Okay". That is our Gutter set. Now if we could go to the Rectangle Frame Tool, if we could click and drag again across our page and press the right key twice 1, 2, and press the up key twice 1, 2, and make sure that this whole time you don't let go of your mouse. You only let go when you're happy with how it looks. 25. A Magazine Ad: Placing Images in Grid: Let's start placing images in the rectangles, File Place or Control D, Command D and go to images to select this one, Angela Bailey and then select Paige Muller. If you hold down the shift key, you can select all the images you need. You should hold down shift and click on this image, hold down shift and click on this one and the final image is a sandals over here, oh and the logo, lets click on ''Open. '' Now, we have six images waiting to be placed and you'll see a little six. We'll just start by clicking on the frames where we need to place them. You'll see the next one is the clothes image with the red beanie, so you click here. The next one is a sandals, you click here. Next one is another picture of clothes click there, the lady, the other lady and that's it for images. Let's select all these images and use the fitting option. So click hold on the shift key click, click and then click on the ''Content-Aware Fit''. I think I forgot the sandals first of all, if you did as well, just click on that image and click on the ''Content-Aware Fit''. Few changes, so first of all, this image needs to be moved to the left. We need to click on the ''Content Grabber''. Make sure you're on the selection tool. Click on the button in the middle, press the left arrow and there we go. Ask for this image, it needs to be a little bit smaller. What we can do is click on the ''Content Grabber'' and my shortcuts for keeping the same proportions but making it smaller is Control or Command comma. We need to make this a little bit smaller and then you can move it up. There's always a lot of adjustments to be done clearly. Now, let's click on the ''Content Grabber'' in the center image and let's make it smaller. In this case, it is okay if the image is much smaller than a container. That's absolutely fine because that's what we need to do here and click ''Away'', so that is not too bad already. If you want to make it exactly the same, you can left-click and drag over the rulers over here. Left-click and drag and make sure you don't just drag in on the page, but on the pasteboard or the gray area for a continuous guides and left-click and drag again, drag it down over here. I guess that's not too bad, it just needs to be bigger than. So click on the ''Content Grabber'' again, and command or control full stop, making it a bit bigger. There we go, cloths are cool. Now, click ''Away'', click ''Off it''. 26. A Magazine Ad: How to use Gradients: Now we're going to add the gradients. So we're going to select this shape, the top-left rectangle. First of all, we need to make sure that it's not the Stroke that's selected, but the Fill, because we want to add a gradient on the inside. We need to fill the rectangle with a gradient broader than half a border or a stroke. Let's go to the Gradient Swatch tool or the shortcut is G. We're just going to click in the shape, and that will create a gradient. Now to create this type of gradient, you just need to change the direction of the gradient. You need to play around with it. So what you need to do is start around here, just below the center, and click and drag your mouse, click and drag below and that will create the subtle gradients. So basically, the gradient starts here and ends where you stop dragging it to. Again, if you were to add a gradient to the top, you would start in the center and drag it to the top. So the area in the direction where you drag it to determines how the gradient looks like. So if you want to do this again, you start here where this starts, over here, and you drag it down. You can still adjust it a little bit, and that's our gradient done for the first rectangle. Now for the right rectangle, the top right. Before we'd go ahead and just play with a gradient, we need to go back to the selection tool, very important and select this rectangle, and then go to the Gradient Swatch tool, or G, the shortcut. Then we repeat what we did before. We click and drag towards the bottom. There we go. Now for this rectangle, again, we go to the Selection tool, we go to the Gradient Swatch tool. This time it's reversed, it's in another direction so we can start around here where this would start and drag it up. Oops, see the mistake I made there is I forgot to select this rectangle first. So in-design still thinks that I'm working on that one. No worries, I can always Undo, or Control Z, or Command Z, or Edit, Undo. Let's fix this. Let's go to the Selection tool, select the shape first, and then go to the Gradient Swatch tool or G. Then again, align it to over here and click and drag it towards the top. Looks a bit darker, so if you want to make it a bit lighter, you can click and drag a bit higher and this will make your gradient just that much lighter. Now we're going to add another gradient. It's a special one. It's a gradient for images, and it's called the Gradient Feather tool because it makes it look a bit feathery, like white feathers, and that's what we'll do to this image. First again, we go to the Selection tool, we select this image. We go to the Gradient Feather tool and we do the same thing. Click from here from the hand and drag downwards. If you want it to be less light than a very short distance, you go click and drag, and click and drag. Its very hard to get it exactly the same, but if you play around with it, eventually you will get there. 27. A Magazine Ad: How to format Text: Let's move on now to texts. Let's go to the Selection tool. There are a few ways to create text frames. We will work with the easiest way, if you like. Let's go to the Type tool and click and drag gently a frame across. That's when we need to start typing, shop these exclusive items online now and you can never have too many clothes. Now let's start adjusting this font. You can see there is a red plus. We need to highlight the whole text, including the missing text over here. The way to do that is Control or Command +A, which is a shortcut for select all. Remember that I told you that the font is Myriad Pro. We go over here in the Character Formatting Control. We start typing Myriad pro. There we go. My font is a little bit big so we can make it smaller. Around 10, that works. The gap might be a bit bigger over here. That's called the leading, the space between the lines. It's over here leading. We need to adjust it to maybe one. We then go to the Selection tool and we can move the frame down by just pressing the downward key on our keyboard. Now if you want to make sure this is aligned, I always use guides. I click and drag from my rulers. I click and drag again. Sometimes when you don't let go, you can't see one. I click and drag it again. We can move this. Now, an obvious point over here is that I forgot to make it white, which is fine. You need to go back to the Type tool and highlight your text. In the fill of the text, you select paper. And that's our texts for here. Now let's do the same with the website over here. You can click and drag and you can start typing www.clothesarecoolforever.com. Again, Control or Command +A. Instead of having to readjust everything that we've just done, what we can do to make things go faster is go to the Eyedropper tool, which looks like the pipette of an eyedropper, the drops that you put in your eye. Or the shortcut is I. Then you click on the other text. You can't really see it because it's highlighted. But let me zoom in. If I were to select, go to the Selection tool and click of here, there it is. The font is already better. I just need to extend my text frame with the Selection tool adjust it. Now, if you want to make sure that this text is really in the center, what you could do is align it with the frame. Not the bleed, but with the edge of the page. Don't look at the red line but rather the frame. Yet, over here. What we could do is double click so that we're in the text formatting controls. Select Align Center. This will align it to the center and then highlight this piece of text with the Type tool and select Align Center. This icon, and now it's aligned to the center. We're going to do the same for the final piece text before we move on to page 2. We go back to the Type tool and we click and drag. What we could do is start by making our text frame the same size as our gradient frame. Again, forget about the bleed. You line it up to the black line over here, not the red line. If you line it up to the red line and you made a mistake, don't worry about it. We're all learning here. Start typing clothes-are-cool and 412-414 Random street, London SW11 ZN, United Kingdom, +612292219370. Honestly, if you made a typo, don't worry about it. This is just dummy text, obviously. Anyway, select the whole piece of text and then go to the Eyedropper tool and click on any of these frames. That was done automatically. Let's have a look and see how it looks like with W. Not too bad. It just needs to move down a little bit. That is our first page done. 28. A Magazine Ad: Mastering Pathfinder: Let's move across to the next page. Scroll down and press W because we will need the guides. We'll start like before, with the image. We go to the rectangle frame tool. We click and drag, and make sure we align to the red line, the bleed line, and drag it to the bottom right corner. Now we go File Place, or Controller Command D, and select our image. Press "Open". We go to the frame sitting option. We'll need to adjust this image again. We go to the selection tool. We click on the Content grabber, and we press the left arrow on our keyboard. We can even hold the Shift arrow whilst we do it. It goes a little bit faster and there we go. Now click off it. Click on the Paste Board or the gray area, so it's de-selected it. Let's move on to the logo. We go to the rectangle frame tool again. What we'll do to make sure it's exactly the same size, is we'll draw a rectangle on top of the existing logo. Then we go to the selection tool and we hold down the "Shift" key, whilst we drag our logo to the right-hand side page. Now let's go to File, Place or Control Command D. Select clothes are cool, and select the Content Aware Fit. Now it's still not exactly the same. We're going to need to manually adjust it. If we go to the content grabber, and make sure you're on the selection tool, we go Command or Ctrl comma, we make sure we can see everything that we need to see, and we can move it around with the arrows on our keyboards, and adjust it. Now to double-check that it's aligned the way we wanted, we can go and use guides. Then we can click on another guide, and drag it down. Actually our image's maybe a tiny bit too big, so we can click on the content grabber again, move it down, and there we go. Click away. Now, I think it looks pretty good with the transparent background. But if you wanted to add a white background, you would select this image on the logo. Go to the Fill, make this paper. There we go. This works with images that have transparent backgrounds like PNGs or Adobe Illustrator files or Photoshop or Vector EPS. Now we're going to move on to this shape. What we'll start with, is the circle. We'll go to the rectangle tool, and select the ellipse tool. Now we'll try and line up the center of the circle, approximately. Very hard to do exactly. I want you to start clicking and dragging. Now Shift, if you hold "Shift", this is the shortcut for keeping the shape a circle or a square if you had a rectangle. If you want to draw from the center do, that's "Alt". Alt allows you to draw from the center, and Shift allows you to draw circle. If you hold down both simultaneously, you'll be able to draw circle. Now, obviously my circle is misaligned, and it's not exactly the same size. You can let go just like me. That's okay. We can go back to the selection tool, and move the circle around. If you need to adjust it by going Ctrl full stop to make it bigger, or Ctrl comma to make it smaller, please do so, and click off it. Now we're going to learn how to create the cool shape. Not this one, but this one, the one that's a bit cropped. What we need to start with, is go to the rectangle tool. We're going to create a rectangle that aligns the piece that we want to get rid of. It should cover the whole piece that we want to get rid of, and be aligned to the red lines around here. Let's give it another color, maybe make it pink. Like I said before, I love pink. Now we'll need to go to the selection tool, and select both shapes. We click on the pink one first, and then we hold the Shift key, then click on the circle. You'll see where they overlap. Now if you move on to the properties panel, this is where you have quick actions and things that are available like the frame fitting option, like the content aware fit that we've been using for fitting images. But you also have options like the Pathfinder. Now the Pathfinder is a tool that allows you to take multiple shapes, and convert them into a single shape. You have the option to join shapes or subtract. If you were to join the shape, the first one combined, it would take those two shapes and literally make a single shape from the contour. But we don't want that. Undo, please if you clicked on that. Instead, make sure that you still have two shapes, and then click on "Subtract". That's our shape that we want. That's awesome. Now let's move it to the right hand side page by clicking, and dragging, and holding down the Shift key. Now, this color that you see over here is not a gradient, but instead it's a transparency. It's a white shape with a reduced opacity. If you go to the fill, and you make this paper, and then if you can see 100 percent, you can click on that arrow and reduce the opacity. There we go. 29. A Magazine Ad: Using Superscript: Now we're going to do the text, the final part of the exercise. We go to the type tool to do so. Now I can do it on top of the existing text frame like we did before, because InDesign is going to think that you're trying to edit the existing text frame. So instead, we're going to use guides this time. We go to the ruler, we left-click and drag. We go to the ruler again and we left-click and drag. Now we can create our rectangle. We'll start typing the text in. So sale 20th, September, 15th of November instore. We'll start by highlighting the whole text by clicking and dragging or control command A, and we'll move on to the character formatting controls over here, A. Go to where Minion Pro is and type in M-Y Myriad Pro. I would like you to highlight sale and go to the font size over here, T, highlight 12pt or whatever number it says on yours. Press the upward arrow on your keyboard. It's my little trick that I gave you or that I'm giving you now. It goes just a little bit faster, 122.46. I have a random number there, but that's fine. Now for the next piece of text, that's 22. So we highlight this piece and we type in 22. Now for instore, that's 45.53. At least we got the font size right. Now let's go to the selection tool and add more rulers. It's easier to make sure that we've aligned our texts. Click and drag the guide down to here. Click and drag the guide down to here, and click and drag another guide down, oops, to there. Just make sure that you've zoomed in and zoomed out enough so that you can see the gray pasteboard and that you drag your guides to the gray area of the pasteboard and not just to that page in order to have a continuous line. Another thing that we need to do is align it to the center. Let's double-click or go to the type tool. Select our content or text and align it to the center. Now let start playing with our space after. I want you to select and click after the E of sale and go to the space after. So you go one, two, three and you keep pressing until it's where you want it to be. Then you click after v from November, and you do the same thing. You go to the space after and click one, two, three, maybe four and that looks great. Also we need to make these little letters smaller using superscript. It usually says superscript, and then highlight these two letters and click on superscript. There we go. That is our exercise. Press W to have a little look. That is our full magazine advert. So congratulations for completing this exercise. You rock. 30. A Brochure: Using Margins & Columns: Let's open the PDF version of the brochure so we can have a closer look. I'd like you to go to finder if you're on a Mac or file explorer, if you're on a PC. I would like you to go to wherever you've saved the InDesign online course folder, go to files and open up the brochure plants PDF, great. What we'll do is we'll be using this side-by-side along with our InDesign file that we'll be creating. Now you don't have to do this, you can just follow my lead and I will be telling you what exactly we need to do to create this gorgeous document. If you do want to create this file on your own, eventually or straight away, you can use this final page which has all the information and guidelines needed for creating this document. Things like the font needed in the header, the font for the body copy, the main color that we'll be using for the headers, and that's it. We're going to create the document together at first, and it's a five-page document if we want to include this page. Otherwise, it's a four-page document. I will give you a few guides, a few rulers, a few margins that we'll be working with. Let's go ahead and do this and get back to the PDF in a bit. Let's go to create new, and I would like you to go to print A4 and select landscape. Now as for the pages, let's make it five. Press the upwards arrow on your keyboard, three, four, five untick facing pages. This is very important because it's a non facing page document. Now the columns will be six and the gutter five. Now for the margins, pay attention that this is on and this is the link icon. This means that it makes all settings the same. All of these will be changed accordingly. If I were to type 30, they would all be 30. If I were to type 20 in one of them, there'll be 20 in each corner. Now, I would like you to make sure it says 20 all over, and then untick the link button. This is unlinked, the chain is broken and I would like you to type 30 just for the top. You need to have 30 for the top and 20 for the bottom, 20 for the left, 20 for the right. As always, we're going to make our bleed three millimeters and now you click on create. Now this is our document and it's meant to have six columns on every page. But it doesn't, which is absolutely fine because we're going to fix this in our master page, so no need to worry. Let's go straight ahead to our master pages. We can either go by clicking on the pages panel and double-clicking on A-Master or you can go via the page navigation here at the bottom. Now to make sure that our A-Master is applied to all our pages, what I like to do is I like to click on my A-Master and drag it onto every single page. I do this just to avoid any bugging and to make sure that everything we put our our A-Master, will be applied to the rest of the document. Now let's have a look at the PDF. If I go back to finder, brochure plants, we're going to watch out for all the elements that we can see on every page. This header, the texts, obviously the content will need to be changed, the logo, the page number, and this little leaf. These are the items that we'll add on our page. But first I'll give you a few rulers and guides to make sure that we know exactly where they need to be placed. I'm going to minimize this, minimize that, and click on our page. Now what I would like you to do is make sure that you're on the selection tool and I want you to click on the ruler over here, left click and hold and drag it down. Now at the top in the properties panel, you'll see a number, Y and the number. Now that's the measurement for this guide and I would like you to type in 63. Great, now I would like you to create a second guide. Left-click and drag it down and this time, can you type in 68? Great, so this is actually our parameters for our header. That tiny box will appear across three columns and our texts will be here and basically the gutter are the gaps in between our columns, is the gaps between the text and the graphics. They're all there as parameters. Perfect. I'm just going to make our pages a little bit thinner so you can click and drag just so that we have a better view. 31. A Brochure: What are Master Pages?: I would like you to go to the rectangle tool and we'll start creating a rectangle. Click and drag across the three columns and let's add a color. Let's go to fill, double-click and I would like you to add the CMYK code, which will give us the color. So 37, 21 and 2, that should give us the color that we need. Great. Let's go to the rectangle frame tool and start creating a frame. We can adjust the frame latter and "File Place" or "Control D". If you go to images, there should be a folder called "Plants Explained", which is the brochure that we'll be creating and all the files that we need will be here. I need you to select the botanical's logo. Press "Open" and we can fit it with a fitting options, so right-click fitting, content aware fit or again, the content worth it. Now we're going to need to adjust it. I would like you go back to the selection tool and click on the "Content Grabber". We need to move the content so that it goes down inside the frame. Press "Downward Key" on our keyboard and I think it needs to be a lot smaller so let's go and press "Control" or "Command Comma" to make it a bit smaller. We need to make sure that we see basically the whole part of the logo except the lower part and there we go. Now to give you a little overview of what we're actually doing right now, let's go to "Pages" and in the thumbnail, you'll see that everything that we've just added has been applied to every single page, which is what we want to create consistency. Let me just have a look and see if it's accurate. I'm going to "Double-Click" on page one in the thumbnails and I'm just going to scroll down and you'll see that these items are on every page just like we need. Anyway, now let's go back to the A master. It's important that you look at the bottom left corner, what page you're on always. A very common mistake is people add all the items to what they think is the master page when in reality it's just a random page, which means that it will not work and then they have to do more work. It's very important and it's as simple as just looking at what it says here. Okay. Now let's have a look again at our brochure plants and what else? Maybe we can start adding the page number. Let's draw the little text frame first. We're going to the "Rectangle Tool" and we need to make sure it's in the bottom corner, and maybe hold down the "Shift Key" so it's a square. Let's make it black, so if we go to the fill at the top and we select "Black", there we go. I'm going to zoom in commands or control plus and maybe I'll go to the selection tool, click "Control Plus". I'm going to hold down the "Space Bar" so I can move my image around and there it is, it's a bit too zoomed in, so Command or Control minus. Now to round the left corner, what we need to do is click on our shape and click on the yellow box to edit corners. You'll see a yellow box now in each corner. I need to "Left-Click and drag it and you'll see they'll all round. Let's undo now "Control Z". If you hold down the "Shift key" and drag it in, you can round a single corner rather than all of them. Great. Now for the page number, let's go to the "Type Tool" and let's create a text box that is the same size. If you click and drag and see those green double arrows, that means that we've just created a frame that's equal width and height. They're called smart guides. Now, let go. We need to add the page number now and that's the formula. To create a formula, we have to go to type, insert special character markers, and current page number. The reason it says "A" is because we're currently on a page called the A master. This is number A, and it's also a formula. If this formula is set, you'll see that all your other pages are numbered. It will say A but we can't really see it because it's black and the frame is black too. Let's highlight our A, go to the fill of the texts and make this deeper or white. That's a little bit better, but what we need to do now is move this piece of text in the center. We highlight the texts and we align it horizontal center. Click. So that's a start, but we're not there yet. Now to line vertical center, we just need to go to the selection tool and will have a similar looking icon over here, align center and there we go. We've got our pitch number. What we'll do next as well is we're going to start adding the information from the text over here into our master page as well and then we'll edit the content later. 32. A Brochure: Master Pages & Page Numbers: Before we add the text, I just want to make sure that you have downloaded the fonts needed for this file. If you go to your Finder or File Explorer and you go to Desktop, InDesign Online Course and Fonts and the ones you'll need are DIN Alternate Bold. If you double-click and then click on Install, I don't have that option because I already have it and Calibri. Those are the two fonts that we'll be using. Calibri double-click and Install Fonts. Now, that's out of the way. Let's start adding our text over here. Let's go to the Type Tool. There are a few ways to add a text over here. Click and drag and create another frame, an additional one. You'll have two frames on top of each other. One will be for the text and one for the color, but I'm just going to undo that and I'll show you another trick and actually, make sure that your shape is selected first, so selection tool, shapes selected. If you go to the Type Tool and instead, you just click on this rectangle, you've just converted this rectangle into a text frame. Let me zoom in a bit. It's much easier because later on, we're going to need to move elements around in this box, actually. This text frame is going to be needed to move around. It's important that we only have one, it will be much easier. Let's start typing. I would like you to type cactus. This is the text for the first page, which will change eventually for the other pages. Then genre or in French, janr, the type that scares unwanted guests. Location and www.botanicalpurenature.com. Now that we have the content, let's start formatting it and make sure again that you're on the A master. We'd like you to highlight the whole text first by "Command" or "Control A", select all and let's change the font. Make sure you're in A, in character formatting controls and where you might see Minion pro or default font, you can start to type DIN Alternate and select Bold. If you've downloaded this font, it should be in there. I would like you to increase the font size. Actually, let's just do the heading first, the cactus. Highlight the cactus and start making the font size bigger. This is about right and it fits perfectly in a column. Now, I would like you to highlight the cactus again and make sure it's in all caps. Now, after genre, there are a few tabs. As you can see, the text should be moved a little bit more to the right. If you press "Tab" three times, it is where we need it to be. 1, 2, 3. Now, if your texts doesn't look exactly the same, that is fine. There is always artistic freedom to change things around, obviously. Now, the next issue is, we need more space between the lines, space after. I want you to highlight the whole texts with "Control" or "Command A" and go to the top and go to the space after icon and press 1, 2, 3. I think, that's about right. Perfect. What we can do here is use something called Text Frame Options. That means that you get to decide where your text fits inside the frame. It's like text fitting inside a frame. The way to get the Text Frame Option is to highlight the whole texts and right-click and you'll see Text Frame Options. Now, I use the shortcuts "Command" or "Control B". This will open up a new panel. I need you to make sure that you always tick the Preview button. What we'll need here is Inset Spacing. That means that we get to decide where the spacing occurs. The spacing is according to the frame on the inside, which is why it's called Inset Spacing. First, let's have a look with the link icon. If you start increasing the spacing, you'll see that it will start to change altogether. Then let's untick and make all settings the same because we only need to change it for two areas. Let's add some spacing to the top, 1, 2. That means that you've just added two millimeters here. It's gone two millimeters down. Now, to the left, 1, 2. It's gone two millimeters to the left, which is what we want. You can then press "Okay" and that will be applied. Now, we might want to get rid of a single tab just so that our text is a bit more to the left. Remove a tab and remove another one. Let's go to a regular page. Double-click on page 1 and these are nil, or select page 1 here, bottom left corner and scroll down and you will see the same options, the same objects on every single page. 33. A Brochure: Unlocking Master page Items: Let's go to the rectangle frame tool and start creating a rectangle frame from the red line. From the bleed line, this is important because if our document is for printing and we want our graphics to bleed over the page, so to align to the edge of the page, we will need to do this by aligning it to the red line. Start clicking and dragging and fill the whole page up until the gutter of two columns. Now, file place. Our images should be in plants explained folder, you can go ahead and select the cactus image. Open and that looks a bit funny. Fitting option, right-click ''fitting'', ''content-aware fit'', or that button in the properties panel ''frame fitting'' ''content-aware fit''. I can select it and click ''away''. Now, I'm sure you notice something a bit funny about here. Our image is currently in the layer above our text frame, which is not what we want. If we look at this one, the frame needs to be above the image. We can do this normally by going to layers and expanding the layer click downward arrow. But the problem is the only thing on my layer right now is my image. That's because every object that you add to your master page is locked on all your other pages. That means that if you want to change something on your master page, you have to go back to the master page. But there is a way to temporarily unlock something on a single page. That means I can say to InDesign, I would like to unlock this header on this page only. The shortcut for them is shift command or shift control click. You'll see now that I am able to select this, I'm able to move it around so it's unlocked essentially. Now if I right-click, you will see the arrange option. You can select bring to front or if you're accustomed to layers, I just clicked undo, you can go to layers and see the layer that's highlighted here, and move it up. Click and drag up. Because when a layer is at the top, it means that it's in front or it's closer to you, great. Now that's done, we're going to move on to the texts. Now the text is an existing Word documents. We don't actually have to type in this whole texts. We just have to place it in the way we place all files. What we do is ''file place'' or Control Command D. The text is actually in the InDesign online course in Text Documents. It's called Plants explained and click on open. Now I would like you to make sure that the text fills two columns. We need to left-click and hold and drag across both columns and create a text frame. As you can see, there's a red plus. That means that there's more text waiting to be placed, but there's just not enough space for it in this text frame. Later on we're going to have to click on the red plus and scroll down and add it to our next pages. But for now, we need to change the character formatting of the text. We can do this all at once, for the whole piece of text for the whole word document. What we need to do is go to the ''type tool'', click inside the frame and press Control A or Command A, select all. Now if you do this, this will select even the hidden texts of the oversight texts. Even the texts you can't really see right now will be selected, okay. Now that it's selected, I will give you a bit of information to change the formatting. I'd like you to highlight this and type in a Calibri and select Light. The font size needs to be 10. The leading, so the space between the lines needs to be 13. The space before, so that means space before each paragraph needs to be one, and the space after each paragraph needs to be two. The final thing is we need to go to the paragraph formatting control, P, the P below the A and untick ''hyphenate''. Because as I said before, hyphenation isn't very readable and it just doesn't look good either, so untick ''hyphenate''. The final thing is get rid of the first characters. I've just placed that in so that we can distinguish between each piece of text. Now go to the selection tool and click and drag to close and shorten the text frame. We're going to add the text frame from this textbox to the next page in a minute. But there's just one final thing to do here is to add the cactus logo. If I go back to my brochure plants, there is a cactus logo. We go to the rectangle frame and we click and drag and create a frame. Then we go to ''file'', ''place'', Control D. Go back to plants explained, and select cactus. Let's select that one and that looks pretty good. Does anyone else notice something that we forgot? We forgot this leaf this low illustration, which is fine because we can always add it. Just to let you know when you forget to add something on her master page, nothing to worry about, you can always add it later. Let's do that now. We'd like you to click on the bottom left corner A master and let's start adding that leaf. We go to the rectangle frame tool and we click and drag and go to ''file'', ''place'' and select leaf PNG. It's a PNG with a clear background, which is quite nice. Again, the Content-Aware fit and that looks pretty good. Now the final touch here for this leaf is to make it a bit transparent and it's already selected. We need to go to the opacity at the top or you can do on properties as well opacity and reduce the opacity. Make it less than a 100 percent around this. We can now go to our page one again and W. That looks pretty nice. 34. A Brochure: Text Thread & Overset Text: So let's do page two. So let's click on the red plus now, make sure you're on the Selection Tool to click on the red plus, and make sure you click on it properly until you see a play icon. If you make a mistake, always undo, Control Z. No worries. So now scroll down, oops, not too much and place the text across two columns again. So the same thing as we did before. We're going to have to adjust it a little bit so we can go to the Type Tool. We can highlight a bit of text here and we can get rid of succulents, and there we go. Because we've already added all the information we needed about the font size and letting, we don't need to add it again. We just need to go to the Selection Tool and click and drag the frame, so make it a bit smaller. If there's a red plus, again, this is entirely normal. The page we'll be creating now is this one. So can we see that the image goes kind of up until the texts, and then we'll have to add four little images here. So this will be done using gridify. So let's go to the Rectangle Frame Tool, and let's click and drag, again from the bread line, from the bleed line, drag it across over here and File, Place. We can choose the next succulent and click on "Open," and the content or a fit in the Properties Panel, and let's go to our Selection Tool over here. We're going to need to move this image down the content, so click on the Content Grabber. So the orange brownie border is selected and press a downwards key. If we go back to our brochure over here, we'll notice that our image is actually flipped. So how do we do this? We make sure that our image is selected with the Selection Tool and we click on the flip horizontal icon at the top. Now, click away, click off it. Now, do we want to move the cactus text above this image? Yes, we do. So we need to unlock this header again by going Shift, Command Click. Then we can right-click on this shape and arrange or bring to front or you can use the shortcut command square brackets. It's the same shortcuts for Photoshop as well, so very useful that one. Now, we're going to move on to the four images over here. The grids. So we're going to go to the Rectangle Frame Tool again, and we've already set our gutter. So when we first created our document, I asked you to make the gutter five. That means that this gap here is five millimeters. It means that if I create four rectangles and a grid, it will have a five millimeter gutter or gap. So I would like you to start from the margin, from this pink magenta line, and click and drag across the four columns, and I would like it to press the right key on your keyboard and don't let go of your mouse, so right key once, twice, three times, and let go. Perfect. Now, File, Place. We're going to start adding all these images, we can select all the colorful cactus images in plants explained folder and press Open. The yellow one is in the second frame, so click on the second frame. The green one is in the last frame, so click on the last frame and bear in mind that if you miss, if you go like this, and whoops, no problem, just undo control Z. The fuchsia one goes in the first frame and the red in the third's. So now let's go to the selection tool and highlight all four frames and use the Content Aware fits the button. So the images are almost done, let's add the succulent texts, the logo. So again, if you could go to the rectangle frame tool and click and drag across here and File, Place. If you could select the succulents logo, open, and again, content aware fit. Another fitting option that you can use, fit content proportionally, the second option. What that does is it allows you to see the whole image inside the frame, which is what we need here. If you could go to the selection tool, because as you know, we need to adjust this. So you can click on the content grabber and you can move it down so that the text or the succulents aligns to the bottom of the margin. It looks kind of small, doesn't it? So let's make it bigger. So let's press Control or Command full stop and make this a bit bigger. That's a bit better. Now the final bit that needs to be changed here, if we look over here, is the text, because this is not a cactus, it's a succulent. Let's start changing the texts. So because we've already unlocked it, it should be very easy to change the texts. We go to the Type tool, we highlight the cactus and instead type succulents. In genre, we can type colorful, sharp and juicy, and then press return, website, and that is pitched to completed. 35. A Brochure: Using Text Columns: Let's have a look again at our PDF. One, two, three. So we're going to do this one now. What we can start with is the text first, and then we can do the headers. So let's minimize that. Again, go to the selection tool, click on the red plus, make sure there's a play button.scroll down. What we'll do is we're going to create two texts frames over here. One across this half side of the page and the other across the second half of the page. So we're going to go left click and hold and drag up until here. We can adjust it later so don't worry. Click on the red plus. Click and drag second frame. To this part needs to be ORCHID and that one needs to be ROSE. So let's go to the type tool, and let's get rid of that. Again, it's just the indicator or the marker and then let's get rid of ROSE. There we go. Now let's go to the selection tool and I'm going to show you how to create columns from these two. So these are two separate texts frames, and we're going to divide each text frame in two separate columns. Select this one first and at the top you'll see this icon, the number of columns. I would like you to press the upward key, make it two, and then select the second frame and make it two. Now it's overlapping, which is fine. We just need to highlight the first texts and drag it up and then we did the same and trying to match it. Now there is a few spaces here that we don't need. So she can highlight A before A rose and remove the unnecessary spacing. What we'll do now is go to the selection tool and we're going to create two of these. Because if you look on the brochure, there are two headers. So again, we're going to need to unlock this one. We're going to go Shift Command or Control, and click on this. We're going to duplicate this on this side by going Alt and drag, and you align it nicely inside where it needs to be, inside the margin, and you let go and there we go. But we have to change the content of the text now. So we go to the type tool and we highlight the cactus texts, and instead, I would like you to type in ORCHID and in genre, I would like you to type beautiful, long lasting, enriching, and in location website, now the other side, ROSES. Romantic and a girl's best friend, someone please buy me roses, and website. Perfect. Let's add the final two images. So we go to the rectangle frame tool and we're going to create two frames that are the same size, maybe a little bit lower, and we go click and drag and then we click and drag, and we'll see the green arrows. We should see one for the width and one for the height, which means we've just created a frame that's the same size as the other frame. Now we place images. So we go File, Place. This time to save time, we're going to select two images. We hold down the Shift key and we click on the orchid image and we go open. We place the flower image, the rose image in the rose frame, and the orchid image in the orchid frame. We need to set them so we go to the selection tool., we highlight, click and drag across both images and click on the frame setting option. That doesn't look right at all. Let's start with the orchid. So click on the content grabber, the button, press the downward key in our keyboard, and you can hold down the Shift key simultaneously. It goes a little bit faster. That's about rights. Now click away, click offsets to deselect that orange-brownie border. Over to the second image, click on the content grabber again. Actually our image needs to be rotated. So what we do is we can go to the top here in the options bar and press the rotation key. It could've been the other side. I think that's about right. So the flowers faces upwards and then we can click and drag our flowers. Actually it looks like its add an angle. So we can modify it manually by hovering over the corner of the image. The corner of that brownie orangey border. And you'll see the double-bonded arrow. Now you can click and drag to the right and you'll start to see your image rotating. Then you can click and drag and move in higher. And again, try and find that corner, left click and drag to the right. It looks pretty big, doesn't it? So let's Control or Command full stop and make it a bit smaller. Now click off it. We still need to add the logo at the bottom called flowers. So let's go to the rectangle frame tool, click and drag across. Again, we can modify this if we got it wrong. File, Place. Select the flowers image, open.selection tool. Click and drag, and use the arrows on your keyboard. It can move that down and click off it and press W. That is our page three, done. 36. A Brochure: How to add a Hyperlink: Scroll up and look at all the wonderful work you've just done. That is awesome. But we're not finished yet. We've got something else to do. If we look at our original brochure, the PDF, our first page is a cover page. We're going to need to create that cover page. But currently in our in-design file our first page is this one. We're going to need to swap pages around so that we have a blank page for our cover page. We can do this in the pages panel. If you go to pages panel, you click on it, you'll see the final page, the page at the bottom, number four or number five it doesn't matter. It doesn't matter. It's empty except for the master page items. I would like you to click and drag and hold and move that thumbnail before page one. Now if you scroll up to the top, you will see that page one is an empty page except the multi-page items. Page two is our cactus over here. In order to create our cover page, we're going to need to get rid of all these graphics here from our master page. If we click on pages, we'll see none over here and a thumbnail. Now none is a blank master page. What none does is it gets rid of all the master page items for that page only. If you select none, you click on that thumbnail and you drag it to the first page it will get rid of all the master page items and our page will be blank just as we need it. Which means that we can start applying our graphics now, maybe make the pages panel a bit shorter. We're going to need to go to the rectangle tool and create another header. Again up to the red line, but this time on the sides. Again, we're going to add that same color. Double-click on the fill and actually it should be on there. You can press okay. Now, if you want to add this color to your swatches, which means that it will be saved up here or it will be saved in your swatches folder. What you can do is either you double-click on the fill over here, and you click on the add seem like case watch. You'll see it appear here. Or in the swatches panel you can click on that little plus and can create a new swatch from that color. This is to ensure you create consistencies. What you can do is add all the colors from your brand guidelines over here and reuse them. We don't need swatches anymore, so you can click on swatches and close it. What we should've done first is create the other image, add the other image, because that image is underneath that header. But that is fine because we get to practice. We go to the rectangle frame tool and we click and drag. I would like it to cover the whole red box, the bleed line with a frame. Now we go File, Place. We select that image with all the cactus and succulents cacti. It looks wide, but it's actually zoomed in piece. We can use the fitting option again, content or fit. We could make it smaller actually, let's go to the selection tool. Click on the content grabber and press command + comma or control + comma. I knew there was another color in there. Now our header is underneath this image. What we can do is move this image below that by right-clicking arrange sent to back or send backwards. There we go. Now, I would like you to go to the Type Tool and create a text box that aligns these two columns and type plants explained. Like what you see, we offer all plants below. Use promo code, plants explained. Now my friends, this is not an actual promo code right, its just a dummy text. Then you can type the website is www.botanicalpurenature.com. I will show you in a minute how to add a hyperlink. Let's highlight plants explained. Again, this needs to be alternate bold. Make it caps lock all caps and increase the font size. Just highlight plants explained and the line horizontal center. Now it's starting to look a bit odd. What we can do to fix it is highlight this piece of text and cut it, edit, cut, Control + X. We can create a new piece of text. Click and drag and Control + V for edit, paste. Now let's start changing the fonts here. Again, this needs to be done. Alternate bold. There we go. Use promo code needs to be in all caps. You might want to make the font a bit bigger. The website, I would like you to highlight the text. Again, edit cut and create a new text frame. Make sure when you create a new text frame, you click and drag. If it doesn't work undo a few times, and try it again. Sometimes it helps if it doesn't work to create a text frame on the gray area are the Pi's board, so it doesn't disrupt anything else there and paste Control + V. Then go to the selection tool and then you can place text in here, there we go, we are getting there. For the final part, we need to add our little image logo in here. We can create a rectangle frame, click and drag, and then go file, place, and select the logo in plants explained and the content worth it. Now there are some pieces here that we don't need to. What we can do is crop our frame. If you drag the bounding box, the white boxes inwards. We're almost done. Just the final part here is to add a hyperlink. We need to go to the type tool, highlight this piece of texts, right-click, hyperlink, new hyperlink. Now if the right-clicking option is not available what you can do is go to the hyperlinks panel and click on the plus over here. It will say link to URL. Normally the link will automatically be copied over here. Now if it's not copied, you will have to type it yourself and make sure the style, none, so that it doesn't change how it looks. Click, okay and that is our hyperlink. If you see here on the panel, you'll see a red dot, that means that the URL is either there's a mistake, either the URL doesn't exist anymore. Normally when you enter a correct link domain, it will have a green button. But I've made this up, so you will have a red button. That's it. Now click on the arrows closing and zoom out then we are about the final page. We actually need to get rid of that page. Let's do that. Final thing. We go to pages, we select the final page, and we delete it. Congratulations, you've completed this exercise. Well done. The final step will be saving and packaging this file. It's a print or web ready file. 37. Links and Missing Links: Now we're going to learn how to save and package finished InDesign files so they're print-ready and web-ready. If we have this file that I've been working on, or if you have any other file open, that is fine. Just make sure that you have some images in there and some texts so that we can work with it. The first things to look out for when saving a document is to go to links. Now go to Window, links. Remember Window is where all the panels live. The links panel will live in Window. So what the Links panel does is it gives us information about every single image that we've placed in our documents. It tells us where it is and on which page. The number over here is the page it's on. If you scroll down, you'll see link info, and here it tells us information like the size of the image. You can see that this is quite a big image. It's 1.3 megabytes. You can see the resolution, and you can see the path. Now path is where it is currently on your computer or on your desktop on her shared folder with your colleagues. This is where that specific image lives. That means that your current InDesign file is linked to that image, which is why they're called links. They'll have this little icon over here, which is a little link icon. You'll see it in the top left corner of each image. Now, it's important that you don't move your images around. Because when you do, your link will be broken and you'll have something called the missing link. Let me show you an example of a missing link of what not to do. If I go to my finder or you can go to your file explorer, I have a look at where all these files are, these images that I've placed to create this document. If I go to InDesign online course and I go to images, there's the folder plant explained. This is where all my images are. Now let's have a look. My folder is here. But what happens if I move this folder around? The link will get broken. Let me give you an example. I'm going to click on this link and I'm just going to drag it to the desktop and minimize this. When I click back on my ''InDesign,'' you might notice all these red question marks. Now that is not a good thing. That means that all my links are missing. It means that if I were to save it as a pdf right now, most of my pictures will be pixelated or blurred, which is not a good look. The problem can be resolved, all you have to do is relink these images. You go to ''Window,'' links'' and you'll see all these scary red question marks. If you click on it, it will say, ''Status missing.'' No problem. What we have to do is relink there. Let's select this one. I'm going to double-click on the red question mark, missing double-clicked relink. What I can do is go to desktop and type the name of this file. It's succulents. You can see it right here, succulents and there it will be. I might have two copies of it in my file, and that's fine. If I select ''Open,'' it takes a while, and sometimes it can crash if you have a lot of big files open. But that's fine. Just reopen it. You'll see that it says search this reading directory and found and relinked 14 missing links. InDesign is so smart that it automatically relinked all the other images. That's all I had to do, relink one and it relinked the others. That is because all my files were in one folder. They were all in the same folder so it was very easy to link them. I suggest that when you create an InDesign file, you keep all the images in one folder. Otherwise, I'll give you another solution for that later called packaging, which InDesign does it for you. InDesign will create automatically separate folders for all your text, your images, and all your graphics. Let me close this Link panel now. 38. Saving a Print-Ready & Web-Ready PDF: We're going to have a look at saving now. Now that all my links are fine, what I can do is go to "File" and "Save As". If you go to "File", "Save As", you'll have a few options here, this is just for saving a working file, InDesign document. That means that you're saving in as an InDesign document and only someone with InDesign can open it. This is the latest version or you can save it in an older version. I'm going to save it to my InDesign Online Course folder, and I'm going to save it just here. If I click on "Save" and I go to my "Finder", "Desktop", "InDesign Online Course", there it is. Let me show you now how to save PDFs. In InDesign, we tend to work with multi-page PDF document. If you go "File", "Adobe PDF Presets". This is how you get to decide the type of PDF that you will be creating depending on what you need it for. There are lots of different presets. There's for printing, there's for web, and each of these are just suggestions. Click on "High Quality Print" for instance. Here you can call it whatever printing, I'm just going to call it Printing File. Again, it's in the InDesign Online Course. I'm going to click on "Save". You can see Adobe PDF presets. This is where I can choose an existing preset. I've got a high quality print which is self explanatory, but it always gives you a description here. Use these settings to create Adobe PDF documents for quality printing. If you select "Press Quality", this is for press printing, for books and magazines and newspapers. If you select the "Smallest File Size", this is for the e-mail, for Internet. If you look at description is says, best suited for on-screen display, e-mail and the Internet. Now let's have a look at all this information here. We can select "High Quality Print" again. Here simple things like changing your pages, which pages you would like to save, how you would like to view it in InDesign or in your PDF. I usually keep these as they are unless I need to change how many pages I'm saving. Over here, you want to just leave these alone. Unless, you have a hyperlink, then you can take this. Obviously, when it comes to printing, we don't need hyperlinks, but more for web. We can untick that now. If you look at compression, this is the quality of your images and the file size. This will determine the file size. So 300 pixels per inch is pretty high quality. If I were to go lower 250, that will be reduced quality, but the file size will be smaller. Sometimes you have to see how it goes with each individual file. The image quality, if you reduce the image quality as well, it won't be as good obviously, but the file size will be decreased as well. You can play around with this or you can just follow the existing presets. Now, marks and bleeds, this is only for printing. If you were to create a document for printing, you would take all printers marks and use document bleed settings. This means that it will give the professional printers, all these indications on your page so that they know exactly where to crop the page, so that your graphics will bleed over the page. Make sure you take all these boxes and you're good to go. If you are not going to print your document or if you're not going to send it to professional printers, I suggest that you don't take these. For web related documents, do not take these because they're not very visually appealing. Then I can click on "Export". Apparently, I have some overset text on pages 3 so I can press "Okay" and scroll down, and I'll see then I have a little red plus here. There we go. I saved my file here. I'm going to double-click on it and I'm going to open it. You will see all the printers marks over here. They're not very visually pleasing. But don't worry, they'll be trimmed anyway with a [inaudible] which is a tool made for that. Let's scroll down a little bit and have a look. Yeah. That's quite a nice document. I'm going to close this. Now, If you don't want all those marks and you just want to save it for an online PDF. Then you go back to "File", "Adobe PDF Presets", and you can choose smallest file size. You can call it Web File, save and you just keep all this information. You can take the hyperlink button and the problem with this is the compression might be very low. If you want, you might make the image quality higher, you might make it high. An image quality over here high. Then click on "Export", and "Okay". Now let's have a look and there we go. That is the web version of our file. No ugly printers marks. Now you can also see the file size here. My printing file, which has a higher quality file, was 3.4 megabytes, which you can still send across e-mail. But if you had a larger document over 11 megabytes, you can't always send it through e-mail. The web file, which has the smallest file size, is 440 kilobytes. It's not even half a megabyte. It's quite a small file, which means that it can be easily transferred through e-mail. 39. How to Package an InDesign file: Now for the final part of today, I'm going to show you how to package your files so that you can transfer them to another client or to a colleague that can keep on working on it. File package. A package essentially is just a folder with all your information about this InDesign file, so your images your graphics, your text, your fonts, and your InDesign file. Just click on package and click on save and you can call it package. Now, what I like to do just to be on the safe side is I include all these options here. I take them all because you're always better off having more than not enough and what these are are just fonts. It's asking you if you want the linked graphics or the images, if you want to update links when you make changes to the images, if you want fonts that are in hidden content, in the pasteboard, in the gray area, IDML is a version of an InDesign file that you can transfer across older versions of InDesign and a PDF version with the loss preset that you selected. You can also choose another preset if you're not happy with the previous one, and you click on package, and this is Adobe telling you not to steal stuff. We're using a lot of free content. We're fine. But make sure you don't steal images that someone else paid the license for, that you don't have the right half. Press OK and it's doing its thing. Let's go and find our package. There it is. What does our package look like? Let's open it. In this package, I have my fonts. Remember we used an alternate bold and Calibri and I must have used a couple of these somewhere. We've got links. This is the most important part. It's all my images used in this file, they're linked to this folder now. My InDesign file, which I should have named and my PDF. If you're done with an InDesign file or you want someone else to keep working on it, what you do is you send them the whole package and what you could do is zip it. You can compress it to a zip file. Right-click compress package and you can just send a zip file so that it is much smaller and easier to send and that is it. 40. Well done and see you soon!: Congratulations on completing this course. We have successfully created a flyer, a magazine advert, where we've learned how to create grids, and use transparency, and gradients. We've created a magazine article where we looked at text wrap, a drop caps, and text formatting, and a brochure where we covered master pages, hyperlinks, grids again, text columns, rounded corners, and page numbers, and much more. The key here is to keep practicing InDesign. InDesign is now a new muscle that needs to be maintained, and it needs to grow. Keep practicing.