侯婉容 发表于 2013-11-27 10:22:16

photoshop打造超酷的3D图标

简介:本例中我们利用photoshop制作一款超酷的3D风格图标,这种立体感表现方式非常酷,喜欢这种图标效果的朋友们不要错过了.
先看一下完成效果图:

第1步：创建文件，之后选取矩形工具(U)半径为30px
第2步：选取标尺(ctrl+R);拖两条辅助线，吧矩形平均一分为四.

第3步：选取矩形工具，色彩为红色：

第4步：载入圆角矩形选区，反选(shift+ctrl+i)选取矩形层，删除多余部分;重复过程3次


第5步：创建层，选取钢笔工具(P)做一小图标见图

第6步：重复层3次，见图

                                                           
      第7步：载入小图标选区，之后选取相对应的矩形删除、拼合;见图：

第8步：选取图层样式，做一下设定：





第9步：拷贝全部图层，拼合副本层，见图：

                               
      第10步：选取变换工具(ctrl+T)效果见图：



第11步：选取加深、减淡工具给矩形价反光效果，
第12步：载入选区，创建层填充红色，朝下拖动20px ; 悬着图层样式 >渐变 ，见图：


第13步：创建层选取选区工具(M)新建一条矩形选区，选取变换(ctrl+T)斜切，加图层样式 > 渐变，效果见图:



第14步：做个倒影

谭濡霈 发表于 2013-11-27 10:45:27

我是个凑数的。。。

通菁英 发表于 2013-11-28 15:56:02

不错 支持一个了

支玉环 发表于 2013-11-29 07:11:26

回个帖子，下班咯~

全雪戈 发表于 2013-11-30 06:27:33

支持楼主，用户楼主，楼主英明呀！！！

殳隽洁 发表于 2014-3-13 13:22:35

前排，哇咔咔

颜向晨 发表于 2014-3-14 10:54:49

我也是坐沙发的

巴妍 发表于 2014-4-4 17:40:53

呵呵，低调，低调！

景绮玉 发表于 2014-4-7 19:22:52

有空一起交流一下

班斯琪 发表于 2014-4-9 17:56:38

顶起顶起顶起

於秋芳 发表于 2014-4-15 14:38:05

学习下

那安娴 发表于 2024-12-10 08:24:55

前排顶，很好！

郦幻香 发表于 2024-12-12 15:24:35

沙发位出租，有意请联系电话：138XXXXXXXX

郦幻香 发表于 2025-3-10 17:30:52

小白一个 顶一下

卫梦云 发表于 2025-3-19 15:48:10

回个帖子，下班咯~

袁淳雅 发表于 2025-4-12 20:09:00

专业抢沙发的！哈哈

鱼柔妙 发表于 2025-5-5 22:25:44

支持支持再支持

邬世韵 发表于 2025-5-21 20:00:14

顶起出售广告位

尉迟琴雪 发表于 7 天前

路过的帮顶
页: [1]
查看完整版本: photoshop打造超酷的3D图标