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

Photoshop
网页界面设计展示 逼真的效果让人叹为观止
祈福:插画师用画笔绘5.12地震主题插画(2)
六一礼物 Photoshop绘儿童节贺卡
端午节快乐 Photoshop打造节日礼物
端午节作品欣赏
展示2008奥运会门票票样组图
photoshop+Illustrator制作地狱火文字
PS作品欣赏:你能分辨出真假吗?
photoshop背景橡皮扣图实例
北京奥运夺金热门人选PS电影海报
变形金刚早期感念造型作品欣赏
photoshop+绘影2数位板绘成熟美女头像
作品欣赏:猪猪猫猫的生活日记
Photoshop入门教程:制作虚线的方法
Photoshop简单制作网页实用绿色箭头
广告条图片设计的几个步骤
Photoshop教程:绘制现代感CD封面
Photoshop图层样式制作照片金光闪闪效果
Photoshop CS4最新窗口截图
作品欣赏:黑色视觉中的红色惊艳

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 644 ::
收藏到网摘: 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