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.