hello it's alice so today i thought i would show you how to enhance your design work
using mock-ups now i've downloaded all of these mock-ups from envato elements and i have them
linked in the description if you want to test them out i have worked with them in the past but this
is not sponsored i just love them a lot i use them pretty much every day so you can see on my screen
that i have a business card mock-up so i feel like this is one of the common things you want to mock
up so let's say you've got a design client they want some business cards and you want to show them
what it would look like rather than just sending them a flat png so i have this mock up here like i
said these will be linked in the description like each particular mock-up file and i mean i have
these business cards now i made these as part of my adobe illustrator course if you've not
seen that it's always linked in the description but i made these and rather than me just sending
these to a client as just these flat images it's sort of hard to visualize especially if you're
not in the design field so it's nice to present them so what we're going to do is use this mock
up here and present the business cards now there's thousands of different versions and ways you can
mock up a business card on envato there's loads these is just these is just this is just the one
i found so generally in the layers panel on the right or wherever your layers panel is if you
can't see that just go up to window at the top of your computer and find the layers so in here
you can see we've got some folders most of the time they're usually like really well listed out
sometimes you will find a mock-up that's not as well labeled but you'll get the hang of it the
more you use them so we've got adjustments we've got your design here so it's highlighted in red
which obviously means that we need to click that one so you can go in and you can change the card
front and the card back so for the card front all i'm going to do is double click on this little
thumbnail here and it's going to open up the card front in another tab so you can see up here
card front has opened so all i need to do is open up my file i'm going to go into the front option
and i'm going to drag that over and at the minute it is a weird size it's not actually fitting the
bounds of this business card so what i'm going to do is i'm just going to expand it out so it fits
nicely once i've done that i'm going to hit enter just to lock in those changes to place the object
and then i'm going to press save so i press command save or you can go up to file
and save so now this new tab up here is saved i can go back over to the business card mock-up
and you can see already that that business card has now been replaced same process with the back
so double click on the card we've got the back if i click into here now this one because of the
shape of this business card might not fit so you might need to tweak things slightly but let's see
so i'm just gonna make it bigger make sure nothing's going out of the edges and it's not
luckily press enter to place it press save so now it's saved this separate file i can now close this
and i go back to my business cards and you can see it has mocked up those business cards now
if i zoom in slightly you'll be able to see that there's a bit of a texture on these
so these will differ with every mock-up that you use and this is where you can adjust it further
so if you're not 100 happy with it it has made the colors super saturated if you want to tweak
things that's what these different options are for if you are a beginner i don't recommend playing
around with these too much because it can be hard to get back to it but i mean you can always
just delete and start again you know if you are enjoying this video don't forget
to click the subscribe button and join my little creative family so in adjustments
we'll have different things so we've got texture the light you can toggle that on and off so let's
zoom back out again so you can see so you can see how they've added different effects onto it
to change how the image looks if you want to change any of these you just click on them change
the saturation i think it's the vibrance actually that's making it a bit too bright for my liking
so like that cool back into layers and again we've got design see what's in there you can see
how they've cut out the different shapes we're not going to play with that the shadow if i change the
view on that it will get rid of that little bit of shadow underneath just little small elements
like that make it look really realistic we've got the shadow of the cards themselves and you can see
so as you go into the different files you'll see a lot of different ways they've done it you can
change the color of the background as well in most of the files so in this background file here i've
just double clicked on the thumbnail for the color and i can change it so let's say we wanted like a
yellow color probably not the color i'd actually go for but you can you see what
i mean and you can change the background so there's a lot of possibilities so that's the
business card mockup so once you've sort of used one mock-up they all sort of translate into each
other some are more complicated than others but most of the time they are really similar
so for the flyers same sort of process so we've got some different files on the right hand side
different layers should i say and it says put your design here and put your design here it's really
well labeled and then also is the background so it's kind of encouraging you to click on these
things that have got colors on them so again double click the thing i'm going to go into
my file drag it over and just resize it to fit now luckily that's exactly the right size press enter
to lock those changes and then press save and i can now close that small object that we
opened and you can see it's changed that flyer now for design two you can either upload a different
version of the flyer maybe you upload the reverse of the flyer but for now i'm just gonna upload the
same one so double click again drag in the file that you want press enter press save close that
smart object and then it's added the flyer again there's a background option so if i open this
you can see the different color options so if i double click on the swatch go in here you can
change the color of the background to whatever you want so i mean i'd probably keep it on like a
gray sort of white shade anyway and then if you do want to further tweak it you can of course go
in here again and toggle them on and off and you can sort of see the effects these different things
have had and how the creator has made them so that is flyer i'm telling you it's a lot more simple
once you start trying and practicing it then we have a logo mock-up so i've actually done a few
different mock-ups like this so i design logos a lot for example i did this van mockup when i
did my adobe illustrator course i thought it was quite a fun way to visualize how a logo could work
on vehicles you can also do shop front mockups so we have this one and i adapted the logo
put it in this shop front and made it really visual so a client can actually see for themselves
what it would look like so you can kind of get the idea so this is just again another envato one
and it's labeled very efficiently we've got logo here effects and background so let's double click
on the logo and i'm gonna drag in the happy home logo now this one is a mirrored effect sort of
logo mockup so you just want your logo to be like one solid block color there is logo mock-ups that
will utilize the colors that you've used maybe for like a letterhead or a compliment slip something
like that so let's press save we can close that and then straight away there she is we've got
the logo so imagine being in like a posh office this is behind the reception desk this is how the
logo would look like that and like i said there's loads more i'll leave a few of my favourite mock-up
files from envato in the description alongside the ones i'm actually showing you but you can
see down here how they've done it so the logo is there the reflection so if i turn
that off you can see a reflection that appears on this which is a really cool effect lighting
and obviously the background which is this like textured it almost looks like leather
so that is the logo one we're speeding through these so next up we have a enamel pin now this
isn't the exact mockup i used for my enamel pin i made that a couple years ago so i can't find it
but i'm gonna show you like the basic way of doing it so we've got edit content lighting card two one
and background so first up we're gonna edit the pin themselves so this is the first pin here so
we need the contour and the shape so the pin that i have is a circle one so i'm going to double
click on this and you can see it has the shape of the pin in there so what i'm gonna do is drag in
my design for my pin make it fit the space press enter i'm gonna just hide the original
press save and then i'm gonna go back into the pin where's it gone there it is and
you can see it's sort of in the background then we're gonna do the contour so obviously
double click as always and this is where sort of like the raised edges of the pin would be
this one's silver you can download mockups where it's gold or brass or you can like like rose gold
you can change the colors this one's a little bit more simplistic which i thought was easier for
demonstration purposes so import my contour i'm just gonna make it bigger now this one
will probably need some aligning because they are two different files that need to perfectly
be aligned on top of each other so what i'm gonna do is i'm gonna save them but i'm not deleting or
crossing off this thing so i can always go back to it so let's have a look i mean that's kind of
lined up right let me just zoom in you see here it's a little bit off but you can kind of see
the effect that it's created so a little bit of time and some tweaking and you could properly line
those up and also what i loved about this is that you can demonstrate it on like a display card so
like my actual pins in fact let me show you it's kind of hard for me to describe so my actual pins
this is the process i went through when i designed these so you can see if it focuses this is what my
pin looks like on a card and i mocked this up so mine is a gold metal it's got different colors in
the design itself and then the card has a little slot for them and on the back it has some design
info so i mocked this all up using a template on my computer meaning that when it arrived at my
house it wasn't a complete shock i knew what it was going to look like so let's go to the
card so i want to change card one i'm just going to ignore this one on the right for now because
we're not going to do two and this is where the card is so again i made up a card template in
adobe illustrator saved it and we're going to drag it over here into photoshop so this is
that card i've just shown you let's make it fit press enter to save it i'm going to cross it off
i trust it and there we have the card so this is where again you tweak things so we can see that my
pin is very very big in comparison to the like display card so you change it so you go back
into your shape you can make it a little bit smaller if i was being really precise i'd
actually read those pixel heights so you see as i'm dragging the width and the height number is
changing that would be the way of me like fully making sure it lines up but just for the sake of
demonstration we're not going to do that then let's go back into the mock-up and you can see
it's made it a bit smaller tweak it a little bit more i'm going to nudge it down slightly
press save and it's placed in the middle and then obviously we need to change this contour
so let's go into that let's guestimate what size it was and nudge it down a little bit press save
and you can see it's actually almost there i guess that one very well let's just nudge it down
a touch more and obviously i'm not closing these menus so i can go straight back and sort of see
how it looks i'm gonna do it back up a touch and i mean it's almost there you can see the vibes and
that pretty much looks like this one maybe a touch bigger but you see what i mean like if i'd not got
the physical version of this and i wanted to show a client or show myself how it's gonna look that's
how you do it and there's actually i had a really fun mock-up for a pin it was a denim jacket and
you could get the mock-up actually look as if it was pinned on a jacket which was quite fun
i'll see if i can find that and i will insert that on screen for you so you can see what i mean
all right and then the last one i'm going to show you for today is a sticker so stickers are
super popular i love making stickers i'm actually hopefully going to be creating more on my little
shop soon keep an eye out for that on my soul and fire shop it's always linked in the description
and this one is actually the simplest of them all you can get different angles of stickers
like i said thousands to choose from but this simply has three different options it says label
logo and background the label is this so we don't actually want that so we can say goodbye
to that and the background is obviously the wood effect and the logo is here so all they've done
is basically add some effects onto that itself they've not over complicated it we love to see
it so all you need to do double click open that file drag in your logo like so resize it to
whatever size you want and i'm going to delete the layer underneath so it's not in the way and you
can see it's a png so it's got a clear background we're going to press save and then if we go back
it's created a sticker and just with that simple effect it's got a bit of blur on the edges it's
got a drop shadow on it if i turn off the effects you can see that it just looks a bit flat it looks
like it's just been like plopped on top of the wood whereas with these effects someone else
has done the hard work for you as i was talking then i realized my camera had stopped recording
it's a good job the microphone was but yes that is it for how to use mockups to enhance your work
let me know if you'd like a part two of this video maybe i could sort of explore
more complicated mock-ups maybe some vans shop fronts anything like that packaging water bottles
there's literally endless opportunities to play around with mock-ups so i'd love to do that for
you if you'd like to see it thank you very much for watching this video if you aren't already
subscribed please do press that subscribe button and i'll see you next time for another video
bye