Mobile app version of vmapp.org
Login or Join
Moriarity648

: How to achieve this grain texture - Photoshop or illustrator? Ok, new to textures here and I really cant figure out how this grain effect/texture was achieved - It is very subtle and basic

@Moriarity648

Posted in: #AdobeIllustrator #AdobePhotoshop #Illustration #PhotoshopEffects #Texture

Ok, new to textures here and I really cant figure out how this grain effect/texture was achieved -



It is very subtle and basic google searches thru PS geometric textures haven't yielded anything. The basic grain effects in Illustrator/PS are also not like this.

How was this done? Is this an overlay?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Moriarity648

2 Comments

Sorted by latest first Latest Oldest Best

 

@Nimeshi706

User Billy Kerr suggested modifying the brightness with a dense regular dot pattern. That's not bad except it doesn't explain the variety which is in questioner's example.

The variety can be explained with interaction of two different dot patterns. It's the same as Moire patterns when one tries to scan a printed image. Actually there's also a third pattern, the screen pixels, but it can be eliminated with high enough zoom.

In the next image there's a quite flat BW photo taken from window's image samples. On top of the image is 4x4 pixel BW checkerboard pattern with low opacity and blending mode Multiply. The result is quite same as in Billy Kerr's answer.



The pattern variations in questioner's image seem to follow coarsely contrast borders in his image. I guess the reqular pattern has got a displacement map, which is some version of the image. Maybe a contrast boosted, a little blurred and desaturated version of the image is saved and used as the map in Filter > Distort > Displace. When layered, tn original dot pattern somewhere neutralizes the displaced pattern and somewhere gains it. Here's an example:



The displaced pattern itself has variations for the same reason, the dots are here and there pleated. Having the original pattern, too makes possible to try different mixes with the opacity sliders.

Here's another result with different settings in displament scaling and the opacities:

10% popularity Vote Up Vote Down


 

@Samaraweera207

It looks like some kind of dither pattern, but it's hard to tell for sure since there are some jpeg compression artefacts.

Here's one method to add a simple dither pattern/texture to an image.


Open an image in Photoshop
Select All (CTRL+A). Copy (CTRL+C). Use Command instead of CTRL on Mac.
File > New, make sure it's an RGB image, and choose the "clipboard" option for the size.
Edit > Fill, choose 50% gray.
Image > Mode > Indexed
Set the options as shown below, and hit OK. You can see an example of the dither pattern behind the dialog box.





Select all (CTRL+A), Copy (CTRL+C)
Go back to your image
Paste (CTRL+V)
Set the layer mode in the layers panel to "Soft Light" or experiment with other blending modes.


Example showing before and after. Click on the image to see the texture at full size.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme