Photoshop Tutorials Blog

This tutorial is going to show you a way to create simple seamless patterns using adobe Photoshop. Seamless patterns are very useful as design elements and especially for web design.
Here is an example.

Let’s start.


1) Create a new document 200*200 pixels with a white background

2) Add two guides, one at 100 pixels horizontally and one at 100 pixels vertically.

3) Add a new layer (Ctrl-N) and draw or insert the shape from which you want to create the pattern. For this tutorial I am going to use this Shield shape.

4) Duplicate the layer (Ctrl-J) and go to “Filter” -> “Other” -> “Offset” and use these settings

5) Flatten the image (You can colorise it if you like) and go to “Edit” -> Define Pattern. Give your pattern a name, hit OK and you are all done.

Here is my final result.

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

Technorati Tags: photoshop, tutorials, pattern, seamless, tileable

digg this reddit this Furl this +Spurl this

This entry was posted on Wednesday, November 16th, 2005 at 3:12 pm and is filed under Miscellaneous, Photoshop, Tutorials. 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.