How to Photoshop Design Mockups in 3 Minutes!

This tutorial will demonstrate how to professionally mockup your design work on to a device in Adobe Photoshop.
Download project files: www.dropbox.co...
#Photoshop #Mockup #Tutorial
⭐️ Master Adobe Illustrator and unleash your creativity!
View course: www.dansky.com...
Get 15% off: academy.dansky...
🤝 Get professional guidance with a 1-2-1 coaching session!
Book here: www.dansky.com...
✅ Download unlimited photos, videos, fonts, brushes, music, mockups, icons, templates, UI kits, and much more!
1.envato.marke...
💻 My design tools and studio setup
Apple MacBook Pro laptop: amzn.to/45jnzIK
BenQ PD3225U monitor: amzn.to/4cnyjdh
Logitech MX Master 2S mouse: amzn.to/45eCjIP
Wacom Intuos Pro tablet: amzn.to/45gXWIq
Sony A6400 camera: amzn.to/3ZCnjTQ
KRK 6400 headphones: amzn.to/3LJ7KEe
Shure SM7B microphone: amzn.to/3rIUclg
Elgato Wave microphone arm: amzn.to/3RHvrAM
Godox studio light: amzn.to/3RIhoL3
IVISII G2 RGB light: amzn.to/468h1xQ
Some links may be affiliate links for products and platforms that power by business. I make money with these which helps support the channel, so if you do use them, thank you for being awesome!

[@pennadesign]

So simple! What a legend you are for cramming this all in a short and informative vid. Thank you sir 🤗

[@ForeverDansky]

Hey you're welcome! Thanks so much :-)

[@shabzmiah]

Short, clear and straight to the point! Thank you!

[@ForeverDansky]

You're welcome Shabz!

[@19ozzie83]

I like these quick tutorials. Adds good value to your already amazing content. Keep these quick tutorials coming 👍🏽

[@ForeverDansky]

Thanks Duvoir, will do 👍

[@user-cc3gy9cp4i]

Thank you so much for this tutorial, this was the most clear and easy video!!!!!

[@mdabuhanif007]

We want more mockup video likhe this😊😊😊.... Simply amazing.... ❤️❤️❤️🌸🌸🌸

[@nickylittle2907]

Thanks for this quick and easy-to-follow tutorial. But how do I go back into the object and modify the selection after I've committed to the selection? My edges came out sharp at the top and I want to soften them more but can't figure out how to go back and change the selection once I've committed it.

[@Vicarious201]

Can do it without needing to create a rectangle and manipulating its position and size:
1. Create a new layer
2. Select the white phone background with a selection tool
3. Fill new layer and convert to smart object
4. Whilst still selected add layer mask to new layer
5. Edit smart object and add your image

[@ForeverDansky]

This is also another great technique! The reason I prefer to keep the display's mask outside of the smart object is so that when I export designs from Adobe XD, they do not include the rounded corners of the display, notch etc - so the artwork can simply be replaced without needing to re-mask, and entering the dimensions for the artwork upfront helps me to ensure everything is sized correctly and not distorted when mocking up the design on to the display 👍

[@MicrowaveAsmr]

Thanks SO much. I've been looking for a good and easy tutorial like this. You're the best

[@ForeverDansky]

Awesome, happy to help Kellynn ✌️

[@iznabbas6020]

Thank u

[@rikona2857]

Thank you

[@ForeverDansky]

You're welcome ☺️

[@bouhounomar4020]

You the best thank you
love u ❤️

[@ForeverDansky]

You're welcome 😊

[@Sayfullah_Nusayer]

You are Smart 💜

[@alaaagha5454]

I can't stop watching u you are my best teacher

[@yesinkazi9144]

You are awesome ❤️❤️

[@ForeverDansky]

Thanks Yesin!

[@jabeztadesse]

Very Clear!

[@adnanabdi1706]

Thank you, very clear and simple tutorial. I luv it.❤

[@ibnibrahim1327]

Thank you for the help

[@aditamamartanegara7506]

Mr. Dansky I don't know if this is too much but can you show us how to make the picture before you add it on the phone mockup ? I'm just asking bcs I am a beginner at graphic design and I am confused.
Thank you Mr. Dansky and stay safe

[@soufianfakhreddine3125]

SIMPLE AND CLEAR. THANKS A LOT

[@ForeverDansky]

You're welcome Soufian :)

[@cracra4crafts877]

Fantastic! You made this so easy!

