Skip to main content
A
Anonymous
January 14, 2020
Answered

3D smart object fabric mockup - how is this even possible?

  • January 14, 2020
  • 4 replies
  • 9092 views

I've found this cool fabric mockup product (demo available on their website) and have been trying to understand how it is created. 

 

I watched countless youtube videos but no one seems to mention 3D smart objects. I tried the demo and it uses 3D functionality and then the pattern goes over like a texture. 

 

But I can't figure out how they took a photo of this fabric and turned it into a 3D smart object?

 

I don't need exact steps, just an overall understanding to solve the mystery 🙂

 

 

 

Their website is here (demo further down the listing):

https://creativemarket.com/creatsy5/3369282-Fabric-Factory-v.6-Mockup-Bundle

This topic has been closed for replies.
Correct answer Ussnorway7605025

its pretty basic stuff but most software has moved on from depth maps today

4 replies

Ussnorway7605025
Ussnorway7605025
Legend
January 14, 2020

smart object = a file that remembers what you did to it so it can be reverted back should things go wrong... they are the same sort of thing as a raw file and the modern way to work

 

Photoshop is an older software that has issues when you try to make 3D files from smart objects... it will work but the results are offen less than if you just use a standard image so be aware of that when you watch 3D tutorials for newer types of software

davescm
Community Expert
davescmCommunity Expert
Community Expert
January 14, 2020

I agree with USS Norway it looks like it has been done with a smart object and depth map or smart object applied to a 3D surface

An alternative method would be to use a full 3D application with cloth physics simulation to make the folds then a fabric material on the surface (as I did below in Blender and fabric from Substance Painter):

 

Dave

    jane-e
    Community Expert
    jane-eCommunity Expert
    Community Expert
    January 14, 2020

    Nice work on the fabric in Blender, Dave — I also like the marble! 😊

     

    ~ Jane

    davescm
    Community Expert
    davescmCommunity Expert
    Community Expert
    January 14, 2020

    Cheers Jane , it is just a flat plane with the fabric material dropped over a sphere. Cloth physics takes care of the way it folds when it drops. I can't lay claim to the materials the denim and marble were just grabbed from Substance Source so that I could quickly do this demo of what can be achieved.

    Dave

      Ussnorway7605025
      Ussnorway7605025Correct answer
      Legend
      January 14, 2020

      its pretty basic stuff but most software has moved on from depth maps today

        A
        Anonymous
        January 14, 2020

        Ussnorway, wow yes this is it! Thanks v much for posting the video, super useful. 

         

        and thanks to all who replied

        JJMack
        Community Expert
        JJMackCommunity Expert
        Community Expert
        January 14, 2020

        I agree that is a very educational video about Photoshop's 3D feature and demonstrates some of what that support can do.     However,  you seem to be interested in making professional mockup and posted a link to where you stated these was a demo.  I did not see and demo in the linked page.  I did see the

         

        Photoshop Files, Layered files, Smart Objects, Color Change.   No mention of Photoshop 3d Layer usage.   I feel mockup templates need to employ the use  Smart Object layers to be able to support  design rotation and distortion. When you replace the contents of  the smart object  layer only the  rectangle layer object image is replaced.  The Smart Layer's Associated layer transform is not replaces or changed. Thefore, the replacement Object must  be exactly the same aspect ratio, size and print resolition as the smart object in the mock.   The layers associated layer transform will size position and warp  the replacement design like it did the original smart object.   The layer most likely also has a  texture layer blended into it or  smart filter displacement map that add depth to give it a 3D look. So it is east to  replace a fabfic's design.   You just replace or edit the smart object layers's object.   IMO it wold not be easy to replace a Photoshop 3D Layer's Objects Surfaces with replacement materials.    You have never found a mockup tutorial that addressed the use of Photoshop 3D layers.  I do not remember if any mockup  template I have seen contained a Photoshop 3D layer there may have been some. However, I have never seen a Mockup Template that required  a 3D layer's surfaces materials.

         

        I did not see anything like this using the link you posted

        JJMack
        lambiloon
        Community Expert
        lambiloonCommunity Expert
        Community Expert
        January 14, 2020

        Hi this is professional approach for making a mockup you should know how smart objects works and what is clipping mask with layers....Regards

         

        Check this video for basic understandings : https://youtu.be/ZGfhgZfHX5U

         
        Ali Sajjad / Graphic Design Trainer / Freelancer / Adobe Certified Professional
        JJMack
        Community Expert
        JJMackCommunity Expert
        Community Expert
        January 14, 2020

        You need to understand that video is not using Photoshop 3D layers in mockups.  Its using  Photoshop vanishing point tp map photoshop layers into a 2d image perspective look not an actual 3d layers.  IMO a much better option for mockups for its rather easy to replace or edit smart object layer contents in  mockup psd templates.    It would be much more complex to create replacement materials for Photoshop 3d layer's  materials surfaces. And edit 3d layer material surfaces to replace the materials in the template.

        JJMack
          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices