Video 03 4×6 Travel Agent Postcard – CIS20 Adobe Photoshop


Greetings and welcome to our second assignment
which is going to be a 4 x 6 inch standard size postcard for a travel agency. In this project, we’re going to go over the
same things we did in the first project which was a simple Photoshop document. We’re going to add in some more text. We’re going to talk about how to import and
copy and paste and place images. We’re going to bring in an Adobe Illustrator
file which is a logo. It’s a vector-based image. We’ll set up a grid and we’re going to talk
about bleeds as well as trim and safety areas and margins and all kinds of stuff. And if I was really building out a 4 x 6 postcard
completely in Photoshop and this is just the front of the postcard, not the rear. There are the same steps I would do. So when we’re done, we’ll actually have a
template that is print ready at the right resolution with the bleed as well as the crop
and the trim marks, no marks but everything’s ready to go if you need to send this to the
printer or place it into Adobe InDesign or say QuarkXPress or something else. Most of this is going to building through
Photoshop but there are some files that you needed to download. I already have Photoshop open here but let
me show you the folder that you’ll download. There’s going to be two folders in here for
you. There are the sample files which is a finished
version of this file and we’ll open it here in a second and it’s around 16 megabytes. So these are much larger files we’re working
with. There is the logo. This is the original. It hasn’t been outlined and so it is the original
file that the logo came in that I created for this. And then here are the source files. We have three photos that we’re going to use. These have been brought down a little bit
in size from the original. I shot these actually over 14 years ago when
I was in Europe. So I do own those. So when we went through the copyright stuff
earlier in the class or if you need to go back and take a look at copyright online and
read about it, I owned these as well as the logo. I created it. So I did some outlining and drew a little
airplane and some things like that. The file we’re gonna use, that’s the logo,
has an F at the end of it. This is the final one. It has been outlined and we’ll talk a little
bit about that a little bit later. So you don’t have to have the fonts with it. We’re going to try to keep the font simple
with this as well. I know everyone’s on different operating systems,
Mac and PC. So I try to use Impact and a few others that
I pretty much know everyone has but you can always substitute other fonts. And you can always substitute images as well
if you have your own. So be creative. That’s one of the things that I want you to
try. The best way to learn this stuff is to play
and to change things up and do things on your own. But if you follow along exactly, that’s perfectly
fine as well. We’ll be saving our final files into this
folder as well. So this is our project folder. So from this point on, I’ll always give you
files like this. I’ll have them all zipped up into a folder
that you can then put on your desktop or another part of your drive and work from. So let’s jump back into Photoshop. If you don’t have it open, let’s get it open. And I already have the file here. This is the sample file that I’ve given you
that is finished and I want to take a look at it here very quickly. And before I do anything else, I want to do
Window, Workspace and I’m in Graphic and Web. I’m going to reset it, that way we all have
the same look and feel here. So we have our Characters and Properties and
Libraries. But most importantly our Layers and Character
palette are up. And you can see we have a lot of layers in
this. Let me close these up very quickly. So we have from the images, we didn’t label
one there but we’ll fix that. But all the images are here. We have all of our text layers as well and
we actually have one box down here too that we created. And we have a lot of guidelines in here and
we’re going to talk about those. We’ll be creating those from scratch and they
are very important to this layout. So we have all those in there as well. I’ve used the same colors from the image that
we imported in as well. We’re also going to do some non-destructive
changes to our images, like this is a black and white and I’ll go through how to do those
as well. So many of the things we did in our first
assignment we’re going to cover again and add some more to it and that’s how I teach
all of my classes. So I’m going to close this. This is just for your reference. Please don’t turn this one in as your final
project for this. I need you to work on your own. I’m going to hit Don’t Save and we’re gonna
start with a brand new document, so Command N, File, New. You can also do Create new over here as well. And you’ll notice I already have a layout
here. So I’m going to pick something else just so
it looks different. So I selected something. I’ve got no name on this. So let’s name it first. So we’re going to call it 02. You can do dash or underscore. I prefer underscores. And I am going to put in my last name and
then first name. So 02 represents second project and it’s nice
to have your name on it so when I download your stuff, I know what you’ve turned in. So when we finish our project here, we will
be saving it as a JPEG this time and submitting it and sending it on, even if it was a proof
to a client. So this is the naming convention we want to
use. So for the width, this is a 4 inch x 6 inch
postcard. If we made this file just 4 inches x 6 inches,
we would have no trim, we wouldn’t have a bleed. And if we printed this, we might end up with
little white lines around the edges. So we have to put in a little extra artwork
for the bleed. Now, sometimes, I’ll do 0.25 inches or 1/4
inch and that’s a lot. What I suggest is 0.125 inches all the way
around. So if our width is 4 inches and we’re adding
0.25 on one side and 0.25 on the other, the width of our document would be 4.25. So we’re adding a quarter of an inch all the
way around with 0.125 on one side, 0.125 on the other. That gives us 4.25. And actually, sorry about that, it’d be 6.25. It’s the width, 6 inches across 4 inches tall. But if it’s the same as the height, then it’d
be 4.25. So you can see the orientation should be set
to Horizontal. If it doesn’t, we can click on it.This needs
to be in inches as well, not pixels. So I’m going to do this one more time. The width is 6.25. We’re adding 0.125 to each side, is set in
inches. And then the height is 4 inches tall, 4.25,
1.25 on each side. That makes it Horizontal. If it doesn’t set, you can click on it. Resolution needs to be 300 pixels per square
inch. We are building this for print. So Color Mode is RGB Color. We’re looking at 8 bit. And the Background, we want to have White,
not Transparent. We want to have a White background on this. So it’s like white paper we’re working on. So our preset name, the width, sorry about,
little earlier I had said 4, it actually is 6 because it’s wider than it is taller. So 6.25, the height is 4.25, Resolution is
300, Color Mode is RGB. We work in RGB, Red, Green, Blue but we will
convert at the end to Cyan, Magenta, Yellow and K is always black because we use B for
blue here. So K is black. At the end, we’ll talk about this. But we work in Photoshop in RGB. It gives us more options and we convert to
CMYK when we go to print. So a printer, even a laser printer uses Cyan,
Magenta, Yellow, and Black. Your inkjet printer uses Cyan, Magenta, Yellow
and, Black. And we’ll continue talking about this as the
projects go on. But this is for color, one, two, three, four,
offset printing, digital printing or even laser printing or inkjet printing. This is for colored printing. We don’t print RGB. I mean, we can. There are some processes out there. But this is for digital, what we see on screen. It can be on your phone. It can be on the screen you’re working on. This is print. This is the final print, the ink on paper. So RGB, these are our settings. We’ll hit Create and it opens up. Now we do want to View and if we do Fit on
Screen, it’s really tight. I like to back off just a little bit so I
can Zoom Out or Command -. I want to see a little bit of the artboard on this because
we are going to bleed off. Now, if you don’t have your rulers turn on,
that is View, Rulers, Command R. Mine are off right now. So I can go View, Rulers. And if you’re not in inches, you can either
right-click right on the ruler or control click. You notice when I hit the control key, it
changes and I can go to inches. You notice there’s lots of different types
Pixels, Centimeters, Millimeters, Points, Picas and Percent. We want to work in inches. I also want to save this file. So I’m going to do Save As. I’m going to go to my desktop. And I’m going to put this file, 02_glumace_sean.psd,
into my Travel Postcard folder. You could create a folder called Final if
you have a lot of them. This is only one document. So I’m just going to save it in here. This is my final document. Make sure it’s Photoshop, the very first one,
not any of the ones at the bottom. And I’m going to hit Save. And one more time, just in case. MyWorkspace is Graphic and Web and I’ve reset
it. That puts me back. We should all have the same look and feel. So let’s get this document set up. So I’m going to do View and we’re going to
create some guides. Now, there’s a lot of different ways to do
it. You can click with the Move tool selected. You can click inside and drag down a guideline. You can also click on that guideline and drag
it back up to get rid of it or Command Z or Control Z will get rid of it. That’s also under the Step Backward. Now, I don’t want to have any guidelines here. We’re going to put very precise guidelines. I could click and drag and try to drop them
in and you can see these little white lines appear. You can get fairly accurate. You see one at the top here and one over here. That’s your X and Y-axis. But I need them to be very very precise. So there is an option for that. It’s under View and we can do New Guide. Opens up a little dialog box and we’re going
to start with Horizontal. So these are the guides that would come from
the top down, not from the left over. And our very first one we’re going to put
at 0.125. We need to have the trim, the line where when
we print this, we would cut it 0.125 from the edge. That’s the bleed that we added. So Horizontal is 0.125. Hit OK and see how the guide appeared. This is now our bleed. This line is our trim. Anything inside here is our postcard, that’s
going to be 4 x 6. So we need to do the same thing all the way
around. So I’m going to do View, New Guide again. This time at the bottom. So look down here. We have 4 inches. That’s 4 and a quarter here. So 4.125 is where we would put it. So at the 4 inch and then 0.125 and the line
will appear there, the guide I mean. There it is. So now we need one on the left and the right. So we’re going to do a New Guide. This time we’re going to do Vertical and we’re
going to do 0.125 on the Vertical and it’ll put it right over here. And then, we’re going to do one more over
here at 6.125. So a lot like the 4, we’re looking here at
6.125. And there’s our basic layout. So anything inside these guidelines is 4 inches
x 6 inches. Then beyond this is our bleed. This will get trimmed off in printing. We’ve got to give a little bit to trim. So it’s 0.125 or an eighth of an inch on each
side. Now, we need to add one more set of guidelines. We have to have a safe area. So between the trim and the safe area, we
have what’s called a margin and we’re going to do the same thing, a 0.125 margin. That way, we know if we get too close with
artwork or text, it doesn’t get trimmed off. It creates a safe area. So we’re going to do the exact same thing. We’re going to do New Guide. This time we’ll do Horizontal. Instead of 0.125, what’s twice that, 0.25. So we want the guideline to come in right
here. So it’s the exact same width. So we’ll do 0.25. And you can see now we have our trim, sorry,
our bleed, our trim line, this is our margin and then this is going to be our safe area. And programs like Illustrator and InDesign
have some of this stuff built in. Photoshop really doesn’t. So I like to build these out. Plus it’s good experience for you to learn
this. It also allows me to talk about the print
side of the world. So, let’s finish these up. Let’s get the new guide and down here it’d
be actually 4 inches for this one. We need the guideline to go right here. We look over here it’s 4. So Horizontal, 4 inches and you can see it
puts it in. Now we’ve got to do the left and the right. We’ll do a New Guide. So Vertical on left is going to be 0.25. Then over here, it’s 6 inches. And I’ll save this, Command S or File, Save. And there is our layout. This is our template for a 4 x 6 inch postcard
at 300 DPI. We now have our bleed. We have our trim. This is trim here. This is trim. We have our margin, margin. And we now have our live area. And what’s nice is we could snap to these
guides. So when we bring in an object, an image, text,
it will snap to. It helps us with alignment. Make sure you save it and we’re now ready
to start bringing in some artwork. We are going to be doing a lot of work with
layers. So I’m going to be coming over here and talking
about them. Right now, we have a background layer. It is locked. It is white. Think of this as a white paper. So the first image we’re going to bring in
is a vertical image on the left. It’s going to fill in this whole area. And there’s a couple ways to bring in images. The first way I’m going to show you is my
preferred way to work with images. It’s called Place Embedded. What we’re going to do is take that JPEG file
that came in and place it and work with it. There’s two types of placing and we’ll use
Place Linked in a minute. But Place Embedded means it takes the image
we’re bringing in or object and makes it part of this Photoshop document, which means this
Photoshop document gets bigger. Now, if we do linked, that means it’s only
linking to the original file. So if you ever move that file, rename it,
throw it away or accidentally move it, you won’t have that linked file anymore. And there are times we use linked files. I use them all the time with my InDesign and
other things. But for this type of document, this is really
just a single document when it’s all said and done and so I like to embed. Even though it makes it bigger, I will always
have this image in this Photoshop document. So I’m going to do Place Embedded. And I’m going to go to my desktop and go into
my 02 4 x 6 travel postcard. And I’m going to go into my Source Files,
not Sample but Source. And the one we’re going to work with is Norway. If I hit the spacebar, it’ll actually show
us a preview of it and I’m going to click Place. And you’ll notice it drops it in right away
at the correct size, it fills it. You get this X that tells us it isn’t placed
just yet, we can move it around. You’ll see those purple lines that appear. So it’s aligned on Center. I move it over. And what I’m looking at here is, I don’t want
this boat to get cut off when we print this. I don’t care about that one. If I overlap this too much here, that’s going
to get trimmed off. This is going to be tight. So I’m giving myself a margin, even with the
image. I’ll let it overlap a little bit here and
the height is fine. You can always scale it right now too. You can hold down the Shift key and grab one
corner. These are the little handles. If you don’t hold down the Shift key, you
end up like this. You always have to hold the Shift key. Shift key constrains. You notice I can go up and down in size. I’ll leave it as is though right now. And up at the top, there is a Reject, Cancel
and, Commit or you can double-click. The moment you double-click ,you’re committing
to the size. You notice the X went away. With the Move tool selected, if you don’t
get these handles, Show Transform Controls must be turned on. So you’ll notice over here in my Layers, I
now have a layer called Norway it brought the name over. I’m actually going to change it to Norway
Photo so I know what it is because the thumbnail is a little small. I can change the size of that thumbnail on
the pull-down here. I’m not going to. I really don’t have the room and I do prefer
the smaller one. But in that thumbnail, you see this little
icon right here, this tells me it’s a smart object. And what that means is, I can scale this up
and down and not worry about resolution issues. And I’m going to show you that in a minute
when we bring in our second image and I’m going to compare the two. But this is a smart object. If I double-click on it, it will open it in
another window. I can crop it and do things here to it and
it will update it in my other layout. But for right now, I’m going to close this. I’m going to leave as is. Looks good. I don’t have to do much to the image for image
correction and that was done on purpose. It’s already kind of cleaned up and ready
to go. And I would edit this by double-clicking and
making my changes here, not back here. So if I had to change the levels a little
bit, and we’ll do that, I can go up, let me walk through this one more time. I go under my image here and there’s the smart
object. If you don’t have the smart object, then you
didn’t place it as an embedded file. You brought it in some other way. But if you double-click and go up under Image,
Adjustments and I’m just going to go to Levels. I’m going to bring my levels in just a little
bit. So you can see I’m lightening it up, get the
blacks a little darker, not much, bring it in. See I can go real dark, go real light. I’m just making a slight adjustment here just
to show you. I’ll hit OK and I’ll Save it. It updates it automatically. So editing the original will update it here. But I don’t want to do a lot of that editing
to this. That’s why I just made little slight adjustments
because I already made a lot of adjustments on it for you. So we have our Norway photo. I’m happy with it., looks great. And I’m going to bring in the next photo. Now, if I place it right now, it will put
the photo on top of the Norway. But I want to use the Norway as kind of a
crop. So I’m going to select Background before I
import and I’m going to do a File, Place Linked. So we’re going to place the linked one now
and this one’s going to be London. So we have London Bridge. I’ll place it. You’ll see it came in really big here. I can grab one corner, either one. I’m going to do the left one, hold down the
Shift key. You’ll see it snaps to. Don’t snap. I’ll grab the other corner. I’m holding the Shift key down and you go
past a little bit. And that looks good right there. I will double-click. And down here under Layers, look at what we
have, a little link this time, not a smart object but this is a linked smart object. If I ever throw away that image or move that
image or do anything to it, it will no longer be linked. I’ll be stuck with whatever image I have here. I won’t be able to rescale it, resize it. So I still prefer embedding but I wanted to
show you how to link an image. So the last image we’re going to bring in,
we’re going to do it kind of the old-fashioned way. Before all this fancy placing, we used to
have to open a document, drag and drop it into this one or copy and paste it into this. So I’m going to show you the drag and drop
method but you can always copy-paste as well. So this time, I’m going to do a File, Open
in Photoshop and I’m going to find the qm2. That stands for Queen Mary 2, that’s the big
boat. Now you’ll notice in Photoshop, I have two
documents open, I have two tabs. I have the PSD and the qm2 and I can have
multiple ones open. So you would think, “Oh, I can grab my Move
tool, click on the image and drag it over”. You’ll notice nothing, well, it worked that
time. Sometimes it does, sometimes it doesn’t. So that’s one way to do it. I going to hit Delete. That’ll get rid of that layer. So with the Move tool, you can grab, click,
hold, and, drag, float over and when you let go. it will bring the image over. Another way to do this, I just hit Delete
to get rid of it. You can always hit the Delete key when you
have a layer selected. If you did it too many times, Step Backward. We’re going to talk about the History panel
here in a few minutes too. Or you can grab the layer, click, hold and
drag the layer to a new document. You see you can even see the preview here
and drag it in. The third way is taking the Selection tool,
the Marquee tool, you can even see in this little preview, you can select the whole image
or you can do a Select, All, Command A. You can copy, Edit, Copy, come back and Edit,
Paste. So those are three ways to bring it over. Now I’m going to show you why this isn’t always
the smartest thing to do. It works. So I’m going to drag and drop just to show
you one more time. I have everything selected, so I need to deselect. If you clicked anywhere with the Marquee tool,
it’ll deselect. You can also do Select, Deselect. I’ll grab my Move tool. I prefer to drag from Layers personally. I’ll click on the layer, drag it, float over
until it changes and then drag it where I want. Now, you’ll notice, it brought it in on top
of everything. That doesn’t really help me with cropping. I would have to be very precise. I’m a little lazy when it comes to this stuff
just because I’ve done it for so long. What I prefer to do is use my other images
to help crop. So we need to name the layer. We’ll call it QM2 Photo. If I select this layer and drag it above the
background layer, watch what happens. See how it crops it automatically? One thing I didn’t do earlier, we didn’t name
the London. So we’ll call this one London Photo. So we have all three. So now, with the QM2 Photo selected with the
Move tool, we have the nice little handles here, resize this to fit. That looks pretty good. I’m going to move it up because we’re going
to be placing a box down here at the bottom and I’ll double-click on it. So I’ve set it. Now, I want to show you why this is not my
preferred method. If I take this image and you don’t need to
do this. I just want to show you. I’m going to hold the Shift key down and I’m
gonna scale this down really tiny and I’m going to double-click on it. So I’ve committed to the size change. But I go, “Oh, that’s not what I wanted”,
and I’ve moved on. I’ve done a ton of other work or I’ve open
and closed the document and I blow it back up. Does anyone see what just happened? The resolution on this image, when you shrink
it down, it changed the bitmapped image. So now, when I blow it back up, look what
happens. I’ve lost the resolution. This image is garbage at this point. Watch what happens over here though. This is a smart object. It’s still embedded. The original image is still attached to this. I’ll scale it down. I’ll commit to it. And once again, I don’t want you to do this. This is just to show you because you can really
mess up your layout here with what I’m doing/ And then, I blow it back up and watch what
happens. It didn’t lose any resolution because the
original image is still embedded. This is why I like to embed the smart objects
and I could do the same thing with this and it won’t mess anything up. But this one, we got problems. I’m stuck with whatever was copy and pasted
in and if I change the size of that image, I lose that data. It’s gone. You can see how fuzzy. I mean, I can do this one more time and really
make it bad. Look at that. But I can do this all day long. As I said, don’t do this. This is just for me to show. See the difference? So now I’ve done all this stuff to my layout
and really messed it up. How do I get back to where I was? Under your Window, you have what’s called
a History palette. I’m going to open it up and you’ll see there’s
a lot of information. Everything I did, I kept this in the history
or I shouldn’t say I did, Photoshop did. I can go all the way back to the very beginning
here. And watch what happens. I’m going to skip through here. I can jump through all these different, here’s
when I pasted it. Here’s when I moved it around. I changed the layer order. So you can go back through time using the
History palette. You can also use Command Alt or Shift Z, or
sorry, Command Control Z on the PC, sorry on the Mac and Control Alt Z on the PC and
it will move you through the History. So it’s like having multiple undos, you’re
stepping forward and stepping backward. I’m just going to click here. This puts me in a perfect spot right here
for the name change. So even though I did bring in this image,
it’s not my favorite way of doing it, I am going to keep it. I can resize it like I did earlier. I’m holding down the Shift key while I do
this. And I’m happy with that. I’ll double-click. I’m going to close the History palette. You can double-click on the little tab here
or click once and it will go away and I have my image. Now, I want to place a box here to put in
my logo and phone number. So I’ve left some room. So I’m going to grab my Rectangle tool or
U on the keyboard. Doesn’t matter what the fill is right now. And I want this over the QM2 Photo but below
the Norway and London. So I’m going to select the QM2 Photo and if
you forget and you draw it, you can always move it. And I’m going to draw a rectangle
right below it. So you can see here it says, Rectangle 1. I’m going to call it Company Info Box. Remember to change the name, double-click
on the name, type in the new name. Now, white isn’t really doing it for me here. This is not going to work that well for a
layout. So what I’m going to do is double-click on
the little icon here and I get a color picker. And if I float outside, I can pull color from
my images. I want to red. So I’m going to grab a red from the water
line here on the Queen Mary 2 or over here, maybe. Ooo, that’s good. I like the darker. So it’s up to you but I’m going to go in the
reds and I can always adjust the color here too. I’ve got some, you know, burgundy reds in
here, so I think that matches. And I want it so my phone number will stand
out when we bring it in. I’m going to hit OK and I changed the color
of that box. Double-click here gives you the color picker. You can pick a solid color. Now, I want to have a stroke to help break
this up on the box. Now I’m not doing strokes here or here. Now, if your box is overlapping something
else, you want to have this box between whatever, actually, right above your QM2 Photo. So the order of these is important to help
with that cropping. It’s just a natural crop that happens. And I don’t have to worry about it. I can let it overlap and no one’s going to
see it. So let’s put a white stroke on this box and
you’ll notice I’m beyond the edge. So the stroke’s only going to show up where
it’s visible. If you need to, take the Move tool, make your
box a little bit bigger and double-click. So I’m going to go to V or the FX and I’m
going to do Stroke. So it pulls up the Size, Position. So I’m going to do outside, which is by default. And the size on this, let’s do about 10, 9
or 10. That’s a nice even number, 10. So 10 pixels. See the white line here? Maybe even a little smaller. Let’s do 8. Let’s do, 6 is good, 6. Sorry, I change these things as I go. Nothing is set in stone. All right. So we have our box in place. We can always move things around, like maybe
I want to move up the boat, or sorry, the ship and I can grab my Move tool. You can use the arrow keys on your keyboard
to move by pixels. So when you have something selected in Photoshop,
you can use the arrow keys to even it out. And what I’m looking for when I’m positioning,
is margins. Am I giving myself enough room? Like right here. it’s going to be tight on the crop so I’ll
move that over a little. That’s a nice margin. This is a good margin. Good but it’s good enough. Even here when I click on the London Bridge,
like this is going to get cut off a little here. That’s the trim but I can live with that. This is why I like using other images to help
crop. And then, the same over here. I’m happy with that. So I can use those arrow keys to move things
around. All right. So let’s start working on the text. And actually, before we do that, there is
something else we want to work with with the images. Our client wants this image, the boat, the
ship to be in black and white. Okay, that’s fine. We can make it work. And over under my layers, you’ll see my Company
Info Box has an Effects, it has a Stroke. You can close these up by clicking on this
little arrow. We have QM2 Photo and down at the bottom here
we have our Create New Fill Or Adjustment Layer. What we want to do is change this to black
and white in a non-destructive way. We could do a lot of things that will permanently
change an image. But there’s a lot of tools that allow you
to non-destructively change an image. So with the QM2 Photo layer selected, I’m
going to select black and white. And you’ll notice we get a filter and look
what happened to the image, it changed a black and white. We also get our Properties that come up. The Preset is default so it just converts
it to a nice smooth black and white image in color. It did not change it to black and white. It is still color but it gives it the illusion
of black and white. If I want to turn this off, I just click on
a little eye and it goes back to color. So you see black and white to color. This is a quick and easy way to convert to
black and white. If I wanted to, I can change the presets and
you can go Infrared. It’s going to find all the infrared colors
on here. High Contrast. Here’s the Green Filter. The Red Filter. You’ll notice anywhere there was red, it becomes
much lighter. And you could try these under the Presets. Maybe one of them you like better. Maximum Black, Lighter, Infrared, the Red
Filter, there’s Darker. So choose one. Any of them will do. You have a lot of options with this. We’ll get into these more. But I wanted to show you the basic one which
was, we can convert an image to black and white. Even the color images we can do Photo Filters,
there’s Color Balance. Like the Photo Filters are kind of fun. You can jump in here and you could do different
filters. So Warming and Cooling, you can make it more
red, you can make it more violet. You’ll notice I selected, it’s also applying
it to anything below it. So I’m going to throw that one away that I
just created and that puts me back to where I was. So let’s bring in some text. So we’re gonna have Summer in Europe over
here. So that’s what the postcard’s about, is we
want you to summer in Europe. There’s going to be little captions that are
like Norway and London. And then, we’re going to bring in the image,
or sorry, the logo and a phone number. So I’m going to start with the logo and phone
number just because they’re the easier of this group. And what I’m going to do is select the Company
Info Box. So I want the things on top of that, not behind
it. And I’m going to do File, Place. And this time, we’re going to do embedded. It should take you back to your Source Files. If not, go into your folder, go into your
Source Files and I’m going to go to my world_travel_logo_f. So you can see here, there’s my logo. I’m going to do my Page, Crop to Bounding
Box and I’m going to hit OK. You can see it’s down here. So I’m going to grab one of the edges, hold
the Shift key and I’m going to scale it down until it fits in here. And you’ll notice, I’m not going into my margin. I’ll get it pretty close and double-click. Now this tells me too, I need to move up my
Company Box a little bit. So I’m going to select it and I’ll move it
up. You can use your arrow keys too and I’ll move
my ship up using my arrow keys. Now I can make my image a little bit bigger
and I can use my arrow keys to place it. It will also snap. So you may have to play with this a little,
holding that Shift key and scaling. But when you’re done, doesn’t look real good
does it? You brought over the name. So I’m happy with that. I mean, I can change it world_travel_logo
but we know what it is. But this time, I’m going to select the FX
and I’m going to do Color Overlay. So I have my logo selected. It’s a smart object and I’m going to do the
Color Overlay. And it defaulted to white, which is what I
wanted. But if not, you can click here, Color Overlay
is checked and you can set it to white. And then, I’m going to do a Drop Shadow. So I’m going to turn on the Drop Shadow as
well. So I’m going to set this to about 75% opacity
and the distance is around 5 or so on this. And you can see what we have here. Looks good. Stands out. You can always move this up a couple clicks
if needed, this down and that looks good. Now, we need a phone number. So I’m going to select the Company Info Box. I’m going to grab my Type tool. I’m going to select Impact. You can type it in or use the pull-down to
find it. Takes a minute or you can scroll down. There it is. So Impact Regular. And I’m going to start around 60-ish, somewhere
in that range. And I’m going to come over. I can click anywhere as long as I have this
selected, if I click anywhere up in the ship. If I click on the box, you might end up typing
inside the box. So you don’t want to do that. So I’m going to click outside and I’m going
to type in type in 555-555-5555. So a fake phone number. I’ll grab my Move tool. It’s a little too big. So I can scale it. I’ll scale it back up. I undid that. And another way to do this is with the Type
tool. You can change the size here. But I find it easier to use the Scale tool. So I’ve got that. Fits real nicely and there is my phone number. Now, I want to apply a Drop Shadow to it. So under the FX, I’ll select Drop Shadow with
that phone number selected. It should have remembered the last one which
was 75 percent, 5 pixels. I’m happy with that. And there’s our box with the logo and a phone
number. You can use any font you want. I’m just using Impact because it’s the easy
one we all have. Something we haven’t done in a while, save
your document. All right. So we are in good shape here. Let’s finish off our text up here at the top. And I’m going to grab my Type tool and this
time we want to be at the very top. And I like to close up under my layers, my
effects, once they’re done, just to keep them out of the way. So with my Type tool selected, I’m going to
do Impact again. Regular is fine. I’ll start with white. And I need to be a little bit bigger, so I’ll
start around 48 points. Make sure you have your Norway Photo selected
before you start typing because we want our type on top of it. And I’m going to click once and I type in
Summer in. You can see it’s a little too big. Scale it down. That’s a little tough to see. You can also use the Type tool and change
it here too. And in this case, I am going to select Smooth. I don’t know why it reset itself but I selected
Smooth for that and that’s up under the Type tool here. So Impact Regular, around 36 points, Smooth. And I can use my Move tool and in this case,
I want to make sure I have enough space just all the way around it so it’s readable and
I need to have a margin over here. So I have a margin. I have a lot of margin here and a lot of margin
here. I can even move over just a little bit. You may have to scale a little just to get
this exactly where you want it. Those arrow keys on your keyboard, they are
your friend for this. And I’m happy. Now, we’re going to do some effects on this. We need to make it stand out. Right now, it does not stand out. We’re losing it in the clouds. So I’m going to come down with Summer in. With the FX, I’m going to do a Color Overlay. So that turns on the Color Overlay. It’s white. So I’m going to click on it and I’m going
to come down and select the same red that I used down here. This is really nice. I can just come and sample or you can sample
from maybe here, maybe a little bit lighter. I’m going to a little lighter. I’m going to pull the reds from this boat. That looks good, doesn’t it? And hit OK. Then, I’m going to put a Stroke on this. Now, white works. I think I’m going to stick with white on this. So I’m going to stick with white
and this time, I’m going to do Drop Shadow. So I can do it from two places. I can do the pull-down or when it’s open,
I can do Drop Shadow. So I’m going to make this Drop Shadow a little
bit bigger than the one down here. You can play with a little, maybe put a little
more spread on it. Be creative. The size, a little more. But I needed the text to pop. So there’s our text, Summer in. So what we want to do is take these settings
that we created, these effects and use them again and again and again. So we could do that by going up under our
Window and we have all of the different windows. We haven’t gone through these yet. We have Actions, Adjustment, Brush Settings,
Character Styles, all these different ones. But the one we want to work with is called
Styles. So I’m going to click on it and it’s going
to open up a new little window here. You’ll see there’s some pre-made styles. But we can take this layer, select it with
these effects and if we click on New Layer Style or Create New Style, it’s going to create
a style that we can apply with all of these settings. So we’ll just call it Postcard Text and I’ll
hit OK. So if I have this selected and I come up here
and click on one of these other ones, look what happens. It kind of makes a big mess of everything,
doesn’t it? But if I come back to that last one that I
just created, it takes us back to where we were. I use this all the time when I’m creating
layouts and I’m repeating things over and over. Once I have something set and I like it, I’ll
create a layer style and then use it over and over again. So now, we need to type the word Europe. So I’m going to select Summer in because I
want my text to be above it. I’ll grab my Type tool and type out Europe. Now, I going to get a little fancier with
this font. I’m going to grab my Type tool and I’m going
to pick a font that is a little bit more script. So you may have Edwardian Script or you may
have another script font. That is up to you. If not, just use Impact again. But I’m going to use Edwardian Script here. And you can see it gives us our nice little
fancy font here, our script font. Now, I’m going to select this layer, Europe
and apply my postcard text for my style. Watch what happens. Much easier than going back through everything. Now, there’s some issues here. The fonts aren’t touching with this and so
I need to fix that. Plus, I need to make it larger. So let me make it bigger right now. I’m going to overlap it. I think that’s a little bit smaller and I’m
happy. Double-click. You see how these don’t touch. If I grab my Type tool and I’ll select the
type, I can fix that by changing the tracking. It’s around -20 and you don’t need to worry
about this. This is me just being picky. And that fixes where these touch. And actually, it doesn’t fix it perfectly
but it’s good enough. Now, I don’t like the red fill though. I don’t think the red fill works here. So under my layers, I have my Color Overlay. And if I double-click on it, I can change
it. And I’m going to go for a green in here. Maybe a little darker green, kind of like
the Italian flag stuff going on here. I like that. I can always go a little lighter and play
with it. Also, the Drop Shadow on this one needs to
be brought in. You can see here it was too much. Bring it in a little. Makes a big difference. So we have our Summer in Europe. If I hold down the Shift key, I can select
both of them and up at the top we have alignment tools. So with my Move tool, I selected Summer in
Europe, held down the Shift key and clicked on Europe. I could do the same thing under my layers. I’m going to align on Center and I was on
Center already. And I can use my arrow keys just to move things
around a little bit. And I’m happy. So there’s my Summer in Europe. I have my World Travel and the last thing
we need to do is put some little captions. So I’m going to close up the effects on these. I’ll select Europe. I’ll grab my Type tool. This time I’m going to select Arial. But anyone see what just happened? It would have changed my font that I had worked
on because I have a type layer selected and if I start changing type. So I need to type first. So I’ll type London. And then, I can change this to Arial. There we go, Arial Regular. I’ll make it smaller because that’s way too
big. I’m going to put it down in the corner here. I’m going to put a Drop Shadow on it. Distance is too much for that font but there
we go. There’s London. That looks good. And then, I can duplicate this layer. So I don’t have to type again and redo everything. I can select London in the layers palette,
drag it down and float over the second icon, it’s the new layer icon. It will make a copy of that layer that you
dragged to it and I use this all the time. Now, I can click and here’s the problem with
the layers when they get smaller like this, if you click right in the middle, you’re not
going to move it. It just moves the center point. So I’m going to undo, Command Z or Edit, Undo. You need to click a little bit off to the
side and you’ll see the cursor changes and that allows me to move it down here. And this one, I’ll then type over with the
Type tool. I do have to Apply. Input Norway. Make sure you’ve got a nice margin. You can use your arrow keys and I’m not going
to put one on the ship. So that gives us our layout. We covered a lot of small things in this. We covered some things we did in the first
assignment. But we now have our layout. So let’s save it and we now need to export
it. So in this case, we would be sending this
to the client, maybe by email or something else. We don’t want to send this giant Photoshop
document because there’s going to be changes made. So we need to send them a JPEG file. They can open it on their phone. They can open on their desktop. It’s a great format to get things sent out. So what I’m going to do is File, Export and
in this case, we’re going to do an Export As and this gives us a lot of options for
exporting the file. So we have the Size over here which is fine. Format, we have a JPEG, PNG, GIF, and SVG. We are going with JPEG, JP. Quality on this, let’s kick it down to about
80 percent. It doesn’t need to be perfect. This gets it down to 1 megabyte in size So
that’s something we can send via email. You’ll notice we still have the trim on it. That’s perfectly fine. This is just a proof. We don’t have to put any changes to the Size. Leave all of this alone. The Canvas Size, if we want to change the
pixels, make it a smaller pixel size, we could here. We’re going to leave this alone. And I’m going to click on Export All. I’m going to go to my desktop, go into my
travel postcard and I going to save this into the same folder as my PSD file and I’m going
to click on Save. So now, I’m done with my Photoshop document. We’ve got our second project done in here. Went through a lot of different things. Type tool. We saved as a JPEG. We did non-destructive layers. We played with type some more. We did a little bit more with color. So hopefully, you can see where we keep building
and building on these. I’m going to close this and I may have to
save it. Yes, save it. I’m going to go into my folder and now you
should have two files. You should have a PSD file. That is your file you can always go and open
again. And this JPEG is small enough to submit and/or
send to a client for them to proof. So this is what they would get and they’ll
be, “Oh, great”. I would always warn them there’s a little
bit extra space all the way around for trim. We could have trimmed it but we’re okay. This is the file that you’ll turn in to me. It would be the file that you can email to
people. You can post it in your portfolio, that type
of thing. So hopefully, you got through all this. If yours looks a little different than mine,
don’t worry. Hopefully, you’re a little creative, maybe
used your own travel photos. You can go through it again and do that. Pull up your own photos. Set your own type. Change those things out. Because as we go on, we’re going to be doing
all of this again to help reinforce it and add new things on in project number three.

Leave a Reply

Your email address will not be published. Required fields are marked *