In this tutorial we will walk through how to make a simple patterned background for a webpage.
Open a new file in Photoshop. Use the following size:
Choose an image that is 200px by 200px and is symmetrical. I chose this circular design:
*It’s best to use an image that does not touch the edges*
Go to Edit > Define Pattern…
Name the pattern. (I named mine Circle Design)
Hit “OK”
Open a new file using the following sizes:
Go to Layer > New Fill Layer > Pattern
This window will come up:
Hit “OK”
This window will come up:
Adjust the percentage (%) slider to desired size.
Hit “OK”
Final Outcome:
