Squarilate Effect

Step 1

First lets create the square pattern. Open up a new document 7x7 Pixels with a Transparent background. Then zoom in all the way so you can actually see what your doing.

Step 2

Reset your colors then grab the Pencil Toolwith a 1 pixel diameter and draw a box like below ensuring you leave a 1 pixel border around it.

image 1

image 2

Step 3

Now let us define the pattern. Go to Edit--> Define--> Pattern type "Squarilate" and then hit the OK button. You can close this square pattern window now.

Step 4

Open the image you want to add this square background on or use the image we provided below. The image is really big so you can see the full effect of this square background.

image 3

Step 5

Once you got that open, create a new layer then go to Edit--> Fill. Under Contents and the "Use:" dropdown menu select Pattern then under "Custom Pattern" find the square pattern you just made. Choose Normal for the blending mode and have the opacity at 100%.

Step 6

Now change the Blending Mode to Overlay and set the opacity at a low percentage(20%).

image 4

Optional Step

To further enhance this effect grab the Eraser Tool and have it at a soft 200 pixel brush size.

image 5

Then go over the main parts of your image, it maybe a person, object, or whatever. In this case it's the abstract art and we want to put the focus on the brushing and such so with the eraser tool go over the abstract parts deleting the square pattern background.

image 6

Final Product

That's all there is too it! This effect works real good on signatures, or simply as standalone backgrounds. Hope you enjoyed the tutorial!

Squarilate Tutorial: Final Result (Click to enlarge)
Click to enlarge

Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Special Effect > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction