Mobile app version of vmapp.org
Login or Join
Kristi927

: How can moiré effects be diminished in clothing photographs? I am almost ready to launch an e-commerce site for a client but some of the clothing images have a strong moiré that is quite

@Kristi927

Posted in: #AdobePhotoshop #Blur #ImageEditing #ImageProcessing #WebsiteDesign

I am almost ready to launch an e-commerce site for a client but some of the clothing images have a strong moiré that is quite disturbing:



I know I could blur the photos to get rid of the moiré but:

A) because of the number of photos involved, that will be a huge amount of work and

B) we will lose the clarity of the photos on screens where the moiré is not a problem.

Is there any way to deal with this problem without systematically degrading the images?

[edited: here is a low-quality close-up of the original photo]

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Kristi927

2 Comments

Sorted by latest first Latest Oldest Best

 

@Sarah814

I rewrote the answer due the new information.

The problem was not some ultra-fine canvas texture interfering with ultra-high resolution displays or the camera, but the very well visible colored lines in the canvas. I have marked with blue some of the problematic lines in your screenshot:



These lines cause no problems with your 1600 pixels high display, but interfere heavily with your customer's screen which is only 800 pixels high.

You have following options:


Let it be (probably actually not an option, because your customer can see it as your mistake)
Low-pass filter the image. That unfortunately makes the canvas plastic-like.


Here a heavy filtering is applied to your heavy-moire screenshot only to show, what kind of plasticity I mean:



I will insert the practical methods for the low-pass filtering to the end of my answer.


If you resample the image to a little different pixel dimensions, the moire pattern can be less noticeble
The website can have a possiblity to show different images for different display resolutions. So the big screen owners can see crisper images, the filtered one is for low-res.


How to low-pass filter:

Photoshop's Smart blur is quite optimal for this purpose. It's made for hiding faint details, but saves strong borders. The gaussian blur would need much more tinkering.


select the cloth area. This case is easy with the quick selection tool
goto Filter > Blur > Smart Blur and play with the controls




Another practical method is to use some noise sample based noise reduction plugin or stand-alone program. You can show by making a selection which is the unwanted noise pattern. Camera noise model based programs can be unuseful for this.

My filtering example was done with old Neat Image. It was applied twice. I hadn't it as a plugin, so the model was filtered too. The model was restored by cutting and pasting her onto the filtered image.

Both methods gave virtually the same result.

The third way is to subtract a high-pass filterd version, but it's very tricky, because strong borders must be added back and the lost color must be restored. => 1000% more work, mostly with layers and blending modes. The method allows plenty of control, but it's not practical.

10% popularity Vote Up Vote Down


 

@RJPawlick971

In a word, no.

Moire is an artifact of the interaction of your raster-display and the fabric pattern. Defocus is the way it is normally diminished or to change the pattern angle to something like an oblique screen-print angle. If the photos have been already prepared, there's not much more you can do.

If you cut in a close-up "magnified view" for the texture detail and colour, you might get away with the defocus for the overall product beauty shot for problem moire product renderings.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme