Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Some Pixel Art? Why Not!

Some Pixel Art? Why Not!

Browse Pages: 2  3  4  > >>

This is a very simple tutorial. But I want to show you some tips here. If you are already a 'pixel creator' then just dont read this.

image 1

1. Create a new document; RGB; 72 dpi

2. For the background I used #666666.

3. On the new layer use the rectangular marquee tool to make a rectangle of fixed size, width 140 and height 480.

4. Fill it with #868870 color.

5. Double click on this layer to open Layer Style window.

6. Apply Bevel and Emboss.

Style: Inner bevel ;
Technique: smooth;
Depth: 1000% ;
Direction: up;
Size and Soften: 0%;
Angle/Altitude:
120°/30°;
Anti-aliased: unchecked;
Gloss Contour: Linear;
Hoghlight Mode: Normal; white; 75%;
Shadow Mode:
Normal; black; 100%.
Contour: checked (use default settings).

image 2
Click to enlarge

7. If you look at my screenshot on the right we have: background's layer, and our rectangle with "Bevel and Emboss" layer style.

Some Pixel Art? Why Not!



Author's URL: Nathalie Poitiers
Browse Pages: 2  3  4  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Some Pixel Art? Why Not!"

Captcha