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

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

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


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