Leaflet Design with Adobe Photoshop, Illustrator and InDesign | Martin Perhiniak | Skillshare
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Leaflet Design with Adobe Photoshop, Illustrator and InDesign

teacher avatar Martin Perhiniak, Graphic Designer, Illustrator & Educator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction Leaflet Design

      1:42

    • 2.

      Leaflet workflow

      1:26

    • 3.

      Spot Healing Brush

      1:53

    • 4.

      Combining Images

      7:54

    • 5.

      Subject Selection

      1:55

    • 6.

      Focus Area Selection

      1:18

    • 7.

      Preparing Icons in Illustrator

      6:31

    • 8.

      Composition in InDesign

      5:24

    • 9.

      Text Layer in InDesign

      6:34

    • 10.

      Balancing the composition in InDesign

      3:14

    • 11.

      Final adjustment to our composition in InDesign

      5:09

    • 12.

      Conclusion

      0:46

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

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

67

Students

1

Project

About This Class

Would you like to know how to design professional leaflets with Adobe Photoshop, Illustrator and InDesign? Learn about the process, theory, techniques and test your skills by working on the class project!

Join Martin Perhiniak (Graphic Designer and Adobe Certified Instructor) and learn his workflow and best practices he developed over 20 years working as a creative professional for clients like BBC, Mattel, IKEA, Google, Pixar, Adobe.

In this class you'll learn:

  • How to adjust, mask and combine images together in Adobe Photoshop
  • How to create vector icons and details in Adobe Illustrator
  • How to integrate type, images and shapes to make your compositions feel unified
  • How to establish balance, harmony, contrast and visual rhythm in your designs
  • How to format our text and put all the previously prepared assets together creating a stylish composition in Adobe InDesign

Who this class is for?

  • Anyone planning to become a Graphic Designer
  • Creatives aiming to improve their technical skills and understanding of design theory
  • You don't need to be a creative professional to take the class

What you will need?

  • Adobe Creative Cloud
  • Desire to make something awesome

Even if you’re new to designing leaflets or using Adobe applications, you’ll find the simple and effective techniques discussed in this course easy to use and apply to your work!

Meet Your Teacher

Teacher Profile Image

Martin Perhiniak

Graphic Designer, Illustrator & Educator

Top Teacher

Martin is a Certified Adobe Design Master and Instructor. He has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is currently working in London as a designer and instructor as well as providing a range of services from live online training to consultancy work to individuals worldwide.

Martin's Motto

"Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you"

See full profile

Related Skills

Design Graphic Design
Level: Beginner

