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)


videoVideo tutorial on the subject by (youtube)


Use a grid to make it easier : guidesYou 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


The settings for the guides do not need to be 10 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 $4.50 100 Strokes in a themed style for use in PS and PS Elements and others, all royalty free (V73) gallery


Adding 0 or 1 to cells : matrixThe 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 and set the color and size of the character. You can always change it later


Repeat adding 0 and 1 to cells : cellDuplicate that character and move that to another cell and change the 0 to 1 or vica versa.


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 to a random 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.


Align cell contents : alignThe 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 align 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


Save the tile to PSD : psdSave the 0 and 1 layers as a PSD file to use as an endless source of 0 and 1 combinations.


Groups : groupsYou can always group all the artwork together. Re-size the document to make it a lot larger and create a new grid structure for it and then duplicate the 0 1 cell groups and fill those new cells with the groups. You can then re-number the individual cells as required and then save that cell to a new tile via the edit menu.


Also, you can always create a 100 x 100 grid but that will probably take a little time to fill. All kinds of grid groups can be created


Add effects to the cells : effectsYou can also add effects such as glows etc and green adjustments etc to create a matrix like glow to the numbers.


You can use styles such as outer glow to add glows to the cells. You can create combinations of multiple copies of the cells and blurs as well as adjustments such as hue / saturation to create 1000s of different effect filled tiles for your projects.


Save as pattern : 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. Go to the edit menu and use the define command


The tile has now been stored as a preset and can be used in a variety of places throughout the application such as via the layer menu and new fill layer content and select the stored preset. You can now flatten the layer and add effects or perhaps turn the layer into a smart object and add smart filters to it via the filter menu


Smart objects : smartYou could create the cell contents as 0 and 1 and just use them as layers. If you use the 0 and 1 as a smart object it means that you can change all the 0 and 1 characters in a single two edit change (such as changing the font or the size etc) - go to the layer menu and then smart objects and convert to smart object.


Edit the contents of the smart object and all the related cells will be updated (that is why I suggested using smart objects earlier). If you don't use smart objects then you will have to go each and every cell and change them. Of course this is only an issue if you want uniformity with the characters. If not, you can just edit them as required (and not as smart objects) and change the font etc to different typefaces etc


To edit the smart object, double click the icon (any of the 0 or 1 cells)


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


video video video video video video