Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

how can I create a checkerboard in photoshop?

Guest
May 25, 2013 May 25, 2013

I have the feeling that a checkerboard must be simple to create in Photoshop, perhaps using layers and duplicating checkerboard elements, but I am still struggling.

Please help,

Juan Dent

47.5K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
LEGEND ,
May 25, 2013 May 25, 2013

First thing that comes to my mind is to define a 2 x 2 square pattern, then use Edit - Fill - Pattern.

-Noel

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 25, 2013 May 25, 2013

When I am doing that sort of thing as a one off (and I do this quite often) I turn on the grid.  If the grid spacing is not to my liking, I open the Image resize panel > turn off resampling, and change the dpi.  I find this easier than changing the grid spacing in Preferences.

  1. Then I'd make a rectangular selection snapping to grid. 
  2. Copy the layer and shift it to the next grid position.
  3. Merge the first two layers and make a copy.
  4. shift the copied layer to the grid.
  5. I'd repeat the above proces untill I had, say, a row of eight on a single layer
  6. Repeat the process vertically untill I had a square eight by eight on a single layer.

You could do what you like from there. 

  • Make it a pattern and use it fill a space
  • Free transform to make smaller.
  • Turn it into a Shape to make bigger (being square it would convert to a Vector shape very nicely).

If that sounds long winded, I promise it is verr very quick to do, but I'd like to have an Array tool similar to Autocads.  You can make arrays using Free Transform shift and repeat, but I have to think how to do that almost every time I use it.  Or you can use Scripts if you know how, or use a ready made one like this panel by Trevor Morris:

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 25, 2013 May 25, 2013

Trevor, if you draw all the squares of a checkerboard then do 'Edit > Define Pattern...', the pattern definer will cleverly discard almost all your work and make an optimal tile containing only the repeating element of 2 squares x 2 squares.

You get the same tile for far less work by doing what Noel said - define only a 2 squares x 2 squares pattern tile and do a Fill or make a Pattern Fill Layer with it.

Screen shot 2013-05-26 at 00.50.24.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 25, 2013 May 25, 2013

I didn't know that conroy, but I almost always do it long hand anyway, because it really doesn't take me very long, and I feel more in control of the process.  I am usually designing on the fly as well, so like to see how things devlop, rather than commit to a sellected space and filling it.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Apr 14, 2021 Apr 14, 2021

this worked beautifully for me, thanks

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 14, 2021 Apr 14, 2021
LATEST

I agree with pattern. Pattern 2x2 is not the only solution, you can create larger "pixels" if you need like 4x4, 8x8 and so on... Use transparency or fill "transparent" pixels with gray color.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines