How to create your own Mockup in 2 minutes on Photopea

In this video, we create TWO Mockups on Photopea in less than 5 minutes.
#photopealogo #createownmockup #photopeamockup #photopeatutorial
Timestamp:
00:00 Introduction - Step one find a Picture you want to use
00:35 Open Photopea.com and add a picture
01:00 Choose the Rectangle tool and add it to your picture (select the color of the rectangle of your choice)
01:19 Convert Rectangle to Smart Object
01:29 Distort the Rectangle to fit on the picture
02:01 Change Layer name to indicate where the design should be placed
02:26 Save your Mockup as a PSD file on your computer
02:39 Add design to show on your mockup
03:06 Save as smart object
03:16 Logo is displayed on your new Mockup - congratulations 😀
03:35 Second Mockup - Laptop design
✅ To access our Canva Course at Udemy: tinyurl.com/LOGOUDEMY - CODE LOGOUDEMY
👉🏾 To access Canva and get 30day free trial, visit this link, you can use my referral link: partner.canva.com/P0rbOR
👉🏾 Watch How to add a PSD Template on Photopea video: • How to add a PSD Templ...
👉🏾. Another website we use for Mockups & other cool resources: www.freepik.com
Yet another resource to download 3D Mockups & more: 365webresources.com/free-real...
Subscribe to our KZbin channel: kzbin.info...
Attributes:
Music by KZbin Audio Library - Urban Lullaby
Happy to help if you need it, just reach out on our social media below.
Join me for a conversation:
Facebook: learnwithzar
Twitter: learnwithzar
Instagram: learnwithzar
DISCLAIMER
This video is not promoted, however, it contains links. If you click & buy we may make a commission at no additional charge to you.

[@LearnwithZar]

✅ To access our Canva Course for Creatives on Udemy: tinyurl.com/udemymarch - CODE UDEMYMARCH

[@nyankoponba]

Everyone's video was showing that "place here" option is already there when you open the mockup. This is the first video that showed me how to create it. Thank you

[@LearnwithZar]

It's a pleasure and I'm sooooo happy to have assisted. Thanks for the visit.

[@constantineskliris]

Clear instructions, and straight to the point, thanks

[@LearnwithZar]

🥰 Glad you enjoyed it 💃

[@JAG994]

I followed your instructions and I made my own mockup. I cannot believe it. Thank you so much

[@LearnwithZar]

Wonderful! You are most welcome 🥰

[@desiretobedosomethinginlif7713]

No enough word to say thanks. Thanks from heart. ❤❤❤❤

[@LearnwithZar]

It's my absolute pleasure, thanks for watching from the bottom of my ❤🙏

[@path-to-nirvana]

Right to the point, well done tutorial! Highly recommend!😃👍💯❤

[@LearnwithZar]

Thank you so much 😁

[@gilleastwood1241]

Zar this was amazing! Best and easiest tutorial I've found and a local! Love it!

[@LearnwithZar]

Awesome! Thank you you so much Gill ❤️ 🌸 👊🏾

[@path-to-nirvana]

Fast easy => Right to the point! Well done tutorial! Highly Recommend! 🙂💯👍

[@LearnwithZar]

Glad it helped! Thanks for the feedback

[@Po101080]

That was awesome, just what I was looking for!

[@LearnwithZar]

So glad it helped 😊

[@denisemcpherson897]

Thank you! I don’t ever do this but I had to leave feedback. Extremely easy to follow tutorial. Thank you for sharing! x

[@LearnwithZar]

It's my pleasure Denise, thanks for such kind words and for taking the time to write me feedback 😀 😊, it's appreciated 🙏

[@ziam6210]

OH EM GEE GIRL U saved MEEEE!!!! Thank U!!!! I had to do this 5 times to remember the steps but it was hard to find this INVALUABLE info..thank u thank u!!!! god bless

[@LearnwithZar]

Hi Zia, 🌸 I'm so happy this video helped and saved you time 😊 thank you for the blessings 🙌

[@HoimaLyrics]

Keep up dear, you don't know how you are liberating me. Thanks very much

[@LearnwithZar]

Thank you so much for the feedback, let's keep going 💪 😊

[@impatientmaker8469]

Very helpful video! Thank you.

[@LearnwithZar]

Glad it was helpful! ❤️❤️❤️❤️❤️❤️ Thank you so much for the feedback!

[@SpartanGA]

Great quick tutorial! thanks!🤩

[@LearnwithZar]

Awesomeness, glad you enjoyed it 😉

[@elz222]

Thank you for sharing!

[@LearnwithZar]

So glad it could help❤️

[@madelcapas4019]

You're a life saver. Thank youuuuuu!

[@LearnwithZar]

Glad it helped!

[@janaabreu]

Wow! This is such a precise yet easy step by step tutorial. Thank you so so much for this!! !

[@LearnwithZar]

Pleasure 👊🏼 and thank you so much for the feedback Hannah 😀

[@TemplatesByAndra]

Thank you so much for this tutorial!!

[@LearnwithZar]

So glad you enjoyed it

