How To Create Realistic Product Mockups in Photoshop (Full Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 พ.ค. 2024
  • Using Adobe Photoshop to create realistic product mock-ups which can be used as template mock-ups for rebranding, redesigning and applying changes to the product mock-up itself. This Photoshop tutorial will show you how to create a product mock-up in Photoshop, how to adjust the lighting, how to warp textures or smart objects and more. This Photoshop tutorial will teach you how to create a product mock-up by warping textures and brand designs onto a physical product before printing the design mock-up.
    🔔 Stay Updated ➤ bit.ly/1Lr3EXM
    🖥️ My Setup 🖱️ ▸ www.amazon.co.uk/shop/verticde...
    💻 Editing Laptop▸ amzn.to/3dJQb9a
    〓 GET ADOBE APPS ▾
    --- --- --- ---
    ✅ Photoshop ➧ prf.hn/l/20Bd3Lj
    ✅ After Effects ➧ prf.hn/l/OVxMyzj
    ✅ Premiere Pro ➧ prf.hn/l/DRPwkEZ
    🔵 All Adobe Apps ➧ prf.hn/l/LbkejMN
    --- --- --- ---
    Project Files Download: mega.nz/folder/j4tUAbrD#EiPV5...
    ---
    Image 1: www.pexels.com/photo/a-paper-...
    Image 2: www.pexels.com/photo/variety-...
    Image 3: www.pexels.com/photo/pile-of-...
    ---
    🔎 Timeline 🔎
    0:00 - Warping Smart Objects
    2:37 - Applying Brand Design
    3:10 - Masking Objects
    4:26 - Front View Lighting
    8:55 - Grouping Front View Layers
    9:20 - Side View Warping
    11:54 - Applying Brand on Side View
    12:25 - Side View Lighting
    15:05 - Grouping Side View Layers
    〓 Links ▽
    🐦 Twitter: goo.gl/dmHGNe
    📷 Instagram: / verticdesigns
    🌄 Free Stock Photos: www.pexels.com/@george-283081
    ___
    〓 Playlists ▽
    Uploads ▸ bit.ly/1O7YbLQ
    Photoshop ➥ bit.ly/1Hd8CfQ
    Sony Vegas ➥ bit.ly/1OWjDoc
    After Effects ➥ bit.ly/1MZkLkq
    ___
    #product #mockup
    ♪ Music Credit(s) ♪
    Song 1
    Buddha by Kontekst / kontekstmusic
    Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0
    Free Download / Stream: bit.ly/2Pe7mBN
    Music promoted by Audio Library • Buddha - Kontekst (No ...
    Song 2
    Clouds by Joakim Karud / joakimkarud
    Music promoted by Audio Library • Clouds - Joakim Karud ...
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 61

  • @VerticDesigns
    @VerticDesigns  ปีที่แล้ว +5

    ✅ *Photoshop* ➧ prf.hn/l/20Bd3Lj
    📁 *Project Files* ➧ mega.nz/folder/j4tUAbrD#EiPV5Il51VTGgALJw-Te2w

  • @dehiie
    @dehiie 7 หลายเดือนก่อน +2

    amazing tutorial, so clear, thank you!

  • @armandogutierrez2880
    @armandogutierrez2880 ปีที่แล้ว +16

    Excellent video, excellent tutorial, Excellent instructor- thanks for sharing, one of the most complete tutorial ever about mockups.

  • @user-do9rp2lt2n
    @user-do9rp2lt2n 6 หลายเดือนก่อน

    This is a great video. Great pace (not to fast), thurough and very informative. I have watched several videos on "How to Make Mockups." Some have been helpful, some not. Yours was by far the most helpful. I have sved this video so I can reference it when I need. I have also subscribed to your channel.

  • @greengateimages
    @greengateimages 10 หลายเดือนก่อน +11

    Thank you SO MUCH for this. I didn't know how to make the warp more accurate around different curves and corners, and yours is the first video to show me this. :D

    • @VerticDesigns
      @VerticDesigns  10 หลายเดือนก่อน +3

      Happy to hear that :) and no problem glad my video helped with the warping and yeh this feature is amazing for corners and curves once you get used to it haha

  • @RepublicofDebauchery
    @RepublicofDebauchery หลายเดือนก่อน +1

    I've been through about 10 different tutorials that all use one blending layer, and it ends up looking terrible. This is the best tutorial I have found yet! Thank you.

  • @akacece1800
    @akacece1800 ปีที่แล้ว +2

    loved the step by step, thank you so much

  • @danettech
    @danettech 8 หลายเดือนก่อน

    excellent tutorial, thankyou so much
    🥰

  • @michaelasere3841
    @michaelasere3841 หลายเดือนก่อน +1

    The best video on mockups. I finally got this

  • @miguellorenzotube
    @miguellorenzotube 6 หลายเดือนก่อน +1

    This is for real a good one! Thanks.

  • @NoblesHell
    @NoblesHell 4 หลายเดือนก่อน

    Thank you very good tutorial, I really needed it.

  • @rebecaotaviopereira9706
    @rebecaotaviopereira9706 4 หลายเดือนก่อน +1

    thanks for sharing your knowledge! It was so helpful!

  • @solsolecito3735
    @solsolecito3735 11 หลายเดือนก่อน

    Muchas gracias me ayudaste mucho!! saludos desde argentina

  • @karameleee1
    @karameleee1 8 หลายเดือนก่อน +3

    Hello, could you please tell me if there are any other ways to add an additional line using the warp tool? The ctrl does not work for me. I am working with Photoshop CS6. I would appreciate your help.

  • @hamzashinwary4215
    @hamzashinwary4215 11 หลายเดือนก่อน +4

    why does it not have the viewd it deserves, it is one of the most well explained and detailed mockup videos!

    • @VerticDesigns
      @VerticDesigns  11 หลายเดือนก่อน +1

      Thank you :) that means a lot

  • @rachelb7228
    @rachelb7228 2 หลายเดือนก่อน

    BRILLANT! Merci

  • @mrcmark1
    @mrcmark1 6 หลายเดือนก่อน

    amazing. thank you

  • @ShesCherylNicole
    @ShesCherylNicole 4 หลายเดือนก่อน

    Thank you so much for this video. I wanted to upgrade my beauty brand, but wanted to save money bc I do graphic designs. This saved me hundreds. New subscriber here!

    • @VerticDesigns
      @VerticDesigns  4 หลายเดือนก่อน

      Aye that's brilliant! glad to hear that and exactly sometimes it's just best to do it yourself also thanks for subscribing

  • @JTGwaza
    @JTGwaza หลายเดือนก่อน

    you just earned a subscriber

  • @DigitalConceptz
    @DigitalConceptz ปีที่แล้ว +1

    Wow that’s awesome! Thanks for the professional work my friend! I have a heavy metal inspired t shirt company, gonna be so great not looking like a blank shirt with a boring text on it yuck! Lol I owe you one pal, somebody get this man a beer!

    • @VerticDesigns
      @VerticDesigns  ปีที่แล้ว

      That's really cool! And yeh it will definitely level up your design :D also I appreciate your comment it's made my day especially how many times I had to re-record this haha

  • @esam2017
    @esam2017 7 หลายเดือนก่อน

    Thank you

  • @horstibecker9025
    @horstibecker9025 3 หลายเดือนก่อน

    How do i warp a parosol display product? What shape should i draw to warp?

  • @SeppBauer-ld5sx
    @SeppBauer-ld5sx 14 วันที่ผ่านมา

    thanks man

  • @fiercepandaz
    @fiercepandaz 5 หลายเดือนก่อน

    Well done

  • @nassim4120
    @nassim4120 10 หลายเดือนก่อน +9

    why those randomly accurate numbers bro

  • @promisenwaeke5210
    @promisenwaeke5210 9 หลายเดือนก่อน +1

    5:34 "You want to go back to the shadows"
    You shall not pass

  • @English_Language_for_everyone
    @English_Language_for_everyone 2 หลายเดือนก่อน

    I got two problems. First I hold down Ctrl but no lines appears. Also i double click on layer preview however it takes me to layer style only😅.

  • @user-mk1hb6uy2k
    @user-mk1hb6uy2k 9 หลายเดือนก่อน

    amazing

  • @mariaformy4097
    @mariaformy4097 หลายเดือนก่อน

    Hello! Awesome tutorial! Which version is this?? I have the lasso tool but polygonal is not available :/

    • @VerticDesigns
      @VerticDesigns  หลายเดือนก่อน

      Photoshop CC 2022 and that tool has been around for a while so yours might be hidden. You can edit the toolbar with the 3 dots at the bottom of the toolbar and bring it back or reset toolbar

  • @ourdeen
    @ourdeen 4 หลายเดือนก่อน +1

    Does its work for all types of mockup?

    • @VerticDesigns
      @VerticDesigns  4 หลายเดือนก่อน

      Works for most mockups with decent lighting and shadows yes. Another example of this is protein powder pouches that's got like a plastic material or even cardboard boxes but sometimes it may require a different effect for the blending

  • @KhalilDesign-pq9fv
    @KhalilDesign-pq9fv 10 หลายเดือนก่อน

    nice

  • @leluko222
    @leluko222 3 หลายเดือนก่อน +1

    when i try to double click the layer with the rectangle it doesnt open the same tab and i cant drag anything new onto the rectangle. Is there any other way to open it ?

    • @VerticDesigns
      @VerticDesigns  3 หลายเดือนก่อน

      Sounds like your layer is still a shape, did you convert it to a smart object?

    • @SchmanthaSchmona
      @SchmanthaSchmona 3 หลายเดือนก่อน +1

      @@VerticDesigns Same thing with me, I convert to smartobject, but double left clicking just opens the layer style screen. I cannot get past the point after clicking done on my warping. Does the file I bring in have to be a smart object too?

  • @phucnguyentan2092
    @phucnguyentan2092 4 หลายเดือนก่อน

    how can you double click on the red layer then it open the red square in other tab?

    • @VerticDesigns
      @VerticDesigns  4 หลายเดือนก่อน +1

      You can do that by turning your layer into a smart object (right click on layer > convert to smart object) then it will allow you to open it up in another tab

  • @jeanetteq6024
    @jeanetteq6024 2 หลายเดือนก่อน

    Are product mock ups common? Is that what we see when we shop for various items?

    • @VerticDesigns
      @VerticDesigns  2 หลายเดือนก่อน +1

      yeh they're common for a lot of sellers to quickly change the product branding and for buyers to see the results before they buy for example customisable T-Shirt designs and other products. It just makes life so much easier to create it once then you can update it at any time or share with others. You could even make money from selling templates to companies aha

  • @gilangalvianmuhammad189
    @gilangalvianmuhammad189 3 หลายเดือนก่อน +1

    I can't double click my layer. Is there any another way?

    • @Half-AI
      @Half-AI 2 หลายเดือนก่อน

      convert it to smart object

  • @chazM6116
    @chazM6116 3 หลายเดือนก่อน +1

    no displacement map?

    • @VerticDesigns
      @VerticDesigns  3 หลายเดือนก่อน

      I mean it's a great idea for a rougher surface but with this image the changes would be small to notice a huge difference. But yes, displacement map is also a really good technique to warp onto the surface of the product

  • @Erick-er2mv
    @Erick-er2mv หลายเดือนก่อน +1

    1:31 i dont understand this, it doesn't work for me

    • @enni1015
      @enni1015 หลายเดือนก่อน

      same

  • @enni1015
    @enni1015 หลายเดือนก่อน

    1:30 I can't do this step >

  • @alessavespasi
    @alessavespasi ปีที่แล้ว +2

    Your video is one of the best instructional videos! Thank you.

    • @VerticDesigns
      @VerticDesigns  ปีที่แล้ว

      That means a lot thanks and no worries :)

  • @Fast.DTF.Transfer
    @Fast.DTF.Transfer 4 หลายเดือนก่อน

    🌲 Transform your socks into works of art! @‌fastdtftransfer's DTF Christmas sock printing tutorial is the key to festive and personalized holiday footwear. 🧦🎄