Accidentally.on.purpose - graphic design

Monday 13 August 2007

Pixel Patterns - photoshop tutorial

Create ornate looking pixel patterns in photoshop

Step 1
Create a new document (25 x 25 pixels) with a white background.

Step 2
Select the pencil tool (B) and select the 1 px square brush. Then select the colour you want your pattern to be (I used #2f2f2f).

Step 3
Start making a pixel pattern. For Example:

Step 4
Create a new document (50 x 50 pixels) with a white background.

Step 5
Copy and paste the 25 x 25 pattern into the 50 x 50 pixel document. Drag the pattern to the bottom-right corner.

Step 6
Copy and rotate the pattern so that it completes the 50 x 50 pixel image. For Example:

End Result

Wild West - wallpaper

Wallpaper = 1280 x 1024 resolution

Sunday 22 July 2007

How to make trees & use them in photoshop

Step 1
Download the free Context Free Art application from http://wwwcontextfreeart.org, and install the software.

Step 2
Open 'Demo 1' from the examples menu, and play around with the code until you are happy with the result.

Step 3
When the trees are rendered, save the image as a PNG (*.png) file and open this PNG image in photoshop. By default, the image will have a white background, and to use the trees in photoshop the white background needs to be removed (i.e. to make the background transparent, but still keeping the black trees)