[@MyFahad1990]

Excellent

[@ForeverDansky]

Thanks Khaled!

[@sayedulislamsayed7516]

It was really helpful man. Thanks Dansky.

[@zest6503]

Lovely

[@vikasshetty9380]

Love the process behind this, well explained, can we have a video prototype in mockup as well?

[@user-rk4jy3lj1c]

THE ABSOLUTE BEST ✨👌 Thank youuuuuuu

[@solomonadebayo1980]

Wow! Mind-blowing

[@syedirtazahassan1080]

Amazing.!!!!!!!!!!!!!!!
Short but very informative video.

[@ForeverDansky]

Glad it helped Syed! 👍

[@SufyanTips]

Really you made my day

[@whynot6108]

Dope!

[@steveb6283]

Great video, clear, concise and short! Any tips or videos on doing the same thing but with a video clip of a prototype?

[@ForeverDansky]

Thanks Steve! You can actually open certain video formats directly in Photoshop, and then go to File -> Export to render out as a video, or export as an animated gif 👍

[@steveb6283]

@@ForeverDansky Thanks :) I look forward to more of your content!

[@idibradley9702]

@@ForeverDansky Hey! Can I use Photoshop to display a prototype instead of using After effects?

[@adnanjanujaz822]

Short and sweet!

[@VladLive]

and what to do if the phone is rotating. and it's at an angle. The image frame will no longer be 375x812, but for example 465x620. how then to act in such cases? I can't adapt the design to the size of the layout

[@tothnorbert1233]

Me, who is using photoshop more than 6 years, and never knew this feature to multiply the size of your doc ..

[@sajidismael3276]

Photoshop is amazing, we can do things in so many different ways. I was thinking exactly the same.

[@cjeeckazad2995]

We have to learning more and more!

[@RainRain19]

Thank you!

[@user-hk2sx4iv3d]

that really helpful to me thanks bud 😊

[@ForeverDansky]

No problem 👍

[@CreativeWorkersBest]

Awesome. Thanks for your interesting video. Keep going like that.

[@JamesWodderz]

Fantastic content - thank you

[@kindafreakz]

that's really helpful. thanks!

[@hakzhub]

Amazing video🤗

[@ForeverDansky]

Thank you 🤗

[@allyn4576]

Nice video, thank you!!

[@innocentkboateng]

*Awesome tutorial! Thanks for sharing*

[@tareqmahmud8775]

Thank you so much

[@austincrowe1511]

This is awesome. I would love to see this process but on a curved surface like a soda can

[@ForeverDansky]

Good idea Austin! I'd likely use Edit --> Transform --> Warp to map a design to a curved surface 👍

[@zoezoe6283]

love it

[@falaksherkhan5]

Love your content

[@ForeverDansky]

Hey cheers Falak 😊

[@MuhammadAsif-wr5me]

Awesome

[@Steven.v1062]

Thanks

[@aminsalehi1099]

very coooool

[@AbubakarCS]

Biq Wowww... Amazing

[@forrestalward3312]

Please can we have more videos like this on the internet :) short to the point and just a clear explanation. sub, like well-done sir!

[@nabeel7479]

is there a way to edit the selection after you are done?

[@S_I_G]

nice one

[@provatroy8016]

wow!

[@lublub553]

I have a problem. When I select “ convert to smart object “ nothing happens. Can anyone help me?

[@rebeccawheeler1831]

WTHDAKJD! i did not know u could select > expand pixel by pixel & feather. thank you so much, now I can make a Bernie Sanders meme.

[@lifeman2k22]

What's the app page thing that he used called ? I wanna search for one.

[@aslvlog]

Nise

[@abdurrahimarafat]

Love from B Bangladesh❤️

[@ForeverDansky]

Thank you

[@EugeneFifchikus]

Without you, I'd have wasted hours and hours.

[@ForeverDansky]

Happy to help Eugene :)

[@BeingHindustani]

❤️👍

[@temidayoadeshina1467]

Have tried this severally, am not getting it

[@data19101988]

Fingers shadow?

[@ForeverDansky]

You may get a very slight shadow, however the light being emitted from the screen makes this either much less, or not at all visible.

[@Thehistorysearchers]

Not helping sir its too short video

[@spudspuddy]

way too fast for non-experts, try 4 minutes to get more views, 5 minutes and people might not call it rubbish, have to slow it right down and listen to you talking like you're drunk instead

[@OrincyWhyteDesigns]

Thank you