How do I make a grid-like fill in Photoshop or Illustrator?


Question

Is there any way in Illustrator or Photoshop to format the fill of a rectangular object so that the fill looks a bit like here?

Grid

Could somebody maybe point me in a direction? Or tell the unclear part of the question?

1
2
9/10/2013 9:55:00 PM

We can easily create a uniform fill with circles. Much like Red described, you'll want to create a new document to create your pattern. The size of said pattern is up to you but I'd suggest something 256px by 256px or less. To do a simple uniform pattern we will create a 16px by 16px document and just draw a circle. Like so:

enter image description here

Note that the amount of white-space left around the circle will determine half of the space until the next circle. (The white-space of you current circle + the white-space of the neighboring circle)

Then go to Edit -> Define Pattern...

Now simply open any document and create a new layer and go to Edit -> Fill.. -> Use: Pattern and then click OK to fill the layer with your pattern.

enter image description here

This is all great and good, assuming you like complete uniformity. We can spice things up a bit by simply creating a more complex pattern.

Here is an example of a more complex pattern of circle of varying sizes applied to a layer:

enter image description here

While certainly more interesting it's still utterly predictable, and here is where things get interesting assuming you have Photoshop CS6 As of CS6 there's some increased support for patterns, which, albeit is a small improvement though it has a lot of potential. So let's get started.

When you go to fill a layer with a pattern, in the dialog you'll notice this following option:

enter image description here

Take note of the red outlined area.

The Scripted Patterns checkbox will appear only when you have Use: Patterns selected. You'll notice a couple options in the dropdown and each do something unique. More info on that here. Select Cross Weave and click OK.

You'll notice right away the pattern just became more interesting.

enter image description here

And that's that.

As far as randomizing color, you'll have to do some manual work here. But you can still create "varying colors" as a pattern, and make it a clipping mask on top of the existing pattern.

enter image description here
Click for full resolution

It's not perfect but it's a good start. Hope this helps.

3
4/13/2017 12:46:00 PM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^