How to create binary code pattern in Photoshop tutorial

Learn how to create a matrix binary code / computer code 0 1 0 1 01 etc pattern in Photoshop CC CS6 etc.

Create binary code pattern

binary code computer code pattern photoshop
  1. View menu to create structure for binary code / computer pattern

  2. New guide layout

  3. Set columns to 10

  4. Set rows to 10 for the pattern

  5. Fill the grid with 0 and 1 via the type tool for the binary code pattern

  6. Define binary code matrix pattern via edit menu

  7. Define pattern (in Photoshop)


You can create all kinds of grid structures to create the 0 and 1 matrix / computer code designs. The cells can be created by many means but the new guide layout is probably best. You don't really need to use a cell, you could just add the numbers by sight or perhaps use alignment tools or smart guides to add them and position them


You can fill it with 0 1 0 1 1 1 1 1 0 1 1 or 1 0 1 1 1 0 0 0 1 0 1 etc - if you really want to have it totally random use a dice to decide on the 0 or 1


The settings for the guides do not need to be10 and 10 (they could easily be 15 x 20 or 50 x 45 etc) but to create a fairly random grid, you really do need at least a 10 x 10 setup and the guides are useful for the alignment of the characters, 0 and 1. OK, once you have the guides then the next thing to do is to fill the cells with 0 and 1 etc. You can always add additional effects to the art such as glowing green matrix style etc (especially as they are layers)


Buy $9.95 100 Strokes in a themed style for use in PS and PS Elements and others, all royalty free (V73) gallery



The next step is to go to one of the 'cells' and add a 0 in a font, perhaps Futura or courier new or whatever you want. You can always change it later


Go to the type tool. Set color. Set font. Set size and that depends on the size of the document and the grid that you have set up for your preset.


Click the document in the middle of one of the cells and add 0 . Duplicate that character. Move to another cell and change the 0 to 1. Now go to the layer menu and smart objects and convert. Do the same for the 0 as well, both are now smart objects. Select the 0 or 1 and hold down the option / alt to duplicate the 0 or 1. Shift that randomly to another cell. Repeat that for the 0 or 1 over and over until you have filled all the cells with the 0 and 1 characters for the entire grid.


The result will be probably ok but if you really want a slick professional and uniform look you can go to all the rows and columns and use the ailign tools to align them so the numbers are not slightly up or down. If you do not flatten the work, you can always shift the combination of 0 and 1 cells around and so if you want to, save the 0 and 1 layers as a PSD file to use as an endless source of 0 and 1 combinations. Also, you can always create a 100 x 100 grid but that will probably take a little time to fill.


small Now if you want it as a pattern (or you could save the above straight to the CC library and then use it as a layer on its own


Edit menu. Define pattern. Layer menu and new fill layer content and pattern. Select the new computer themed preset and create a new pattern filled content with it and set the scale. Flatten, apply effects etc to it.


You can use the resources as smart objects -they make things a whole lot easier when creating these tiles. Why did I suggest creating them as smart objects? You can change a single cell and the change will be reflected throughout the entire design. Say you decide to change the '0' smart object cell and change it to a different font or perhaps a different color, you can in seconds. Of course, you don't need to use smart objects and you can just create all the cells / numbers 0 and 1 as separate cells and then edit them individually (up to you).


Go to the layers panel. Double click the layer thumbnail / smart object. You will then find yourself in a PSB file. Edit the number (0 or 1) and change the size or color etc and perhaps the 1 to a 0 etc. Close the PSB (saving any changes). You will now see the change in all the other related smart object designs so if you have changed the color from black to red then they will become red (the other smart objects will be unchanged). You will still have to use the edit menu define pattern to resave the pattern


Keywords : How to create binary code pattern in Photoshop tutorial


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin