«

»

Feb 28

Emboss Pattern

In this tutorial you are going to create a red emboss style  pattern. The pattern is seamless so can be used as a repeating, tileable background.

This is what you are going to be creating:

Final

1. Create a new document (File > New > Blank File) of 150 x 150px with a transparent background. Zoom in so you can see the image more easily (hold down Alt while scrolling with the mouse).

2.  Click on the foreground colour in the Tools palette which will open the colour picker. Set the foreground colour to #7a0003, select the Paint Bucket Tool and fill the background layer with the deep red colour.

Emboss1

3. Click on the foreground colour again and in the colour picker set it to #560003 which is a deeper shade of red. Go to Shapes in the Tools panel and select the Line tool. Set the size at 2px and open the Style Picker and select Bevels from the drop down men, select Simple Pillow Emboss.

Emboss2

4. Draw a diagonal line from one corner to the other corner, holding down the shift key to keep the line straight. This line will automatically appear on a new layer.

Emboss3

5. Draw a second diagonal line with the same settings from the opposite corner to create a large ‘X’ pattern.  This will automatically create a third layer.

Emboss4

 

6. Merge the two line layers (in the Layers panel, select a line layer and hold Ctrl key while selecting the second layer. Then right click and select Merge Layers.) You should now only have two layers, your red background layer and a second layer with your ‘X’ on a transparent background.

Emboss5

7.  With the second  layer active, select Image > Transform > Free Transform and reduce the size of the X to roughly the size shown below, hold down the shift key while moving the grab handles to keep a perfect square.

Emboss6

 

8. Go to the Effects panel, select Styles, and select Bevels from the drop down menu.  Double click to select the ‘Simple Sharp Pillow Emboss’ style. Click the settings symbol in the top right corner (or go to Layer > Layer Style > Style Settings) . In the Bevel section and set size to 5px, the Lighting Angle to 120 degrees and the direction Up, as below.

Emboss7Emboss8

 

 

Emboss9

 

9. We’re now going to make the pattern smaller.  Go to Image > Resize  >  Image Size and set the width and height to 50px as follows – note the drop down menu is set to Nearest Neighbour (preserve hard edges).

Emboss10

10. Your image is now finished and ready to be used as a seamless pattern. Go to Edit > Define Pattern and name the patter whatever you want.

11. We’re now going to create a pattern using the image. Create new document (File > New > Blank File) of 800 x 800px. Select Paint Bucket tool and ensure it is set to pattern. Select your pattern which should be at the bottom of the drop down list and use it to fill the layer.

Emboss11

 

12. We’re nearly done now. The pattern actually looks nice as it is but I want to give it just a bit of extra sheen. Go to Filter > Artistic > Plastic Wrap and use the settings as below (Highlight Strength =3, Detail =5, Smoothness=6).

Emboss12

And that’s it! This is your final image:

Final

 

Leave a Reply

Your email address will not be published. Required fields are marked *