Easily Create Highly Realistic Screen Mockup! - Photoshop Tutorial

Поділитися
Вставка
  • Опубліковано 27 лип 2024
  • Discover Techniques to Place Anything on Any Screen Realistically with Photoshop! Using these methods, we'll also turn it into a "Screen Mockup" to easily insert any image on the screen and keep the effect intact. In this lesson, we will use the power of clipping masks, blending modes, and most importantly, concepts of depth-of-field to create a natural result.
    I hope this video helps you. Thank you so much for watching :)
    ► Timestamps:
    00:00 What We'll Learn
    00:31 What's the Resolution? Aspect Ratio?
    02:23 Beware! Rounded Corners?
    02:41 Placement & Perspective
    04:02 Masking
    04:43 2 Ways to Apply Screen Effect
    06:14 Depth-of-Field and Tilt-Shift Blur
    09:28 How to Use the Mockup?
    10:48 Recap & Summary
    11:55 Thank You!
    ► Support the Channel & Gain Premium Access: / piximperfect
    ► Recommended Software & Gear:
    ✅ My Graphic Tablet: pix.live/wacom
    ✅ Recommended Budget Tablet: pix.live/wacomlite
    ✅ Try Photoshop for Free: pix.live/photoshop
    ✅ Artificial Intelligence Photo Editor: pix.live/luminarai
    ✅ Unlimited Photoshop Actions, Plugins, and Stock Photos: pix.live/envato
    ✅ Best 300+ High-Quality 50MP Skies for Sky Replacement: pix.live/skykit
    ✅ Primary Microphone: pix.live/mic1
    ✅ Second Microphone: pix.live/mic2
    ✅ Audio Interface: pix.live/audiointerface
    ✅ Filmed with: pix.live/camera
    ✅ Lens: pix.live/lens
    ✅ Music: pix.live/music
    ✅ The App I Use for UA-cam Growth: pix.live/ytapp
    ► PiXimperfect Merch Store:
    teespring.com/stores/piximper...
    ► PiXimperfect Actions:
    gumroad.com/piximperfect
    ► Downloads:
    1. Screen Mockup:
    2. Sample Image pix.live/screenmockupsample
    3. Finished PSDs: bit.ly/3JRDPGm (Only for our Patreon Family)
    ► Share: goo.gl/IUhnUl
    ► Let's Connect:
    Instagram: / piximperfect
    Facebook: / piximperfect
    Twitter: / piximperfect

