Hi there this video we're going to learn some techniques to make this mock up.
It's not really special like just a mockup button.
So we kind of build it out and blurry triangles and some drop shadows some more triangles just a big
rectangle and it looks pretty believable.
All right.
So let's work through how to make this now in Photoshop.
All right let's get started.
We're going to create a new document.
Use anything you like.
He prints and we use you as lead to a landscape it creates bring in the image that we want a mockup
in a mockups we're going to go to a file place and bitted can we use one from your exercise files called
mockups.
It's called Red and Blue red type poster going amok that they probably need to do a bigger version of
it.
All right first up we're going to pick a background color is way to color the background is to pick
a color so foreground color that look like it here.
Slide Through find a color that you want to work with.
I want something like that and then hold down the option backspace key on a PC.
It's backspace.
Now this video here is there's nothing like special about it using tools that we've used before but
I know sometimes it's easier to see somebody else do it you know like yeah.
So I guess that's what we're doing here.
It's nothing like phenomenally amazing.
They've never seen before.
It's just different combinations of it.
So we're going to kind of fake the table top so we use the rectangle too.
I'm going to pick a color that's just slightly lighter than what I had before so just drinking it a
little bit this way.
I'm going to give it the full color of it and the strokes are going to have no stroke.
We just need to have it set the table just a little bit underneath our image.
So it looks like this person sitting on top and I'm totally not happy with that color.
Guys I'm going to click on it back to the original.
Click on this little rainbow thing here and lighten it up like I was getting to pink for me.
So what I'm gonna do is with the background I'm going to change that color.
Doc and that other
girl writes I think I'm not happy with the cost too.
But we can change that later on using hue and saturation.
Right.
So ignoring my terrible color choices let's use the pain.
So even if you never use the pentode before what are we going to do is draw out a black.
So we're going to make sure Pinto we see which is a shape we're going to pick a full color of black.
Don't have that last selected to undo.
It's click off into no man's land.
This means that no law is selected.
Now if Use the pain.
And I go to Phil and I go to black it's not going to recolor thing I had selected.
So Phil no stroke and I know draw a triangle that kind of starts there.
Comes down past the back of the table comes way in here as well don't try and run it up the edge end
up seeing the edges of the of.
Trying to when we blurred.
I want to be behind the table.
And now I want to blurt.
You can use any kind of blue.
So this is going to be the top the blue that I find most useful is under blue Gallery and it's called
the iris blue.
It says I'm going to convert it to a smart object.
Thank you very much.
You end up in his own little world and Iris is cool.
What happens is you've got to kind of like a center that's not blurry.
OK.
And as it goes out can you see it's blue area amblyopia.
So what I want to do is have it the whole thing blurry.
So I kind of want to find maybe put this here and just rearrange the edges here by clicking and dragging
them to find something that I like.
You can rotate it as well by grabbing any of these dots.
So this is what I'm looking for I'm looking for something that's sharp or so blurry but not super blurry
as it gets down gets bleary and bleary and bleary.
We can also do is drag this around to extreme it up a little bit.
It's even blurry around.
All right.
I'm happy with that.
I'm going to click OK.
All right we did it out how long I took this thing was spinning for a while doing the blip in case he
was doing it as well.
Next thing I want to do is it depends.
We've got a straight color so we can just play around with the capacity just to get it down to where
we want you might find though that if you've got say it takes that background you might want to play
with different blending modes to get it to play nicely with the background.
Let's say we're happy with it.
Let's do the other triangle here on the table.
Similar process just one little extra change so Pinto and I are going to go past them over the table.
OK so the Pinto is just clicking once.
And then make sure it comes back into here because if you blur the ages he start seeing the kind of
light pink coming through.
All right.
So I want it in front of the table and I want to blur it filter.
The gallery is not working.
I go back to my move too because I'm halfway through building it with the Pinto.
It didn't like that.
So fill to the gallery now.
Irish blue voyage to a smart object.
Thank you.
Crank up the outside you is dragging this around you can just drag it over here.
You can see for drag it up it sliding
like the front guy needs to be less blaring.
Hey then this wafty thing in the back here.
And then again just dragging it around to position it where
it's a little buried the beginning but quite blurry out the outside.
OK.
That was the whole of Foster to make this one work we need to end a tunnel that I'm just so you can
see a bit easier.
We're going to clip this to the background here.
Done that a few times now remember holding option.
Just find the gap in between and give it a click on a on a PC it's old.
So getting sick of me explaining every single Szoka every single time.
Yeah I know but it's repetition.
Some people just need a million times.
I hope you're not offended.
And now it's slowing the past to something that at least believable I feel like it should be lighter
than the background.
Let's play around with it.
What do you think.
Something else I might do is I want to be a little bit of a gradient coming out from behind this table.
So I'm going make a new layer just above it actually just behind it.
There's going to be my gradient.
I'm going to grab my gradient too.
I'm going to use my foreground color is black.
I don't know you use the second option and here it goes black to transparent.
What we do is we click hold and drag to kind of edit gradient.
Now if you hold shift while you drag it.
It goes perfect straight lines.
OK so holding Shift click and drag down past here.
And then I'm going to lower the opacity.
Just tapping my number keys on my keyboard.
Ammo I moved to just going to give me a bit of a shadow.
All right.
If there wasn't enough shadows I'm going to give this kind of a white frame just for no reason.
OK with this last selected fix stroke.
Now stroke uses probably set to center.
I can't tell what it is but full but inside's going to give you a nice crisp edge decide on how thick
you want to.
While I'm also here I'm going to add a drop shadow.
What kind of drop shadow.
Not that big that fuzzy.
I like a little baby one I'm doing there.
The Pasotti preview on preview off.
Actually it's like OK it's just in the shadow on and off just a little thing.
So it's got a little bit of something going on on the bottom that you can have too many structures and
that is all mockup fake.
Think about this remember.
It's a smart object we can update it but it is nothing special on you but just kind of I guess combining
the things we've learned in a different kind of project which I think can be helpful.
All right let's get into a different mockup technique in the next video.