Add Images & texture to brochure design in InDesign Ep10/15 [Multimedia design course - Print] !!!

good
hello and welcome to this video tutorial dorothea from PC to Taco
in the last episode we set a twelve-page Add Images & texture to brochure design in InDesign Ep10/15 [Multimedia design course - Print] !!! group should document in this video we're going to continue
and I'm going to bring in all the images textures
and demonstrate how we can manage this if you're new to this course
and have not seen the previous episode suggest you watch this
to see how this document was set up before watching this tutorial
so with the project folder open nothing to the
design process for QA in that I'm going to open the
business cards companies design process yet to Hugh on my ideas for the
grocer and how I developed the layouts we are going to create
this video so for the front cover at the back
go to a to get a composition like this on the front
logo sits on the solid background across the top and bottom
we will be overlapping shapes that continue seamlessly
on back the logo will also be placed
small on the back up the brosser now you may be wondering
why is the cover set on the right I'm not left
will hear I'm drawing the sketch how it will be
printed when this document is printed the back and front will be printed on a
single sheet of paper
unfolded and stapled down the middle to join the
other printed spreads as this is the front and back
this is how it will drop around outside the document
for somebody inside spreads I'm going to aim to create something similar to these
with images site shapes I use code: strokes
an attempt to position my type like so so let's start
on the first page and put speed logo the project folder open
navigate to the project assets folder in not
open the branding folder and open the brand documents
to shoot I'm going to select the logo that is set on the
doc great background not currently industry

this is a group called individual back to shaped
that have been group together with the new have selected
a copy command InDesign now because I'm about to paste image
make sure the image Leah is selected in today's panel
I'm press Command V to paste and I'll place the logo
center and there it is now because
Indesit works with vector shapes the vectors from
illustrated will be compatible with InDesign to the logo
will carry across perfectly Knox a press W
and take a look in preview mode so currently
the new guy who is looking a little too small on the campus area
so with its elected a place where most cosa the bottom
right point on the ballot box a press and hold SHIFT
old on drug out a little and I'll press W
and that's looking quit but now we have the problem
if we take a look over in the swatches panel
we can see we have some the CMYK swatches hit
indeed these are correct but we do not want to have multiple swatches
in the swatches panel this is just going to cut up
our workflow toted these get that
will be pasted the logo from the Brandon document
it carried the swatches across that would apply to it
illustrated know this is easy to fix no bear in mind
the colors applied to the go are currently did you see in my case watches
and we do not want to we need them all set to the swatches
we set up hoodia I'm not be plan to use for the rest of the documents
so I'll make sure to d select the logo first
the improvement in the swatch I'm simply going to remove did you see in my case
watches
and replace them with the ones who set up Julia source talked with the blue
seem like a swatch
so on selected right click and delete
now upon trying to delete it in design will say hang on a second
you have design elements in the campus area with discolor
if you deleted you need to replace the color so
from the defiance watch I will select the Platonic blue
I wish to replace it upon clicking OK CMYK swatch
will be removed and the design adamant the campus
area will now be filled with the atomic blue swatch
very complete so I'll do the same for the rest of the CMYK swatches
I'll delete them and replace them with the named seem like a swatches
soon I have my logo sent to the correct seem like a swatches
and the at the CMYK swatches removed correct
so looking at my design process
over on the cover I decided to have these colored shapes
at the top and bottom overlapping and seamlessly
across the front and back so back in InDesign
we can see the front page be preview mode
but if we press w/ to enter into normal mode we concede a background color
spreads
over the left showing us the campus area up the back page
with this issue because we set this ap in the
master page Union now this is convenient
in this mode I can see the campus area of the back and front spread
shall compose the artwork across this
and then simply copy elements onto the back cover
where appropriate so stop with the top
though because I'm about to create some texture makes you the text delay
is selected the Layers panel with the pen to
active I'll take a point on the outside lead like so
and click a point on the edge of the background
to the left a click a point up to the top
edge the background and across to the starting point
to join and make shape once the shape is complete
on the issue the fill color is set to synergy purple
so that's the first ship a cookie create the next shape
so again with the pen to this time
article points on the outside lead at the top right corner
then across close to the page
up the cover page
down and across
to the outside right bleed and I'll try and get in line with the
angle logo that up to the starting point to join
complete the shape once the shape is complete are make sure the fill color
is set to City purple I'll choose the selection to
in the menu and click of to the Select said now I have two shapes
the top using the same technique I'm now going to create
two shapes the bottom this time however
when I create the shapes make sure the fill color
is set to atomic blue soon
have four shapes like sup now once I have all my shapes
I'm going to press and hold SHIFT and select them all
with the ball selected I right click scroll down and shoes
facts select transparency transparency to
percent
tactic okay impressed W to take a look in preview mode
so huge we can see the colors are all that nicely
but it's looking a little doc oppressed W to enter into normal mode
to with shift L down on select the bottom right shape
on the top left shape with them both selected
right click scroll down and choose the facts selects transparency
and set the transparency to
percent and click OK
so now we have a little more dynamic that know before we move on
going to ATT shape cynical saw Press aid
activity direct connection to
so what all do here select the edge points that make
the shapes and with ship held down I'll use the arrow keys
to find shoes position shapes so what i'm looking for here
is the overlap up the blue shapes to be
precisely in the center I want to anger that the shapes to reflect the logo
above
and likewise with the pope a shit about
so after a little tweaking on soon have something pics like
pics a price W and that's the key
great so once I'm happy with the cover proceed on to the next spread
to the food spread is going to be
index so looking at my design process I decided to place an
image Center across the food with some
fic come around I'm strokes going off in goals
of the hexagon the patent is placed happened left
hand side on the typesetting down on the right so back in InDesign
begin with the sent a hexagon because I'm about to create
shape to place images to on the choo the imagery
selected in the Layers panel to do this is quite simple
so I'll come ok to the many taken hold on the shape to
and select holy God with that selected
I'll come in simply click once the campus area on this occasion
good the Klickitat dead center of my document a poll click
a pool party pony comedy to in this instance
I'm going to type
millimetres for the with and type
eighty eight millimetres height for the number of sides a set this

