当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:简单制作3D图标

Photoshop
photoshop教程:路径完全精通手册之一体验
photoshop教程:路径完全精通手册之二概念
photoshop教程:路径完全精通手册之三节点定义
photoshop教程:路径完全精通手册之四路径控制面板
photoshop教程:路径完全精通手册之五快捷技巧
Photoshop教程:路径工具巧绘矢量卡通女孩与猫
Photoshop教程:巧用路径工具画皮鞋
Photoshop教程:路径工具绘制梦幻透明光影花叶
Photoshop打造超炫美的精灵之光
教你用Photoshop设计漂亮的包装袋
用Photoshop打造晶莹通透的玻璃杯
用Photoshop打造一只新鲜的桔子
Photoshop蒙板的初步理解
Photoshop基础教程:路径专辑
Photoshop绘制活泼灵动的梅花鹿
超级手绘教程:蜻蜓
Photoshop另类实用技巧:切网页
湿边画笔打造酷酷光效
制作酷酷宇宙光效
学PS基础:Photoshop 技能167个

Photoshop教程:简单制作3D图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 860 ::
收藏到网摘: n/a

photoshop制作3D图标,看看最终效果吧!

Photoshop教程:简单制作3D图标_RuanChen.Com

第1步:新建文件,然后选择矩形工具(U)半径为30px

第2步:选择标尺(ctrl+R);拉两条辅助线,吧矩形平均一分为四.

 Photoshop教程:简单制作3D图标_RuanChen.Com

第3步:选择矩形工具,颜色为红色:

Photoshop教程:简单制作3D图标_RuanChen.Com

第4步:载入圆角矩形选区,反选(shift+ctrl+i)选择矩形层,删除多余部分;重复步骤3次

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

第5步:新建层,选择钢笔工具(P)做一个小图标如图

 Photoshop教程:简单制作3D图标_RuanChen.Com

第6步:重复层3次,如图所示

Photoshop教程:简单制作3D图标_RuanChen.Com

第7步:载入小图标选区,然后选择相对应的矩形删除、合并;如图:

Photoshop教程:简单制作3D图标_RuanChen.Com

第8步:选择图层样式,做一下设置:

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

第9步:复制所有层,合并副本层,如图:

Photoshop教程:简单制作3D图标_RuanChen.Com

第10步:选择变换工具(ctrl+T)效果如图:

Photoshop教程:简单制作3D图标_RuanChen.Com

 

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

第11步:选择加深、减淡工具给矩形价反光效果,

第12步:载入选区,新建层填充红色,向下移动20px  ; 悬着图层样式 >渐变 ,如图:

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

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

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

Photoshop教程:简单制作3D图标_RuanChen.Com

第14步:做个倒影

Photoshop教程:简单制作3D图标_RuanChen.Com