КОМЕНТАРІ • 99

  • @PiXimperfect
    @PiXimperfect  2 роки тому +18

    ► Download the reference mockup here: pix.live/screenmockup (for practice and reference only)

  • @shadanaljanabi2929
    @shadanaljanabi2929 2 роки тому +10

    Sometimes I feel that watching your videos is illegal 😂😂

  • @abel7909
    @abel7909 2 роки тому +52

    I love your videos. simple and educative. I've mastered Photoshop through your videos and tutorials. Thank you Sir.

  • @umarnaq
    @umarnaq 2 роки тому +4

    Was looking for something to watch while eating, another banger as usual 🖤

  • @100merijung
    @100merijung 2 роки тому +8

    I've always tried to create a perfect mockup for my tasks. This was a great help. Thanks man...

  • @festivitycat
    @festivitycat 2 роки тому +6

    Love your videos. I already figured out a lot of this myself but it's great to fill gaps in my knowledge... for example I didn't know you could double click a shape to edit it even after transforming! So useful!

  • @sotekirk
    @sotekirk 2 роки тому +6

    This is the best tutorial for creating mockups by far! Thank you!

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

    Excellent tutorial! Using the tilt shift filter blew my mind. Thank you!

  • @stephaniemoore2543
    @stephaniemoore2543 7 місяців тому +1

    As a graphic design major, you have helped me so much. I want to thank you so much for all the work and detail you put into your videos, and sharing your knowledge with everyone.

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

    Thank you and your team. Love your positive vibe and soft teaching skills. The “Mr. Rogers” of Photoshop UA-cam. Don’t ever change!

  • @kakzhann
    @kakzhann 2 роки тому +2

    Most wanted video so far ❤

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

    Thank you PiXimperfect! You are a lifesaver, I used the same concept on a photo frame, and it worked wonders. My friend always swore by your videos, now I know why!

  • @sw.graphx
    @sw.graphx Рік тому

    love your videos, best tutorial for creating mockups

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

    great video, very well explained and no boring at all!

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

    I think this is the most incredible and educative Ps video I ever seen. Congratulations and thank you so much for sharing knowledge with us!

  • @prasadkadlak91
    @prasadkadlak91 2 роки тому +4

    It's really fantastic 🤩

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

    Very useful tutorial! Thanks)

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

    that was ssooo simpleee and soo realisticc... amazing video duddee

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

    Brilliant, perfect tutorial for a job today!!!! thank you.

  • @Lisa-nt7sf
    @Lisa-nt7sf 2 роки тому +2

    This looks like its about to be 🔥

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

    I learn always something new from your channel..☺️

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

    this video help a lot, thanks teacher

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

    Incredible, thanks!

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

    The goat with the brilliant save once more!

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

    Awesome as always

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

    I love you man, I always hit like even before watching one second

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

    You're a treasure Unmesh, thanks!

  • @mchlyap
    @mchlyap 2 місяці тому

    Fantastic, thank you!

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

    Unmesh literally raised me in photoshop. Been watching for years.. Thank you.. 🌟

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

    Heyy there big fan❤️❤️
    Lov your videos....

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

    Unmesh you just nailed it 😮😮😮

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

    Insta-Like, before starting the video, thanks man you are amazing.

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

    I love you man! You save me ton of hours. :p

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

    Brilliant work, Easiest method, You are a real legend, Lots of Love from Pakistan

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

    wow I love the way your teaching method and the video was a cool perfect thanks for teaching

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

    Thank you so muck bro

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

    Great one

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

    ❤️ you are amazing 🔥

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

    Great bhai👍🏻👍🏻

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

    it's a great video!!!!

  • @CREATIVECOMM.
    @CREATIVECOMM. 2 роки тому +4

    Piximperfect team... You're really amazing and helpful

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

      ADMIN HERE: On behalf of Unmesh Dinda and our PiXimperfect team, thanks for your great feedback and for watching!

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

    Good work

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

    Anyone can learn any skill if mentors are like you.

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

    Hi, Unmesh, great video, as always! I wonder, how would you go about making basically the same thing, but on a dark photo? I just can't get the screen glow right!

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

    💥💥 interesting 🔥🔥🔥

  • @SebMenard
    @SebMenard 3 місяці тому

    you're a great designer bro!

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

    This would have made my life so much easier in August when I was making mock-ups. :D Better late than never! I suppose this could work for a mock-up of a book as well, with some adjustments?

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

    Thank you

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

    I just wondered when I watched your video. Unmesh sir, you have exceptional skills.❤️

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

    Nice one

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

    u have what we want really🙂

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

    Yr Awesome! 🙌

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

    Superb

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

    Thanks

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

    1st comment 😄😄
    Piximperfect you are the best😄😄

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

    Awesome

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

    thanks sir

  • @error.............3199
    @error.............3199 2 роки тому +1

    Nice videoooo big subscriber sir

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

    Thanks ✌️✌️✌️✌️

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

    How would you match the edges of the screen with that of the original photo? You can still see a very sharp edge on top of the original photo which has blurry edges. Love to see your solution to this!

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

    I know you did many shirts tutorials but can I use that procedure to make a mock up mixing the last tutorial and this?
    It will be as good as both?

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

    Thanks...

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

    Best Teacher with zero Haters. I am improving my skills, when i watch it's videos. Thanks you so much Piximperfect ❤️.

  • @Andrew-db1ts
    @Andrew-db1ts 2 роки тому

    It goes without saying that your vids are lit but kEeP ThE MUsIC!!!

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

    OP sahi hai new

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

    muito bomm

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

    Love from Algeria 🇩🇿

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

    bro, may i know which graphic slate you are using...? i want to buy graphic slate. kindly suggest 1. and onemore... your videos are awesome... very very impressive... thank you

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

    Grazie caro FNS

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

    Supiri

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

    you are a beast

  • @NealHartsChannel
    @NealHartsChannel 2 роки тому +4

    I know it seems like your in a big hurry, so people will watch to the end. But it would have been nice to show how to clean up the rough edges along the hand. Thanks for all your hard work showing us how to use Photoshop!

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

    Unmesh really loves Rap music Jay-Z 🙌🏻

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

    a tutorial on color halftone please???

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

    Tutorial of camara raw filter please

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

    woow i never knew what i never knew lets see jz come up with a song for this title

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

    1) Why does Import Settings never works in Illustrator when importing a saved keyboard/tools/menu settings?
    2) Why is the keyboard shortcut to cycle blend modes next snd previous not working even after saving the shortcut key in preferences with “shift” + “+” and “shift” + “-“?
    3) Why can’t photoshop copy the same TEXT size, color, font style/paragraph using an eyedropper tool?
    Thank you for your videos!

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

    What is the name of the Outro Music ?

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

    Thanks!

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

      ADMIN HERE: Thanks for your contribution and for watching. It's so greatly appreciated.

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

    After you started talking i subscribed

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

    How would solve if the image already has something on the screen of the phone?

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

    Hi Unmesh. Would you like to make video about Photo Manupilation in Photoshop?

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

    how do i need to make it , it's really hard , can i rely on you ?

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

    Blur gallery doesn't work on my smart object. I don't know what I'm doing wrong :(

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

    Hi unmesh, what is the title of the song at the start and the end of the video pleeeease😁😁

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

    what to do if the original image has a colorful display on the screen already?

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

    👍☕️

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

    Pix, can you put a man behind the wheel of a car, in a car but look realistic ?

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

    1

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

    I need a shout out in your video

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

    I love how your pen is ALWAYS really far off-camera!!

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

    This nigga right here is the God of Photoshop.

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

    F

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

    You are too fast . Even follow you , I don't know what I'm doing 😢