and I'll make sure a star insect

and press OK so upon click we will get
a hexagon shape
with the selection tool are just drag it into the dead center like so
to currently this hexagon is not to the right
angle a place my most cosa next to the bottom right point
when the mouse cursor changes to rotate a press and hold SHIFT
and drug up and snap so it lines likes so
San now we have to shape just right so
this shape is a little small so I move my mouse cursor
and place on the bottom right point a press and hold SHIFT and
alt and drag out a little to increase the sites like so
so now I'm happy with the size shape
looking at my design process I wanted
image to appear shape with solid color
around outside to back in InDesign
I'm good to set the color of this hexagon to white so
not to get confused ship so with the ship selected
press Command see to copy a compact edit
and select pieced place now this will create a copy of the hexagon shape
and place it in the exact same place so with the new ship selected
a set the color Teutonic blue a place my mouse cursor over the bottom right point
press and hold SHIFT alt and skip like so
know this image is going to be texture
so I'll press command X cut are coming to the ladies palm
select the text delay which is below the image there
come up to aidid's and click Paste
place and now it said behind by
white excellent shape which is on the let a buff
now in my design process I want
hoffa the hexagon to be blue and hope to be purple
to packet design going to make a modification to the current shape
so our price: a activity direct connection to
and click the blue chip behind now I can see the points
on edge that make the shape welcome to the menu
click and hold on the pen to and select the delete
and
aka movement and click on the
to right point to remove them to essentially
cut the hexagon inhofe so I'll choose the selection to
take on the shape press and hold hold and click and drag
over to the right to duplicate the heart shape are come up to object
transform and select flip horizontal
I make sure the should feel kinda sent to synergy purple in the menu
a movie over to connect with the blue shape
a press W to take a look in preview mode
much looking meet so with the selection tool
I'll drag my mouse although both shapes in the back a right-click
group a press w/ to go back into normal mode
so now if I'm not entirely happy with the thickness of the color around the
one texaco on
I can scale is up or down a piece I mouse cursor of the bottom right point
of the new group
press and hold SHIFT and alt on the keyboard and skill up or down
until I'm happy with the thickness so now I'm going to play said image
inside my white hexagon shape so first
all set to come feel too transparent with the box area selected
a press Command d to place in a bitch into it Apple pop before the window
so I'll navigate to the project folder into the
might project folder assets folder into the PSD folder
and select building one gray PST a poll click
image with a p/e side now this
is an image I have created using the monochrome affect
demonstrated in a previous tutorial inductee toil
I demonstrated how to apply the blue and poop a fact
to you may not have this what happened so if you don't
and wish to follow along
then press Command d to pizza image instead of navigating to the
my project folder navigate to finished example
ID works assets PST
and select the building what great from that easy
said no the images inside but it's currently
the wrong angle know why is this with if you remember Julia
will be created the hexagon shape we rotated
up ninety degrees anti-clockwise this has been applied to the image
so now we have to rotate the image inside
shape to decide degree so oppressed a
to access the direct action to 0 click the image
inside frayed I'll come up to object
transform and select rotate ninety degrees
clockwise and now the image is aligned
correctly so our place might most gruesome
over the bottom right point with shift and all held down
on the keyboard a click and drag out or aid
to resize my image inside my hexagon frayed
until I have a composition I'm happy with said now
my Foust in age is placed to the document and I'll pass W to take a look
previewed now if you think that image
is looking a little blurry come up to be you display performance
antic high-quality now InDesign
is an extremely efficient program soon
this document is going to be filled with multiple images
if we keep the BU setting set to high-quality
this may slow the computer performance down and hinder
all workflow so I always keep my disbelieve you said
typical display images may not look crystal clear
but I know they are correctly placed to the document
if we now come over to the league's top
we can see be happy link this is a really important panel
and you'll be coming here a lot in future
no currently I can see that this is a CMYK
image perfect pricked and the resolution is set to

