Jump to content
You must now use your email address to sign in [click for more info] ×

Can anyone pls. suggest the best approach to changing a cloth material on furniture in a photo without 3D model as base?


Recommended Posts

Hi,
 

as the title suggests, could anyone please suggest the best approach to changing a cloth material on furniture in a photo without 3D model as base?

See attached images.
The first one shows a boat interior.
The second 2are small samples of a replacement material for the cushions with the red cloth. Unfortunately there are no larger samples available.

The aim would be to replace the red cloth as photo realistic as possible with the brown cloth, while maintaining shadows and lighting.
For efficiency purposes say 90% realism is fine.

What is the most time efficient approach to do this sort of photo editing?
Detailed steps would be appreciated.

Thanks for your input & a happy 2023 to everyone!

WhatsApp Image 2022-12-31 at 15.23.10.jpeg

Brown.jpg

Brown2.jpg

Link to comment
Share on other sites

You could use the Selection Brush to select all the dark red cushions, then apply an HSL Adjustment. Optionally deselect, then adjust Hue and Saturation to modify the colour:

 

586108912_Screenshot2022-12-31at15_25_11.thumb.png.53ca4029710b01ddf81d6a090c6d8647.png

 

Very rough attempt above based on the downsampled/compressed .jpg generated from the forum.

 

 

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

Thanks, and yes that is the approach I took too. It works, but as soon as one would want to use a more textured cloth this would not work anymore.
So I'd appreciate also a method for more textured or even slightly patterned cloths.

Btw.
We have chosen a grey based on this instead of the brown samples. Good to try before ordering the cloth;-)
Matches better with some grey paint we have in the interior already, and we will add some red throw cushions (as the wall storage covers) to contrast.

New Interior Cloth Alcala 22.jpg

Link to comment
Share on other sites

You could trace the couch with the Pen Tool instead of a selection, then place the texture on a separate layer above the Curve Layer and then drag the Texture Layer on the right area of the Curve Layer (Layer Panel). But be aware that you also have to do a perspective transformation to the texture. You can use the Grid Transform Tool (hope it is the right name for it in English) for it.

Link to comment
Share on other sites

1 hour ago, iconoclast said:

But be aware that you also have to do a perspective transformation to the texture.

Wouldn't you also have to take into account the reflectivity of the cloth, which would vary according to the angle & height of its texture, to get a semi-realistic rendering of the light reflecting off of it?

For something like this, I think the only really viable solution is to use a 3D app & 3D models of the objects.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

There would also be problems with the weave of the second (round image) cloth. Lots of fiddling to get the folds and the foreshortening/perspective just right.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

9 minutes ago, Old Bruce said:

There would also be problems with the weave of the second (round image) cloth. Lots of fiddling to get the folds and the foreshortening/perspective just right.

Basically, that is another problem that only 3D modeling could do very well.

All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
Affinity Photo 
1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

26 minutes ago, R C-R said:

Wouldn't you also have to take into account the reflectivity of the cloth, which would vary according to the angle & height of its texture, to get a semi-realistic rendering of the light reflecting off of it?

For something like this, I think the only really viable solution is to use a 3D app & 3D models of the objects.

Yes, you are right. Sorry, didn't think of it. The reflectivity and also the lighting angle are important too. But if you have a range of textures that fit to the lighting situation, you can place them all as described above and simply toggle between them as you need it.

To make a usable texture outoff the round sample above, you could create a seamless tile and then use the function "New Pattern Layer from Selection". Should be good enough, I think. Don't really think that you need a 3D App for it.

To create a seamless tile, first cut the sample to a rectangle sample. Then place guidelines to the vertical and horizontal center of it. Then cut the sample to four pieces of the same size, using the guidelines, and interchange the tiles from left to right and top to bottom, so that the cutting edges are on the outside of the document. Then use the Clone Tool (Stamp) to retouche the Seams in the middle of the document. And finally make one layer outoff those four layers and make a endless pattern from this layer.

Link to comment
Share on other sites

2 hours ago, Franzi von Fragenfeld said:

I'm wondering if one could blend a new color or texture on it somehow?

You could try to copy the current upholstering to a new layer. Soften it, desaturate it to grey and use that layer to blend with the new pattern to give it it's shadows/highlights.

Still you would have to ‘bend’ this pattern over the curves of the cushions.

All in all it might be less cumbersome just to buy another boat...

Macbook Pro mid 2015, 16 GB, double barrel: MacOS Mojave + Affinity 1 (+ Adobe’s CS6)/ MacOS Monterey + Affinity 2

Link to comment
Share on other sites

4 hours ago, RM f/g said:

it might be less cumbersome just to buy another boat...

Or replace the carpet...

Affinity Photo 2.0.3,  Affinity Designer 2.0.3, Affinity Publisher 2.0.3, Mac OSX 13, 2018 MacBook Pro 15" Intel.

Link to comment
Share on other sites

8 hours ago, Franzi von Fragenfeld said:

I'm wondering if one could blend a new color or texture on it somehow?

A really obvious texture might fail if it is only blended and requires perspective along the length of the sofa. Consider that the front of the sofa at the bottom of the picture is about twice as wide as its end in the top half of the picture.

Affinity does offer stretching, but with a continuous effect across the entire selection, whereas for this image you would need a perspective deformation that becomes more intense from bottom (front) to top (background).

macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1

Link to comment
Share on other sites

Franzi, in my humble opinion, what you have done with the gray color change is enough. And, you did a good job. Part of this job is presentation.  Just tell the client, “This is how it will look. Here is an actual sample of the fabric so you can see the texture.”  This would be a good time to show a range of a few different textures. This will get their mind off the retouched photo. Maybe the client has money to burn and would entertain an estimate to model, texture and render the interior just to see a bump map of what can be seen as a real life swatch. Ten years ago I was getting estimates for small jobs like this for an auto company for $200 an hour.

Affinity Photo and Design V1. Windows 10 Pro 64-bit. Dell Precision 7710 laptop. Intel Core i7. RAM 32GB. NVIDIA Quadro M4000M.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.