Photoshop Tutorials Blog

This tutorial is going to show you how to create pixel patterns that are very popular design elements for web design and especially for web backgrounds. I will give you five examples that are meant to serve as a guide in order to understand the basics of pixel pattern creation.

Start be creating a new document with a transparent background and Zoom in at 1600%. The size of the document usually needs to be somewhere around 10*10 pixels.
Then select the pencil tool and set the diameter at 1 pixel. Finally draw your pattern and when you are done go to “Edit” -> “Define Pattern”.

Here are a few examples to help you understand the process of drawing a pattern. The format of the examples is Pattern Size - Pattern (zoomed in) - Example on a blue background. You should expirement by yourself and you will be amazed from how many nice different patterns you can create.

10*7 pixels

11*6 pixels

11*6 pixels

9*10 pixels

10*10 pixels

If you liked this tutorial check out my other Adobe Photoshop Tutorials

Technorati Tags: photoshop, tutorial, tip, pixel, patterns

digg this reddit this Furl this +Spurl this

This entry was posted on Saturday, November 19th, 2005 at 10:04 am and is filed under Miscellaneous, Photoshop, Tips, Tutorials, Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.