DPI also perfect for print
now we be sure these images were perfect any previous video
but sometimes you may overlook the details and import images
might be inadequate always pay attention to these columns
to you can see you're using adequate images from document
if you could not see you resolution and color mode column
took the top right menu in the Layers panel click
panel chins make sure actual PPI
is checked and color space is checked and these will now be visible
correct now at this point if I'm not happy with the overall size
of the hexagon composition with the selection tool
drug over everything with it all selected
our place my mouse cursor over the bottom right point press and hold SHIFT
alt and drag in or out to scale
elements to touch the inside of the gutter
between the column guides on each page if I sue me
a run hexagon shape you can see where my hexagon reaches
against the common gotta like so so now I'm happy with that NH
and the color around it and now going to place my strokes
so make sure my text you later selected
select two stroke to in the menu I'll come across
and click on the right side the hexagon and click
drag a stroke out and cross using the hexagon
as a guide underline the stroke above the outside
age to get the same angle and release on the outside lead line
upon police I'll make sure the Stroop color
is set to the synergy purple the menu and the stroke size is set to
in the Stroop I'll choose the selection to
to click of stroke oppressed WTC in preview mode
so I'll zoom into with the stroke joins the excellent shape
if it's not looking perfect oppress a
activity direct connection to
select the stroke click on the endpoint
and move with the arrow keys to find she once happy
are used the same technique to create the other strokes
and see you I'll end up with something
looks like this all strokes
nicely composed to the edge the bleed lines
nice so looking at the final design
we can see we have the grey patent on the top left
the design so back in my new document
with the text in a selected is panel
I use the pen to to draw shape an area
making sure the this also expands into the bleed area
once I have to shape all set the color filter transparent
not press Command the to place an image son have a key to the project folder
another key to the my project folder to the assets folder
and into the a shoulder where we saved all great patent CMYK
you yet the course a select the grey patent seem like a
and click okay upon click the patent will appear inside
now if you're following along and he did not create the patent your
the press Command detainees at the image instead of navigating to the
my project folder navigate to finished example
I D docs assets a high and select the grape and two in CMYK from that
so we place this beach texted
because even though it's linked image it is
deed part of the texture background up SW
to take a look a nice-looking just fine now if I wish to treat the positioning
of the patent inside the shape
I compress a to activity direct election to
click on the image and skill up or down
it on this occasion I'll just press the arrow keys to move the patent into a
better position
so I'll choose the selection to and click of