[@roseyplays2023]

Very helpful. Thank you very much!!!

[@LearnwithZar]

Glad it was helpful! ❤️

[@GaDawg84]

Thank you! This was so easy!

[@LearnwithZar]

Glad it was helpful 😌 🙂

[@AniMoted]

Thank you!!

[@LearnwithZar]

You're welcome!

[@user-fd6bn7yh9i]

Thank you a lot! May God bless you, you've helped me a lot.

[@LearnwithZar]

You're welcome! Glad you enjoyed it ❤️👊🏾

[@salmamushtaq5177]

Thanks for sharing this method brilliant

[@LearnwithZar]

Glad you liked it❤️

[@nestonmoras4526]

Hi Thank you so much. This was the first time I used Photopea and your video was really to the point with no nonsense.

[@LearnwithZar]

Hi Neston, thank you so much foe watching and taking time out to give feedback 😊 it's appreciated 🙏

[@char_lene_]

Thank you so much, that was vety helpful 👏

[@LearnwithZar]

Glad it helped!

[@basilisk5620]

You're truly amazing!!! Thank you for saving me $100s of dollars.

[@LearnwithZar]

Happy to help! ❤️❤️❤️❤️❤️❤️ Thank you so much for the feedback!

[@amazonproductsatyourfinger8424]

amazing...thanks 🤩👍👍👍

[@LearnwithZar]

Thank you too 👊🏾❤️

[@crescent9433]

Hello, thanks to you, I added another information to myself.

[@LearnwithZar]

Glad I could help, thanks for the feedback 🌸

[@JAG994]

I can't believe how easy that was

[@LearnwithZar]

I'm so glad 😊 you enjoyed this one

[@goilo888]

Thanks. I've been looking a long time for a video that explains this easily. Even Photopea's own doc's on Smart Objects is useless for trying to create mockups like this. Other video's used pre-created PSD files with the layers already in place, or they seem to miss basic steps. What you clued me into here was the File/Open&Place rather than just dragging and dropping an image into the Smart Object layer which does not work!

[@LearnwithZar]

You're very welcome and I'm super excited to hear this, thank you so much❤️

[@hinaaihsanofficials6660]

Very nice

[@LearnwithZar]

Thank you❤️

[@akibchowdhury943]

Thanks a lottttttttttt..........

[@LearnwithZar]

You are soooooooooo welllllcommme 🥰

[@QuizEduTainment199]

please make a tutorial on complex mockup where we an use 3 2 or more rectangle and different selections tools

[@LearnwithZar]

Hey Quiz Edu, I'll add it on my to-do. There's not a lot of people who watch those videos though but I'll try. In the meantime have a look at this mockup video it's a little bit more complex that this 2 min one, kzbin.info/www/bejne/gqXFd2p6fpl1iJo

[@mkrusila]

great advice, tried finding a video like this before yours popped in. How about wavy mock up images like a shirt? do you have a video allready on how to do those with designs? thanks.

[@LearnwithZar]

Sorry, no I haven't done any on a Tshirt. The closest I've done was to add a logo on a Tshirt mockup on this video kzbin.info/www/bejne/rYTYXqSGnKyFaLs

[@namethischannel]

thankyou so much! I just wondered... I am trying to create a button pin mockup that is very shiny. But when I place my design over the top of it, all the shine is lost and it is very flat and 2 dimensional looking. I tried to lower transparency to hopefully allow some of the shine through but it just faded my design. Any suggestions on a button I can press to acheive what I'm trying to do here? Thanks heaps :)

[@LearnwithZar]

Hey What should I name this channel😅, it's very difficult to speculate as I cannot see what you see. My suggestion is visit Graphicfamily.com or even their website. They specialise in creating mockups and they are very helpful. Maybe they'll be able to assist you. Best wishes.

[@path-to-nirvana]

Hello Zar , I appreciate, if you can show how to split one image on 2 or 3 canvas mockup on Photopea :) Thank you !

[@LearnwithZar]

Great suggestion, thank you. I've created this video to answer your question I hope I understood what you were asking me kzbin.info/www/bejne/pGi8XomvrtiSsK8

[@woopee1677]

Thanks for the video. subscribed! But can you teach how to do mock ups on tshirt and fashion models?

[@LearnwithZar]

Thanks for the sub and feedback. I will try to, but not promising as most of the time when I create those videos they don't get watched unfortunately.

[@woopee1677]

@@LearnwithZar so do you use the same method to blend a logo on a tshirt? T-shirts are difficult because they may have creases and folds, and sometimes the model is not standing straight. It's ok if you don't have the time to make the video :)

[@LearnwithZar]

@@woopee1677 I completely agree, Tshirts are a pain. I do like a challenge :) we'll see if I can make time for this one. I would, I would use my Warp tool if I had to use my own model and Tshirt. Otherwise I would use a mockup, whether on Canva or pick one of my own from unblast.com or freepik and make my life easier that way.

[@woopee1677]

@@LearnwithZar Thank you! And I am sure all your videos will be of help to many people around the world. The viewership will definitely grow over time!

