Seamless patterns

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.
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.

Guides

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.

Shield shape

tutorials thumbnails

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

Offset 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.
Final result

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

Technorati Tags: , , , ,

del.icio.us Seamless patterns digg this reddit this Furl this +Spurl this

Leave a Reply

Related Posts from the Past: