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) 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.
2) Do the same for the other corners of the grid.
3) Choose desired colors
4) Blend the 2 columns with the blend tool and choose the amount of steps you want
5) Expand the blends with Object > Expand (or Expand Appearance)
6) Now blend the two groups together.
The key here is to expand the two blends before blending them together.
Hope this helps.
I'd stick to Illustrator just because it's so easy there....
There's no real benefit to using Photoshop if you have access to Illustrator.
- Draw a rectangle
Object > Path > Split Into Grid...
- Set the number of rows and columns you want in addition to the gutter between them
- Fill the shapes with your gradient
- Use the Gradient Tool to position the gradient.
Note: The gradient here isn't very smooth, but that was done intentionally to reduce the file size of the animation.
Realize that I just applied one gradient over the entire area, but your sample is actually a more complex gradient. You would need to select each row of boxes and apply the correct gradient for that row rather than applying one sweeping gradient.
Copy/Paste into Photoshop as a smart object if that's where you need it.
You could also copy/paste into Photoshop as a shape layer then apply a gradient to it in Photoshop (You'll lose the gradient fill when pasting as a shape layer.)