Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Wireless Mouse with Adobe Photoshop
rss

Wireless Mouse with Adobe Photoshop

Author: DesignTutorials.info More by this author


Step 1

This tutorial will help you through making a simple, but realistic-looking wireless mouse using Adobe Photoshop.

Open a new document in Adobe Photoshop with the size 500x500 pixels and a white background.

Create an ellipse using the ellipse tool. You can find it in the Tools Tab, Ellipse Tool (U):

image 1

Draw an ellipse like here:

image 2

Step 2

Now we're going to apply a few effects on this ellipse. First we're going to apply the "Drop Shadow Effect". To do this step select Layer > Layer Style > Drop Shadow or click on the icon Add Layer Style in the Layers Tab bottom. Use the next settings for this effect:

image 3

Step 3

Apply the Layer > Layer Style > Inner Shadow effect using for this the next settings:

image 4

Step 4

Now select Layer > Layer Style > Inner Glow with the settings:

image 5

Step 5

Apply Layer > Layer Style > Bevel & Emboss. Use the next settings when applying the effect:

image 6

Step 6

The final effect is "Color Overlay". Select Layer > Layer Style > Color Overlay. Use the settings:

image 7

This is our intermediary result after these steps:

Click to enlarge
Click to enlarge

Step 7

Draw a new ellipse, in a new layer, on the top of the first one and set opacity to 32%. To set the opacity check the Layers Tab:

image 9

And this should be your result:

image 10

Step 8

Ok. Now we're going to make the mouse buttons. To do this select the last ellipse which you drew. Use the Single Column Marquee Tool (you can find it in the Tools Tab) to delete the four lines in the ellipse center like here:

image 11

Step 9

We're making the scrolling mouse button. Take the Rectangular Marquee Tool (in the Tools Tab), set the "smooth border" to 7 px. To do this select Select > Modify > Smooth and set the "Samples Radius" to 7 pixels. Delete the selected are and the result:

image 12

Step 9

Move the selection in this position (the Rectangular Marquee Tool should be selected):

image 13

Use CTRL+C and CTRL+V to copy the selection to a new layer. Move and resize the new layer; with the Single Row Marquee Tool delete an area like here and set the opacity to 50%:

image 14

Step 10

Now select all layers (but not the layer "background") and use Edit > Transform > Scale to make the mouse oval. Using the backgrounds elements or more mouse details you can obtain a result like me, or even better:

Wireless Mouse with Adobe Photoshop Tutorial: Final Result (Click to enlarge)
Click to enlarge



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Wireless Mouse with Adobe Photoshop"