论坛风格切换
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 1925阅读
  • 2回复

[教程]Photoshop制作放大缩小网页图标 [复制链接]

上一主题 下一主题
离线荦荦
 
发帖
*
今日发帖
最后登录
1970-01-01
只看楼主 倒序阅读 使用道具 楼主  发表于: 2011-03-17 07:40:32
本教程学习如何用photoshop的钢笔、圆角矩形和图层样式制作放大缩小图标,效果类似放大镜,下面让我们一起来学习 先看效果图。

新建文档1280x1024像素,背景白色,建新层,画一正圆选区,填充#c6c6c6。

复制一层,缩小一些,颜色改为黑色。

添加图层样式。

建新层,画一正圆选区,填充#9aa6af。

复制此层,添加图层样式。


效果如下。

调出此层选区,建新层,填充白色,去掉选区,用椭圆工具做如下选区,添加蒙版。

图层不透明度改为38%,建新层,画2个圆角矩形,颜色#07387a,位置中心对齐。

  放大镜的表盘制作完成,下面制作手柄,建新层,用钢笔画下图所示形状,填充黑色。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091810.jpg[/img]
添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091811.jpg[/img]
同样方法制作另一个金属部分,效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091812.jpg[/img]
建新层,用钢笔画出手柄形状,填充黑色。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091813.jpg[/img]
添加图层样式。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091814.jpg[/img]
效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091815.jpg[/img]
建新层,用钢笔画出高光区域,填充#a5a5a5。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091816.jpg[/img]
添加一个阴影,效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110316/11091817.jpg[/img]
同样方法制作出缩小图标,最终效果如下。
[img]http://www.wzsky.net/img/uploadimg/20110316/1109180.jpg[/img]
  
1条评分电魂+3
taofurong 电魂 +3 优秀文章,支持!n神马都是浮云 2011-03-17
离线taofurong

发帖
9930
今日发帖
最后登录
2015-07-10
只看该作者 沙发  发表于: 2011-03-17 10:03:04
优秀教材 谢谢分享
☆☆☆閃電聯盟歡迎您☆☆☆
联系QQ:3329682   86967111
离线曹刘

发帖
8297
今日发帖
最后登录
2016-07-27
只看该作者 板凳  发表于: 2011-03-18 10:12:41
方法真不错!