I think this patent is looking a little too bright so %uh
right click with the sheep selected scroll down to
facts choose transparency and set this to
percent
that completes the image and texture fact
on this composition to create the brosser
I'm going to start with just images textures once I'm happy with everything
in place
out then come back place in the type to now
a move on to the next spread so
on the next bread we are going to include some more images and more type
looking at my design process I decided
to include now the hexagon image on the nest perhaps with
some solid color coming from behind of the page
perhaps a rectangular image on the far right
and include some stroke surrounded then
include the type in the space between so back in InDesign
unica start now as start to build elements in the document
we can save time by duplicated so I'll come back to the first spread
copy the hexagon image come to the next spread
and paste easy now on this occasion
I'm going to place shape indeed dead center
on the left page using guides then
als scale is shipped down to touch the inside margins
like so once happy oppressed a
activity direct connection to and click into the shape
to select image a press Command d
to place new image and navigate
to the my project folder into the assets folder
into the PST folder and insert building to
now remember if you're new to this course and have not previously created
these
simply navigate to the finish examples folder and find a copy of that
so opponents suiting image the previous image will be replaced with the new
know that's looking a little peek site
so I'll choose a selection to to the Select I'll kick the sheep
to selected again but this time selecting the freemen of the image
inside
then I'll come up to object scroll down to fitting
and click fickt content proportionally
this will fit the entire image inside like so
know this will give us a good starting point to simply
resize the image inside however we like
so with the Direct Selection 2 I'll click
inside the sheep to select image press and hold SHIFT all
on the keyboard antic drag-out at the bottom right
point a scale up and move around
with the arrow keys to have something I happy with
so with the Fu's image placed it I'll come over to the menu
and select the rectangle shape to on the right page
a click and drag shape from the right-center gap to guide
drag out and down among the outside be margin
XO on the choo the fill color set to transparent
and press Command the to place image so back in assets folder
this time a place buildings 3 with the image place inside
again come up to object scroll down to fit in
and click shift content proportionally are selected image
the direct section 2 unskilled up to fill the free like so
if I feel afraid could be taller with the selection tool
are click and drag on the free books up
to view more image inside said no I have two images
place it this comp if we could be
come across into the links panel we can see sure that this
images also
DPI and CMYK
correct
now I'm going to create the text behind so with the textile a selected
Layers panel a select the pen to click
on the top point the hexagon image an attempt to draw up all
he'd line like so then down
across on been lined than
to connect to shake now chances are I get this wrong
first time saw said the kinda feel to the synergy purple
with the Direct Selection 2 active a click the points
and find Gina to match the angle the hexagon photo
soon I have some think that looks like this
next right click choose
facts kick transparency and set this to

percent them notice how the solid color
crosses over the page number hit so to avoid this
I'm going to select both elements above by clicking and dragging
over with the sixty-two and I'll simply move the map
so now I can clearly see the page number perfect
so next I'm going to set up the line strokes
so looking at my design process I decided to place
very strokes to reflect the index page and to interact with the
blockage so back in the design I'm going to use the same technique as
demonstrated
judea I'm going to use the line to to click
draw ACU's strokes of the hexagon shape
and around the image connecting the is like so
I make sure that any stroke that comes off the edge
of the page continues to the H the bleed like
around the page a set stroke size

