- [Narrator] Hello and welcome to this video tutorial.
Gareth here from TastyTuts dot com.
In the previous episode
we learned how to use the pen and shape tools
to create original logo.
We then brought the logo
into our book cover document as a smart object
Positioned it correctly at the top
and repositioned the header to fit around it perfectly.
Now if we look at the final design
we can see, all that's left to do is add the type elements.
In this tutorial I'm going to finish the book cover design
by adding the final type elements.
To follow along with this video
you will need to have the fonts installed
hopefully at this point you should have them installed.
If not, the instructions can be found
in the projects folder.
The instructions can be found in the add type folder
in the create a project's folder.
So I will open the project folder
and navigate to the project brief folder
in the create a project folder.
So if we open the brief we can see,
down in the copy requirements section,
the copy that we need to include in the cover.
So we already have the graphic heading paper friends,
under this we have the sub heading
bring paper friends to life.
So I'll select this and press command C to copy
and come back into Photoshop.
So this sub headline I am going to place
at the bottom of the cover design,
just over the paper grass.
So I'll make sure the top layer
is selected in the layers panel
and I'll press T to activate the type tool
then I'll just click in the middle like so,
Once my type cursor is ready,
I'll first come into the character panel.
If you cannot see your character panel,
you can come up to window
and activate your character panel there.
So I'll click on the top right hand menu
of the top of the character panel,
I'll scroll down and click reset character.
This will just set everything to default,
once clicked I'll press command V to paste
and I'll paste in the copy I just copied from the brief.
So once my sub head is in,
I'm going to format the type
to get the effect I am looking for.
So I'll select all the type,
I'll come up into the control panel
and first set the type to align center.
Next I'll click the color box, I'll type F six times
to get a perfect white color and click okay.
I'll then come into the font name
and begin to type hello,
this will pull up the hello goodbye regular font.
Hopefully you should have this installed.
So I'll select this and set my new font
then on the type size,
I'll drag this up to around forty points.
Once I'm happy I'll press and hold command and D
and press enter to deselect the type.
So I'll press V to activate the move tool
and click and drag the type to position in the center.
So next I want to make sure it's aligned perfectly center.
So I'll press command colon to bring in my guides,
with the type layer selected I'll press command T,
this will activate the bounding box around my new type.
With the bounding box I will be able to see
the center point and place it directly onto the middle guide
like so.
So now I know that this type
is perfectly aligned to the center.
I'll press enter to turn off full transform,
and I'll press command colon to toggle away the guides.
Now on this occasion,
I think the type is looking a little tight
and could do with a little space between the letters.
So I'll press T to activate the type tool,
I'll click into the type and select all,
I'll come into the character panel
and in the tracking I'll type in forty and press enter.
I'll then press and hold command and D
and press enter to deselect.
So now my type is a little to wide,
so I'll press command T, to activate full transform,
I'll press and hold shift and Alt and click and drag in
from the top right corner slightly
and this will scale the type down nicely into the center.
Once happy I will press enter. Perfect.
With the move tool active,
I'll click on the arrow keys up and down,
to just finally position the type.
So back in the brief document,
I'll copy the next bit of copy
in this hands on Origami storybook.
Back in Photoshop with the current type object selected
in the layers panel.
With the move tool active
I'll press and hold Alt on the keyboard
and click and drag down to duplicate it like so
and I'll just drag this under.
Next I'll press T to activate the type tool
and click into the new type.
I'll select it all and press command V
to paste in the new type.
So to this type I want to apply a different font,
I'll press command A to select all,
up in the control panel I'll click into font tab
and type in league and choose league spartan bold.
This will change the font then I'll click into the font size
and type in fifty and press enter.
I'll then press and hold command and D
and press enter to deselect the type.
So here we have the new type and size.
With the move tool I'll press and hold shift
and tap up and down on the keyboard to move my type
up and under the sub head like so.
So I'll press command colon to activate the guides,
now I need to keep the type here within the inside margins,
so I'll position the baselines
of my type here on the inner margin.
I'll press command colon to toggle away the guides,
I'll select the sub head type layer above
and tap up or down on the keyboard just to place this nicely
between the bottom type and the top of the grass.
Soon I'll have something that looks like this.
So the last bit of type is the author name
now for this I'll place this just under the header
of the book.
In the brief document, I'll select the author name
by Cedric Blanker.
I'll copy this and come back into Photoshop.
So I want the author name
in the same font as the bottom type here
and under the header.
So I'll select the bottom type element in the layers panel.
With the move tool active
I'll press and hold Alt and click and drag like so
and place my new type just under
the header in the canvas area.
I'll press T to activate the type tool, click into the type
I'll press command A to select all
and command V to paste in my new type.
I'll then press and hold command and D and press enter
to deselect the type.
With the move tool I'll move the author name
to align with the left with the header title
and if it's looking a little big
or to close to the bird character here,
I'll press command T and press shift and click and drag
on the top right corner to scale down.
Once happy I'll press enter.
Now on this occasion this type is white
and may not be as legible as it could be
set on the light blue background.
So on this occasion I come into the layers panel
and double click on the type layer
in the space next to the name.
This will activate the layer styles,
so I'll come over to the left and select an outer glow
layer style.
On the right I'll change the blending mode to normal,
I'll click on the color and choose a darker shade of blue
than the background.
On this occasion I'll type one d a two d c,
in the value box and click okay.
I'll bring the opacity down to about twenty five,
I only want this to be a subtler effect,
I'll push the size up to twenty five
and drag the range all the way to one hundred percent
and click okay.
So there we have a subtle outer glow,
just to lift the white text off the light blue background.
So that finishes the type elements in the composition.
Lastly I'll come into the layers panel,
I'll select the type layers by pressing and holding command
to select the individually, with them selected
I'll press command G to group them into a folder
and name it footer and type.
Once created I'll also click the grass layer
and drag it into the folder,
once dragged in it will set that layer automatically
to the bottom of the folder layer structure
so we will still see our type on top.
I'll right click on the folder and assign a green color.
So now we have a complete design in the canvas area
Including all our design elements in a nice clear
layers structure in the layers panel.
So now the design is pretty much complete,
once I am happy with my progress, I'll press
command S to save.
Now the only work we have to do now, is make sure that
we are one hundred percent happy with the positioning
with all the elements in relation to each other.
The bird characters, the clouds and the size of the header
and so on.
In the next video we are going to finish the design
and look at how to export the artwork, ready to
be supplied to the printers for print.
See you in the next video.
(upbeat music)