当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:制作光亮质感炫彩图标

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教程:制作光亮质感炫彩图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-01   浏览: 175 ::
收藏到网摘: n/a

  这是翻译Richard Carpenter的文章

  效果图:

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

  创建一个800×600的文档,用简单的渐变工具制作太阳发光的效果

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

  选择半径为15px的圆角矩形工具,转换类型为“形状图层”,如图

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  使用“形状图层”画出如图的形状

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  再添加如下图层样式

  内阴影(模式:正常)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  渐变叠加(模式:正常,样式:线性)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  描边(位置:外部,模式:正常,填充类型:颜色)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  选择矩形形状工具,类型为“形状图层”

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  如图画出一个矩形

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  设置图层样式

  内阴影(模式:正片叠底)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  渐变叠加(模式:正常,样式:线性)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  描边(位置:外部,模式:正常,填充类型:颜色)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  新建一个600×600的文档,背景透明,用椭圆工具再按住SHIFT画尽可能大的圆,填充黑色

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  在混合选项设置不透明度50%

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  描边(位置:外部,模式:正常,填充类型:颜色)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  编辑>定义画笔预设,存储为“散景”,回到刚刚制作的图层,选择画笔,找到刚定义的画笔样式,进行设置。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  按F5使用下面的设置增加画笔样式

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  用画笔工具在内部矩形自由的画,但是保证圆圈在矩形内部,如果在外部就反选,然后按DELETE键,然后执行

  滤镜 >模糊> 高斯模糊,半径设为3px

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  新建一个图层,重复这个过程,并设置图层不透明度50%,使用下面的设置制作外发光

  外发光(模式:滤色,方式:柔和)

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  又重复上面的过程,设置图层不透明度75%

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  用钢笔工具制作如下面的路径

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  用白色填充路径,在这个图层上,然后删除内部矩形外面的部分。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

  重设前景色和背景色,用线性渐变工具,从底部向上拖。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  用矩形选取工具在环绕周围的底部制作黑色填充的矩形。

  然后执行滤镜 >模糊> 高斯模糊,半径设为6px

  设置该层的不透明度50%,再去掉左右端多余的部分。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  选择除了背景的图层,合并所有复制的图层,放这个图层在第一个图标的后面,自由变换这个图层,稍微旋转

  一定的角度。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网

 

  在复制几个,变换,就制作好了。

  

Photoshop教程:制作光亮质感炫彩图标_软晨学习网