Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I need your expert advice. My goal is to use pattern overlay correctly on a seat image. I googled for several options and I tried a couple tutorials. So far, the Filter | Distort | Displace seems likely the answer. However, is there a better way to wrap the pattern over the seat seamlessly that it looks like the original fabric?

I started with this original image. It's poor quality and low res. Original Image

With this pattern, i re-sized it smaller to almost the actual size Fabric Pattern,

I used Content Aware to create a pattern layer that can cover the seat, which is this Pattern Created

After which, I created a Displacement Map with the first image (original image). Then I used the Filter | Distort | Displace; using the standard values of 10 for both.

Here's the screenshot of it.

Displace values

This is my final output, I just added a Blending Mode of Multiply like 45% enter image description here Please Open image in new tab and zoom for 100% as it's a huge image.

Do you guys have a better suggestion on how do to this properly? The goal is to make it unnoticeable that it’s photoshopped.

Thank you!

S.

share|improve this question
1  
Perhaps distort certain portions to be less homogenous. One of the biggest is the the patterns is laid flat on it rather then it looking like in was wrapped around an object. –  Krazer May 3 at 0:00
    
Great suggestion. I took note that I shouldn't just lay it flat, and make efforts sort of show some digital artifacts, dents and slightly varying texture (e. g., headrests, corners, sides, etc). Together with other suggestions, I made more distortions with Puppet Warp. I like the way it now wraps over my headrests and over the seat itself! Thank you! –  user23046 May 7 at 17:59

1 Answer 1

A couple of suggestions:

  • First use a mesh-based distortion like Puppet Warp, Liquify. Though if you have access to Illustrator, I think its Envelope Distort > Make with Mesh may be the best way to wrap a texture easily.

  • Separate each item to its own layer. You'll avoid a lot of unnecessary stretching that way.

  • Use Displace at the very end to sell the creases, not make major distortions. You'll want to create a real displacement map instead of using the original image. For a quick and dirty version, use Stylize > Emboss, then blur the result.

share|improve this answer
    
I have a question about Envelope Distort, how can i use the two .pngs. I found this sample graphicdesign.stackexchange.com/questions/2805/… but seems not working for me as I am working with 2 .pngs. Thanks – –  user23046 May 5 at 21:45
1  
There's no simple way to do this with two raster files. In the post which you just linked, the shape acting as a displacement map is a vector shape, not a raster image. To boot, their answer also uses Illustrator. –  Alex Blackwood May 6 at 1:29
    
Yeah, I was googling for more information about Envelope Distort. However, I forgot to mention that your other suggestion of using Puppet Warp works great. Thanks again. –  user23046 May 7 at 17:50
1  
No problem. I'd also suggest using a different blending mode. Soft light will give you a better result. –  Alex Blackwood May 7 at 21:03
    
Ok I will try that! Thanks. –  user23046 May 7 at 22:57

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.