Photoshop鼠标计算器教程

┆死┆

<DIV id="gg_bbs"> </DIV>作者：<a href="http://www.16xx8.com/" target="_blank">王伟光&nbsp;&nbsp;</a>&nbsp;&nbsp;<a href="http://bbs.16xx8.com/" target="_blank">教程</a>来源：iT168&nbsp; &nbsp;<br>计算器是一种广泛应用在日常生活当中的小型电子设备，它使用简单、携带方便，用来满足人们随时计算的需求<a href="http://bbs.16xx8.com/" target="_blank">。</a>下面用Photoshop来绘制一款常见的计算器<a href="http://bbs.16xx8.com/" target="_blank">。</a><br>1、新建一个文件<a href="http://bbs.16xx8.com/" target="_blank">。</a>在图层面板中新建一个图层组“计算器”，在里面新建图层“底层”<a href="http://bbs.16xx8.com/" target="_blank">。</a><br>2、选择工具箱中的“圆角矩形工具”，画一个圆角矩形，效果如图01所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946504.jpg" alt="" border="0"><br>图1<br>设置前景色为灰色，填充选区效果02所示<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946881.jpg" alt="" border="0"><br>图2<br>本新闻共10<br>&nbsp; &nbsp; 3、将该层复制一层，保持选区，执行菜单栏中的“滤镜”“杂色”“添加杂色”滤镜，在弹出的添加杂色对话框中设置数量为10.72，高斯分布，单色，如图03所示，图像效果如图04所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946798.jpg" alt="" border="0"><br>图3<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946913.jpg" alt="" border="0"><br>图4<br>本新闻共10<br>&nbsp; &nbsp; 4、接着执行菜单栏中的“滤镜”“风格化”“风”滤镜，设置方法为风，方向为从右，如图05所示，按Ctrl+F键2-3次重复使用刚才的风滤镜，图像效果如图06所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946861.jpg" alt="" border="0"><br>图5<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171946370.jpg" alt="" border="0"><br>图6<br>本新闻共10<br>5、接着再次执行菜单栏中的“滤镜”“风格化”“风”滤镜，设置方法为风，方向为从左，如图07所示，按Ctrl+F键2-3次重复使用刚才的风滤镜，并将该图层的图层混合模式设置为“正片叠底”，图像效果如图08所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171947858.jpg" alt="" border="0"><br>图7<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171947252.jpg" alt="" border="0"><br>图8<br>本新闻共10<br>&nbsp; &nbsp; 6、双击该图层为图层添加图层样式，在图层样式对话框中选择投影、斜面和浮雕、渐变叠加、图案叠加，设置参数如图09-12所示，图像效果如图13所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171947186.jpg" alt="" border="0"><br>图9<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171947835.jpg" alt="" border="0"><br>图10<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171947849.jpg" alt="" border="0"><br>图11<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948240.jpg" alt="" border="0"><br>图12<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948492.jpg" alt="" border="0"><br>图13<br>本新闻共10<br>&nbsp; &nbsp; 7、新建一层命名为“<u>屏幕</u>”，选择工具箱中的“圆角矩形工具”在上端中央绘制一个矩形，双击该图层设置图层样式，选择内阴影、渐变叠加，设置参数如图14-15所示，渐变颜色设置RGB分别为252、254、232和191、195、170，图像效果如图16所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948994.jpg" alt="" border="0"><br>图14<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948747.jpg" alt="" border="0"><br>图15<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948433.jpg" alt="" border="0"><br>图16<br>本新闻共10<br>&nbsp; &nbsp; 8、接着做计算器按钮，在计算器的图层组下在新建一个图层组，命名为“按钮”<a href="http://bbs.16xx8.com/" target="_blank">。</a>选择工具箱中的“圆角矩形工具”，画一个圆角矩形，双击该图层设置图层样式，选择投影、内阴影、内发光、斜面和浮雕、渐变叠加、描边，设置参数如图17-21所示，图像效果如图22所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171948115.jpg" alt="" border="0"><br>图17<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171949331.jpg" alt="" border="0"><br>图18<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171949992.jpg" alt="" border="0"><br>图19<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171949372.jpg" alt="" border="0"><br>图20<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171949376.jpg" alt="" border="0"><br>图21<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950643.jpg" alt="" border="0"><br>图22<br>本新闻共10<br>&nbsp; &nbsp;9、将该按钮复制3份，等距离排列，如图23所示<a href="http://bbs.16xx8.com/" target="_blank">。</a>继续复制，排列效果如图24所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950265.jpg" alt="" border="0"><br>图23<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950162.jpg" alt="" border="0"><br>图24<br>本新闻共10<br>10、用同样的方法绘制其他按钮，效果如图25所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950351.jpg" alt="" border="0"><br>图25<br>&nbsp; &nbsp; 11、选择工具箱中的“文字工具”，设置Arial字体，大小自定，在按钮上打出数字，效果如图26所示<a href="http://bbs.16xx8.com/" target="_blank">。</a>然后双击添加图层样式，选择斜面和浮雕样式，设置参数如图27所示，图像效果如图28所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950414.jpg" alt="" border="0"><br>图26<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171950472.jpg" alt="" border="0"><br>图27<br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171951997.jpg" alt="" border="0"><br>图28<br>本新闻共10<br>&nbsp; &nbsp;12、选择工具箱中的“椭圆选框工具”，按住Shift键画出一个小圆，然后添加图层样式，作为装饰<a href="http://bbs.16xx8.com/" target="_blank">。</a>输入文字，效果如图29所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171951410.jpg" alt="" border="0"><br>图29<br>&nbsp; &nbsp; 13、选择文字工具，在<u>屏幕</u>上输入0，设置该层的图层混合模式为“叠加”，更换背景，最终效果如图30所示<a href="http://bbs.16xx8.com/" target="_blank">。</a><br><img src="http://pic.16xx8.com/article/UploadPic/2007/11/1/200711171951269.jpg" alt="" border="0"><br>图30