Photoshop鼠绘手绘教程:Web2.0按钮图标

作者:佚名 出处: 最终效果: 新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。 此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标变换选区 选择渐变工具

ps精美的圆形仪表指针图标制作教程

在这一篇教程里,我将利用各种photoshop 图层 样式 展示一个图标绘制的详细过程,那么马上开始了。 先来看看效果图吧: 1.创建一个时尚和丰富多彩的纹理和镀铬渐变斜面框架。 首先是最大和最详细的版本排在256x256px,然后逐步扩展到128px,64px,48px和32px,每个细节


作者:佚名   出处:
Photoshop鼠绘手绘教程:Web2.0按钮图标插图

最终效果:

Photoshop鼠绘手绘教程:Web2.0按钮图标插图(1)

新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。

Photoshop鼠绘手绘教程:Web2.0按钮图标插图(2)

此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(3)

选择渐变工具,样式为线性渐变,颜色仍为深灰至白色,方向与第一步做的相反(如果第一步是从上至下,那么现在就是从下至上)
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(4)

新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(5)

 


新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(6)

渐变样式选择径向,从选区底部向上拖出。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(7)

保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(8)

将此图层混合模式设为柔光
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(9)

新建图层。按住ctrl键,鼠标点击深蓝色图层,出现深蓝色图层选区,填充黑色。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(10)

 


选择——修改——收缩
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(11)

羽化5像素左右。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(12)

按delete键删除。制作出内阴影效果。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(13)

新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(14)

将此图层不透明度设为70%
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(15)

输入文字,添加投影样式。

 


Photoshop鼠绘手绘教程:Web2.0按钮图标插图(16)

 

最终效果:
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(1)




作者:佚名   出处:
Photoshop鼠绘手绘教程:Web2.0按钮图标插图

最终效果:

Photoshop鼠绘手绘教程:Web2.0按钮图标插图(1)

新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。

Photoshop鼠绘手绘教程:Web2.0按钮图标插图(2)

此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(3)

选择渐变工具,样式为线性渐变,颜色仍为深灰至白色,方向与第一步做的相反(如果第一步是从上至下,那么现在就是从下至上)
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(4)

新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(5)

 


新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(6)

渐变样式选择径向,从选区底部向上拖出。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(7)

保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(8)

将此图层混合模式设为柔光
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(9)

新建图层。按住ctrl键,鼠标点击深蓝色图层,出现深蓝色图层选区,填充黑色。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(10)

 


选择——修改——收缩
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(11)

羽化5像素左右。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(12)

按delete键删除。制作出内阴影效果。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(13)

新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果。
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(14)

将此图层不透明度设为70%
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(15)

输入文字,添加投影样式。

 


Photoshop鼠绘手绘教程:Web2.0按钮图标插图(16)

 

最终效果:
Photoshop鼠绘手绘教程:Web2.0按钮图标插图(1)



作者: 791650988

为您推荐