Monday, January 29, 2018

graphic styles - Research: Grainy/Noisy Gradient


Below I have posted a poster created by Malwin Béla Hürkey in which a grainy/noisy gradient was used to create 3dimensional shapes. Can someone point me towards a method to create such gradients?


Poster by Malwin Béla Hürkey:


PosterByMalwinHürkey


What I have done so far is simply using the Effect -> Texture -> Grain option inside Illustrator, which yields some interesting first results going into the right direction. See the .jpeg below, a snapshot of the result I am getting with this method:



Screenshot of current result


However, the issue with this method is the fact that the grain effect applied in Illustrator appears to be very pixilated, i.e. pixel-based. This is an issue since I intend to create a screen print from this file. Pixilated/non-vector shapes will be difficult to reproduce via screen print, since I need edges as sharp as possible for the exposure process.


PixelatedGrain


Here's another result I was able to work out (now the resolution remains as the only thing worrying me as I am unsure whether this will be printable via screen print):


enter image description here


I am looking for a method allowing me to create the same type of grainy gradient but in a fashion that is not pixel-based or sharp enough for screen print.



I came across a related problem while working on this issue, I outlined it here: Unable to apply Grain-Effect to Gradient



Here are some more examples of images similar to the effect I'd like to achieve:



Example1 Example4 Example2 Example3


(No stealing of intellectual property intended, all credit goes of course to the original designer, I'm merely interested in broadening my horizon in regards to visual techniques)



Answer



I use different method in photoshop to achieve similar results. It all boils down to getting more details in the noise (by creating it on a bigger image/layer) and blowing up the contrast.


Here is a short description of the process:


1. Create a new project at least twice in size of your original image


If you want to add the effect on the whole image, choose at least twice the size of your artboard.Twice usually fits well for me as you might run into problems with your computer performance really fast if you create huge images. Make sure the DPI of the new image matches up with your original image.


2. Apply noise on the new, bigger project (filter>noise>add noise)


Make sure the noise is on full strength and monochromatic.


3. Copy the layer back onto your original file, scale it down and set it to overlay



Other Blend Modes will work too but I most often use that one.


4. Increase the contrast of your project/gradient by a very strong margin.


And there you have your effect!


If you need more details or other techniques I described it in more detail here: Photoshop Tutorial on how to create noisy/grainy gradients


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...