Class Ratings

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Introduction Leaflet Design: So you want to know how to design a leaflet like a pro. Well, that's what this course is all about. I'm Martin. I have over 20 years of experience as a graphic designer, illustrator and Adobe certified instructor. I have worked with companies like BBC, these knee, Google, ikea, and I cannot wait to share my best practices with you. This is a streamline hands-on course focusing on a real life design project. I will be walking you through everything step-by-step and you will get all the exercise files so you can follow along in case you prefer not to copy me. You can also follow my workflow using alternative assets provided and create something completely unique, then you can showcase in your creative portfolio. I am pretty sure this course will inspire you to create something amazing. We will start in Adobe Photoshop, adjusting, masking and combining a few images together. Then we jump into Adobe Illustrator to prepare some vector icons. And finally, we will use Adobe InDesign to format our texts and pulled all the previously prepared SS together, creating a stylish composition. You will learn how these three essential graphic design applications work together in a seamless workflow. Besides all the technical stuff, we will also cover some important graphic design theory you will be able to apply in any of your future creative projects. You can join this course without any prior knowledge in graphic design, illustration or Adobe applications. But to complete the project, you will need access to Adobe Creative Cloud and a desktop or laptop computer, but now it's time to start creating. So I will see you in the next lesson. 2. Leaflet workflow: This leaflet on my screen is what we will be putting together from scratch using Photoshop, Illustrator, and InDesign. The aim of the project is to give you an introduction and to help you get used to each of the applications. But most importantly, also learn how to combine them together in a seamless workflow. First, we will be spending time in Photoshop and prepare all the images that we will be using for this project. Then in the next video we jump into Illustrator and do a little bit of preparation for the vector elements and icons that we need for the leaflet. And in the last video, we will put together the final design using the images from Photoshop and the vector elements from Illustrator, together with the copy that's already prepared. So if you feel up for the challenge and you would like to follow along and recreate this design together with me, you can always download the files that we are using in each video. Just make sure that you create a separate folder and save all of the fires for this project in there. That way you can easily work on it later on, open it up, check what you've done and you won't have any missing images or links. So hopefully now you are itching to get started. So let's move on to the next video and start working with the images in Photoshop. 3. Spot Healing Brush: Most of the time we come to Photoshop because we need to remove certain elements from images, or maybe we need to combine multiple images together. In this case, I would like to use this lovely panorama on the top of the leaflet, but there's a few little elements that I would like to remove first, before we place it into InDesign. There's this post here on the right, which I'm going to remove. I can do this easily by creating a new layer which I am going to rename and just call it retouch. This way, I will know that all the changes that I've done are on this layer. Now that I have that layer selected, I can come to the toolbar and select the spot healing brush tool. You can also press J on the keyboard to access this tool. Makes sure that you have the sample all layers selected here in the Options bar. And then you can use the square bracket keys on the keyboard to increase or decrease the brush size. We need a smaller brush size, something like this. And I am just going to draw over this detail here. As you can see, Photoshop has done an amazing job of removing that. And if I wanted to, I could also remove additional details like this lens flare. And here is another one on the top right. And let's just zoom out. I'm using the Z click and drag shortcut that we've learned about in a previous video. And I'm just painting through and going to zoom in here on the left side, just check whether there's any details. We can remove that. But I am happy with the result. Now I think it's a very nice image we can see with the small changes that we've done on the right side, it looks already much cleaner and nicer. 4. Combining Images: To make it even more interesting, I would like to place in something here. So that's the other thing that normally you would do in Photoshop. Maybe you don't want to remove something instead, you want to add something that wasn't there originally. And in this case, I am going to use this other image, the hot air balloon, but I would like to extract the balloon from its original background. Now we can actually do this after it's already been placed into the new background. Now probably the easiest way to move this to the other document is to first of all, unlock this little padlock here. So that will make this an accessible layer and then press Command or Control C on the keyboard to copy or use Edit Copy. And then jump back to the other document by using the tab here on the top. And then press Command or Control V, or use Edit Paste. Now since this came in as a new layer, we can use the Move tool, the first tool in the toolbar to move this layer around and find the best position for it. Of course, we will have to re-size it as well. But first, let's remove the original background. So this sky, for this, there is an amazing feature called select sky, which will be able to identify where is the sky in the image. And if you notice, when I zoom closer, it even selected those small details there in-between the straps of this basket. And now that it's been selected, we can turn this selection into a layer mask. Again, another very useful feature that we cover in much more detail later on. But for now, all you have to remember is you find this here in the layers panel at the bottom. I call it the Japanese flag icon. Once you click on that, and it seems like we lost a balloon and we kept the sky, which is the opposite, what we wanted to achieve. But don't worry, there is a simple shortcut that will solve this problem. That's the Command or Control I. It's a feature called invert. And what happens is that our masks color is inverted. So I can use this shortcut to switch back and forth. And if you are interested to see what's happening in the layer mask itself, you can find that here in the layers panel, there's a little black and white thumbnail. If you hold down the Alt or Option key and click on that, you will actually see the mask itself. And when you press Command or Control I, you can see how the colors are switching, converting back and forth. Later on we will learn everything you need to know about layer masks. So I'm not going to go into too much detail. Just remember that shortcut because that is a very handy one. But for now, we have our balloon selected and separate it from its original background, which is perfect for us. Now, let's make it smaller. But before we do that, there's one additional step I always recommend to do that is to turn this layer into a smart object. You can do that by right-clicking here on the layer and choose Convert to Smart Object. On the layer thumbnail, there's a small icon that appeared. This represents that this is a smart object. And once again, this is a feature we will talk a lot more about for now. Just remember, it is very useful and it keeps this layer non-destructive. So we are not losing any quality when we are resizing it. To resize it, we just use the Edit Free Transform option and then just drag it down to the size that we wish to work with. And I will keep it around this size. And I think this is a quite nice spot for it. So all I've done there is just to press enter to accept the transformation. And you can see we can still move it around freely in this document. And to make this composition even more believable, I am also going to create a reflection. So for this, we just have to duplicate this layer first. That's holding down the Option or Alt key and using the Move tool and drag that layer down. This way, we created the duplicate which appears as a new layer. And now if I go to the Edit menu, I can choose Transform Flip Vertical, which is going to flip it upside down. Now I'm making sure that it stays vertically aligned so I'm not moving it left and right. I keep it there and move it somewhere around here. I'm checking where the mountains are in the reflection. And again, the balloon should be somewhere around there. Now to make it feel like it blends into the background, I am going to reduce its opacity, so reduce the visibility of this layer. You can do this either by clicking on that little arrow and then dragging that dial down. Or you can also click and drag over the word opacity. I feel like something around 50% is going to work quite nicely. But we should also use a little bit of blur on this layer to again make it more realistic. For this, we will use a filter and is the one called motion blur, which is under the blur category. And again, there's so many cool filters and effects that you can apply in Photoshop, which we will cover in more detail later on. For now, let's just select Motion Blur. And you can see we can increase the intensity by changing the distance slider. I think probably around six or seven pixels is enough. And the direction or the angle should be around a 0. It can be slightly on an angle, but I feel like 0 is a quite good direction. If I click okay, because we used a smart object, this turned into a smart filter, which can be turned on and off by using that little icon in the layers panel. You may not know it. But all the work that we've done in this composition is completely non-destructive, meaning that we can come back later and make changes to them. So for instance, if I wanted the balloon to be on the other side, I could select these two layers by holding down Control or Command key. You can always add a new layer to your selection. And then using the Move tool, you can easily move both the reflection and the balloon around. But let's just keep it here on the left side. I think that's a good spot for it. And by the way, this is an intentional composition or position, keeping it roughly 1 third into the image. It's also called rule of thirds, which refers to these positions in the image where we have the balloon and this tree, the most likely places where viewers I will first jump to. So if you are taking pictures, that's already a thing that you can learn about composition. Not to place things in the exact center of the image. Instead keep them to the left or the right, it makes the image more interesting, more dynamic, and more engaging. And of course, if you are creating composites, putting images together in Photoshop, you can use that intentionally when adding new details as layers. Now let's not forget to save this project, go to File menu and choose Save. The file format that you should use is the Photoshop option, which is at P as the file type. This is going to save everything that we've done. So we can always come back and make changes to all the layers that we added, even including the retouching that we've done at the very beginning. 5. Subject Selection: Now that we are ready with this image, before we move on to Illustrator, Let's just do two more quick selections. Again, another really nice image, but I don't need to use all of these details. I would just prefer to have the girl maybe with a little bit of detail of this foreground here. So for this, there is another amazing selection option in Photoshop called subject selection. So let's just choose that. And as you can see, it's done quite a good job selecting the girl. The only thing missing at the moment, or the trainers. So for this to be added, we are going to use another menu selection tool called Quick Selection Tool. If you're not seeing this, you can right-click on the fourth icon in the toolbar and that you will be able to find it. Now, this is a brush, so you can use the square brackets on the keyboard to increase or decrease the brush size. Once we have it in a size that will work, we can just simply draw over or click a couple of times on the trainers. Let's do this one here on the right as well, and don't worry about the lease is not being selected for now. I am happy with the result and I will zoom out a bit using the shortcut Z and then click and drag left and right. Or you can use Command or Control minus to zoom out and Command or Control Plus to zoom back in. So now that we're zoomed out, I'm just going to continue painting over the foreground until it adds that part to the selection. And again, I'm just going to draw over a little bit further up here, and I'm quite happy with the results here. So now let's turn this selection into a mask. Remember the little Japanese flag here in the Layers panel. And let's save this as another Photoshop file. We go to File Save, and I'm going to call this girl. 6. Focus Area Selection: Last but not least, from this image, I would like to select this tower of songs or can, as it's called. It is a way of marking roots in mountains in some countries. And you might think that the subjects select option will also work here. However, here the stones are very similar in color and detail to the backdrop. So it might not be the best option, but we can give it a try. Let's choose, Select Subject. And I was right, it didn't actually select all of these stones here at the bottom. So instead we are going to use another amazing feature called Focus Area selection, which is going to select whatever is in focus in the image. So the blurred out details from the background are automatically removed. I don't have to do any changes here apart from the output to selection should be output to Layer Mask. And that's all we can click. Okay. And now we can again save this as a new Photoshop document. And I'm going to call it stones. Let's save this as well. So now that we've done all the preparation work on the images in Photoshop. In the next video, we will continue preparing vector assets in Adobe Illustrator. 7. Preparing Icons in Illustrator: So here we are in Illustrator and for you to be able to follow along, make sure that you download the icons Illustrator file and open it in Adobe Illustrator, you can get this file from the little button directly below this video. And you can see the source where I got these icons from. It's called the Noun Project, which is a free site where you can download amazing, really high-quality icons. And just as a reminder, I'm going to show you the final design. These icons will end up being here in our leaflet. But I want to also change the icon of the hiker to be in the same style as these other three icons. So instead of field shapes, I want it to be a line art. So jumping back to Illustrator, I'm going to show you what needs to be done. Just select that icon and then press Shift X on the keyboard. This is a quick way to switch the field color to become a stroke color. So these are the two attributes, the fill color and the stroke color. And when you use the shortcut, you can see how the two are switching back and forth. And once you see the stroke option, you can start increasing the thickness on it until it gets closer to what we see on the other icons. But notice that once I reach the amount probably 11 or 12 points, which is closest to what we need. It actually doesn't look that great because some of the lines are overlapping each other and the arms sort of disappeared a bit. So what we need to also do is to click on the Stroke option while the object is still selected, and then click on this icon here, Align Stroke to outside. Once you've done this, you will notice that there are some strange details here around the head and the backpack. For these to be fixed first, you need to double-click on this icon, which will allow you to make changes to individual details within this icon, like the head. So I'm just going to move the head slightly higher. And then I will do the same with the backpack, move it to the left. Now, I can double-click outside to go back to normal selection, which allows us to move the whole icon around. And by the way, this technique is called isolation mode. When you double-click and start working with individual elements within an object. And by holding down and dragging laughed, I can zoom back a bit and take a closer look at what we achieved. I think it looks much better. It really feels like a set of icons now. And to unite them even better and create a more dynamic composition. We will also use another tool here in Illustrator called the Line Segment tool. With this, I am going to draw a line by holding down the Shift key and I can make sure that this is going to be a straight line. I'll just drag it down like so. And then I am going to duplicate this that you can do by using the selection tool and holding down the Alt or Option key and drag the line to the side. Just like using the Move tool in Photoshop and holding down Alt and Option can duplicate layers. Here in Illustrator, the same shortcut duplicates anything that you select. And to rotate this line, I am going to go close to an anchor point, start dragging it and holding down the Shift key, I can make sure that it is going to be aligned to 0 degrees, meaning is going to keep it horizontal. Then I can make a marquee selection to select both of these lines by dragging and moving them around. I can place them maybe somewhere here on the side for now. I want to make sure that they are perfectly aligned to the center point. So for this, I am going to use the align options here. The horizontal align center is the first one we need, and then the other one is the Vertical Align Center. Now that they're perfectly aligned to each other and they are equal in length. I can also rotate them 45 degrees to the side to create a little cross. Again, holding down the Shift key allows me to constrain my rotation to 45 degrees. And now that we have cross, we can select the four icons, again with a marquee selection. And holding down the Shift key, I can reduce their size to something around this. Don't forget, when you're working with vector objects, you are never going to lose quality of them. So even though you're resizing them are scaling them down, they will still retain their original details. And no matter how small or large, you are going to end up using them. So here you won't have to worry about creating smart objects like in Photoshop. What I want to do is to select the two lines, move it a little bit closer here, and now I can decide where I want to place the icons. Let's just put the hiker on top. Then we can put the mountains below. And then we can put the backpack maybe here on the left side, and then the boots on the right side. Now if I feel like the mountains needs to be a little bit bigger, I can always increase the size on that. Or we can make the other icons also just slightly smaller to make things feel a bit more balanced. Now that they are already, I'm just going to delete this link here and go to the Object menu. Choose artboards fit to artwork bounds, which removes all the unnecessary empty space from our art board. And we can now save this again into our project folder. And I will call it icons. The file format is Adobe Illustrator. So let's just save it. And once this dialog box comes up, you can just click Okay, you don't have to worry about the settings. And that's all we have to do in Illustrator. So we prepared the icons and put them together into this small composition, which will end up in our leaflet in the next video, where we move on to working in InDesign and putting everything that we created so far together. 8. Composition in InDesign: Now that we have all our images and icons ready to go, we will continue our work in InDesign. I would like you to open the hiking page, start the document which you can download from directly below this video. And once you have that open on this first page, you will have everything ready that we will be working with. The frame on the top where we will place our first image. And then two additional texts frames, one for the title or heading and another one for the body copy. You will also see the purple line, which represents the margin or texts safe area. Let's get started by placing in our first image using the selection tool. Click on this rectangle here on the top, and then go to the File menu and choose place. This is an option that we will use often, so it's worth remembering. It's shortcut Command or Control D. Once you choose this option, go and find the panorama Photoshop file with the balloon and its reflection inside it. And click on Open. This will place the image and fitted into the frame. And in case you want to flip it horizontally, you can use this icon here on the options bar and then click on it again. You can flip it back. I actually prefer it this way. Now, let's prepare a place for the icons which will be on top of this image. And just so you know, the image that we placed in is on a layer called images. If you don't see the layers panel, you can open this up from the window menu that you will find layers. And notice that we already have two layers prepared here. We have images and texts, but currently our texts frames are not on the correct layer. So before we move on, we can also fix this by selecting these two frames and dragging the little blue dot onto the texts layer. Once his plays that the bounding box for each of these frames will turn red. That's how we can tell it's on a separate layer. And just like in Photoshop, you can use the icons to turn on and off the contents of layers. And the reason we are working in layers also here in InDesign, is to assure that we can easily separate elements once we start layering things on top of each other, this will be important later on as you will see. So let's move on and select the polygon tool. You can find this here with the shape tools. Just right-click on it and then select that tool. Then simply click somewhere on the page and type in the following values, 50 by 50, number of sides to be 30 per cent star inset. Once you click Okay, you will see that we created a shape. Now we can move this shape further up here. And I would like you to change the fill color to paper that is essentially light. But in InDesign it's called paper because that's the color of the paper. And having this shape selected, we can squeeze it a little bit to something like this or maybe even a bit further up. And whenever you want to check how your composition will look like once it's printed, I recommend using the shortcut W, with which you get a preview of the page. You can click a way to check how everything looks like. I actually prefer to keep a little bit of overlap, making sure that there's no edge going to show up between this triangle and the rest of the page. So I want to make sure that this whitespace is continuous, why the shape is still selected? I can also make sure that it's perfectly centered to the page when you are dragging it around, eventually you will notice a purple vertical line appearing. That is a smart guide helping you to align it to the center of the page. I'm going to let it go here and make sure that this is also placed on the images layer. So let's just drag the little red dot, in this case onto the images layer. Before we bring in our icons, just make sure that you don't have this triangle selected. Because whenever you use the place feature, it will always try to place images inside a shape. And in this case, it would be easier to handle it if it's completely independent from this triangle. So let's click somewhere outside and go to File Place and choose the icons Illustrator file. Once we click on Open, this is going to be loaded into our cursor. It's called The Place Gun. And with this, we will be able to place it on the page. So somewhere here in the middle, click and drag and define the size for it. We'll see just a bounding box. But once we let go, the icon will appear. Now. We can move it here in the center. And in case you need to make it smaller, just simply use Command or Control. Shift, drag one of the corners. And once you have the right size, you can again align it in the center. I feel like we need to zoom a little bit closer. I'm doing this with the Z, drag left and right shortcut, the same thing that we use in Photoshop and Illustrator. And I'm going to just bring down this triangle a bit more just to follow the shape of the symbols. 9. Text Layer in InDesign: I'm happy with the way this looks. We can move on and continue working with our text. I'm going to press W again to go back to the normal view where we can see the text frame edges. And let's first select the title using the type tool, we can change the font. For this, there is an Adobe font that you can download by clicking on Find more. And here simply just type in Deborah's. And then here, select the Bubba NAIA parole board. Make sure you click on the little cloud icon, which will activate this font. It's completely free. It's part of having Creative Cloud subscription to have access to unlimited Adobe Fonts. Now that we have the font that we needed, we can come back to fonts and just type in the name again and choose Barabbas Nohria Pro. I am going to increase the size of the text and center it within the frame. You might notice that it's not centered in the page, only centered inside its frame. So to make sure that it's aligned to these other details above, I can use my selection tool and just drag the text frame until again, it snaps to the smart guide in the center. I'm happy with the way that looks. And again, we can just double-check this by pressing W. And if you want to see the full page, you can use the Control or Command 0 shortcut to quickly fit it to your screen. And we can move on to work with our body copy. I'm going to select this frame now. And by using Command or Control Plus, you can zoom onto your current selection. And then like before, I use the type tool to see the settings of formatting options on the selected text. And I'm going to also use another Adobe font for this text. Unlike before to search for it, Let's type in future wearer. And the one I would prefer to work with is called Futura PT book. This one I already have activated, so I just need to select it. But for you to be able to get hold of it, make sure you again click on the little cloud icon. It might take a few seconds for it to arrive and be available. So just be patient if you don't see it straight away coming up. But once you have it downloaded, search for it, and then apply it on this text frame. This is actually a font family that has multiple variations, which you will be able to find underneath the name of the font. So the current one we are using is called book, but we also have medium, demi, bold and the oblique or italic options as well, and we will be using these soon. But before we move on, I want to also make sure that there won't be any hyphenation used in this text. So we can see one example here. So keep your text frame selected with the selection tool. Then with the type tool active, make sure you switch to paragraph formatting controls, where you will find the hyphenation option. This is on by default. Let's just take that off and makes sure that the alignment of this text is justify with last line aligned left. This will keep our lines nice and organized. And now let's highlight and make some of these beginning words a bit more bolder. So I'm going to start with pack light, simply highlighting that text. I can go back to character formatting options here in the control bar and change the formatting to bold before going any further, let's save this as a character style by clicking on this icon here and choose new character style. This is a feature we will learn a lot more about. An extremely useful option in InDesign that can save you a lot of time. And I'm going to just call this style highlight. Make sure the apply styles to the selection is on. The ad to CC library can be turned off and the preview can also be on. Let's click Okay. And now Next time to apply this on this other sentence here, we can just use the little drop-down and choose highlight. Once again, let's apply it to this text as well. Jews highlight, that looks great. These really stand out from the rest of the text, and we would normally call these entry points, which makes it easy for readers to find the important information on the page and to nicely visually separate chunks of text. Now to make things easier, I'm actually going to separate this last paragraph into a separate text frame. So let's just select that. And by the way, you can click three times to select a line and then go to Edit, Cut. And using the type tool somewhere here at the bottom of the page, click and drag to create a new text frame, and then use edit paste. Now, let's press Escape on the keyboard to get out of editing the text. And now we can press W to see our texts frames again. They are all red, so I know that they are on the right layer, the texts layer. And I normally like to keep my texts frames tidy so not to have empty spaces inside them at the bottom. The easiest way to fix this is by double-clicking on the bottom center anchor point when you see the bounding box. Now it seems like I have an empty line here. So I'm just going to double-click inside this frame, press backspace to delete that. And once again, if I press Escape, I can double-click on this to now really nicely fit the frame to the contents. You can easily adjust the frame and you will see the text changing live thanks to their preference that we talked about in an earlier video, you might recall the preferences interface, live screen drawing set to immediate that I recommended using. And just like before, we can align this text frame now in the center. And let's just finish off by moving this text frame also in the center and switching back to the Type Tool, let's set this to be aligned in the center. And let's increase the size of it and maybe break it up into two lines by adding a line break here, just simply press Enter on the keyboard. 10. Balancing the composition in InDesign: Perfect, So that's all what we need it to do with our text, but we're not ready yet because we need to also add two more images in here. And let's start first with the stones or the can. First, make sure you don't have anything selected and then go to File Place or use the shortcut that we mentioned before, Control or Command D. And then select the stones Photoshop file, which we already prepared and separated from its original background. So let's click on Open and then click and drag to define the size of it. And once we have it ready, we can just place it somewhere here in the corner. If you wanted to see how this is going to look like, you can press W and we can also press Command or Control Zero to zoom out. Now at this point I feel like everything is really nice and symmetrical apart from the stones. So to establish or bring back balance to our composition, we will need to play something here on the right side just to compensate for these stones here on the left. So once again, I'm going to press W just so we can see all of our frames. And using the space bar, I'm going to move down a bit so we can see more of the bottom-right corner of the page and making sure that I don't have anything selected. I'll just click somewhere outside. Then use File Place again. This time we use the girl PSD file. Click on Open and then click and drag to place it in. I want this to be aligned here on the left side, maybe a bit further down. And then holding down Command or Control Shift, I'm going to drag the corner point until it fits on the page like so. Now you might have noticed that these images ended up being on the text layer. I can tell that by just looking at the bounding boxes and they are red in color. So to make sure that they are on the images layer, first, I will select the girl image and drag it onto the images layer. You can notice already that it went behind the text. So if we zoom closer now the texts became visible. But I also want to do the same thing with the stones. So let's select those as well and drag them onto the images layer. I actually would prefer the stones to be behind the girl's image. And this is something you can very easily do by opening the images layer and just dragging the stones below the girl image and you see how it moves behind it. So that's how simply you can adjust the order of images. And let's keep moving this until we see a little bit more of it. Maybe somewhere around there. Let's take a better look at this by zooming out with Control or Command 0 and then press W on the keyboard. And I feel like the girl could be slightly larger and further to the right. So still I'm going to use the same scaling shortcut command or Control Shift, drag. And now the stones can maybe move further up a bit as well. 11. Final adjustment to our composition in InDesign: I feel like that is much more balanced now, but there's one more thing we have to fix. Of course, the tax should be a little bit higher up here and the body copy needs to be legible so it shouldn't be overlapping the other image. And to fix this, there is a very simple and cool feature called text wrap. For this, we need to select the girl's image again and go to the Window menu and find this panel called text wrap. Once this opens, make sure on the panel menu you choose Show Options. So by default it might only show half of the settings, but we will need all of these settings to be visible. And then choose the third icon, wrap around object, shape rep to left side, and choose Alpha channel for the type. This is going to use the mask saved into our Photoshop file. And now all we need is some space between the text and the girl. So for this, we just increase the offset to probably around four or five millimeters. I think four millimeters will be enough. And you can see that little margin or space around the girl. That's the offset we created. That looks great. We can close the text wrap panel. And the only issue now is that we have some gaps showing up here in the text that happens because of the justification and because we also removed hyphenation in these cases, while I recommend to do is to simply adjust your text frame until the text fixes itself. I feel like that looks quite good. Maybe we can move it slightly higher and then start adjusting it further. And sometimes it might help to reduce the text size. I probably will use 11 points instead of 12. That actually works better for this leaflet. So now once again, we can adjust the text frame a bit and we justification you also have to pay attention not to have too small gaps between your texts, especially if you are using bold copy. So to fix this, I'm just going to adjust my text frames width until the words seperate better. Now you might notice that this text here move slightly to the left so it's not perfectly aligned to the center anymore. And that is because this is also affected by the texts rap created for the girls image. To fix this, go to the Object menu via that text frame is selected and choose Text Frame options within their choose, Ignore Text Wrap. And then you will see immediately that the texts fixes itself. So this is before and this is after a while. The body copy text is going to follow the outline of this image. This other texts frame can move freely so it's not affected by it. The same thing applies for this text frame here. You can see at the moment, the image is not letting the text to go to the right. So let's just do the same thing here as well. And to get to the Text Frame Options quickly, you can also use Command or Control B, which is another very useful shortcut to remember, once we have that open, let's apply ignore text wrap on that text frame as well. Let's click Okay, and then we can move it back to the center again, align it to the purple smart guide. Alright, with that, it seems like we've done everything we needed. So let's zoom out with Control or Command Zero to take a look at the full leaflet. And there's just one minor thing that I would like to avoid for my body copy, not to have a single words separated into the last line. So it looks much better when you have a few more words always ending a paragraph. To fix this, we might just need to move the girl's image slightly down. So I selected it. And then I'm going to use the Shift Down Arrow keyboard shortcut with which I can move it and see when it works the best. I feel like somewhere around there, it looks really good. So now all of my paragraphs read well, and maybe we can just adjust this text frame to go slightly further down. Once again, Command or Control Zero to see the full page. And if you still feel like the text frame can be adjusted, continue playing around with it. I feel like that is even better than before. But now, let's take a look at this in full screen. There's another useful shortcut that's Shift W, and I'm pleased how it turned out. So I'm going to make sure this is saved as the final version. So I'm going to use File Save As and rename the project file to final. Make sure that the format is set to InDesign document and to make sure that this leaflet can be printed, we will also need to export this as a PDF, which you can do from the file menu. And I recommend using one of these presets. I normally use PDF X1 a 2001, which is a standard. We can save this in the same project folder. And when the settings come up, you don't have to change anything, just click Export. 12. Conclusion: Well done for finishing this course. I hope you had just as much fun going through it as I had recording it. And of course, don't forget about the class project. Because remember, practice makes perfect. I can't wait to see your work, so make sure to submit it. And in case you like this course, and you would like to learn more from me, then there's plenty of other courses that you can find here. Go ahead check them out now. I can't wait to meet you in the next one.