How to Photoshop Design Mockups in 3 Minutes!

Поділитися
Вставка
  • Опубліковано 9 лип 2024
  • This tutorial will demonstrate how to professionally mockup your design work on to a device in Adobe Photoshop.
    Download project files: www.dropbox.com/s/aqx6fubbci2...
    #Photoshop #Mockup #Tutorial
    ⭐️ Master Adobe Illustrator and unleash your creativity!
    View course: www.dansky.com/courses/the-ad...
    Get 15% off: academy.dansky.com/opt-in
    🤝 Get professional guidance with a 1-2-1 coaching session!
    Book here: www.dansky.com/coaching
    ✅ Download unlimited photos, videos, fonts, brushes, music, mockups, icons, templates, UI kits, and much more!
    1.envato.market/q5nq
    💻 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!

КОМЕНТАРІ • 88

  • @19ozzie83
    @19ozzie83 3 роки тому +4

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

  • @pennadesign
    @pennadesign 3 роки тому +7

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

    • @ForeverDansky
      @ForeverDansky  3 роки тому +1

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

  • @cracra4crafts877
    @cracra4crafts877 2 роки тому

    Fantastic! You made this so easy!

  • @sayedulislamsayed7516
    @sayedulislamsayed7516 3 роки тому

    It was really helpful man. Thanks Dansky.

  • @innocentkboateng
    @innocentkboateng 3 роки тому

    *Awesome tutorial! Thanks for sharing*

  • @user-cc3gy9cp4i
    @user-cc3gy9cp4i 6 місяців тому

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

  • @shabzmiah
    @shabzmiah 3 роки тому +5

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

  • @adnanabdi1706
    @adnanabdi1706 Рік тому

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

  • @solomonadebayo1980
    @solomonadebayo1980 3 роки тому

    Wow! Mind-blowing

  • @CreativeWorkersBest
    @CreativeWorkersBest 3 роки тому +1

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

  • @user-rk4jy3lj1c
    @user-rk4jy3lj1c 2 роки тому

    THE ABSOLUTE BEST ✨👌 Thank youuuuuuu

  • @MicrowaveAsmr
    @MicrowaveAsmr 3 роки тому +1

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

  • @alaaagha5454
    @alaaagha5454 3 роки тому

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

  • @JamesWodderz
    @JamesWodderz 3 роки тому

    Fantastic content - thank you

  • @jabeztadesse
    @jabeztadesse 6 місяців тому +1

    Very Clear!

  • @kindafreakz
    @kindafreakz 3 роки тому

    that's really helpful. thanks!

  • @adnanjanujaz822
    @adnanjanujaz822 3 роки тому

    Short and sweet!

  • @ibnibrahim1327
    @ibnibrahim1327 Рік тому +1

    Thank you for the help

  • @allyn4576
    @allyn4576 3 роки тому

    Nice video, thank you!!

  • @whynot6108
    @whynot6108 2 роки тому +1

    Dope!

  • @SufyanTips
    @SufyanTips 2 роки тому

    Really you made my day

  • @mdabuhanif007
    @mdabuhanif007 3 роки тому +2

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

  • @RainRain19
    @RainRain19 5 місяців тому

    Thank you!

  • @soufianfakhreddine3125
    @soufianfakhreddine3125 3 роки тому +1

    SIMPLE AND CLEAR. THANKS A LOT

  • @zest6503
    @zest6503 7 місяців тому

    Lovely

  • @zoezoe6283
    @zoezoe6283 2 роки тому

    love it

  • @Sayfullah_Nusayer
    @Sayfullah_Nusayer 3 роки тому +1

    You are Smart 💜

  • @OrincyWhyteDesigns
    @OrincyWhyteDesigns 4 місяці тому

    Thank you

  • @vikasshetty9380
    @vikasshetty9380 3 роки тому +2

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

  • @AbubakarCS
    @AbubakarCS 3 роки тому

    Biq Wowww... Amazing

  • @MuhammadAsif-wr5me
    @MuhammadAsif-wr5me 3 роки тому

    Awesome

  • @iznabbas6020
    @iznabbas6020 5 місяців тому +1

    Thank u

  • @bouhounomar4020
    @bouhounomar4020 3 роки тому +2

    You the best thank you
    love u ❤️

  • @tareqmahmud8775
    @tareqmahmud8775 2 роки тому

    Thank you so much

  • @VladLive
    @VladLive 10 місяців тому

    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

  • @falaksherkhan5
    @falaksherkhan5 3 роки тому

    Love your content

  • @yesinkazi9144
    @yesinkazi9144 3 роки тому +2

    You are awesome ❤️❤️

  • @nickylittle2907
    @nickylittle2907 28 днів тому

    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.

  • @aminsalehi1099
    @aminsalehi1099 3 роки тому

    very coooool

  • @user-hk2sx4iv3d
    @user-hk2sx4iv3d 3 роки тому +1

    that really helpful to me thanks bud 😊

  • @hakzhub
    @hakzhub 3 роки тому +1

    Amazing video🤗

  • @syedirtazahassan1080
    @syedirtazahassan1080 3 роки тому +1

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

  • @nabeel7479
    @nabeel7479 2 роки тому

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

  • @provatroy8016
    @provatroy8016 3 роки тому

    wow!

  • @forrestalward3312
    @forrestalward3312 2 роки тому

    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!

  • @Steven.v1062
    @Steven.v1062 3 роки тому

    Thanks

  • @MyFahad1990
    @MyFahad1990 3 роки тому +1

    Excellent

  • @lifeman2k22
    @lifeman2k22 3 роки тому

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

  • @S_I_G
    @S_I_G 3 роки тому

    nice one

  • @aditamamartanegara7506
    @aditamamartanegara7506 3 роки тому +1

    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

  • @steveb6283
    @steveb6283 3 роки тому +2

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

    • @ForeverDansky
      @ForeverDansky  3 роки тому +2

      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
      @steveb6283 3 роки тому +1

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

    • @idibradley9702
      @idibradley9702 2 роки тому

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

  • @austincrowe1511
    @austincrowe1511 3 роки тому +1

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

    • @ForeverDansky
      @ForeverDansky  3 роки тому

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

  • @Vicarious201
    @Vicarious201 3 роки тому +2

    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
      @ForeverDansky  3 роки тому +1

      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 👍

  • @BeingHindustani
    @BeingHindustani 2 роки тому

    ❤️👍

  • @tothnorbert1233
    @tothnorbert1233 3 роки тому +5

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

    • @sajidismael3276
      @sajidismael3276 3 роки тому +1

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

    • @cjeeckazad2995
      @cjeeckazad2995 3 роки тому

      We have to learning more and more!

  • @aslvlog
    @aslvlog 3 роки тому +1

    Nise

  • @rebeccawheeler1831
    @rebeccawheeler1831 3 роки тому

    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.

  • @lublub553
    @lublub553 Рік тому

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

  • @EugeneFifchikus
    @EugeneFifchikus 3 роки тому +3

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

  • @abdurrahimarafat
    @abdurrahimarafat 3 роки тому +1

    Love from B Bangladesh❤️

  • @temidayoadeshina1467
    @temidayoadeshina1467 Рік тому

    Have tried this severally, am not getting it

  • @data19101988
    @data19101988 3 роки тому +1

    Fingers shadow?

    • @ForeverDansky
      @ForeverDansky  3 роки тому +1

      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
    @Thehistorysearchers 2 роки тому

    Not helping sir its too short video

  • @spudspuddy
    @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

  • @rikona2857
    @rikona2857 4 місяці тому +1

    Thank you