How to Make a Smart Object Mockup in Photoshop

In this quick tutorial I'll show you how to turn a photo (that you have purchased or taken yourself) of a Stationery Card into a Mockup with a smart object that you can easily add your design to.
I use this a lot in my Stationery business when I don't have a product on hand just yet but want to show the customer what it will look like. It's a great way to get high quality photos of your work for websites like Etsy.
* Please note, it is illegal to take any old photo off the internet and do this - please make sure to purchase the photo or take your own. I personally purchased this photo from Etsy from www.etsy.com/shop/MaxeyDesign...

[@CheeksObtained]

I could only find vids about using a mock-up not making one. This was so helpful!!!

[@NikkiHess]

I'm so glad this video was helpful! Thanks for watching :)

[@biddyd]

That was so easy to follow, thank you!!!

[@NikkiHess]

I'm so glad it was helpful for you Dawn! :)

[@RoxannePonds]

Oh my gosh I have Been searching and searching! They all show me how to put a design In There, NOT how to MAKE it a smart object. Thank you!!!!

[@NikkiHess]

Yeah! I am so glad you found this helpful :)

[@rosajimenez6481]

Im on a Mac as well but every time i us command T it gives me a new tab.

[@AshleyNealy-do6gb]

can you do one for tumblers

[@EM-fz3hf]

What if I'm working with an object that needs exact precision that isn't a square or rectangle? An object with grooves, edges etc.? Thanks

[@barbra429]

Did you find an answer

[@rakheeharidas7720]

How do you do this for ornaments

[@GUIxOWNxBUNGIE]

Its good if its a basic shape but doesnt work for strange forms

[@NikkiHess]

Yes that's what the tutorial is for, a basic shape! You got it! YEAH!

[@barbra429]

This is new for me. Im trying to make a mockup for a ceramic round car coaster with a notch. I am so lost. Does anyone have a suggestion on where to start. I have Photoshop, but i rarely use it. Thanks.

[@thenthen4440]

Just trace your image where you want to put your mockup on using pen tool (change the option from Path to Shape on the top menu bar).

[@user-nk8hq5mh9t]

and what if you dont wanna sellect square,but different shape???? no tutorial on this on youtube

[@julieroberts5795]

I can do this wish a single image but I am trying to do 3 tumblers on one background. I can get one tumbler to work but not all 3 together and I know it can be done. Any ideas? Thanks.

[@NikkiHess]

Hmmm that is strange. Are you making a separate layer for each tumbler?

[@user-vn2ox7em5b]

I'm like everyone else, I've searched for HOW to make a smart object psd mockup, not how to USE one! I've found a few now, I like yours. However, there's one step I'm not getting in any of the videos -- how do you delete the "jpg" portion from the photo (like in a frame, removing the "picture" part of the frame)? I draw my rectangle, then I'm lost. I know how to convert the smart object etc, but I CANNOT remove the photo part making it a PNG to place my photo. What's the secret, I want to pull my hair out, I've wasted so much time on trying to figure this out. I need several square frame mockups and I can't find any that I like or that I want to spend as much as they're asking!

[@NikkiHess]

I would just cover up the image in the frame with a rectangle that is the same size, then merge that down onto the original image. THEN I'd put another rectangle and make that a smart object. That way the image that was in your original photo is covered.

[@corinna815]

While this was clear and concise I wish I could see the edges of your screen it isn't clear which tool you are using all the time

[@NikkiHess]

Thanks for the feedback!