and make sure that the Stroop color is set to siege Google
along the way if I'm not happy with my strokes
I'll use the Direct Selection 2 to click on endpoints
and adjust them by tracking or using the arrow keys
to find Chi soon have something that looks like this
so looking at the finish design we can see
but we also have the patented the top left
throughout this document the patent is going to repeat
and feature on each spread so back in our document
with the text you later selected altruist shape
to feel the top left space making sure it also
fills in the bleed area and make sure the Phil
& Stroock & said to transparent now I'm going to demonstrate another handy tip
what I'm about to do here is to copy of the patent all the food spread
and place it to this shape so I'll come back to the index per head
estate and click to select the patent inside the shape friend
a press Command see skopje come back to the next spread
and be careful to select shaped frame I contacted
and this time choose paste into a poll click
the patent will appear inside the frame easy
with image place inside oppressed
activity direct election to click into the frame
and select image and move the pattern around
to get the position happy with one's happy
a choose a selection to City Select kick the free
right click scroll down to a fact choose transparency
and set this to
percent perfect
so that no completes the image and text composition
on this spread so the next spread
is going to be where we include some more images and more type
if you take a look at the finish design we can see we have this peach st.
composition
here we have some triangle images set on a
solid purple with the patent inside so in the new document
I'm going to stop at the back room color so on the
finish design we can see the triangle images lineup
perfectly the background so I'll start by
coming over to the public on sheet2 I make sure I have the text in a selected
in a tunnel
in the camps area I'll click once now on this occasion
I'll type
millimetres for the with and
millimetres
hiked a set the number of sides
and kick
okay that will give us a nice triangle
shape so I'll dried the triangle
into the dead center the camps I don't make sure the Phil
is set to City purple in the menu on the stroke is set to transparent
with its elected a place mouse cursor over the bottom
right point press and hold SHIFT I'm alt
on the keyboard and ski up to touch the bleed lines like so
one's happy a committee object transform
and select rotate
degrees
so others who down to where the triangle crosses
off into the bead now moved to try and left
so the triangle crosses into the bleed area approximately
on the food great so this creates
the correct angle suppress a activity
Direct Selection Tool and I'll select shape
I'll come and click and hold on the pen to and select the
and
now I'll come and kick
on the line and had and
the shape
on the left hand side oppressed a and click on the you point
drag it down to the bottom left the bleed like
like so click on the point
at the top and track that over to the far left
so just like that we easily created the background check
know I'll right click on the shape condemned to
facts shoes transparency and set this to you fifty percent
Synnex I'm going to images so just like good
come over to the Polycom to know the settings should be
the same as Union click on the images there
in the Layers panel and click once and click OK
on here is that you trample shape
so I'll commit to object transform and select
rotated
degrees make sure the fill color is said to want
on the stroke sec to transparent so I'll take this new triangle
and scale it down like so know a place it
in such a way top of the triangle is lined with the
center line in the campus then a press and hold SHIFT
and click drag down on the bot right point
into the triangle touches the outside lead
said now I have a triangle exactly how of the height of the page
next I'll simply line it up with the background
once I'm happy to mind I'll change to fill color too transparent
and now I'm going to place image inside with the ship selected
a press Command the saw navigate
back to the assets folder in the project owner and this time place in
building five PST once placed in
are comped object scroll down to fifty and select
picked content proportionally notice how the image
is currently upside down well this is because we routed the triangle
with me and Richie composed it so with the Direct Selection Tool
a click into the fray to select the image come up to transform
and rotate
eighty degrees with image still selected
a place by most hoover one of the corners and with shift on
Alltel down askin up ambition inside
until I get the composition happy with so I'll choose the selection tool in the
menu
to the selected image inside the frayed select the triangle
image copy and paste to duplicate the triangle
image so I'll move it over to the left
on top the
triangle below and online it perfect
and I may have to zoom right in in order to position
this correctly once I'm happy with the she
with the Direct Selection 2 click to select
in each industry and press Command the to place the
image a select building fall this time
and take okay now if nothing appeasing the train
a corrupt object scroll down to fit in and choose
strict content proportionately and you should see image
so with it direct connection to a click into the fray
to select Beach a place I'm mouse cosa
who the corners and with shift and both held down
I'll skip position inside to get a composition
happy with and select the selection too
did the subject oppressed W to take a look in preview mode
much looking nice next I want to at the patent
so I'll makes you the text in a selected in the lease panel
just like Julia I use the pen to strong shape
a set the fill and stroke
transparent
are coming to the previous spread with the Direct Selection
a click to select the Patton on copy
welcome back into the new spread and select the transparent
shape with the selection to a commit to edit
and click paste into and patent pay
with the Direct Selection 2 I click the patent
and move it to people conceded place jus the selection to
click of I'm decent image a selected imagery
right click choose facts select transparency
and sent this to fifty percent so now we have the patent
image inside the spread so the last thing to had
on the spread strokes so with the text earlier still selected
today's panel a select the line to and drew my strokes
I'll draw one down on the triangle picture
all set the stroke size to one point and make sure the stroke color is set to the
based great and I'll draw one more stroke
coming across in line with the top the triangle image
bottom if I need to fine-tune the nine ages
are used the Direct Selection 2 so that completes
image and text composition the this page
so looking at the finish document
the next spread is very similar to the previous period
this time the only difference is the composition some the strokes
the background blue solid and position the patent to treat this
I used the exact same techniques as displayed
Julia to I just use different images
and color as an example post a video
and try and create this composition document or maybe
try to be completely different layout you may find
easy to copy elements from the rich compositions
we created together if you cannot remember how this was done
rewind the video unfollow either way
try and create jobs only aunt for this section
use the Direct Selection 2 to reposition the ages
strokes use the come up a tiny blue
place new blue images and place in the patent