[@malikastar9265]

Thank you, that was helpful, what if the mockup has a shadow on top of it, is there a way to keep it, or make another one maybe?

[@LearnwithZar]

Hi Malika, I'm glad it helped. I really would like to see this can you share it on any of my DM?

[@axp726]

Did you ever figure out how to keep a shadow ?

[@gadget_Bob]

Just discovered your channel about a week ago and am finding it very helpful. Thank you! I've placed pictures on pictures before to make it look like it's actually there but when you use a mockup to show a 2D graphic in 3D, how does the mockup do that? In other words, if I want to take a photo of my office building and place my 2D logo on the front in 3D, how do I get that converted to 3D? Thank you!

[@LearnwithZar]

Thanks for finding me and for watching, much appreciated 🙏👊🏼. This is a puzzle, we'll figure it out. My thoughts are to take a building Mockup that's already exist, eg. on PSD template or download one from unblast.com. replace their building photo on layers with yours and follow the normal steps of converting 2D to 3D using the Photopea canvas. I haven't tried it before but you've given me a video idea, I'll come back to you, but let me know if you figure it out first.

[@gadget_Bob]

@@LearnwithZar thank you! I thought it was something obvious that I was just missing. I only play with this when I have free time so I suspect you'll figure it out before I get to play with it again!

[@LearnwithZar]

I figured it out, you were right it wasn't hectic at all. You would find a PSD mockup that has the 3D mockup you like, you can even move the placement of where your 3D logo would end up to exactly where you want. Then replace the background picture with your own office picture. Double click on the 'your logo here' layer, and place your 2D on the canvas and follow the normal process.

[@gadget_Bob]

@@LearnwithZar Thank you! I did spend 5 minutes on trying something like this yesterday but could not get it to work. I ended up with my office picture on a different tab because I didn't know what I was doing. I'm not experienced with layers (I usually use Luminar AI). I'll try again but if you do create a video on this, it would certainly help! Thanks again!

[@LearnwithZar]

@@gadget_Bob definitely will do a video, probably next week, it'll be a quick one. Thanks for the idea 💡 🙂

[@ItalyWalkingTours]

Hi! huge probleb,every mockup generated have a black semi trasparent border!

[@LearnwithZar]

Make sure you place the image at the correct place on your canvas, which canvas did you use to create the mockup?

[@obianaujunmesoma3990]

Hello, i couldn't find a way to convert to a smart object, any ideas? I'm using a smart phone. Thanks

[@LearnwithZar]

Hey Obi, you must have missed a step if you can't find a smart object or if you are using an iPhone as that's a different process.

[@ajayseenu5899]

I designed canva in logo my logo not transparency in white background

[@LearnwithZar]

Ajay, did you save it as a transparent background?

[@carlawallace-op7xe]

I need some help, please. I am trying to do this technique with a 20 oz. Tumbler cup and I am not able to curve/distort the rectangle. Will you be able to show us how to do that? Also, I am trying to figure out how to create a Smart mockup template with someone holding the cup in hand. It would surely be appreciated. Your instructions are quite clear. Unfortunately for me, if instructions are not exactly what I need it for, I'm lost.

[@LearnwithZar]

Hi Carla, we can't explain something like this on a message, I'll see if I can dona short video

[@carlawallace-op7xe]

Yes, I am still looking forward to that video. Thanks!

[@LearnwithZar]

I'm loading it today@@carlawallace-op7xe

[@carlawallace-op7xe]

Watched it today. Thank you so much. Awesome and easy-to-follow tutorial.

[@mdjavedfurquan4585]

I saw photopea didn't allow to save as psd format, I don't know what is the reasons

[@LearnwithZar]

Are creating your own 2D mockup? Let me also test on my side and come back to you

[@mdjavedfurquan4585]

@@LearnwithZar made 2D in canva and use photopea and tried to save as psd format but photopea has disabled the option 😔

[@LearnwithZar]

You should only save as psd format if you are creating a Mockup for future use. If you've done a 2D in Canva, I'm thinking you are wanting to convert that to 3D, you should then save as smartobject not psd.

[@LearnwithZar]

I just tested this creating of a Mockup on Photopea it works.

[@ahmed25march]

hello sis , when I create a rectangle it didn't show another layer ! if that's ok I need to contact u easily so I can understand the whole thing .

[@LearnwithZar]

Yes you can via DM

[@ahmed25march]

@@LearnwithZar u mean here ?

[@gilsonroberto3541]

Up

[@rusiradeelakayapa4355]

Gg

[@LearnwithZar]

👊🏼

[@TeenaHughesOnline]

▼ Hello Zar, this looks so easy using Photopea! Can't wait to try it :-) I am also trying to add my design/photo to a cushion and clothing mockup. Do you have any videos showing how to do something like that? 🩷

[@LearnwithZar]

Great idea I don't have one yet but I want to do one very shortly as I'm getting numerous request for it ❤️

[@TeenaHughesOnline]

▼@LearnwithZar Excellent Zar! Many thanks!