Home | Pixel Shopping Button Tutorial






Pixel Shopping Button

Photoshop Tutorial



In this tutorial, you will learn to create a nice looking pixel shopping button. Final output of pixel shopping button can be seen below :-



Create a new file of 55 x 18 pixels. Zoom upto 500% . Fill the background with black :-



Select pencil tool. Set the size to 1 pixel. Draw these #D1D6D0 colored lines as shown :-



Draw 1 pixel wide #615F60 lines as shown :-



Select Rectangular marquee tool and draw a selection like shown. Create a new layer for this selection.



Set the foreground to # FBBE27 and background to # 963F03. Select linear gradient and fill the selection as shown :-



Press control+d to deselect. Now, select # 900400 as foreground color and draw some lines for shopping cart as shown in the following figures :-











Original size of the button :-



Finally add text. I have used Pixelade font having 14 point size. I also added little drop shadow and 1 pixel black color stroke in the text.

Our Pixel Shopping button is ready :)







2008 Copyright - YourPhotoshopGuide.com All right reserved.
Pixel Shopping Button Tutorial | Photoshop Pixel Shopping Button Tutorial | Learn to Create a Pixel Shopping Button