Creating Patterns and Backgrounds with BgPatterns

Another, simple to use, free online pattern generator is BgPatterns. Although it has a limited number of features in comparison with bgMaker, you can still create beautiful repeatable patterns.

When you open the editor in your browser, the first thing that you'll see is a small gallery of images that are to be used in the creating process.

BgPatterns Editor (click to enlarge)

Choose an image, set the image opacity, the image location on the canvas and the image size. To preview your initial setting, click on the eye icon. Then navigate to the color palette under "Colors".

The Color Editor (click to enlarge)

You can pick any color that you like as a foreground (i.e. the color of the image that you have previously chosen) or as a background color (i.e. the color of the canvas).

Under the "Canvas" tab you have an option to choose from five different canvases. You can also re-size the canvas. By default, the canvas sizes (both width and height) are equal, measured in pixels, and if you want a canvas that has different width and height, first click on the small lock icon right above the dimensions, and then put any number for the width and height. You also have an option for setting the texture opacity (measured in %).

The Canvas Editor (click to enlarge)

Finally, under the "Rotation" tab, you have the option for rotating the image (not the canvas), by dragging the rounded button along the bigger circle in clockwise or counterclockwise direction.

Rotating The Image  (click to enlarge)   

After creating the background pattern, click the download button and the pattern will be downloaded in PNG format.

Have fun!