Does anyone know how to create this kind of pattern design in Illustrator or Photoshop?

I tried colour blend mode to create a gradient like in the picture, in Illustrator and Photoshop too, but the output was not like that. If anyone knows how to create this kind of design in Photoshop or Illustrator, please help me…

source link : image Original source link



To create such organic looking shapes, it’s IMO best to use some randomness as a starting point for your design. Thankfully some design tools (e.g. Photoshop) come with a handy “Clouds” effect, which renders some random noise, that looks initially a similar to clouds:

  1. From the main menu, choose Filter -> Render -> Clouds
    Result of rendering clouds

Now that you have some dank random light and dark areas on your canvas, your next step is to get them to look a bit more like the organic “blobs” in your reference images. To do this:

  1. From the main menu, choose Filter -> Blur -> Gaussian Blur (~100px)
    Clouds with a 100px Gaussian Blur applied to them

Now, admittedly, we did get the result to look a bit more blobby, but the contrast is low. So what we want to do next is:

  1. From the main menu, choose Image → Adjustments → Brightness/Contrast*, and crank the contrast to maximum and set the brightness to something that looks nice in your opinion.
    Blurry clouds with 1st contrast adjustment

  2. Repeat step 3. as many times as it takes (always cranking the contrast up to max., and adjusting brightness to “taste”), until you start getting more defined blob shapes. This is what I got after about 7 repetitions in total:
    High contrast blobs

Now this is starting to look a bit more like blobby! Unfortunately as a result of cranking the contrast to max. so many times, the blobs don’t have enough grey-levels to be smooth and organic looking.

  1. What we want to do next is once again apply a gaussian blur, but this time a bit less strong. So Filter → Blur → Gaussian blur (~50px)
    Blurred blobs

Now the blobs are a bit too blurry again! Thankfully we now know what to do. Just repeat step 3. until it starts looking like your reference images again.

Here’s what it looks like for me after 5 contrast adjustments:
Pretty much final blobs

Not too bad, eh?
“But these aren’t colorful like my reference”, you might say. .

  1. Create a new layer on top of your blob layer, and just fill it up with whatever gradients you think would look nice with your blobs. Here’s what I came up with:
    Dank gradients

  2. Set your gradient layer’s Blending mode → Linear burn, and voilà! (Also adjust the blob layer’s contrast and blur to match your final wishes)
    Organic blobs with gradients blended in

Basically that’s it.
Now of course at this point you can freely repeat the whole contrast/blur cycle again with your blob layer if you wish to adjust it some more.
And playing with different blending modes on the gradient layer can give you some more cool effects.

Also, keep in mind that by just inverting the colors in your blob layer, you can swap the places of your blobs/gradients, like so:

  1. (Bonus) Select your blob layer, and do Edit → Adjustments → Invert, or (CTRL + I)
    (Can’t add more images to this post because not enough reputation, but you get the point.)

And there ya go. Organic looking blobs embedded in gradients.

*: Or really any tool that you want to use to fiddle with the contrast. Levels, Curves, B/C, etc. all works.

Source : Link , Question Author : Santhosh J , Answer Author : curious

Leave a Comment