The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Pixel Shopping Button

Pixel Shopping Button


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

Pixel Shopping Button Tutorial: Final Result

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

image 2

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

image 3

Draw 1 pixel wide #615F60 lines as shown :

image 4

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

image 5

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

image 6

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

image 7 image 8 image 9 image 10 image 11

Original size of the button :

image 12

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 :)

Pixel Shopping Button Tutorial: Final Result



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Pixel Shopping Button"

Only registered users can write comment

Reader's comments