Tip:
Highlight text to annotate it
X
Hello and welcome to my very first tutorial for davidvhughes.com
My name is David and today we're going to be
learning how to lay in artwork
into a photoshop mockup.
For those of you guys we don't know what the mockup is, well this is what one looks like
in its base form.
And throughout this tutorial we are going to be taking it, to this...final.
Now despite what this looks like it is not actually a photograph
it is a file that is
completely created in Photoshop
giving you the ability to edit, and customize, practically everything in it
If you don't like the shadow you can remove it, if you want more shadow
you can add it
If you want to create a certain tone, if you want to have
an overall color
if you want to create a hot spot...
you can do that.
You can customize everything about these which gives it uh...
amazing flexibility.
You can make every one of them different if you want
which is... really really great for creating
presentation pieces, portfolio pieces
whatever you need it for. All of my feature photographs on my website are
mockups.
So let's get started...
We are gonna lay in this cover art, back here first
and uh... just a brief note about the cover art something that tripped me up
initially when i first started using these
aren't you really have to make sure that your artwork is the right size and uh...
you see this is a need to uh... pixels per inch
which is which is the you know the with the screen at the screen view of the
screen resolution
for for work and this is where we are using it for reading list that's sixteen
sixty seven six also crossed
fifty centers across the most know most printed artwork
um... is three hundred pixels per inch or or dots per inch
on
so he might be okay but you just gotta make sure that your
your your your size your source material sciences actually uh... big enough
you don't want to actually have a small enough to stretch it out
uh... 'cause you're gonna end up with some pics elation of distortion so you
want to make sure that your
your sizes are correct
all right so let's get started with actually playing in the work here
the few excuse me if you're lucky enough to uh...
grab this file what my website
that you'll notice that uh... i've us distinct file structure
layer structure here
packages for package discomfort discovers that
uh... but we'll start with this package here
and uh...
this mirrors the one you want to focus on right now this is uh... distinguished
most all my smart objects object layers with you cut yellow color
and uh...
what you want to do is what you want to get into this smart object where here
and uh... how do you do that how do you determine if you are and a smart object
where well
you look at this icon right here
in those that has a little slow icon and that indicates being a smart object
layer
now smart declared as what you wanna work and that's what you want to buy
your artwork and it will not only getting to that smart object player
well and you just need to double click on that later
inside that layer is you're smart objects window
and he was here that i actually have it will highlight down here also
so you want to have walked so you want to actually later or work
behind this highlight but on top of this placeholder
uh... and you can see that this placeholder is actually
right here this is indicated by this turquoise color back here
also rapamycin declares gone
um... well that's not gone it's actually just up and might have and up
just just so you know also if you look up your real close
he sees that shape one fourteen eleven or fourteen eleven she has to be
the beast indicates that the part indicates that it's a smart object tap
and uh... i don't know what a piece that would be stands for
just so you are you know that i don't and uh... does not curious enough to
find out
uh... so what you want to do is you want to actually go back to your
we're gonna go back to our our work here
and we're gonna cut and paste this out
and uh... or copy and paste it and so florida copy and paste it you need to
select all that night you can do that simply by
command a it's the uh... true romance around it
and then uh... copiers with a command c
and then we go back to work smarter object tap where here
and uh... just make sure that you have the lower part
dot selected the lower layer
now we're gonna community
and that drops it right in the place and drops at bundy the frontage pilot
and between
uh... on top tier of my placeholder
and that's pretty much at all you do now is to save it
and you can not
you can go up to uh... where am i right
you can go up to uh... file and say that if you wish
or you could just back up
eucharist quote
commander ask it
yes solutions
too much coffee this morning folks right so we sink it
and we can cause i dont
how we can cause i mean you anymore
but look what happened
interrupted lehtinen right on the same claimed that we have our original work
so that's pretty cool right
yes indeed
on course on also include respond this line are here
um... some folks don't do that i'd like to do it all of that particular
home so uh... what do you suspect uh... we're gonna have to do here what we're
open up
respond where
spine group letter
and you can see i think leukemia
smart object where for the spine
surround double click on that this is my spine placeholder
i don't know my artwork opening up song open up
must find hard work
and is located right here so i'm not good
we hope in that
and is opened up in into his own little tap which is not this market to get
confused by that
select all of it with the command all
and we will not cut
for populations i wanna copier command c
go back to earth smart object later
on it and we can just late is right on top of the community
and all we need to know is just save us
close up
because of the original
and as you can see his you know it's quite small but uh... you can see that
are spine artwork is now in place
all right so that pretty much
that wraps up our package
drexel next we're going on
take care of the desk right the hero that he wrote this
we're open up that group
and uh... indicated by you know it's are smart object layer
with a little icon
double click on that
the smart is a little a little different because it uses masks
as opposed to just having uh... you know artwork laying on top of that mask mask
is what is creating this dilemma
this is my
does this is just my placeholder correct
this is where you can relate our relating the our work here which is that
just a
just to clarify
this is a mass grave here and uh... what's happening here is a sexually
vector art
uh... quoted today right now
uh... there's actually vector art missus this what's creating this donut shape is
actually just this mask right here
time now for disable this mask
you see the whole thing turns turquoise and that's that's the only reason that
happens is because i've been using a massive slayer
let's go open
are out
art work that's going to place here for the disk
that's not it
mock-up practices are our work here
that's opened up on its own little so little tab
and uh... we're gonna grab this
is on the edge
you can see there's a square artwork but you know it's it's it's sitting inside a
mask
all this stuff on the chorus
doesn't matter i could have anything i want to hear in this part right here can
get knocked out as well
recommend all with uh... financial statement eight-six liked all of it
command c to copy it
all right we don't need any more get rid of it
really isn't
behind this mass here
lifetime this is both of these will be highlighted you don't want that's just
make sure that this dissection this mask
area is not highlighted intellect as it has a little
outlines use me
has little outline around the side of the place where we want we want all the
focus on
so that now that's highlighted
on me to do
his command v
and that may seven behind the mask and uh...
we can say that now
it's been six
we can close up we don't need it look look what happened
very nice right
calls
we've got the package done
we get this done
now all we need to used in the background
close everything out mechanized needs a lot less confusing
so my background layer dot com blocked so let's
unblock it by clicking on the lock icon topic now
now i'd like to use it as you point on my mock ups and up
unless quite certain when uh...
photoshopped a
implemented that i should point option
i'm working with c_s_ five
uh... so we're going to continue with that com
vanishing point is actually quite cool unlike a lot
and uh...
we're not we're gonna use the vanishing point in order to uh... leading our
background
so how do we do that the first thing i want to first actually is open up my
my invention amusing as a background
and uh... that is located right here
all right so we're going to open up
and there is right here and what i'd like to do is actually put up my
clipboard so i can drop in when i'm ready so we'll select all that with the
command all
and then come and see for copy
nice just floating out there that could work i want to go back
homicide
we go back to are
background
which is located on bob
it's not a smart object however does i mean you know a little indicator
um... meant in order to implement the uh...
the vanishing point
we got to vanishing point
hesitancy about agree has has appeared
inside this filter window
that's a little too tight so we are back it up a little bit
and you can see it's created plane here all it has been has not created a plane
i'd created this plane based on this rectangular cover hardship
and this is included in the file so you don't have to you don't have to create
this at all
and remember we cooked uncut and copy or background before
sitting up in the cold war now so we're just gonna drop into this player
and that is with a command
we are pasted in there
and there you go there's the fear is that
the background image that we're using and you can see it's not it's not
positioned yet because it's still
you can see do you know
which the outline of the right here
so in order to position it you just need to basically tested and read
and this
lowers it into that plane
according to what the uh... the plan is
and uh... as you can see
something i don't like about this is that this hot spot for the highlight
right here is is in the background that i like i don't want to get this
somewhere over here
so what i what i'm going to do is unheard already here to transform tool
and seized from some years here
i'm in a spin this an order to get this highlighted area
more in the foreground
so simply just
urges rather figure there
and uh...
you can spin it in any anyway that you like
words of where is it worth it is not quite the right place in the continue to
spend
so good at that starts
pretty much where i want
years prima square one
but as you can see i'm still it's still not quite quite covering the entire or
borge
so you still have the transforms warranties do just grab this little here
right here
bring up to the end make sure that you are poor is completely covered
and not move the hospital little too much longer actually
spirit even more
put that highlight area
right before around write about
allotment of and so it's aligning with the hot spot
in my work
what's it's like a quarter for that is so close
pulled out a little bit
solangi our borders now covered by your your hard work
your uh... your background-image right
so that's all dot pendency kind of like face off into the background as
according to this
plane that's
that's been introduced here
it okay
and that you can see that uh... your background
lazing beautifully and looks like it's uh... you know part of the entire image
and uh...
you can see that uh... there's some person blemishes back there so i was
gonna go ahead and uh...
get rid of those
get rid of those with money
spot healing brush
take care of those
and uh...
that's pretty much it folks uh... now you know how to
linear or for sonoma but
most of these guys are pretty much all the same um... they all use smart
obviously all used on the same way
uh... one thing that could do that i could just tell you really quickly is
on this stuff on inside as smart as you can get rid of this that this is just
placeholder now you get rid of that now if you want to home you can say that
just uh... just without without that
on that's pretty much just you we've now done uh...
also asked me if you were too
create this create this work
answer that
and uh... i thank you for watching
i hope this helps and uh... please stay tuned uh... subscribe to my blog david b
he's dot com
welcomes a little later i'd definitely welcome all comments and uh...
appreciates your contract contributions
and that it does help the cultural please let me know i'd appreciate your
feedback right
thank you again
and so on