percent soon you will have something
looks like this or perhaps different if you tried something else
so looking at the finish document
the next spread is very similar to a previous spread
triangles this time images are placed
differently and we have people who stroked side
again as an example post the video
and try and create this composition in your document
or maybe tried a completely different layout unified
easy to copy elements from the original compositions
we created together if you cannot remember how this was done
remind the video and for long either way
try and create jobs only out for this section use the color
atomic blue place in the new blue images I'm place
in the patent
percent transparency soon
you will have something that looks like this or perhaps different
if you tried something else so that completes
lost spread the document all that's left to do here
is now composed the back cover so let's now
come back to the front cover so Leah
we compose the textures across the back from space
as we can see it so what all do now is selected to shapes
on the left copy them high school down to the back page
on the shoe the page selected and also make sure that the
text relay is selected in the Layers panel welcome up to edit
and click paste place upon click
the shapes should be placed precisely well want them
this will now line up perfectly the cover page
so now we note that the ships will meet seamlessly
with each other when this document is exported ready for print
so I'll come back to the cover page this time
I'll select and copy logo
I'll scroll down to the back page because the logo
was originally set in the image there by copying it
we concede that the current actively is the image lead
in this instance that's Koo so I'll just paste
louco opposition logo in the center
scaled-down and position it sitting on top of the
site margin like so the bottom and I'll take a look in preview mode
much looking just fine so that
pretty much completes the image and text a composition
for the e-type brosser all that's left to do now
is placed the copy inside but before that if we look closely
we can see that the page numbers apply to free
page now it's not common full page numbers to appear on the cover
so now I need to remove the page numbers from the cover
and also the intact so to do this
welcome back to the master page section in the pages Patil
so I put my most consider over the word master a
right click from the menu and select DP Kate
master a antic okay said now I have a
master be so in the mass to be spread
and remove the page number type boxes

I double click on the cover page the pages panel to exit
master pages okay see now
in the page display in my pages panel begin
the cover slack to cover right click
I'll come down to apply master and click
on the pop-up menu click on the drop down for
apply master and cheese be master and click OK
a poem click the new be master page
will be applied to that page be conceded ass
if we look closely the page display now
we can no longer see the page number on the cover
accident so I'll do the same for the index bread
in the page display a select page 2 press and hold SHIFT and select

a set the master page to be master antic okay
and finally do the same the back cover great
so only the contents pages have the numbers applied
sadat's how we can manage images
design elements no grocer all that's left for us to do now
is at the copy and former the typed in the next video
I'm going to bring in all the copy demonstrate
an effective way to format time see you
up *** ***