How do I make a gradient of colours with a blocky appearance?

I want to create a block of colours like this (from top left c:0 m:0 y: k:0 to bottom right c:100 m:0 y:0 k:0) enter image description here
There are 100 colours there and I am currently doing a line of 10 with a fade with 10 steps and then duplicated that down. I then added a white line grid to make colour difference more apparent.

Is there a way to fade from top left to bottom right and get a blocky effect without having to do it a line at a time? Do note that each square above has no gradient in itself.

I need to make about 100 pages and want a quicker way to do this. I can use either photoshop (preferable) or illustrator.


Follow these steps in Adobe Illustrator:

1) Create a small box in the top left corner of your artboard. enter image description here

2) Do the same for the other corners of the grid.
enter image description here

3) Choose desired colors

4) Blend the 2 columns with the blend tool and choose the amount of steps you want
enter image description here

5) Expand the blends with Object > Expand (or Expand Appearance)

enter image description here
6) Now blend the two groups together.

enter image description here

The key here is to expand the two blends before blending them together.

Hope this helps.

Source : Link , Question Author : Aasim Azam , Answer Author : SP3V

Leave a Comment