Beginners Guide to Adobe InDesign : The Essentials

1. Introduction: Mm hmm. Mm hmm Mm hmm. Do you want to master adobe in design? If opening the software ever felt intimidating, don't worry. I got you. I'm Kate Silver. I'm a graphic designer, shoe designer, and a top teacher on Skillshare, sharing my expertise with students worldwide. I've worked with brands like Jimmy Choo, Sophia Webster, Riverside, and Adobe. This Adobe in design introduction class is perfect for beginners or those with minimal experience in in design, who would like to play along with some practice exercises and gain confidence in Adobe in design. We will be creating four projects. We'll start with a simple flyer followed by a magazine article. We'll then move on to stylish advertisement and finally a multi page brochure, where we will combine everything we've learned. Along the way you learn essential in design skills like working with text wrap, creating grids, gradients, and transparency. Mastering parent pages to ensure consistency in longer documents, saving web ready and print ready PDFs and using Adobe AI tools like AI text to Image and AI generative fill to really transform your designs. I will be guiding you with clever shortcuts throughout the whole class to help you work smarter, not harder. There are lots of files, exercises, templates, and a free shortcut chee cheet that you can download with this clause, whether you want to freelance, impress your boss or DIY your own graphic design. This clause is for you. By the end of this clause, you will have mastered the in design basics, completed four projects, and we'll be ready to create your own amazing in design documents. And voila, let's get started. 2. Welcome to the Class!: My friends, and welcome to this Adobe In Design Beginners clause. I'm super excited for you. My name is Kate Silver, and I'll be guiding you along the way. Together, we'll cover a whole bunch of Adobe in design tips and tricks. We'll look at images, text, layout, and so much more. We'll even make the scary Adobe Indesign interface look way less scary and we'll practice all these skills with four exercises a flyer, a magazine article, a magazine ad, and a multi page brochure. How exciting, right? So let's get started. 3. Let's get started with Adobe InDesign: Oh. Interesting. Hello, my friends, and welcome to your first lesson in Adobe In Design CC. I'm super excited for you. So what we'll start with is how to create a new document in Adobe In Design. I'll explain everything you need to know about setting up your very own document. And then I'll make this scary looking in design interface look much less scary. I'll explain what the tools are, what the options bar is, what the panels are. What the menu bar and even the new task bar, which is over here, super cool. After that, I will give you some super cool shortcuts that will make your in design process go much more fluent, hopefully. I've also created a shortcut sheet sheet, especially for this clause, so feel free to download it in the course files. By the end of this introduction, we'll be ready to go and start creating our own in design documents. 4. Download Class Files and Adobe InDesign: All right, my friend. So let's get ourselves started with everything we need for this clause. So let's go ahead and go to the clause description page. Now, if you scroll down and you go to projects and resources or about you'll see this link over here that helps you sign up to Adobe In Design if you don't already have Adobe In Design. So you can go ahead and click on this link, and it will take you straight to Indesign. You can either get the free trial if you're not sure or go to BuyNw and choose from one of the many plans that are available. You can either have Creative Cloud and have all the apps, which is what I currently have or just sign up to design only. This is totally up to you and up to your budget. So yeah, make sure you have Adobe in design installed. And in terms of project files, make sure you go to projects and resources and scroll down, and you'll be able to download all these zip files that I created for each lesson, each exercise. So, for instance, if you go to Flyer folder Zip and click on that, it will download and you can open it up. And boom, what it will do is it will open up as a zip file, which is a compressed folder. So if you double click on the zip file, it will export itself into a folder, and inside the folder, you have the in design file. You have the fonts will need the images in that file, and even an IDML file, which is basically for older in design versions. So if you have an older in design version, you can open this. And voila. Now that that's out of the way, we can go ahead and go back to Adobe in design and start in design. 5. What is the Welcome Page?: You open Adobe in design, this is the first thing that greets you, and it's called the Welcome page. And it also says your name, which is cool. Now, over here, you have existing quick presets, which means that if you click on one, for instance, IPad Pro, it will open it up in a new document ready to be designed. But I'm going to click on the little X and go back to the welcome page. Now, over here we'll have the recently opened documents, and you might not have any recently opened document because that might be the first time you ever open Adobe in Design. Okay. Now, over here in the gift or present icon, if you click on that, you will always be able to see all the new updates in Adobe in Design or any Adobe related software for that matter. So that's super cool. And then over here in Learn, you have access to a lot of really useful existing tutorials. So that's super cool. But let's click on Home again because we're going to learn in a little moment how to create our very own document from scratch. 6. Free Templates: Okay, so let's go and click on file. And over here we'll have the new documents setup window. Now, over here we have something called the intent, which is the purpose of our document. We can choose between print, web or mobile. And each of these will come with an existing set of presets. So if I select print, view all presets, I will have printing related presets like your typical A four, a five, a three, or US letter, and even US business card, which is new and super cool. If I click on web, I will have web banner related presets. If I click on mobile, I will have mobile phones like iPhones, iPads, Google Pixel, Samsung, et cetera. Let's click on Print again. Now, let me show you something super cool. If you scroll down, you will see templates. And yes, my friends, Adobe offers amazing free templates. You got to love free stuff, right? Especially when they're as pretty and useful as these. Now, if you see a blue tick Mark on mine, this means that I've already downloaded this before. So if you would like to download a template as well, you just need to click on one and click on Download, and then it will download itself. And fo the little blue tech Tick Mark. And this one. Now I can click on This template, for instance, and click on Open, and it will open itself up in a new document. Now, if you see this missing fonts window, this is perfectly normal. This means that the original document was created with fonts that I personally don't have on my computer. And there's this thing called Adobe font, which is amazing. So whenever adobe detects a missing font in your document, will automatically sink it and install the font for you if it's available in Adobe fonts. So this is super cool and saves us a lot of trouble. So all you have to do is just click on Activate and Adobe will activate the fonts in all your Adobe documents. But just in case I've also added font files in all our documents in case this is not available to you. So click on Activate. And now this gorgeous in design document is ready to be edited. Now, let's make this gorgeous document even more gorgeous. I'm going to teach you your first shortcut, and that's for print preview, and it's. Do you again for working mode. Do again for print preview. Working mode. So in working mode, you'll have all the guides, and in print preview, you won't see all the Idsign guides. Cool. So let's close this because we're going to create our very own document from scratch. 7. How to set up an InDesign Document: All right, so now we're going to design our very own document from scratch. So let's click on file, and I'm going to take you through the new document setup window. So select Print, view all presets and choose A four. Now, over here we have the preset details. This means that we can modify any information about our A four page. Now, wit fin height is the size of our page. This is the A four size. And in units, you can choose between millimeters, centimeters, pixels for web related documents or inches for the US. But let's stick to millimeters. Now, before we do anything else, let's take the preview button. So we can actually see what we're creating. Whenever you see preview, always make sure it's sticked. We can choose the orientation between portrait or landscape, and this will change accordingly. Now, pages. So here you can choose the number of pages that your document will have. But don't worry, you can always add more pages later on. And I'll show you a super cool trick. So make sure you're selected here in the box, and if you press the upward arrow on your keyboard, the number will increase. If you press the downward arrow on your keyboard, the number will decrease. So this I love. A facing pages. So facing pages is when you have a book or a magazine and you have two pages facing each other, like a spread. So for instance, this would have a facing page. This would have a facing page. So any book or magazine that has a spread, if you didn't want a facing page, you can just untick it. Now, let's select portrait again and let's go to columns. Now, click on this arrow and add three columns, and you will see three columns appear on this page. Columns are just guides. They're like a wire frame that we can work with to help us with layout. So for instance, this document might be divided by two columns and perhaps this one as well. And later on, we're going to work with multiple columns. Okay, now, column gutter is something I would like you to remember. The gutter is the space between the columns. So if we increase the space between the columns, we will see the space increasing. Okay, now, margins. So I'm going to pop this over here so we can see our page a little bit better. So the margins is this pinky magenta rectangle. Towards the edges of our page, and it's there as well as a guide to help you center your content and to make sure that when you print it, it won't get chopped off because it's too close to the edge. So it's a good idea to kind of work towards aligning stuff to the margin. Now, you can increase the margin, and that will give you a nice thick edge or decrease and the reason this all changes together is because of this guy over here. This is called the ink icon, and when it's on, it makes all settings the same. Now, to unlink it, just click on it, and you'll see that the chain is broken, which means that you can just change a singular side, like the top, and just the top will be changed. Okay. And then to turn it on again, just click on it. Scroll down, and let's cover last but not least the bleed. So the bleed is for printing purposes. It's whenever you want objects to extend beyond the trimmed page. When you want any graphic to align to the edge of the page, like over here or over there, or over here. So what you need to know is that the bleed industry standard for the bleed is 3 millimeters. So I would like you to add 3 millimeters, and you will see 3 millimeters added all around. And you will see this red line, which is the bleed line. So whenever you want your graphics to align to the edge of the page, you need to make sure that your graphics are aligned to the red line, the 3 millimeters. So three things you need to remember in terms of bleed. One, that the industry standard is 3 millimeters. Two, that you're going to align your graphics to that red line if you want them to bleed over the page. And three, when you export the document, just make sure that you tick a box that says include bleed marks. Okay, great. Now you can scroll up and click on Save document preset and start typing the name a four or three columns Bleed Save Preset. And your three column bleed will appear over here, along with any other save documents and your templates. So that is super cool, but without further ado, let's click on Create and let's open up our new document. 8. 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. And I've created a shortcut sheet sheet, especially for this class. So let's minimize Adobe in design and have a little look at the course files, the shortcuts folder, and look at the in design shortcuts for Macs and PCs. So if you're using a Mac, most shortcuts will start with command command. If you're using a PC, most shortcuts will start with control. And we're going to go over a bunch of them like undo Commander Control zt, zooming in and out, Commander Control minus, selection tool and whatnot. So make sure you keep this somewhere handy, print it out, perhaps. And let's go back to Adobe in design and test some of these out. So first, zoom in, Command or Control plus. Zooming out, Commander Control minus, fit to screen Commander Control zero, and hold down the space bar for the grab hand tool and click and drag and you can just move your page around. Now for a shortcut, you've already learned, and that is print preview, W. And you'll see all the guides disappear. W again for working mode, W for print preview, and W for working mode. And Voila for now for shortcuts. 9. What are Tools, Panels & Workspace? : Going to briefly explain the in design interface. So over here we have the menu bar. We've got file where you can go file new, file open, save file place, and even document setup where you can modify any changes to your document. Cancel. You've got view, which is where you can change some view settings like zooming in and zooming out, but I prefer using the shortcuts that I showed you. And finally, we've got window. Now, window is where all the panels live. Now, what are our panels? These are panels, and they're like, specific sections where you can work with a specific tool. For instance, you've got pages where you work with pages, layers, which is similar to Photoshop, swatches for saving colors, CC libraries for adding stock and assets, and more. Now, on the left hand side, we have the tool bar, and you can view it this way or that way. And if you hover over a tool, it will tell you what it is and the shortcut in brackets. So this is a very important selection tool. V are very important. You've got the type tool, shortcut T. And whenever you see a little triangle in a tool on the right, that means that there's more options for that tool. So if you right click, you will see those options for that tool. Go back to the selection tool. Now, we're here in the middle, we have the Options bar because this will give us more options about a specific tool, and this will change according to the tool we're on. Let's say we're on the selection tool and we have an object selected. So the options bar will give us information like the width and the height, whether it's rotated, color, et cetera. If we select the type tool, then we'll have text related options. Now let's go over here next to Adobe stock at that word. On mine, it says typography on yours, it might say something else. If you click on that, you have a list of existing workspaces. Now, what is a workspace? So a workspace is like a desk or a preference of how your in design interface will look like. So if you click on essentials, for instance, the interface will look a certain way. If you click on book, we'll give you book related panels. Now, I personally like to select typography, because I find that it has the most amount of panels that I would need. So let's go ahead and select typography. All right. So what we're going to do now is add a couple of panels to this existing typography and then save our very own workspace. So remember, Window is where all the panels live. So let's go to Window and select Properties. Properties is a panel that I love. It's very useful because it's like an overview panel. Where you have a lot of really important information all under one umbrella called properties. Let's go back to Window and add an additional panel called History. Now, the History panel is something I'm very excited about. It's been copied over from Adobe Photoshop, and it's basically a list or a history of every single action you did in your document. So kind of like undo and redo except everything is listed. Right. So now that I'm happy with this workspace, let's go to typography and click on Workspace, and we can type your name and workspace and apostrophe S and click on Okay. Now, let's say we click and drag panels, and we start making a mess of our design, which we will do later on. And let's say we accidentally press X on panels, and they disappear, and we freak out. Well, don't freak out because all we have to do is go back to your typography and reset typography and everything will go magically back into its place. And finally, we have the new Tas bar, which will cover later on. Stay tuned for this 10. What are the 3 Types of Frames?: So before we move on to some really exciting AI stuff that is new and a new task bar in Adobe in design, we're going to go over some Adobe in design basics. Now, Adobe in design is all about frames or containers. Every single element you add in Adobe in design will live inside a frame. And I'm going to paste a few examples to show you what I mean. So in Adobe in design, you have three types of frames frames with an image inside, image frames, frames with text inside, text frames, and color or shape frames. And each of these has its specific tool. So for the text frames, you have the type tool for the image frames, you have the image frame, which is a rectangle with the cross, and the shape frames, you have the shape tool, the rectangle without the cross. Now, what's cool is that some of these tools are repeated now over here in the task bar to make it even more accessible. Cool. So we're going to draw one of each to start with. So let's start with the shape tool. We're going to go over here to the shape tool or rectangle tool. And we're going to click and drag and draw shape and let go. Then we're going to go to the type tool, and we're going to click and drag and draw shape. And by the way, if you see these green guides, they're called Smart Guides, and they tell you when a new shape is aligned or the same width or height as an existing shape. Let go. And finally, let's go to the picture frame tool. And let's draw a picture frame with a cross. Click and Drag and use the Smart Guides to make sure they're aligned. Voila, congrats. You've just created your first three frames. Now, creating frames is pretty easy, but working with them is slightly less. So once you're done doing anything, you always want to go back to the selection tool or V for very important tool. So let's select the border of the shape. Every shape has a fill and a stroke. So let's double click on fill, and let's change the color that the shape is filled with and perhaps go here to choose a pretty pink. And click on Okay. Now, let's get rid of the border, the stroke. So we're going to hover over here and click on the arrow and click on none, and then click away to deselect. Cool. Now the text frame. So for the text frame, we need to go to the Type tool and then click inside the frame, and you should see this. Start typing, blah, blah, blah, and perhaps play some placeholder text or Loramipsum. So go to type, fill with placeholder text. Last but not least, let's add an image in the image frame. So we're on the type tool. So in this case, you want to click on the selection tool. Otherwise, it's going to type V V V, which you don't want. Click on the selection tool. Now select this shape. Now we can place an image the long way round by going to File Place, or we can use a shortcut which is listed over here, Command or Control D. And you'll have access to your desktop now. But let's press Cancel. Now, you also have Import Image option available here inside the Tas bar, which is cool. So you can also click here and grab an image this way. So select this image with the pug and click on open. Okay, now the image will look pretty weird, and that's because the image is huge and the frame is tiny. So we're just seeing a tiny little fragment of that image. So to fix that, Adobe has a tool called the Content Aware Fit. So if you click on that, it will automatically fit the image to the frame. Beautiful. So you know, the content aware fit options are also available here in the properties panel. But this is much faster. 11. Faster Way to Import Images: The Task Bar: Before we take a deep dive into each frame, text frames, images, frames, shape frames, we're going to have a look at the task bar and the fastest way to place an image inside Adobe in design. Ever thanks to this new task bar. So first, make sure you're on the selection tool. V for very important. Then click on Add a frame. Click and Drag to draw your frame and then click on Import Image and place, I don't know, maybe this image, the other pug and click on Open and then click on Content Aware Fit. Voila. Now, I strongly believe in repetition, so let's do this again. Currently, the TAs bar says something else because we have that image selected. So let's go to the selection tool and click away to deselect and start fresh. Let's click on Ad frame again. Click and Drag and draw another frame. Click on Import Image or Command or Control D, and select, I don't know, this funny salamander. Click on Open and then click on content to We Fit. Voila as easy as that, I hope. So that's really cool. Let's go back to the selection tool and click away. Now, if you look at the task bar, it also says start with image. The difference between a of frame and start with image is that a of frame, you actually draw a frame and you design your layout first and then place the image inside the frame. When you start with frame, it actually places the image in its entirety. Its full shape. So let's go ahead and click on Start with Image and Import File or Commander Control D. And we're going to select that same image of the pug and click on Open. Now you're going to see an image waiting to be placed over here. So if you just click, Whoa, it's huge. You don't want that. So go to Undo Commander Control Z or Edit Undo. And instead, you want to click and drag and draw your frame this way. And you will see that this image is longer or taller than this one. That's because this is the entire image, and this is a cropped image inside a frame. And we'll look at some more ways to play with frames in a little bit when we take a deep dive into image, frames and text frames. 12. Picture Frames: Explained: All right, so let's clear everything on our page. Press Command or Control A, for select O and then press the Delete button. Bye bye stuff, and let's start fresh. So now we're going to do a deep dive on image frames and get you familiar with frames. So let's go to the Rectangle Frame tool. Again, for images. And we're going to click and drag and draw a rectangle. Now let's do this again, but this time, hold the shift key. When you hold a shift key, that's how you draw squares and let go. Now, let's right click on the rectangle frame tool and select ellipse because we're going to go and draw ellipses and circles. So go ahead and click and drag and draw an ellipse. And then to draw a circle, hold down the Shift key to draw a perfect circle. So now we've created a bunch of frames for images, placeholders. So we're going to go back to the selection tool or V, and we're going to start placing some images in these frames. So we can either use a shortcut Command or Control D, or click on Import Image. And we can start choosing a couple of images, perhaps in the pug again. This, which by the way, is AI generated image of Beyond perhaps that image and another one, I guess, the salamander again and click on open. And now we'll see the number four. This means we have four images waiting to be placed, and we can just start popping images into places. So we can click click click. And if you miss and you go, Whoops, don't worry, press Command or Control Z for undo and then place the image in the frame. Now, if we want, we can individually fit our frames by clicking on Content Aware Fit and click on an image and then fit. Or if we want to select multiple images and fit them in one go, we make sure we're on the selection tool and click and drag across two images, then we can use the Content Aware fit here to fit them in one go. And beautiful. Great. Now, the way images work in design is that you have an image inside of a frame. And to select the image inside of the frame, you click on this button called the content grabber, and then you can move it around. And that's just the image inside the frame that moves. You can press the arrows on your keyboard. To move the image up down left, right. Now I'm going to give you one of my favorite shortcuts, and that is for making an image bigger and smaller. So to make the image bigger, press Command or Control full stop. And she's getting bigger and command or control comma to make the image smaller. And if you hold both of them simultaneously, that's really nice and fast. Now you can press the left arrow, the right arrow, and move her around. Now, you'll see the orange brownie border, and that is the image itself. So this is the frame. The orangy border is the image itself. Now, to deselect, just click away and voila. Let's do this again, I believe in repetition. Perhaps we'll start with the pug. Let's click on the content grabber that button and then press the command or control full stop shortcut because he's growing up. And to make him smaller, command or control coma. And again, when you're done, click away. Again, practice makes perfect. Click on the content grabber and press Commander Control full stop to make them bigger or Commander Control coma for smaller and click away. And there you have it for now for working with images. 13. Convert Images Portrait-to-Landscape in 1 Click: Okay, so now we're going to work a little bit more with images. I want to teach you how to make a landscape image, a portrait image, and how to make a portrait image, a landscape image. So for now, we can get rid of a couple of these images. So avoid the button in the middle. Make sure you're on the selection tool and click anywhere but the button in the middle and press delete. Select this image. Don't press on the button, press delete and the pug BpugPress delete. Let's say I want to convert this beyond image into a portrait image. So what I can do is, again, click on the image, but avoid the button, and I can click and drag on the frame and extend it. So now this is the image, and this is my new frame. All I have to do is click on Content Aware fit, and Adobe will automatically do it for me. Now I can edit it further if I want it to by clicking on the button and moving beyond say more to the center. Click away. Okay, now let's do the opposite. I want to convert this portrait image into a landscape image. So I'm going to click and drag the image, the frame. And again, I'm going to press the content aware fit. And fo, my portrait image is now a landscape image again. 14. AI Text to Image: H. Okay. Interesting. Okay, guys, I'm super excited because now we're going to talk about AI in Adobe Indesign. Yes, AI is here, so let's make the most of it, shall we? And in Adobe Indesign currently, we have two AIs. We have AI text to Image and AI generative fill. So we're going to have a look at both, but we'll start with text to image. So we can start by adding a frame and perhaps filling it, click and drag, so it fills the whole page. Beautiful. And then we're going to click on text to Image. And we're going to see the text to Image panel. Now, feel free to choose one of these sample images, or you can type at with a hat or anything you would like. And click on Generate. Cute. Or perhaps this one. Oh, I love that one or this one. These are adorable. Love it. Now, if you didn't like them, you can click on Generate here again. And it will generate more variations of this image. Click on Generate. And let's have a look. Super cute. I love this. I think I'm going to go with this one though. Now, if we click on Advanced, we'll have another panel up here. And over here, we can change things like the aspect ratio. Like if you wanted instead a landscape, we can also make it art instead of an image, and we can go to style effects and pick the effect we like. Like, futuristic is very popular at the moment in AI. So let's see. We can go ahead, select futuristic and click on Generate. And, Whoa, that's cool. That's even cooler. So there we go for text to Image AI in Adobe in design. Interesting. 15. AI Generative Fill: Okay, so now we're going to get rid of this. Press Escape and go to the selection tool or V, select this image, and press the delete button and go ahead and close this panel. Okay, so now we're going to try AI generative fill. And yet again, we're going to place an image. But this time without a frame, let's start straightaway with an image. Click on that or press Command or Control D. And go ahead and select this lovely, I think it's also a French bully and click on Open. And you can go ahead and click and drag and just draw it like this, I guess. Great. Now, make sure you're on the selection tool. We're going to click and drag and expand our frame. And we're going to click on Generative Expand. And don't type anything. Just click on Generate and generate And just like that, it automatically created and filled this image according to the surroundings. How cool. So even if you have a portrait image, you can always make it landscape this way as well and create new pixels, new elements of the image with AI and have a look at the variations to choose which one is your favorite. So that is all for now for generative fill. Let's move on to the next section. 16. Color Frames: Best practice: Okay, now we're going to do a deep dive into shapes and colored shapes. So if we can go to the rectangle tool, the one without the cross, and start clicking and dragging and drawing rectangles, remember to draw a square, hold down the Shift key, and another one. Okay, now we're going to add colors to these shapes. So we're going to go to the selection tool. Remember to always go back to the selection tool V. Now, to select shapes, you can either click and drag an Area around all shapes, or to select these particular shapes, click on the border because it doesn't have a fill. When there is no fill, you need to select it from the borders. So click on this border. Now to change the color, you need to go to the fill. Double click and pick a color. A random color will do just fine. I love pink, so click on Okay. I'll do the same for this shape, so click on the border. Double click and choose another pink or purple, and then click on this one. Double click on the fill. Add another color. Oh, that's interesting. What you can also do is select all three shapes in one go and remove the border of all three by clicking on the little arrow and clicking on none. Now, click away, Deselect. So we're going to talk about shapes and how to change frames of shapes. So I would like you to click in the shape, one of them. And you'll see the white boxes, the bounding box. So go ahead and click and drag. And this is how you crop a shape. Or you can make it bigger again. If you remember the shortcut for making it bigger, I'll remind you now, command or control, full stop. Command or control comma to make it smaller. Love the shortcut. You can also press the arrows on your keyboard, the right arrow, the left arrow, up, down like a video game. And to go a little bit faster, hold down the Shift key and press the right arrow on your keyboard or the left arrow. So this is a lot of basics. Okay. Now, another really cool trick is this yellow box over here. Click to Edit corners. So I want you to click on this, and you'll see a yellow box in each corner. Now click and drag a yellow box and drag it towards the center, and that's how we round corners. Now, to round a single corner, hold down the Shift key, and then round it. So shift is used a lot in Adobe in design and Adobe language. Now click away. Now select the shape again. And if you hover over the corner, you will see this double bended arrow, which is the icon for rotation. So now I want you to click and drag and hold down the Shift key, and you'll be able to rotate it at a 45 degree angle if you hold down the Shift key. And again, click AA. Cool. So that's basically the gist of frames and changing frames rather than images inside frames. Now we're going to have a little look at the options bar. So let's select this shape and then go from left to right. So first of all, we have the reference point. The reference point refers to the actual shape. So I always like to have the reference point in the center, and that means that whatever changes we make will be from the center. So, for instance, if I press Command or Control full stop for making it bigger, it's making it bigger from the center. But let's say I select the top left corner, which is this one. So if I now make it bigger, it will get bigger according to this point. Let's say I want to rotate my shape. We also have an icon for rotation here. Click, click, click. You will see that it gets rotated according to this corner, the top left corner. But if I select the center reference point, and now I press rotate, it will rotate according to the center. So basically, most of the time, it's best to just select the reference point. Okay, a few more things. So here we have the width and the height. And over here, we have scaling. So if you use this and you increase the scale, this is just the equivalent of us using the shortcut command or control full stop or command or control comma. I rarely use this because I find the shortcut much better and faster. Okay, we also have flip, which is cool, flip horizontal, flip vertical, which is great, especially for images. And the P here shows us how our image is our picture. So right now you can see that the P is flipped. Now, over here, we have the fill and the stroke. If you click on the arrow, you will see a list of default colors of in design. And we'll talk about adding colors later on. But just so you know if you wanted to add this color, you can click on the arrow and click on the plus, and now the SWAT will appear here. The stroke is the border. So if you did want to add a border, just select. Let's have a funky pink border. And this is the stroke width. So if we increase this, the stroke will be bigger, which is cool. And then below, we have these really fun types of borders. So have a little play with this. Pretty fun. And then the last thing I'll refer to for now is this opacity. So when something is opaque, it's the opposite of transparent. Think of opaque tights. So when it's 100%, it's not transparent. To make a shape transparent, you need to reduce the opacity, and there you go, it will be transparent. So that's it for now for shapes and frames. 17. The History Panel : Undo & Redo: Okay, so go to the selection tool and select your shape, and you may notice that in the Properties panel, we'll have a lot of information about our shape, same as the options bar. So a lot of this information over here will be repeated in the Properties panel, things like fill, stroke, and even corner and opacity. So that's great. And then the other thing I wanted to show you another panel is the history panel. Now, if you save your document, you will be able to see every single thing you did in this document. So if we go to file, save as, and save it on our desktop, let's say, and call it I don't know, history. Now we will see that everything we're going to do from now on will be listed in the history panel. So if I move this shape and then I move that shape, and then I make this one bigger, Command or Control full stop. And then I stretch this out. So everything, every single step I did, will be listed here in this panel. And I can even resize this and have a little look at every single thing we did. And every time I click on the step above, that is the previous step, and it takes me back. So it's like an undo except everything is listed. So if I go back to new, that will be the beginning, and if I go back to the bottom, that's like redo. Using the history panel is exactly the same as doing undo command control Z, undo, undo, undo or redo, Shift command, et. Shift command zt. 18. Another way to resize Frames & What to do if your can't find a Tool: Okay, so before we move on to the third type of frame, which is text frame, I do want to give you a couple of alternative methods for working with shapes just in case the options I gave you weren't available to you. For instance, resizing a shape. I've previously taught you how to use a shortcut Command or Control full stop or command or control comma. Make sure you're on the selection tool and also this method, scaling this way, and you can press the upward err on your keyboard and highlight this. And this is a good way of resizing. Now, I want to show you another way, and this is a clicking and dragging way and something called free transform, which is also in Adobe Photoshop. So free transform E, random shortcut. I'm sorry. So if you click on that, you will select the whole frame, and then you can click and drag whilst holding down the Shift key, and you can also resize something this way. If you don't hold down the Shift key, you can also resize it, but it will distort itself. Holding down the shift key will keep the same proportion. So I want to show you the same thing, but with an image. So let's go back to the selection tool and just quickly place an image, Command or Control D or start with image. And select perhaps the Bug and a ghost and click and drag. So I would like to show you that if I try to resize it this way, it's only going to change the frame. But if I go to the E Free Transform tool, it will now select the whole frame, which means that now if I hold down the Shift key, it will select the whole frame. And remember, shift keeps the proportion, yeah. So if I don't use the shift, it will distort it. So that was the second method of resizing. I just want to make sure you have that method as well just in case the other method isn't available to you. And as you know, you can also click and drag and move shapes around this way. And in terms of selecting to select multiple objects, you can either click and drag with the selection tool. Shape across all objects, and this will select all objects inside. Or you can also select multiple objects by click and shift. Click on the shape, hold down the Shift key, and click on the other shapes whilst holding down the Shift key. Now, another tip I would like to give you is that throughout the course, if at any point you can't find a tool, you can't find a panel. So the panels will always be in window, and then you'll be able to find a panel. Now, if you still can't find something at any point, and you're like, Whoa, where is her content aware fit, for instance, don't panic. You will always have the option to right click. And chances are that whatever you're looking for will also be available here, like fitting content aware fit. Or right click and locking. Or hyperlinks, which we'll use later. So a lot of the options, if you can't find them at any point, then you can right click and they'll probably be available here. Then one final little trick I would like to tell you is for duplication, make sure you're on the selection tool. Go over a shape and then hold down the alter option key, and you'll see a black and white cursor, and then you can click and drag and voila you've just duplicated an image. So these are just a couple of quick tips before we move on to the text frame section. 19. Text Frames: All you need to know : Okay, so now we're going to look at the third type of frame, and that is text frames. But first, let's go to the selection tool, click and drag across all shapes and press delete. Now let's go to the type tool. And by the way, the type tool is also available here in the task bar. Shortcut for Type tool is T. Then we're going to start clicking and dragging and drawing a text frame. Start typing, blah, blah, blah. And if we wanted to, we can fill it with placeholder text by going to type. Fill with placeholder text, and it will be filled with Lorimipsom. Right, now let's go to the selection tool because we're going to start changing the layout of this frame. And we can click and drag and distort this frame, resize the text frame we can do things like we did before, where we press the arrows on our keyboard to move it left or right. We can click on the yellow box to round corners. We can hold down the Shift key to round a single corner. And we can even add a fill a color by double clicking on the fill, and pick a color that you like and click on Okay. And by the way, you can do this fill over here and over there. It's the same thing, so pick your favorite option. You can even use the shortcuts that I gave you earlier for making something bigger, and that is Command or Control full stop or Command or Control comma for making it smaller. And deselect click away. Okay, so you might see a red plus over here. And if you don't, just make sure you make your frame a little bit smaller. Now, the red plus means overset text. It means that there's more texts, but there's not enough space in a text frame to fit it all in. So to fix this, you can either click and drag and make your text frame bigger, big enough for the whole text to fit in. Or what you can also do is create an additional text frame that will be threaded or linked to this one, the continuation of this one. To do this, you need to click on the Rd plus. Click. Make sure you see the play button, and then click and drag and create a second text frame. And yes, you can use those green smart guides to align the text frame. Cool. If you see another red plus, it means there's more overset text. So click on the red plus again, and again, click and drag and start drawing another text frame. And you can keep doing this until there's no more red pluses. So these three text frames are linked. So let's go to the type tool to select the text inside the frame. And let's click inside the frame. And now let's press Enter. It's just to show you that these text frames are indeed linked. And that's it for now for textFrame. We're going to move on to some text formatting now. 20. What is Text Frame Options: Okay, so now we're going to cover some text formatting, which is super important. It's things like changing the font, the font size, the font color, and whatnot. And it's going to be super important for our next exercise where we practice images, shapes, and text together holistically. Cool. So let's go to the type tool first. And let's create a new text frame and keep our other frames for now. And we can start typing hello Okay, so in terms of text formatting, you have a bunch of options and ways of doing it. So first of all, if you're on the type tool, then the options bar will change and give you some text formatting information about your text. If you're on the selection tool, it will give you information about the shape, the text frame. So let's go back to the type tool. The most important text formatting options have been added here to our lovely task bar. So we'll start with Ds, the quick and most important ones, and then we'll cover all the more detailed ones that are available here, and they're called character formatting controls, A, and paragraph formatting controls, P. And all of these options are also available here under character and paragraph. So if ever you can't find something over here, it will be over there. Pool. So first things first, over here, we have the font. So if we click over here, we can choose a different font and preview it. You can, for instance, choose Open Sans. Over here, it's things like regular bold light. And this will depend on the version of the font that you have. I have a lot because I've downloaded a lot of fonts in my in design lifetime. And then over here, we have font size. So we can either click here and choose from an existing set of font sizes, or we can use our lovely shortcut, press the upward arrow on our keyboard or down. And then to change the fill, click here and you can choose from a set of default colors. And then line. So if you click on this, you can align left, align center, align right, or justify. Let's click on a line left. So those are your super basic Easy PZ text formatting. Now, last but not least, I want to teach you how to center text in the middle of the text frame. So I would like us to go to align and Align center for horizontal center. Now, to align it vertical center, so it's in the center here, you need to go to the three dots and go to something called text frame options. And make sure preview is ticked and select vertical justification Center, and click on Okay. Cool. So now we're going to do this again and practice. So we're going to click and drag and create another text frame. Of course, make sure you're on the Type tool. We're going to type hello. And highlight the text, then go over here and change it to open sand, let's say, and bold, let's say. Make the font size bigger. Can't remember which font size it was, and then click a line Horizontal Align. And then the three dots, text frame options. Make sure preview is ticked and a line center. And Okay and voila. Cool. Let's do this one more time because I want to show you a different variation. So we're going to click and drag. And again, type hello. Select our text, change the font to open sands, bold, highlight this, press the upward arrow on your keyboard, select horizontal Align. And now let's do something different. We're going to go to the selection tool instead, and we're going to click on this button, which is Align center and click away. So this is how you align texts inside frames. 21. Text Formatting: Font size, caps, bold,..: Cool. So now let's look at some more complicated text formatting. So let's go to the Type tool and let's click in one of these text frames. And we're going to go from left to right and explain the most important icons of these. Let's select the first piece of text. We've covered font and width and font size. So let's skip those and go over to leading. So whenever you hover over an icon, it will tell you what it is. So the leading is the space between the lines. So if you select a piece of text and you increase the leading, then this will increase the space between the lines, and it will look magaziny, which is cool. Now highlight a piece of text again, and you have all caps, small caps, underline, strike through, and superscript and subscript. Let me show you what these are. So if you can type second and H twoO. So for second, the ND needs to be above, so you would select superscript and for two, the two needs to be below. So you would select subscript. Now the next section here is for distorting or scaling your font. So you can horizontally scale or vertically scale and distort your text and tracking for adding spaces between letters. I don't use these as much. You can change again the font color. Over here, you have the dictionary, so you can choose from a bunch of different languages or English UK if you rather have a UK in design, then you have the same alignment options. Except here, you also have justify. Okay, now let's talk about these options here. And if there are any missing that aren't on yours, then you can also find them here under paragraph. So there's a whole bunch of them, but we're going to cover the most important one, which is space between paragraphs using the same style. So I would like us to create some paragraphs just by clicking and pressing Enter, click press Enter, click press Enter, and we're just creating some fake paragraphs and pretending we have paragraphs. And then I would like us to select all by going to edit, select A or Command or Control A for select A. And how any changes we make will be applied to the whole text. And now we can start changing the space between the paragraphs using the same style. So if we increase that, our paragraphs will be split into this amount of spacing. So if we select 5 millimeters, it will be 5 millimeters. If we increase it to ten, there's going to be 10 millimeters between each paragraph every time we pressed Enter. Cool. We're almost done with this section. Let's move on to this icon, which I love, which is drop cap number of lines. Now, I would like you to select a piece of text, preferably where there is a capital letter. If you don't have a capital letter, then just add one. Select this piece of text and then hover over here to drop cap number of lines and increase the number, and you will see the letter grow accordingly. So if you selected four, then the letter will be as big as four lines, which is awesome. And one of my favorite things. We'll practice this in a magazine later. Okay, cool. So we've covered for now character formatting controls and remember they're available here. Let's go over to paragraph formatting controls. And the good news is that we've covered most of them. So we're going to skip this whole section because we just did that, and we're just going to go over to hyphenates for now. Now, I would like us to select all Command or Control A, and I would like us to untake hyphenate. Now, this will remove all the pieces of text that are split into two with a hyphen. So not the hyphens that we manually typed, but just the pieces of text that are split into two with a hyphen. So untake this and hyphenation is gone. Cool. So that's it for now for text formatting. It's a lot of information, but don't worry, we will practice everything in an exercise right now. 22. How to import a Word Document : Okay, let's learn how to place Word documents in Adobe in design. But first, let's go to selection tool, and let's get rid of everything on our page. Click and Drag and delete. Now, to place a Word document in Adobe in Design or any document, you can go to File Place or use our lovely shortcut Command or Control D. What you can also do now is go to Start with Image and click on Import File. Same thing. So you decide which is easier for you. Now, let's go back to our desktop and to the folder with all our lovely zip files that we got from the course. Let's select text documents. Text Wrap and click on Open. Now, if you have this warning box, don't worry about it. It just means that you might have some missing fonts. But in a little bit, we'll be installing all the fonts we need for discourse. Okay, so I'm going to teach you a few ways of placing a Word document in Adobe in design. So we have this little loaded cursor with text waiting to be placed. The first way is simply to click and drag and create our very own text frame. And fla. Now, let's undo Command or Control Z, and I will show you a second way. Go to the top left corner of your first column and click. Now you've beautifully placed this text in a single column. Very nice. Now, let's undo Command or Control Z, and I'll show you another way. So if you can do the same thing, go to the top left corner of the column and this time, hold down the Shift key. You will see a snaky arrow, and this means that your whole Word document will be placed in this insign document across the three columns. So hold down the Shift key and click. And beautiful, your whole Word document is placed across those three columns like we wanted. Now, let's undo Command or Control Z. And I promise this is the last time I'm going to show you the final way to place a Word document. So go ahead and go to the top left corner again and click. And remember the red plus. So that's for overset text. So we can click on that red plus, and we can have the continuation of this text frame and pop it in the second column. So the top left corner of the second column and click. And now let's do this again. Let's go to the red plus. But this time, let's go crazy and draw our own text frame, click and drag. Click on the Red plus again and click and drag to draw another text frame. Click and Drag and draw another one. And you can keep going until there's no more red pluses. So stick around till the end of the course because we will be practicing Word documents and we'll be practicing this in a holistic exercise. 23. A Flyer: Setting up the Document : Interesting. Okay, so let's put all the skills we've just learned to the test with this flyer. Exciting. But first things first, I want to make sure that we have all the fonts needed for this exercise and for all the following exercises. Just so you know, if you go to in design preferences and go to file handling, and you tick Auto Activate Adobe Fonts. This means that every time you have a missing font, Adobe will automatically activate a font if it's available in Adobe fonts. So you can go ahead and do this and click on Okay. Now, just in case I've placed every individual font in a font folder, and I want us to install all these fonts just in case, just to make sure that there's no issues with fonts. So let's go ahead and minimize in design. And go to that Indesign folder with all the zip files and select the fonts folder. And let's install every font individually. Double click on it and click on Install. Now, I already have this font, so I'm just going to click on X, click on X. Please do the same for each individual font. Double click and install. Especially Franklin Gothic Medium, because that's the font we'll be using next Install. Okay, once you've done that, and you have all the fonts installed in your computer and in all your Adobe software now, let's head back to Adobe in design. If you have any files open, then just click on the Little X and Don't Save. Click on the little X and don't save. And we're going to open an existing Adobe In Design document. To do this, click on Open. And if you go back to our desktop with all the zip files, you can go to the flyer folder, and you'll see an INDD file as well as IDML. INDD is your typical in design document. And IDML is for older in design versions like CS four. The images will be over here and I've duplicated the fonts again just in case. So let's open this in design flier, click on open. So we'll be recreating this flyer over here in this column. And you can zoom in Command or Control plus to see it a little bit better. So first, I want to show you something about layers. So click on layers. Now, I've created two layers. First, we have the keep locked layer where I've placed all of this, and I've locked it. And the second layer, which is a layer we'll be working in and we'll be recreating this fire over here. Now you can also hide a layer and show it. Hide and show, and select the copy layer, and please make sure you remain on this layer throughout the exercise. Okay, that's it for layers for now. So layers layers, pun intended. Click on the little arrows and close it for now. Okay. Now let's go to the selection tool or V and click on this page. I want to talk about rulers very hard word to pronounce. Rulers. These are rulers. To hide them, you press Command or Control R, to show them, command or control R again. Or you have the same options over here. Click to hide, click to show. And the rulers are great because you can create guides. And that's how I start my documents usually by creating guides. So we're going to create a bunch of guides, and that's going to help us with our document layout. So to do this, click on the ruler, hold and drag. And we'll start placing rulers wherever there's an object that starts and ends. So again, click and hold and drag over here. Click and hold and drag and let's add a ruler for this little triangle. Click and hold and drag, and let's add another one for this rectangle. Click and hold and drag and let's add some for the text. So we know where to place the text. Click and hold and drag for the bottom of the text, click and hold and drag for the top. Click and hold and drag again for the bottom. Just keep going until we have enough guides. Click and hold and drag. And finally, click and hold and drag to the bottom of that rectangle. Perfect. Now, if you need to adjust a guide, just make sure you're on the selection tool and you can click on one click and drag or click and push it up and down. Cool. So now we have our layout. Now we know a little bit better how to place everything. It's going to be easier. Okay, so whenever I create a document, I always start with whatever is most at the bottom or behind everything else. And in this case, it's the image of the person with the Bini. So we're going to start by creating a frame and then place an image inside that frame. So you can either click on the rectangle frame tool. Or click on Add of Frame. And click and drag and beautifully draw a frame inside those guides. Perfect. And I'll either go to Import Image or Command or Control D for place and go back to that flyer folder images and select this image with the Bini and open. And, wow, that looks weird. So let's go to our lovely content aware fit and fix it. Click. Perfect. Now, if you can't find it, then you can also go over here. Great. So this looks great, but it's not quite right. We're going to have to shift it down. So let's go to the selection tool again. And let's click on the content grabber and press the downward arrow to make it go down and hold down shift, so it goes a bit faster and click away. Great. Now we're going to add this image. But this time, we're going to draw a frame exactly on top of this one and then pop it over here, and we can either click on Ad frame or click on Rectangle Frame tool, and then we can click and drag and draw our frame. And perhaps Commander Control plus so we can see it a bit better. Now, if you need to adjust the frame, just go back to the selection tool and then click and drag to adjust it. Okay, now we're going to click and drag and push this shape over here. But because I'm human, it's going to go up and down, so to make sure it goes straight, hold down the Shift key. Now, import image or command or Control D, and choose the restaurant logo, which is an EPS file. Now in Adobe in design, you can place EPS files, SVGs, Adobe Illustrator files, and these are all vector files or digital drawings. So click on Open and then click on our lovely content aware fit or this one. Looking good, but again, not quite right. So make sure you're on the selection tool. Click on the content grabber and press the upward arrow to go up. And you can even use our lovely shortcut Command or Control full stop to make it go bigger or command or control comma to make it smaller. Now, click away and voila, we've added the first couple of images. 24. A Flyer: Using Text Frame Options: Okay, let's add the text and the rectangle and this triangle. So we're going to go to the Rectangle tool, right click Rectangle tool. And we're going to nicely start drawing our rectangle. Click and Drag and align it to the guides. Now let's add a color. Let's go to Swatches. So swatches is where you save your colors, and you'll have a list of Adobe Insigne default colors, plus the colors that I added the restaurant teal. So click on the restaurant teal and voila. Now, let me show you quickly how to add colors if you wanted to. So you would have to go to fill here and double click, and you can either choose a color this way visually or type in a code. Now you've got CMYK, which is code, and it's for printing. It's colors for printing documents. And the C stands for San M for magenta, Y for yellow, and K for black or K, and all the other ones are for web documents. You've got RGB, which is red, green, and blue. And you've got HSB, which is hue saturation and brightness, and it's like Photoshop. And then you've got this. This is a hex code. So it's similar to Canva. You can use those same color codes over here and in Canva. But for now, we're going to look at CMYK because let's pretend it's for printing. So once we've picked a color, we click on Ad CMYK swatch NOK and Valla we've just added this interesting orange color. Cool. To rename it, you can just click or double click and you can type orange. And voila. But anyway, let's make sure we make this restaurant eel. We're going to work with colors a little bit more later. Now for this little triangle, which is actually a square that will rotate. Make sure you're still on the rectangle tool and click and drag and hold down the Shift key for it to be a square and let go and then choose restaurant eel. Now to rotate it, we need to go to the selection tool. Or V, shortcut and hover above the corner to see this double arrow. And then whilst holding down the Shift key, click and drag to rotate, and then click and drag and pop it over here. Perfect. And click away to deselect. Now, select it again and just make sure that you have no border, no stroke, click on the little arrow and choose none. Okay, so we've just covered the shapes. Now, let's add the text. So let's go to the type tool or T. And I'll explain something cool. Whenever you have a shape, if you go over it with the type tool and you click inside of it, click, you convert it into a text frame. So this is now a text frame, which means you can start typing the text. Free aromatic coffee with any course meal. Purchase a course meal from restaurant. Enter shortage and receive one free velvety coffee. Yum craving a coffee right now. Enter and get your offer now. Cool. Now that we have all the text, we can start text formatting. So let's select the first piece of text. And we're going to do paragraph by paragraph. So we'll start with the first line, actually, and we'll start over here, and then we'll move over there and adjust it further. So first of all, make sure you choose and find Franklin Gothic medium. You can also type it in and it will appear. Regular the font size is 24, so click and press the upward arrow until it's 24. The fill should be white or paper and click away. A line a line center, horizontal center, by the way, like this way. And then the leading, which is a space between the lines 24. Perfect. So don't worry about the spacing just yet. We'll do that later. Alright, now let's select the next two phrases, and let's start formatting them. So let's go and make sure that the font is Franklin Gothic medium, regular. The font size is 12. The fill is black. Line is horizontally align center. And now let's move over here in character formatting controls and make some further adjustments. Leading should be 14. So press the bottom arrow, and that's it for now for this. Now let's select the final line and make sure it's Franklin Gothic medium, regular. The font size is ten, press the downward arrow until it's ten. The fill should be white or paper. Click and align horizontal align again. Click. Perfect. Great. Our text is aligned to the center horizontally. Now we're going to change that, so it's also aligned to the center vertically. I know something went weird with our triangle, but don't worry about it. We will solve this in a little bit. Cool. I would like us to make sure we're in this text frame still, and we're going to go to the three dots. Text frame options. Make sure preview is ticked, and now we have to vertical justification Align Center. Click Center and Voila for now. Click on Okay. We're still not entirely there. We just have to add more spacing between the paragraphs. Space before or after paragraph. Let's start with this one. So click after the full stop or after meal and go over here to space after and add 3 millimeters space after. So we just added 3 millimeters here. Now, click after coffee and go over here again to space after and add 2 millimeters, one, two, and beautiful. Great. Okay, now let's talk about the elephant in the room, which is this little square that's now appearing in front of my text. So this is because this little square is in a layer in front of my text. So I need to arrange this and move this layer behind. To do this, I can go to the selection tool or V and select this little square. And what I can do is right click range and send backward and Voila. Now, if it's still not there, you might have to send it backwards again. Right click Arrange, Send backward, or the shortcut that I love to use, which is command left square bracket for bringing something back and command right square bracket for bringing it forward. So this is a shortcut that I use a lot in Adobe Illustrader and Adobe Photoshop. So that's it for now for text and these little shapes. 25. A Flyer: What is the Pathfinder Tool?: Now we're going to learn something we haven't covered before. It's the Paw finder, and I love it. It allows you to create awesome shapes like this one. So we're going to create this awesome shape, zoom in a little bit. Okay, so we're going to try and redraw this shape. So let's go to the shape tool. Let's click and drag and try and redraw that shape. Go to Swatches and choose our restaurant eel. Now close watches. Go back to the selection tool or V. And now we're going to click and drag and try and align it exactly on top of this one. So hover over the corner, double arrow, rotate, click and drag, and pop it on top of the original one to try and align it to the best of your ability. Click and Drag and perhaps rotate it a little bit more. Click and drag, maybe make it a tiny bit smaller. And something like this. Once you're happy with your shape, you can click and drag and pop it to the right, holding down the Shift key, so it goes over a straight line. Great. So now let's make sure that your rectangle is long enough. We're going to draw two additional rectangles now to cover the excess bits that we want to get rid of. Go to the rectangle tool, click and drag and draw on top and make sure it covers the whole piece we want to get rid of. Go to swatches and choose pink, perhaps. Click draw the second one, click and drag. Go to swatches, choose pink, and click away. Cool. Now that we have three shapes, we can use the Pathfinder. So what is the Pathfinder tool? So the Pathfinder tool takes multiple shapes and converts them into a single shape by either combining them, subtracting them, joining them. So we're going to use these two shapes to subtract from this one. So let's go to the selection tool. Now, because I don't want our image to get in the way, I would like us to select our image with the Selection tool V, right click and Lock Command or Control L. Cool. So let's start selecting our shapes. So click on this shape, hold down the Shift key and click on this one, but avoid the overlapping bit. Hold down the shift key and click on this one. Now we've got our three shapes selected. And only when you have multiple shapes selected, does the Pathfinder appear in your properties panel? Now, just so you know, you can also open up a panel by going to window object in layout Pathfinder. Great. So now I'm going to show you what not to do, and then I'll show you what to do. So I'll select the first option, which combines shape. Click. And isn't that cool? It just turned the three shapes into a single shape. Awesome, but not what we need. So undo Commander control Zet select the second option, which is the one we need, subtract the frontmost objects from the back most. Click, and voila we have our little shape. Cool. Now let's go to the type tool and add the text. Let's create a frame, click and drag and type exclusive. Select the text. Franklin Gothic medium should be the font. The font size, let's make it a little bit bigger. Upward arrow. The colors should be paper or white. And finally, make sure it's all caps. Make sure you're on the character formatting controls. And let's go back to the selection tool. Click and Drag. So now we're going to try and align the text frame to the shape frame. So we're going to rotate it, hover over the corner, double arrow, try and rotate it and click and drag and try and align it. Perhaps zoom in and then click and drag and try and align it. Okay, let's align it horizontal center and then vertical center. So for aligning it horizontal center, click online and align horizontal center to align vertical. Click on the three dots, textFrame options. Align center. And Okay. And click on the Selection Tool, click Away and Voila. Just so you know you can also align vertical center by going to the selection tool, selecting the text frame, and clicking on this icon, Align Center. Zoom out, press do well done on your beautiful flyer. 26. What Do You Think So Far?: Okay, my friend. So if you're enjoying the class so far, I would really appreciate it if you could take a little moment of your time and leave a class review. Your feedback is super valuable to me and could even help a future student. So thanks a bunch in advance for supporting my work and Voila, let's get back to designing. 27. A Magazine Article: Adding a Quote: Okay, so let's create a gorgeous magazine article. But first, let's make sure that we have the font we need. So let's minimize in design. And let's go to our Adobe Indesign zips. Let's go to the fonts folder and double click on TW SMT bold, which is the font we'll need and install. And the same for regular. Close this and let's go back to Indesign. Now, once again, we're going to open an existing in design document. So let's click on Open. And let's go back to our Adobe Indesign zips and choose the magazine article folder. In this folder, we have the INDD file for current in design versions, IDML for older, the images, the Word document, and the fonts. So select magazine article INDD and click on Open. Now, we're going to recreate this over here, and I've locked everything on purpose, so we're going to have to add the images, the text, the quote. So let's start. We'll start with the left side of the page. So either click on Addo frame or on the rectangle frame tool. Click and Drag and align it to the bleed line or the red line. And let go. Click on Import Image or Command or Control D. And in the magazine article folder, click on Images and select this cool cotton bud flower thing. Click on Open. Now, fix this distortion with the content aware fit. Click. If you can't find it, you can also use it in the properties panel over here. A Cool. Let's start adding the text. Let's go to the type tool. We're going to create a text frame the size of this margin or pink box. That's going to be our parameter. So click and drag across this pink box and type the Shift Enter, in Enter, urban, Enter. City Enter, jobs and Enter industry. Select the text and either change the options in the task bar here or just go to the character formatting controls. Make sure A is highlighted. Where you see Minion Pro or another font, start typing TW Sen empty bold. Bold. For the font size, this needs to be 115 or 115. The leading needs to be 137. So 137. All caps and yellow. So the fill arrow and yellow. Now, go to the selection tool, click away and voila art text. Now, let's add a little decorative yellow rectangle. Let's go to the rectangle tool. And let's make the fill Yellow. Click on the arrow and yellow click away. Make sure there is no stroke or border. Click on the arrow and choose none. Now let's draw a rectangle from here till the beginning of A is. So click and drag and draw your rectangle. And let's change the width and the height. We can go to width and type 79 and H or height, and type 5.5. So specific and click away somewhere. Go to the selection tool, and if you wanted to move it, you can click and drag or press the upward or downward arrows on your keyboard or left or right. And again, select, press W and Voila are gorgeous left page. 28. A Magazine Article: Using Drop Caps: Okay, so let's do the right side. So see these black rectangles. So these will be the parameters for our text. And luckily, I've pre prepared our text in a Word document. So let's place it. Command or Control D. Go to magazine Article folder, choose Economics, Word document, click on Open if this happens, don't worry, it's a missing font. Skip because we'll be adding our own font and nicely click and drag and try and align it to the black rectangles and the margin. Now, let me show you a trick. If you're on the selection tool and you double click inside a text frame, it will automatically take you to the type tool inside the text frame. So press Commander Control A for select all and this will select everything, even the hidden text if there is overset text, red plus. Now, let's start character formatting. All of it, either go to the task bar, which has disappeared for some reason or go to a character formatting controls. And click here, Ty TW SN empty regular this time. For the font size, it's going to be a random number 9.33. And the leading will also be random 9.9. Now, let's talk about tracking. So tracking is space between letters. Leading is space between lines, tracking is space between letters. So we're going to fake it and squish letters together. We're going to remove some spacing between the letters to make sure that our whole text fits. So tracking, click on the arrow and minus ten. So now our letters are squished together, and there's more space go to fill, click on the arrow and make it black. And then space before should be zero. Space after three and Enter. Now, let's do individual headers. Select inter social activity. Click on here and make it bold. And this time, the space after should be one. Now select the major shift in cities, make it bold, and the space after should be one again. And click away and ola for now. Now, scroll down, and I will explain the beautiful drop caps, the big letter. So zoom in. Now, currently this letter is drop capped over five lines one, two, three, four, five. So we'll do the same over there. So let's scroll back up Select A and make the drop caps. Five, one, two, three, four, and five. Click away and zoom out, and beautiful. Look super magazini already. 29. A Magazine Article: Using Text Wrap: Okay, so let's scroll down back to the original template. Zoom in Command or Control plus and go to your selection tool and click on this page. So we'll be recreating this quote over here. We'll need guides and rulers. So we're going to click and hold and drag a ruler. When it's on the page, it's only on the page. When it's beyond the page, it will be a full ruler and let go. Click and drag and again, beyond the page to create those parameters of our quote. Now, go to the type tool, and we're going to create our text frame over here. So we're going to click and drag and align it to the parameters we created. Okay, so if we're lazy or short on time, we can just scroll up and copy this text and go edit, copy and go back over here, click and edit paste. Now select the text, and let's change the character formatting controls by going to A or your task bar, type TWNMT bold. Font size is 22. Leading is 21. A caps, and remove the space after. Click. Great. Now let's go to the selection tool. Now, see these icons. You have a line top, a line center, and the line bottom. Select a line center. Let's click and drag, and we're going to try and align it with the original text frame. So click and drag on top of the original text frame. And if it disappears, that's normal because it has a text wrap, so that means that it pushes all text away. Now, let's click and drag and try to align our text frame with the original text frame. And once you're done, go to edit, cut or Command X. Make sure you're on the selection tool, and let's go back to our original our working file and now edit and paste in place. And this will paste it exactly where we copied it from in the other page. Now, obviously, these two pieces of text are currently overlapping. So we're going to change this by adding a text wrap, which will make text wrap around this text. So go to text wrap, and currently it's in no text wrap. Select wrap around bounding box and Voila. The text is wrapped around it. If you move this text frame, the text wrap moves along with it. Now, let's double click over here or go to the type tool and get rid of this hidden character that we don't need. Delete. And let's go back to the selection tool and move this at up so that it's aligned with the heading of interscial activity. Make sure it's between these guides, I'll click away, Zoom out, pressu for print preview and look at your beautiful magazine article. Well done, rock. 30. A Magazine Article: Edit a Template: Okay, so let's turn this exercise into a customizable template. So make sure you press W for print preview and close your text wrap panel. Now, let's scroll down to the original template and click on it with the selection tool. Now let's go to layers. Select background layer and click on the little arrow so it faces down and click on the lock. And everywhere where you see a lock, just click on it to unlock it, because we're going to unlock all the existing elements here, and we're going to change the content, change the images, and whatnot, and make it an editable template. Cool, let's start with the image. So click on the image. And press either Relink image or Command or Control D and go back to that magazine article folder images and select this image. Click on Open. Click on the content where Fit. Or you could also manually resize and refit this image. But it's going to be hard to click on the content grabber because there's text in front of it. So instead, another way to select an image inside the frame is to double click on that image, but avoid the text. So double click on this image, click click and you'll see the orange border again the image inside the frame. Now, press the downward arrow whilst holding Shift to push it down as you wish. And click away to deselect and Voila, we've just changed the image. Now for the rectangle, select the rectangle. And let's make it white or paper and click away. Now for the little rectangles, click on this one, hold down the Shift ski and click on the other one. Now, these rectangles are actually really thick strokes or borders, so they don't have a fill, just a fixed stroke. So click on the little arrow, click on yellow, click away, and press W and look at the template you've just edited. How exciting. 31. Share Your Class Project: Okay, my friend, let's turn this class page into a creative hub. It would be super great if you could choose one of the exercises and then change the images, the logos, the content, and really make it your own style. Then publish it in the project section. You'll get personal feedback from me, so I can't wait to see what you come up. 32. What is Gridify? : Okay, so now we're going to cover Gridify, which is super cool. It's creating grids of shapes, circles, stars, and even images and texts. So let's click on UFlePrint, view all presets. A four. Landscape. Perhaps add six pages. Press the upward arrow on your keyboard. Make sure facing pages is ticked. Add three columns. Now, let's make the column gutter five round it up. Remember, the column gutter is a space between the columns, and now it's also going to be the space between our grids. Scroll down and as usual, make the bleed 3 millimeters. We don't actually need this, but it's just for practice. And now click on Create and we have our document. So we're going to start by clicking on Add a frame or Rectangle Frame tool. And we're going to click and drag and don't let go. Don't let go and now press the right arrow on your keyboard once, twice, and the top arrow on your keyboard, once, twice, and let go. And we've just created our beautiful grid. Now let's place images in. So let's go back to the selection tool and click away and either click on Start with Image or Command or Control D. Go back to your Adobe Indesign zips. Go to your Images folder and select a bunch of images that you like. Click and Shift to select the images that you like and open. And you'll see five or a number. That means there are five images waiting to be placed. So click inside a frame, click inside another one, click inside another one, and another one. And if you accidentally miss, Whoa, don't worry. Undo Command or Control Zt and pop it in. Now we can refit a single image by selecting it and then clicking on the Content Aware Fit. Or we can select multiple images in one go and do it in one go. So click on an image, hold down the Shift key, click on the second one, click on the third one, click on the fourth one all whilst holding down the Shift key. And now they're all selected. And now let's click on the Content Aware Fit here. And voila, all in one go. Beautiful. Now our grid has images. Let's add some text to our grid. So either start with image or Command or Control D for place. Go back to your Adobe assigned zips, go to text documents and select economics and open. Don't worry about this. Skip now click inside this frame and Vola. Now, remember the red plus. This means that there's overset text. It means that there's more text waiting to be placed. So let's click on the little red plus. Click until there's a play button. And let's put the continuation of this text in the next frame. Click. Then click on the red plus until you see a play button, put it in the next frame. And for the last frame, I just want to show you that currently it's an image frame. But if you go to the type tool and you click inside of it, it's now a text frame, and you can just say text frame or type whatever you would like. Beautiful. Go back to your selection tool, click away, press W for print preview, and well done on creating your first grid. Great. So now we're going to practice creating grids with circles, with stars, and in a little bit with gradients. So let's scroll down to another blank page. This time we're going to right click on the rectangle frame tool and select the Ellipse frame tool. Click and Drag and draw beautiful circle, but don't let go and press the right arrow, the top arrow twice, and hold down the Shift key for a perfect circle. And let go. And voila, these are frames for images, text, colors. Can even add a little pink color, double click on the fill, and choose a little pinky color, my favorite. And, okay, beautiful. Now, let's go to the right. And let's do this again. But this time with polygons, right click and choose the polygon frame tool. So double click on the polygon tool and make the number of sides five. Start and set zero and click on Okay. Now click and drag and press the right arrow on your keyboard or the top arrow, and we'll have these houses grid and let go. And that's another grid. And again, if you wanted color, maybe that same color, click on Okay. But let's press delete. Let's do this again, but with stars. So double click on the polygon frame tool. And this time in star in set, make it 50. Click on O and let's click and drag and see our beautiful stars. Don't let go. Press the right arrow, press the top arrow. And if you want, hold Shift for perfect looking stars. And look at these gorgeous stars. Double click on the fill and maybe a yellowy color. Cool. Okay, let's scroll down to another blank page. And let's just go back to the plain old rectangle frame tool. Now we'll go to the selection tool or V and click on our page because I want to see the task bar. And I want to go to margins and columns. Now, if you don't have this, by the way, you also have layout margins and columns. So margins and columns. And remember, the gutter, the gutter is the space between the columns, and currently it's 5 millimeters. Let's change it to a really big one, like 25 millimeters. And you'll see the space between the columns increased to 25 millimeters. Click on Okay. Now, this is adjusted just for this spread, but not for the previous spreads. Now let's click on Add a frame or the rectangle frame tool. And click and drag and don't let go and press the right arrow, the top arrow. And you'll see, indeed, that the spacing between each of these is big and 25 millimeters. You can add a little color so we can see a bit better and voila. Pooh. Let's go to the right hand side page and do this again. Let's go to the selection tool. Click away. Go to our task bar, Margins and columns or layout margins and columns, and this time, make the gutter zero. I want zero space between our grid or images. No space. Press zero. Click on Okay, and you'll see, indeed, there's no space. Now let's go back to the rectangle frame tool. Let's click and drag and draw our rectangle. Don't let go. Right arrow, top arrow, and by the way, to delete some grids, press down and left. And now let go and we'll have a grid with no space. So to make sure we have no space, you can either add images or just add a little color, and you'll see, indeed that you have no space. C even add a border. What a hideous color I chose. And go back to the selection tool, press W, and you'll see indeed it has no space. Let's change this hideous color to a more slightly pink one. Okay. Now we're going to talk about gradients. Gradients is super popular in the design world. So go to the selection tool and select a shape. Now, go to the gradent swatch tool or G. And click and drag and make sure the fill is selected and not the stroke, and you'll see a gradient. Now, if you click and drag over a short distance, you'll see a very stark contrast. If you click and drag over long distance, you'll see a more gradual, soft gradient. If you start from the middle and go down, you'll only have the gradent on the bottom. If you start from the middle and go to the right, you'll only have the gradient on the right. From the middle to the left, only on the left, from the middle to the top, only on the top. So, yeah, that's it for gradent. So yeah, let's scroll back up to our original grid. And I want to show you that we can add a gradient to text frames. So first, let's go to the selection tool, select a text frame and go to the gradent swatch tool. Make sure the fill is selected. The fill is in front of the stroke, and I'll click and drag. And we've just added a little gradient to our text. The last thing, before we move on to a gorgeous exercise where we practice all of this, we're going to also apply a gradient to images. And to do that, we need to go to the gradient feather tool just below the gradent Swatch tool. And it has a pixel grid icon. So that's how you know it's for images. Just make sure first that you have an image selected with the selection tool. Go to the gradient feather tool, and then click and drag and cool ghosty so that is it for now for grids, grid of Pi, and gradients. Now, let's practice all of this in a gorgeous exercise. 33. Magazine Ad: Creating a Grid: Okay, so let's create this gorgeous magazine ad using all the skills we've just learned like grid of Phi and gradients and Me. But first, let's go back to Adobe Indesign. And if you have any files open, just click on the Little X and don't save. We're going to open our third Adobe In Design document. So click on Open. And go to Adobe Indesign zips and three magazine ad folder. Again, you'll see an INDD file for our current Indesign versions, IDML for older versions, the images we'll need, and the font. The front will be Myriad Pro, so make sure you install it. Select magazine ad, INDD and open. Okay, so we'll be recreating this on the right hand side, and later on this on the right hand side. Now, press W. This is what it would look like printed. Press W again. So you'll see whatever is in the red line will be trimmed. So when you send it to the printers, the printers will print it over a larger piece of paper, and then trim it with a tool called the guillotine and trim it over 3 millimeters bleed line. So we'll be creating a grid and lining it up to the bleed line. So either go to the rectangle frame tool or add a frame. And let's try and align it, click and drag and don't let go. Press the right arrow on your keyboard once, twice, and the top arrow once twice, and let go. Now, at a glance, this might look great. But if you zoom in, you might see that the gap or the gutter is much bigger. We need to do this again using the correct gutter, and I'll give you a little present. It's 2 millimeters. So we need to change the little gutter to 2 millimeters. So go ahead and press delete. And let's go back to the selection tool. Now, to change the gutter or the gap, we need to go to margins and columns. If you don't have the task bar, you can also do it here, lay out margins and columns. Now it's grade out, so just click and type 2 millimeters. And Okay. Now, let's start drawing our new grid. So let's go to the rectangle frame tool. Let's click and drag and try and draw our rectangle. Don't let go. Press the right arrow once, twice, and the top arrow once twice. And let go, and now we'll have a two millimeter gutter. Beautiful. Now, let's do the fun part. Let's start adding images. First, let's go to the selection tool or V for very important and click away. Either click on Start with Image or our shortcut Command or Control D. Make sure you're in that magazine folder images. And just go ahead and select all these images. Click on open. You'll see a little number seven images waiting to be placed. So click inside the middle frame. Click over here inside that frame, this frame, this frame, that frame, this one. Oops have accidentally added an extra necklace image. So to get rid of it, just press Escape. Super, now let's start fitting everything. So select this image and click on Content Aware fit. Now let's do all the other ones in one go. So click on an image. Avoid the content grabber. Hold down the Shift key to add to selection, and click on the second image, the third, the fourth, and the fifth and just make sure you have shift the whole time. Click on the content aware fit to fit it all together at once. Great. Now let's manually modify some of these. Let's start with the lady image. Click on the content grabber. Let's make it smaller. Command or Control coma. And let's move it up, up arrow on our keyboard. I may have made it too small, so Command or Control, full stop. And click away to deselect. Now for the Clodesimage, click on the content grabber and press the left arrow on our keyboard until you see the yellow tulips. Yes. Click away. Now, the boots, click on the content grabber. Make it bigger, command or control full stop. Press the upward arrow and the right arrow. And click away. Now the other clothes image, click on the content grabber and Command or Control, full stop. And the right arrow, click away. Now the image of the necklace. Content Grabber, click on the content grabber. Let's make it bigger. Command or Control, full stop. And let's move it to the left to the left with the left arrow. Here is Here is and click away. Now, let me show you how to crop this image, just like this one. Avoid the content grabber, click anywhere else inside and just click and drag and crop the image. Beautiful. Now, last but not least, the logo. So click on the content grabber and then command or control comma to make it smaller. And then the left arrow to move it to the left. Hold down shift, so it goes a bit faster. Make it smaller again, come under control and again to the right. Now, if you want to make sure that it's exactly the same size and positioning, then we're going to add some guides, rulers. Click away. Make sure you're on the selection tool, and then click and drag and drag out a guide. Make sure it's on the gray area or the pasteboard to have a continuous line and not just on the page. Cool. Now the second one, click and drag, add a second guide. And let's adjust this. So click on the content grabber and make it smaller. Not too small. Move it up. Click away and press W and look at our gorgeous grid. Love it. 34. A Magazine Ad: How to use Gradients: Okay, so let's start adding the gorgeous gradients. Make sure you're on the selection tool and press W for working mode. Now, to add a gradent, we first have to tell in design which frame we want to apply gradient to. So click on this frame. Then go to the gradent swatch tool or G and see how the gradent start over here ish. So we're going to start over here ish and click and drag. Now, remember, the shorter the distance of clicking and dragging, the darker it will be. So we want it to be a bit lighter. So let's click and drag and make it lighter, and that looks pretty good. Feel free to adjust it and try again. Cool. Now let's do the second one. So remember, we have to go back to the selection tool tell in design, we want to apply gradient to this frame, so select it, and then go to the gradenswatch tool or G. Same thing. We're going to start here is, here is, and then click and drag. Nice, but this needs to be even lighter. So let's click and drag further down. That's not bad. Again, feel free to adjust it, click and drag and drag it even further down to make it even lighter. Now, just make sure that the fill is selected and not the stroke. Because we want to add a gradient to the inside of the shape. Okay, let's go back to the selection tool or V and select the next frame and then go back to the gradient swatch tool or G. And again, make sure the fill is selected. The fill is in front of the stroke like this. And now we're going to do the opposite reverse. So we're going to start here is, I believe, and drag it up. So here is, click and drag and up. Nice. But this needs to be lighter, so click and drag further up and I think this looks pretty cool and pretty good. Now, last but not least, let's add a gradent feather to this image. But remember, this is selected, so we need to go back to the selection tool and select our necklace image. Now we're going to add a gradent feather tool, which is for images, and it has this feathery effect. Let's select it, the one, the icon with the pixels. And click and drag. Whoops the other way, click and drag down. And over short distance because we want this white to be very, like, strong. And Voila once you're happy, go to the selection tool or V, click Away, press W for Print Preview and look at all these beautiful gradients we've just added. 35. A Magazine Ad: How to format Text: Okay, so let's start adding the text, shall we? First, let's go to the selection tool, V. Click on your page. We're going to be adding some guides so that we know where to place our text. So let's click and hold on the rulers and drag down to the gray area, the pasteboard, so that there's a continuous line and align it to this text. Let's do another one for this text. Click and hold and drag. For this one. One more for this. Click and hold and drag on the gray area and let go. Zoom in Commander Control plus, and let's start adding the text. So I'm going to show you two methods of adding text. The first one being converting this existing image frame into a text frame and using this whole frame as a text frame. And the second method being just adding a small little text frame on top of this. And then you can decide which is your favorite method. Okay, so let's go to the type tool. And let's click on this existing image frame. Click. And we've now converted this whole frame into a text frame. So let's start adding the text. Type shop these exclusive items online now. You can never have too many clothes. Okay, so let's start formatting the text. So select the whole text or Command or Control A for select A and either use a task bar over here or just go to the character formatting controls A. Type Myriad Pro regular. Font size nine and the leading, let's make it pretty big 14. Because as you can see here, there's quite a big space between the lines 14. So leading is 14. Now, let's add a little bit of space between the letters as well. Tracking. Make it 20. So we've just added a little bit of space between the letters. Now, the font color should be white, so click and choose paper or white and click a line center horizontally. And click away and your text will disappear because it's currently white text over white frame. So let's push the text down using text frame options. So select your text again or Komano Control A. Click on the three dots. Text frame options. Make sure preview is ticked and choose a line bottom this time. Now it's almost done. We just need to push our text a little bit further up. We just need to add more space in the bottom. So that's inset spacing. Make sure this is unticked, so we can change individual settings, the bottom. Now, add a bit of space to the bottom, one, two, and you've just added spaced in the bottom, click on Okay and voila we've just done the first piece of text. Nice. Now, let's do the second piece of text and the other method. Make sure you're on the type tool and gently click and drag and hold and draw a little text frame on top of that frame and typewwt Clothes cool forever.com. And select your whole piece of text. Now, instead of reformatting all the text the way we just did, I'm going to give you a little trick called the eyedropper. And it's this tool. It looks like the pipette of an eyedropper, and what it does is it lets you copy existing text formatting. Click on the eyedropper and then click on the text we've just created. Click, and it should copy this text formatting. Now, let's just go back to the selection tool, click away to deselect, and then click on your textFrame again. Perhaps press the downward arrow on your keyboard to align your text frame to that line. Now, click away, and let's do the final piece of text using our first method again. So let's go back to the type tool. Click inside that existing image frame. Click. And we've just converted this into a text frame. Type clothes Cool. Random Street London. United Kingdom and a random phone number. Cool. Now, let's select the text or Command or Control A, go to our lovely eyedropper tool, and let's copy this text. Click. Perfect. We're almost done. Just go to the text frame options because we're going to have to push it down a little bit. Text frame options. Make sure preview is ticked. And this time, all we need to do is add some spacing to the top. Make sure this is unticked, one and two, and it's going down Click on Okay. Go to your selection tool, click away and perhaps print preview W and look at this wonderful magazine ad you just created. We've just added images, the grid, the text, the gradient. I'm super proud of you. 36. A Magazine Ad: How to add Hyperlinks: Okay, so one last thing about this exercise is hyperlinks. Yes, a hyperlink is when you click on something and it takes you to an external browser or website or page. So I'm going to teach you how to do that. We'll start with this piece of text, which is clearly a website. Go to the type tool. Now, select this piece of text and make sure your properties panel is open. If you can't find it, make sure you go to Window Properties, and click and drag and scroll down. And you'll see this awesome new button called New Hyperlink. So you can click on that, and there is the panel for our hyperlink, and you can choose between URL, file, email, page. We're going to keep it simple and choose URL. Now, it should automatically copy the written text, the website that was there, but if not, feel free to write a new website or copy and paste it manually. Now, in appearance, you'll see style. So in Adobe in design, you have your typical hyperlink style, which is blue with an underline. Now, if you did not want that, you can also select none, but I quite like the hyperlink style. Now I'm going to click on Okay, and nothing's happened. Just kidding. Let's click on the hyperlink panel this time, and this is where we see our overview of all the hyperlinks on our page. Currently, we only have this one and you'll see either a red dot or a green dot. The red dot obviously is a bad sign. It means the URL is not available and indeed it is not because I invented this website. Let's do another hyperlink. Let's do this again. Let's select another piece of text now. Make sure you're on the type tool. And again, click on this bar to move it down, to move the properties down and select new Hyperlink. Click. And again, we're in URL, so select URL, and this time perhaps type an existing website, ww.skillshare.com, for instance, and click on OK style Hyperlink. And this time, you'll see that the dot is green because the website exists, and indeed it takes you to Skill Share. Okay, one last hyperlink. Now I'm going to show you how to convert an image into a hyperlink. So go back to the selection tool and select your image. The thing about images is that it doesn't allow you with quick actions to create a hyperlink. So instead, you either have to click on the plus here or right click Hyperlink New Hyperlink. So oftentimes when you can't find something, chances are if you right click, you will have a bunch of options. But I like to select the image and then click on the little plus for creating a new Hyperlink and again, type skillshare.com. This time without WWW because it works. And click on Okay. And indeed, the hyperlink will work because it has that green dot. So, isn't that awesome? You can add hyperlinks and use it for call to action and encourage people to click on your website, on your Link. 37. A Magazine Ad: Mastering Pathfinder: Okay, so let's do the next page, scroll down, and let's do this wonderful page. Press W because we'll need all these guides. Now, just like before, we'll start with the most bottom image. So we'll start by adding a frame or clicking on the rectangle frame tool and click and drag and try and align your frame to the red line. Now, either import image or file place Command Control D. And if you make sure you're in magazine folder images and choose this image again, click on Open. Click on the Content Aware Fit or the content aware fit here. But it's not quite right, so let's manually adjust it. Go back to the selection tool and click on the content grabber to select the image inside the frame. Press the left arrow on your keyboard and maybe hold down the Shift key too, so it goes a bit faster until you see the tulip and now click away. Now let's do the logo. Now for the logo, we're also going to go and add a frame or add a rectangle frame. But this time, we're going to draw it on top of the existing one. So we're going to click and drag and draw on top of the existing one, and then we'll go to the selection tool or V. And we can click and drag and pop it over here and use the Shift key or the green guides, the smart guides to make sure it's aligned perfectly. Now, again, import image or Command or Control D, and this time choose clod or Cool logo, which is actually a clear or transparent PNG and click on Open. And again, click on Content Aware Fit. Now, I do think we need to adjust this a little bit further. So click on the Content Grabber, make sure you're on the selection tool. And let's make this smolder. Command or Control comma. And to the best of our ability, let's try and align this and use the arrows on her keyboard to align it. And click away. Now, it looks pretty good with a transparent or clear background, but let me show you how to add a white background, select it, and simply go to fill the arrow, select paper, and click away. Now, this only works when you have clear backgrounds like PNG or SVGs or Adobe Is trader files, so vectors that don't have a background. Great. Let's move on to our shape. Now, the good news is we're going to be practicing something we've already learned, and it's called the Pathfinder tool. So we're going to draw a circle on top of this existing circle, and we're going to draw a rectangle to cover the bit we want to get rid of. And then we'll use the Pathfinder tool to get rid of that part. So let's go to the Ellipse tool. And I would like us to go to the center of our ellipse, to the best of our ability and start clicking and dragging and don't let go. Now, remember, shift is for circles for a perfect circle. Well, Option or Alt is for drawing a circle from the center. So I would like you to hold Alt, as well as shift to draw your circle and then click and drag. We might have to make some adjustments. Now perhaps go to the selection tool and try and align this circle as much as you can to the original circle. Super, now let's add a rectangle to cover the bit we want to get rid of. So let's go to the rectangle tool. And let's click and drag and cover that bit. Make sure it's align to the red line and perhaps change the color to something a bit more obvious like pink. Go to the selection tool and click away. Now, remember, the Pa finder tool selects multiple objects and converts them into a single object, either by combining, joining, or subtracting. So we need to select these two objects because the Pa finder only appears when you have multiple objects selected. So select this object and hold down the Shift key. And then select this one, but avoid the overlapping bit. So they're both selected, and now here is our Pa finder. Again, if you can't find it, you can also go to Window Object and layout, and your Pa finder will be here and select the second option, subtract, and voila our lovely shape. Now, let's click and drag and hold the shift and push it over to the right. And let's make it white or paper. Beautiful. Now, let's add this beautiful transparency effect. Let's select circle and either over here in opacity, which is the opposite of transparent or over here in opacity, let's make the percentage 85% click away, and beautiful. Love this 38. A Magazine Ad: Using Superscript: Okay, so now let's start adding the text and work on superscript. So first, we're going to add some guides so that we know exactly where we want our text frame to be. We're not going to draw on top of the existing text frame because if you do that with a type tool, in design is going to think you're going to want to edit inside the existing text frame. So let's leave that alone and just add guides. So let's go to the selection tool and click on our ruler, click and hold and drag and make sure you drag it to the gray area, the pasteboard, so that you have a continuous guide. Let's do this again. Click and Drag and hold further bottom of sale. Click and Drag and hold for the next piece of text, click and drag and hold for instore and click and drag and hold for the bottom of the text frame. And click away. Right? Let's start drawing our text frame. Let's go to the type tool or T and gently click and drag and start drawing our text frame, but don't let go yet. I want you to click and drag until you see those double arrows that are green, the Smart Guides, because in Design is telling us that our new text frame is the same size as our old text frame and let go. Now, let's start typing the whole text. Salt sep timber. Till 15th of November and in store. Now, select the whole text, and let's make everything Myriad Pro at once. Let's type Myriad Pro regular. Now let's start formatting each piece of text one by one. So we've got sale, which is 122.46 super random. So sale, and we can press the upward arrow to make it bigger. Or we could just type the random number, which is 122.46 and click away. Great. Now for the next piece of text, that is 22, so a little bit less random. So you can select this piece of text and type 22, click. And last but not least, instore 45.53. So select Istore and either press the upward arrow or type 45.53. Now, let's select the whole piece of text and make everything horizontal center in one go. So click on Horizontal Center. Cool. Now, let's start adding some superscript. See the little TH. This needs to be a superscript. So click. And then the other TH superscript. Click. Beautiful. Now, let's start changing the space between everything. So click after E for the sale, and let's add some space after. So we're going to click 12, three, four, five, six, and basically six until the text looks better, the second line looks where it needs to be. Now, let's do the same for this line. Select after November, and let's add some spacing after November. Again, we're going to go space after, and we're going to go one, two, three, and it looks like four looks pretty good or three. So 4 millimeters click away. And there is our beautiful text. Go to the selection tool and press W for print preview. And isn't that gorgeous? Now, feel free to change the content, the images, the texts, the colors, and publish it in the project section where you'll receive feedback from me personally. So well done, you rock. 39. Quick Pdf Export for Class Project: Okay, so if you did want to save it and publish it as a class project, then you'll have to save it first. So let me quickly show you how to export this file in the quickest way possible. So go to File Export and choose Adobe PDF print and click on Save. Now, later on, we'll take a deep dive into all the PDF settings, but for now, just choose high quality print and export. And then it's going to be ready to publish in the project section. 40. What are Parent Pages (Master Pages): All right. Now we're going to talk about something super important pages, how to work with pages, and how to work with the pages panel and something called parent pages, which used to be called master pages, page numbers, and so much more. So if you have any files open, go ahead and click on the little X and don't save. Let's create a new file. Print. View all presets. A four, and make sure preview is ticked. Add eight pages with our shortcut upward arrow. Antique facing pages. Add two columns. Column gutter five. I love rounding things up. So remember the columns and the column gutter. Scroll down to your bleed and add a three millimeter bleed, which is the industry standard, that red line. Click on Create. Now, scroll down and you'll see eight pages and press W, and you'll see eight blank pages. Press W again. So to change an individual page, you can go to the selection tool and click on that page, and the Properties panel will give you information about that page. Now, if you don't have your Properties panel open, you can find it here in Window Properties. And remember that you can always reset your workspace. So all this information in the properties panel will be about our page. We can make it landscape, portraits. We can change the width and the height and the margins, which is this rectangle box that tells us not to go too close to the edge of the page and to center our content. And then this is super important. The page navigation. So we can go from one page to the other simply by selecting it. Now we're on page five. We can see it here as well. Now we're on page six, and later, it's going to be very important for our parent page. But let's go back to page two, let's say. What you can also do is change columns on an individual page. Say we would like two columns over here, but on our second page, we would like three so that we can add three text columns, let's say. So we could select our page and go to margins and columns and make these columns three and click on Okay. And this will be applied only to this page. So this page will be two, and this page will be three, and that page will be two again. This is just for layout and guides. Cool. So that's it for individual pages. Let's talk about holistic pages. Let's talk about the pages panel. Click. Click and Drag to extend it. Let's start by adding something on our page. So let's go to the rectangle tool. And let's add a little fill, perhaps make it pink and okay. And let's remove the stroke. None. Let's draw a rectangle that aligns to our red line. And you'll see this rectangle appear here in our thumbnail of that page. Isn't that cool? Now, let's go back to the selection tool. So if you wanted to add pages, you can click on the Plus. To delete pages, click on the bin or the trash icon. To move a page around, you can click and drag and you'll see the pink page move around so easy. And then you can do more options by right clicking on that page. And then you can do things like duplicate spread. Which will duplicate it right after make a copy. You can also right click and select duplicate spread at the end of the document, so it will copy it at the end of the document. And then something new that's super cool is hiding a page. So you can right click on the page and temporarily hide it. You'll see the little I. So if you scroll up, you'll see that we'll only have one rectangle page at the top. So we've temporarily hidden it. So if we were to export it as a PDF, it would not include that page. But let's say we would like that page back. So let's right click and Unhide spread. So that's basically the gist of pages for now. Now let's talk about something super important, and that's called the A parent. And that's why we have an A on every single page. So a parent page, which used to be called a master page is a page where you add all the elements you would like to see on every single page of your document. Things like a page number, a logo, a header, a decorative element, perhaps a hyperlink. So everything that you would like to see on all your pages, you would add on your parent page. So that's what we'll do now. Going to design our parent page, and it's going to be applied to the whole document. So to go to the parent page, either double click on it and make sure it's highlighted or select a parent. And actually, let's go back to page two, because I want to grab this rectangle. So I would like us to edit and cut or command X. Make sure you're on the selection tool. And now let's go back to the A parent and now let's edit and paste in place so we don't have to redo this. Now you will see this rectangle is applied on every single page. How cool is that? Okay, so now for a second little trick, make sure you're on the selection tool. Click on this shape. To duplicate this shape, hold down the alter option key and drag and you'll be able to draw a second shape. And perhaps distort it, change it around, and align it to the red line. So now you'll see two shapes on every single page. So cool, right? Okay, so now let's add a page number, and I would like you to pay close attention because it's a whole formula. So first, let's go to the type tool. Then let's create a text frame. Then we go to properties, scroll down and go to insert special character. Markers, current page number or that long shortcut. Click. If it says A, it's correct. A is a formula and because we're on page A, it will say A. If we were on page four, it would say page four. If we were on page seven, it would say page seven. That means that the formula is working. Now, let's make it a little bit bigger. Press the upward arrow on your keyboard to make it a little bit bigger. Now let's add, perhaps a piece of text over here. Let's say Annual Report 2026. So let's click and drag a text frame and type Annual Report 2026. And let's make it a line center. Now, let's go to the selection tool, and I want to show you how to center something in the middle of the page. Just click and drag until you see that pink line in the middle of the page, and that's telling us that we've aligned this to the center of the page. So great, now that we have a bunch of elements on our parent page, let's go to our regular pages and see if it works. So let's double click on this page or go to page one and scroll down. And yes, all the pages are numbered, and you have these graphics on every single page. And yes, it's a very simple design, but don't worry. We'll design a more sophisticated brochure in a bit where we practice all these skills, so stay tuned. Let's go to page two. Let's add an image. So let's click on Add a frame or the Rectangle Frame tool. Let's click and drag and draw a frame and Command or Control D or Import image, go to Images folder and select any image, open, and click on the content aware fit. Beautiful. Go back to the selection tool. Now, one thing I would like you to know is that everything that we added on our parent page will be locked on every other page. So if I try to select these purple rectangles, I can't. Everything is locked. So in order to unlock something, individually on a page, that item, you can use a shortcut, and that is Shift command or shift control, click. And now this is unlocked. This isn't, but this is, which means you can, for instance, change the color, slide it down and make it more blue, let's say, click on Okay. Scroll down and perhaps do it for this one, unlock it. Shift command or shift control, click. And now you can change it around. So everything can be unlocked. Perhaps we can unlock this and say Annual Report 2027. So Shift command or Shift Control click, double click and change it to 2027. Go to the selection tool. Okay, now let's add a text document in. Let's scroll back up to the first page and go to file place or Command or Control D. And choose a text document in our text document folder. Perhaps select text wrap, open, skip, don't worry about missing fonts. You can just click and drag and add your Word document. Click on the Red plus and scroll down and draw a text frame. Click on the red plus and scroll down and draw another text frame and another one, and I think you get the picture. So it now has a funny design. Now, one last thing before we move on is, I want to talk to you about text columns. So we've covered columns before. Now let's talk about text column. Make sure you're on the selection tool, and you have this text frame selected. You'll see columns over here and columns over there. So pick whichever and add three columns. And you can change the gutter to five, like the document columns, or you can add a wider column. So I love this because it's so easy to add columns to remove, and it's just cool. If you wanted to get rid of all these spaces, you could. So it looks a bit nicer. But you get the picture. Go back to the selection tool, press W, and this is one page of our document. You can also click and drag and make the column smaller or bigger. So, yeah, that's it for our very, very simple pages document. So let's practice all of this holistically in a gorgeous brochure. 41. A Brochure: Using Margins & Columns: Two. Okay, so let's get started on this gorgeous brochure. Exciting. So let's go and minimize in design for now. And let's go to our number four brochure folder or the zip file. And all the information will be here. So first, we'll have a PDF. I have both a mustard and a teal version. But today, we'll use the mustard version because it's a little bit more spicy. You'll have the images that you'll need. And the font. So go ahead and download all the fonts you need. All right, so let's have a little look at this PDF. So we'll be recreating this. And it's a five page document that's landscape, and I will be guiding you and telling you all the guides and rulers and margins that we'll need to lay out our document. On the final page, you have things like the font, the text formatting details, the color of that deep mustard. But don't worry, I will be guiding you the entire time, and we'll be creating this from scratch. So enough talking and let's get started. Let's go back to Adobe in design. And let's click on U file Print and make sure preview is ticked. View all presets. A four landscape. Pages should be five untick facing pages, and columns six. And the gutter five. So you will see six columns, and the spacing is five, and this will help us lay out our document. Scroll down a bit, and let's look at margins. So margins is this, and we're going to change this this time to make it a bit more chunky, a wider gap over here. So make sure this is on all settings are the same, and make everything 20. Once it's all 20, take this so the chain is broken, and we can change just the top to 30. And then the bleed as usual, 3 millimeters, that red line. Click on Create and Voila our gorgeous document. Now, if you did make a mistake with the layout and the columns, you can always click on here and make sure these are your settings. Click on Okay. Okay, so I always love to start with the parent page. So let's click on pages. And perhaps we can click and drag the panel this way so there's a little bit more space. Double click on the A parent or select the A parent over here. So we're going to start adding all the elements that we see on every single page in our PDF. But first, let me give you some guides. So make sure you're on the selection tool and click on your page. And then click and drag from the ruler down. And type over here 63, which is the positioning of the ruler. Enter. Let's draw second one, click and drag. And Type 68, Enter. Now, this is the parameter for our rectangle. So if I show you my original in design document, you will see that our rectangle fits beautifully between the columns and those two guides. So every column has a purpose and is there to tell us where to place our elements. And the gutter, the five millimeter is the gap between each. So let's go for a moment to our PDF again, and let's have a look at all the items that we'll see on every page. So the logo, the header, the feather, the page number. So all of these will be adding to our parent page, and it will be applied to every page. 42. A Brochure: What are Master/Parent Pages?: Okay, so let's start adding all the parent page items. So make sure you're on the pages panel, inside the A parent. And let's start. So we're going to go to the rectangle tool, and we're going to make the fill. Double click on fill and change the CMYK colors. Type ten in C. 20 in M, 90 in Y, and two in K, and that should be our lovely mustard color. So you can click on Add CMYK swatch and Okay, and that will automatically appear in your swatches. Click on pages again, though. Let's remove the stroke. Click on none. Now let's draw a rectangle that will beautifully align between the three columns and the guides. Click. And there is our beautiful rectangle. And you'll see that it is on every single page of our document, which is so cool. Cool. Let's move on to the logo. We'll add a logo over here. So go back to the selection tool. This time, we'll start with image import file or Command or Control D. And I often do that with logos. I just place an image in select this logo from the folder of images plants explained, open. And we're going to start popping this image, click and drag kind of here is. And we're going to make some adjustments. First, make it smaller Commander control coma then click and drag. So we want to fit it and align it kind of to our to one column. And then finally just crop it because I don't want to see the feathers, the leaves at the bottom. Click away and now these two are both applied on every single page. How awesome. Okay, so the next thing we're going to apply is the page number, which is super important. So we're going to draw the little rounded square and then add the page number inside. So let's go to the rectangle tool. And let's make sure that the fill is black. And let's draw a little square holding down Shift. Make sure you line it to your margin. Click. Now, let's zoom in because we can't see much, can we? Command or Control plus and make sure you go back to the selection tool. Let's round a corner. So click on the yellow box. You'll see a yellow box in each corner. And to round a single corner, hold down the Shift key and drag towards the center, and beautiful. Click away. Now, to add the page number, you can either draw a text frame on top of this shape or you can go to the type tool and click inside this existing shape, and that will convert it into a text frame. So now this is a text frame. Now before we start adding our formula for the page number, I would like to make sure that our fill will be white because if it's black, we won't be able to see anything. So, go to the fill and choose paper. Okay, now for the formula. So remember, make sure you're on the type tool, make sure you're in a text frame. And let's scroll down over here, and let's click on Insert special character Markers and current page number. And if it says A, it's correct because we're on page A, a parent or Amster, if you have an older in design version. Awesome. Now let's format our little number, so select it. And start by aligning it to the center. And if you need to adjust the font size, make it bigger with the arrow or smaller, just don't make it too big because otherwise it will be too big and it will disappear. So I think about 12, and then we still need to center it so you can go to the three dots textFrame options and let's try Center and voila. Our text is in the center, and click on Okay. If you want to make the font a bit bigger, feel free to do that. And let's go to the selection tool. Zoom out and look at our parent page so far. Very cute. Next, we're going to start adding some text in our parent page, and then we'll do the leaf. 43. A Brochure: Parent Page Numbers & Text: All right, so let's start adding text inside this rectangle, just like over here. So we'll add the text on the parent page, and then later we'll change the content on every page. So first, make sure you have the fonts you need, which is Calibri and then Alternate bold, and it's in that brochure folder. And start typing the cactus genre. The type that scares unwanted guests. Location ww dot Botanical nat.com. Now for the text formatting. So first select your whole text or Command or Control A, and either in the task bar or in A, character formatting controls, change the font to din alternate and bold. And let's add a space after 3 millimeters. We're dividing each line with a three millimeter space. Now, let's do individual lines. Select the cactus, and the font size should be 20 and leading 24. All caps. And now the two other ones selected. Font size should be 13. Leading 15.6. And let's add a little tab. Click after that arrow and add a tab and add another one. Click after that arrow and add one tab and two tabs. Perfect. Now, let's push the whole text more to the center, more down, and more to the right using text frame options. So, click on the three dots and make sure your text frame is selected, and click on TextFrame Options or Command or Control B, which is a shortcut. Make sure preview is ticked and pop it over here so you can see the whole rectangle. Make sure this is untaked. So it's unlinked, crossed. Let's add some spacing on the top. One, two, three, four, and we've just pushed it down 4 millimeters. Let's do the same over here. Let's add some spacing on the left. So one, two, three, and four. And there we go. We've sort of centered our text a bit more. Click on Okay. And beautiful. We've just done the text, which will be easy to edit the content and the text of later on in all the other pages. 44. A Brochure: How to add Transparency: Okay, so the final thing we'll do in the parent page is add that little leaf and give it a transparency. And once that's done, we can start designing all the other pages. Make sure you're in your parent page just like before. And we're going to start adding a frame or rectangle frame for our leaf. So we can click and drag from the two columns across up until the page number, a bit further because I want the leaf to go a bit further, a bit beyond. Now import image or Command or Control D and select our lovely leaf. Which is a P&G with a clear background and open. And as usual, click on our lovely Content Aware fit and beautiful. Now, I think there's a little piece chopped off, so we could go to the selection tool and perhaps click on the content grabber and perhaps make it a little bit smaller Commander control coma and then the left arrow just to move it a bit more. That's better. Click away. One last thing is, I think it's quite strong. So I would like us to add a transparency. So select your leaf with the selection tool and either have a look here or over here for opacity and reduce the opacity to 50%. And isn't that gorgeous? Click away, press W, and that is our Terran page, which may look a little bit bizarre now, but it's going to look gorgeous with all the other graphics. 45. A Brochure: Unlocking Parent page Items: All right, so let's go to one of our normal pages. Double click or click on page one, and scroll down and see that the whole document is filled with the parent page contents. And it looks a little bit weird, but don't worry. I will look cooler in a little bit. So we're going to do page by page. We'll start with page one, which is this one. So we'll add the image. We'll add the logo, and we'll add the text. So let's go to the rectangle frame tool or add a frame, and let's click and drag from the red line or the bleed line. Click and drag across four columns and all the way down to the bottom of the bleed. So our frame should look like this. And now import image and go back to that Images folder plans explained and select this lovely cactus and click on Open Well, prickly. Click on the Content Aware fit or for older versions, click on this icon. Beautiful. Now, do you notice something a little bit odd? Our image is in front of our text, and we want our text to be in front of our image. Let's go to the selection tool. Click. Now the problem is that every item that you placed in the parent page will be locked on every other page. Meaning, even if you try to select this and you try to move this up or down, you can't can't select any of these master page or parent page items. So we're going to use our little shortcut for temporarily unlocking something from the parent page in an individual page. That was Shift command or Shift Control click. Shift command or shift control, click. And you will see that, in fact, this is editable now, ya, all we need to do is right click arrange and bring to front or lovely shortcut command or control write square brackets. And beautiful. If you're fond of layers, you can also do this with the Layers panel and move a layer up or down. This is totally up to you. Just make sure you grab the pages panel back. Great. Now let's start adding the text. Now, the text is actually a pre prepared Word document, so we don't have to write it all down. Thank God. So let's place a Word document in with Command or Control D or file place. And in that folder, you'll see plants explained. Click on open and ignore this for now. Skip because we'll change the font regardless. And click and drag in between the two columns And there. Is. Or perhaps let's make it a little bit smaller, click and drag. Okay, so we're going to do the whole text formatting for the entire text in one go. And to do this, we can double click and press Command or Control A, and this will select also the hidden text in the red plus. So remember, there's more text, but we can't see it right now, and it's hidden. We know that thanks to the red plus. And when we press Commander Control A, it selects our whole text, even the hidden text. So we only have to do text formatting a single time. So let's go to character formatting controls, and let's type Calibri, which is the font we need Light. The font size should be ten. The leading 13 and then space before should be one. That means space before each paragraph, and space after should be two. And then last but not least, let's go to paragraph formatting control, and let's get rid of hyphenate, which is whenever a word is split into two and there's a hyphen. Let's get rid of that. And let's delete cactus because that was there just as a divider, just so that we know where the next piece of text starts. Go back to the selection tool and perhaps elongate our text frame. Beautiful. Looking good so far. Now, last but not least for this page, we're going to add a cactus logo, just like here. So let's go to the rectangle frame tool and click and drag and draw a little frame and then press Import Image or Command or Control D. Go back to the Images folder and select this logo. Open and as usual, click on Content Aware fit. And nope, that didn't work, so undo. Let's do it manually. Go to the selection tool. Click on the content grabber and make it a little bit smaller. Command or control and perhaps push it down. Not too far. Otherwise, it disappears. Click and Drag and resize it, click away, and voila our beautiful first page. Gorgeous. 46. A Brochure: How to Flip an Image: Right, so one last thing I noticed about our image versus the original, is that this one is flipped. So I would like us to do the same and make sure you're on the selection tool and make sure you click on the content grabber. And over here, you'll see flip horizontal. And now you can just press the right arrow on your keyboard, holding down the Shift key just to push the image a bit more where it belongs and click away. Press W to have a little sneak peek and beautiful. 47. A Brochure: Text Thread & Overset Text: Okay, so let's start designing the second page now. Make sure you're on the selection tool. I want you to select this piece of text and click on the Red plus. So you see a play button, which means we'll have the continuation of that text. Now, scroll down, and we're going to start placing the text just like we did before between two columns. So click and drag here between the columns and place the text. Now, we'll start designing the second page, which will look like this. Beautiful. And we'll start with the images. Just make sure you double click in here, and you delete the succulent words because remember, that was just an extra divider. And then go to the selection tool and just make the frame smaller so we don't see the word orchid. And Voila, let's start adding the image. So let's go to the rectangle frame tool or add a frame. And this time, our image will not go all the way. It will go just a bit where the text is. So start again from the red line, click and drag and align it to where the text ends more or less. Click. And now Command or Control D or Import image and select the succulent. Click on Open and click on the Content Aware fit. Go back to the selection tool, and once again, we need to change the image inside the frame. So we need to click on the content grabber and press the downward arrow on our keyboard. And this time, we actually also need to flip this image. So make sure the reference point is in the center and flip the image and Voila. Perhaps move the image a bit down just a little bit more. And beautiful click away. Now, do you notice again that the text frame is behind the image? So we can fix that now by going Shift Command or Shift Control click. And then right click arrange and bring to front or the shortcut Command or Control right square bracket. Voila. Now the text is sorted. Let's add a little grid of images just like here. So we're going to go again to add a frame. And we're going to click and drag and draw frames and try and align them to that margin and don't let go. And then press the right arrow once and twice and three times and beautiful. Now, the reason it's exactly fitted there is because we added a five millimeter gutter, so that five millimeter gutter or gap is applied. So let's play some images. Go back to the selection tool. Now, press Command or Control D for placing images and select all the little cactuses by holding down the Shift key and click on open the yellow one goes in the second frame, the green one in the final frame, the pink in the first, and the red in the third. Make sure you're on the selection tool or V, and select all four images in one go. Click and Drag and click on our lovely content aware fit icon. And just like that, it's all fitted. Gorgeous. Now let's add a succulent logo. So let's click on add a frame or start with Image. That's kind of up to you. Let's try Start with Image, import file or Commando Control D, and select succulent and click on Open. And let's try to click and drag and beautifully place it here. Press the downward arrow on your keyboard to move it around and adjust if you need to using our little shortcuts. Now, last but not least, we need to change the content of the text because apparently this is a succulent and not a cactus. So we're just going to change all this text. And because we've already unlocked it, it's just really easy to just double click in it or go to the type tool and start changing the content. Type succulent. Colorful, sharp, and juicy. And that's it. Go back to the selection tool, press W, and well done on your second page. Beautiful. 48. A Brochure: Using Text Columns: All right, so let's move on to the next page, and we're going to design this. So very similar to before, but this time we're going to add some text columns. So let's go back to this page. Make sure you're on the selection tool and select this text frame. Click on the Red plus for overset text until you see the play button. Scroll down. Now, we're going to add two text frames, one across half of the page and the other across the other half of the page. So we're going to click and drag and draw a text frame and then click on the red plus and draw a second text frame. Inside are lovely columns three and three. And now let's add two columns here and two columns there. Select this text frame and go over here to columns. Make sure you have two columns. And then go to this one, and again, make sure you have two text columns. Great. Now let's adjust it. So double click or go to the type tool and get rid of Orkid because, again, that's just the divider. And it might look a bit weird, but don't worry about it. Let's go to the selection tool and click and drag and try and just have the text for Orkid on this page. Like this. Now, do the same for Rose. Click and Drag, but we need to get rid of Rose as well. So double click and get rid of Rose and perhaps get rid of these empty spaces that are here. Click, click. Go back to the selection tool, and for any further adjustments, feel free to just make the text frame a little bit smaller. And voila, that's the text for now. Now, let's talk about this. I would like us to have a second one of this over here. But remember, it's a parent page item, which means that it's locked. So let's unlock it using our shortcut Shift command or Shift Control click. And now let's use another shortcut that I love, and that is for duplication, and that is Alt or option and drag. And that's how you duplicate something. Perfect. Now, one last thing for these text pieces is changing the content. So let's start with this. Double click or Type tool and type Roses. And type Romantic and a girl's best friend. And then over here or kids. Beautiful, long lasting, enriching. And there you have it for the text. Let's move on to the images. So we're going to go back to the selection tool and click away. And we can click on Add of frame. What we'll do now is add two images, and they'll align to the other graphics. But because it could be seen as a grid, we're going to create a single rectangle click and drag. Don't let go and press the right key on your keyboard. And once you're more or less happy with the size, you can let go. Now let's press Command or Control D or file place and choose these beautiful images. This is a orchid, and these are roses. So select both images and click on Open. Pop the roses in the Ross one, click and the orchid in the orchid one. Go back to the selection tool, select both frames and images by clicking and dragging and then press the content aware fit. Click. Beautiful. Now, this is great. We just need to change the roses. So I would like us to click on the content grabber of the roses and you'll see the orange border. And we're going to manually move and shift the image by hovering over the corner of the orange border and seeing the double arrows. And we're going to click and drag, and it's going to start to rotate, and it's going to start to look weird and click and drag from here and pop it up so that the flowers face up. Let's make it a little bit smaller. Command or Control, or a lot smaller and shift it and actually still a lot smaller. Command or control, comma, adjusted accordingly, and more or less like this, click away. And let's add one final thing, and that is the flowers logo. Click on Start with Image or Command or Control D, select the flowers logo and open, and let's align it beautifully to that margin, click and drag and press W and Valla are gorgeous page three. 49. A Brochure: How to add a Hyperlink: Now scroll up and look at all the wonderful work you've just done. That's awesome. But we're not done just yet. Now, if you look at the original PDF for the original document, the first page is actually a cover page that we'll be designing now. But in the document we've been working on, the first page is the cactus page. Now, if you have the pages panel open and you have a look below, you'll see two empty pages with all the parent page items. So what we're going to do is we're going to click and drag and pop that empty page to the first page. Feel free to click and drag and extend the panel a bit so we can see a bit better. I'll click and drag up to the first page. Voila, this is now our first page, and then our second page is the cactus. Now, this is great, but if we look at our original, original page doesn't have all the parent page item items like this one. So we're going to need to get rid of all the parent page items over here. And what we could do to do that is have a little look at the pages panel. There's actually a parent page called Nun, and it's a blank parent page. And what it does is it gets rid of all the parent page items just for that page. And that's what we'll do now. So I would like us to click on the Nun thumbnail, click and drag it on the first page. And Voila, our page is clean and blank, just like we wanted, which means that now we can start designing our cover page. So we'll start with the rectangle tool, and we'll draw big rectangle. Let's go to swatches, and you should still have that color over here. Now, if you don't have that color, you're welcome to just double click on the fill and add this CMYK color code to get that beautiful mustardy color. And then click on Add CMYK so that it's added in your swatches. Now, let's start drawing our rectangle. So click and drag across the page kind of by eye here is and Let Go and Valla our beautiful rectangle. All right. The next part is adding this image, and this image will actually cover the whole page. And it's actually behind our yellow rectangle. But I did that on purpose so that we get to practice arranging layers backwards and forwards. So let's go to the rectangle frame tool, and let's click and drag and align our rectangle with the red line. The bleed line. And that's how you add a full page image. Now add Import image or Commander Control D. And this time, select the multiple cactus or cacti and click on Open and as usual, click on the content aware fit. Now, we'll need to do some further adjustments because we're missing a little cactus here, the yellow one. So let's go to the selection tool. Click on the content grabber and perhaps make it smaller using our lovely shortcut command or control, to make it smaller. Not too small. Make sure it covers the whole orange border, and press the left arrow on your keyboard to shift it a bit to the left so that we see the beautiful yellow cactus, as well. Make it smaller, just a tad and I think that looks great. So make sure you're on the selection tool and click away and Voila. Now, let's move this image behind the rectangle. And super easy. Right click on your image, arrange and send backward or command or control left square bracket and beautiful. Super, feel free to adjust the rectangle, the image to your liking. Alright, now we're going to start adding some text, and we'll even add a hyperlink. So let's go to the type tool. And let's click and drag a text frame across two columns and type plans explained. Highlight the text. Make it thin alternate, bold. Font size 28, upward arrow on your keyboard and a line center. And one last thing, make sure you go to the character formatting controls, click A and A caps. And now, don't worry. If your frame is not big enough, you can always go back to the selection tool. And click and drag and just extend your text frame and then click and drag and make sure it's aligned to the center using our lovely pink guide that is in the center of our page. Now let's add the hyperlink, the website. So let's go to the Type tool and create an additional text frame, click and drag. Just make sure you don't convert the yellow frame into a text frame and start typing ww dot botanical purenature.com, which is a random website I invented. And again, make sure it's din alternate bold perhaps a little bit bigger, like 15 and a line center. Beautiful. Now, let's add our hyperlink so we can select our text and scroll down over here and we'll see new hyperlink. So click on this link to URL destination, and it's already typed for us, which is awesome. Now we can have that hyperlink style, or we can style it ourselves. So let's select none this time and click on Okay. And let's go to Hyperlink and we'll see that the hyperlink is there, even though the URL is not available because it doesn't exist. Great. So let's manually format it. So let's highlight the text and make it paper or white. And one last thing, I would like to add an underline, so click on Underline. And Voila that is our hyperlink. Go back to the selection tool and click. Now the last thing is adding our little logo on the front page. And we'll start with image, import file or Command or Control D, and select our logo. Open. And I would like us to draw logo over here is. Kind of like this so that it fills two columns. And then we're going to click and drag and crop and remove the little flowery bits and press the upward arrow key. And if you would like press W and Voila our cover page, feel free to adjust the text frames and push it down and adjust it. So press W, scroll down, and wow I'm loving this. 50. A Brochure: Change Page Number Order : One final thing about this exercise that I want to show you is how to make this two, one. Meaning the first page would be a cover page, and the second page would start with the number one. And all we need to do is right click on the thumbnail of the second page. And go to numbering and section options and tick Start page numbering at one. Click on Okay and click on Okay. And now, it will say page one. Okay, so in a little bit, we're going to learn how to export this in a PDF. And when we do so, it would be great if you change the colors, the images, the text, and make it your own version of this document. And I would love for you to publish it in the project section, and you'll get feedback from me personally. 51. Links and Missing Links: All right. In the final section of this class, we're going to talk about saving and packaging our Adobe in design documents. But first, let's talk about links and missing links. Very important. And for that, we're going to need the Links panel. Now, remember, all the panels live in Window. So let's go to Window. And click on Links. And there is our lovely Links panel. Now, make sure you press W and that you're on working mode to see all the guides. Right. The Links panel is a panel that gives us information about every single image we've placed in this in design document. So select your image and you'll see it highlighted in the Links panel. You'll see what page it's on too. And below in Link Info, you'll see more information about this image or link, the name, the status, if it's okay or missing, the size, and very importantly, the PAP. Now, the POP is where the original image lives on our desktop or on our shared folder or drive. So currently, you're seeing a preview of the image that is linked to our original image on our desktop. And that's why it's called inks, because every image in your Adobe in design documents is linked to the original image on your desktop. So they're called Links, and they'll have this link icon over here. So now I want to show you what not to do. I want to show you what happens when you move an image around and create a missing link. So let's minimize Adobe in design. And let's go back to our brochure folder. Now, there should be a folder called Images Plans Explained. And this is all our original images. This is where every image in our in design document is linked to. So what happens when we move these around, the link gets broken, and that's not a good thing. So I'm going to show you what not to do. So let's say we move our folder around, we click on our folder and we put it on our desktop, for instance, and then we go back to our in design document. Whoa. We'll now see all these scary red question marks everywhere on every picture, and that is not a good thing. If I select succulent again, I will see status missing. If I were to save this right now as a PDF, all the images would be blurred or pixelated, and that's not a good look. So I'll show you now how to resolve this issue. If you go on the succulent image, for instance, and you hover over the red question mark, it says missing, double click to relink. So double click and then go to your desktop. Now, because the name is listed here, I'm able to search my entire desktop for this image using the name, so type succulent. And I'll see it over here. I may have two because I've used this file a bunch of times. So choose whichever and make sure this is ticked. Search for missing links in this folder. Click on open, and Indesign says found and relinked 14 missing links. Click on Okay. So Indesign is so smart that it automatically found and relinked all the other images or links in that folder. So this is why it's always a really good idea to keep all your images that you're going to place in an in design document in a single folder, keep them together, and never rename them. So in a little bit, I'm going to show you how to avoid missing links altogether in the first place, using something called packaging. 52. Saving a Print-Ready & Web-Ready PDF: Alright, now that all my links are fine, let's start talking about saving. So we're going to save an Adobe in design document as a working file, and then I'll show you how to export PDFs for print and for web. So to save it as a working file, an Adobe in design file, all you need to do is go to File, Save As, and you can save it somewhere in your Adobe Indesign zip files and perhaps call it plans brochure. Now, you can save it either as the latest version of Adobe in design, or you can save it as an IDML, which is for older versions of Adobe in design. But choose the latest one and click on Save. Now, let's minimize in design and go back to that Adobe in design zip, and there it is a working Adobe in design file, which means I can always work on it. Cool. Now let's talk about saving and exporting as a PDF. So to do this, you can go to File and go to Export. Now, in format, you can choose between PDFs and other forms of documents and JPEG or PNG. But because in Adobe Indesign, we work with multiple pages, it's always best to use PDF. And perhaps we're going to call it plants brochure and print because I'm going to show you how to save it first as a print document and then as a web document. So click on Save. And you'll see the Adobe PDF preset window. We're going to make some modifications. So over here, you see some existing presets from Adobe. So you've got one for high quality print. One for smallest file size, which is meant for email and the Internet on screen display. You've got press quality, which is for press printing like magazines and book and the highest quality. So we're going to start with high quality print. And we're going to make some changes. You can export it as pages or as facing pages or spreads. You can even create separate PDF files from each page if you wanted to or each facing page. In viewing, I usually leave it as is, but you can decide how you view your document. You can decide to view your PDF right after exporting and in full screen mode. Although I don't like to do that, I prefer having more control. And then below, if you did have a hyperlink, you would have to tick this box. Now, because this PDF is for printing, we actually don't need hyperlinks right now. Cool. Let's move on to compression. Now, the compression determines the quality and the file size. So the higher it is the pixels per inch, the larger the file size will be, but the better the quality. So you can see image quality is maximum, and the pixels per inch are high. Now, later when we export it as a web document, we're going to change these and these are going to be lower. But for printing, you want to go with the highest quality. Now marks and bleeds. Take all these printers marks if you're going to send it to a professional printer, because this will give the professional printers information about your document, and they'll need it. And then use document bleed settings. Remember the 3 millimeters that I mentioned before, the bleed line, and that I said that when we export it as a PDF, we're going to include the bleed settings. Well, this is it. So this will tell the printers exactly where to trim the three millimeter allowance with a tool called the Guillotine. And that's it. We can simply click on Export Minimize in design, and let's have a little look at our PDF, which is here with all the ugly printers marks. But don't worry, they will be trimmed by professional printers. Awesome. So that looks pretty cool and beautiful quality. Now, let's go back to Adobe in design and this time, save it for web. So let's go to file and Export. And type this time plans brochure web. Adobe PDF, save. Now, this time in Adobe PDF presets, we're going to choose smallest file size. As if you look at description, it says, best suited for on screen display, email, and the Internet. And let's skip all of these and just take hyperlinks. Let's have a look at compression, and we'll see that this time it's 100 pixels per inch instead of 300 earlier. So, this means that our file size will be super small, and that's great. But the problem with that is the image quality could be a bit low. So I like to compromise. I like my image qualities to be high, so I personally like to make this high and same for gray scale images. Now, the moment I make the image quality high, the file size will become bigger. But I'm okay with that, and I think it's all about compromise and making sure that your file size doesn't exceed the file size limit to wherever the outlet is of your PDF. Now, this time, you do not need marks and bleeds. So now let's click on Export. And if it does say something like overset text, that is because you might have overset text on the third page. But don't worry, you can fix that by getting rid of some of the little enters, little spaces, and making it smaller. And if it did say something about transparency, just click on Cancel. Now, let's have a little look this time at our plans brochure for web. And beautiful. Wow, I think the quality is actually looking pretty good. Not too bad. Now, let's have a comparison of the file size. So the plants brochure print is 7.6 megabytes, which is quite high. And the plants brochure web is 459 kilobytes, which is not even half a megabyte. So that is significantly small, and I think it looks pretty good for a file that's not even half a megabyte. So that's great. That was it for exporting PDFs for 53. How to Package an InDesign file : For the final part of today, I'm going to show you how to package your Adobe in design document so that you can transfer it to another computer, to a client, to a colleague, and continue working on it. Now, a package is basically all the information that you have in this Adobe in design document neatly inside a folder. So the way to do it is to go to file package and click on package. And you always have to save it before continuing. So click on Save. And I'll just call it plans brochure folder. Now, I like to make sure all of these are ticked. I like to make sure that everything is included in my folder in my package and save it somewhere on your desktop. But I'll go through one by one what these are. So first, we have the fonts. So make sure you tick this so that you have all the fonts in a fonts folder in your package. Then you've got linked graphics, which is your links. This as well, would be in a Links folder. Update graphic links in package. So if you make any updates to your images, they will automatically be updated in in design, or let's say you add more images, more links. If you place them in the links folder and then place them in Indesign, then it will automatically be updated. Use document hyphenations, and include fonts and links from hidden content, meaning any images or text that is in the pasteboard in the gray area will also be included. IDML. So if you have a colleague that has an older version of in design, then you can include IDML and they'll be able to open it open the Idsign file in their older in design version. Include PDF, and this will be the latest preset that we selected before. So if you want to change that, you can go ahead and choose another one like high quality print if you want it to and then click on package. And this is Adobe telling you, please do not steal. If you don't have the license to something, do not take it. Do not steal. Do not send it to someone. Luckily, all the content here is from free websites like Unsplash, and you do not need to worry about licenses right here. So click on Okay. Do not steal. And remember the overset text is still there. That's fine. Click on Okay and let Adobe in design do its thing. Now let's go back to our Adobe In Design folder, and there is our new plants brochure folder. Click, click and beautiful, nice and tidy, isn't it? What have we got here? We've got our document fonts, nice, our Links, which is probably the most important. It's every single image we placed in our document, and it's linked to this Links folder. The IDML for older versions, our working file, our in design file, and our PDF for printing. That is beautiful. Love this page, especially. And voila. So if you were to send this to a colleague, to a client or even to yourself on another computer, I suggest you compress it as a zip file or you zip it. You right click and compress Plants folder, and it will compress itself into a zip file which will be smaller and much easier to transfer. So that is it for packaging. So please remember to always package your files so that you'll avoid missing links and everything will be nice and tidy. 54. Well done and see you soon!: Congratulations, my friends. I'm super proud of you. You have successfully created a flyer, a magazine ad, a magazine article, and a multi page brochure. How exciting. Now, what's next? So if you wanted to learn how to create longer documents, tables, table of contents, and more text formatting, then check out my advanced Adobe in design class. If you're more interested in social media, mockups, image editing, removing backgrounds, then check out my Adobe Photoshop, beginners and advanced class. Or if you're more interested in illustration, technical drawings, cartoons or logo design, then check out my Adobe Illustrator classes. As always, it's been an honor teaching you and voila so soon.