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 up to 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 Pixelate 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 :)
