首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Computer Mouse

[ 作者来源:eyesondesign.net 编辑整理:PhotoShop资源网 更新时间: 2006-08-01 录入: 黄叶飞扬 ]

按此在新窗口浏览图片
按此在新窗口浏览图片

Ok - time to add the wheel/scroller.
Create a new layer above the HIGHLIGHT layer and call it WHEEL.

Select the Rounded Rectangle tool 按此在新窗口浏览图片, radius 5 pixels, and create a shape similir to mine in step 13.

按此在新窗口浏览图片
按此在新窗口浏览图片
Then we'll have to add some layer styles to the wheel...

Add a drop shadow (#231F20) with these settings.
Outer Glow with these setings.
Inner Glow with these settings, and
Gradient Overlay with these settings.
(The two colors used in the gradient overlay are #4B4B4B as the darkest color, and #CDCBCB as the highlight color).
按此在新窗口浏览图片
按此在新窗口浏览图片
Then I added a highlight to the wheel.
Create a new layer above the WHEEL layer and call it HIGHLIGHT WHEEL.

Select the Pencil tool 按此在新窗口浏览图片, 3 pixels.
Hold down the Shift key and drag a line similar to mine in step 15.
Then go to Filter - Blur - Gaussian Blur - 3 pixels.

Point your mouse over the image to the left to see how the highlight will look like after the blur...
按此在新窗口浏览图片
按此在新窗口浏览图片
Hehe - ok, I found the mouse to be a bit out of proportions so I did a Edit - Free Transform to the MOUSE layer - and dragged the lower edge a bit up until my image looked like the image in step 16.
Ok - let's move on...
按此在新窗口浏览图片
按此在新窗口浏览图片
It's time to make the dent below the wheel.
Create a new layer below the wheel layer and call it DENT.
Select the Elliptical Marquee tool and drag out a selection similar to mine.
Then select the Gradient tool 按此在新窗口浏览图片, make black your foreground color, and set the gradient to Foreground to Transparent.
While holding down the Shift key click and drag the gradient like shown in step 17.

Before you deselect be sure you save your selection!
(Select - Save selection - call it Dent)
按此在新窗口浏览图片
按此在新窗口浏览图片

Create a new layer above the dent layer and call it INSET LINE.
Activate the Single Column Marquee tool 按此在新窗口浏览图片, be sure black is your foreground color, and use the Paintbucket tool to fill the selection. Deselect.

Now Duplicate the Inset line layer by dragging it down to the Create new layer tab.
Then you go to Image - Adjustments - Invert.
Then activate the Move tool 按此在新窗口浏览图片 and then nudge the Inset line copy layer 1 pixel to the right using the right arrow key.

按此在新窗口浏览图片 按此在新窗口浏览图片 Then do the same using the Single Row Marquee tool 按此在新窗口浏览图片 for the horisontal inset lines like shown in step 19 (separate layers).
按此在新窗口浏览图片 按此在新窗口浏览图片 Remember I told you to save the "Dent selection"
Well - create a new layer and load the selection (Select - Load Selection).
Have black as the foreground color and do an Edit - Stroke - 1 pixels - Outside.
Still at the same layer make a selection similar to mine by using the Rectangular Marquee tool.Make sure it's right above the black horisontal inset line. Hit the delete key to get rid of the selected area.
Deselect.
按此在新窗口浏览图片 按此在新窗口浏览图片 Then duplicate the layer, Image - Adjustments - Invert - and nudge the layer one pixel down using the arrow keys.
按此在新窗口浏览图片 按此在新窗口浏览图片 Ok - now it's time to get rid off the inset lines outside the mouse...

Ctrl + click the MOUSE layer to load it's transparensy.
Then hit Ctrl + Shift + I to invert the selection.

Now select the different inset line layers one by one and hit the Delete key to get rid off the inset lines outside the mouse...
When you're done your image should look like mine in step 22. Deselect.
按此在新窗口浏览图片 按此在新窗口浏览图片 Ok - activate the INSET LINE layer we created in step 18.
Then load the Dent selection.
Select the Rectangular Marquee tool and set the Add to Selection option.
Then drag a selection similar to mine in step 23 so that the inset lines above the dent and wheel are selected too.
Then hit Ctrl + Shift + I to inverse the selection.
Hit the delete key to get rid of the inset line below the dent.
Then select the INSET LINE copy layer and do the same thing.
Deselect.
按此在新窗口浏览图片 按此在新窗口浏览图片

Now select the Eraser tool 按此在新窗口浏览图片. I used a soft brush - 21 pixels. Now carefully get rid of the inset lines just inside the edge of the mouse. That will make the inset lines look a bit more realistic.

Ok - the mouse is finished - but it still looks a bit flat and boring. It's time to add the final details...

按此在新窗口浏览图片 按此在新窗口浏览图片

The first thing I did was to add a Color Overlay on the Mouse layer with these settings (black color).

Then I created a new layer above the HIGHLIGHT layer. Then I used a soft brush (white color) and added some more highlight to the mouse. Click here to see what it looked like.
Then I dropped the opacity from 100% to 34% - which made the mouse look like this.

Then I added the wire and the "rubber knob" that connects the wire. The knob is actually a sphere. Click here to see what it looked like before I slided it beneath the mouse.

Then I added a new layer on top of all the other layers. Filled it with a brown color (#A67C52) and changed the layer mode from Normal to Hue.



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!