photoshop制作网站常用RSS图标实例(3)

先看一下最终效果。 首先,打开photoshop新建一个文件 (文件 新建) 大小为 512×512px分辨率为72 dpi.使用椭圆工具(U)画一个椭圆如下图。 图层填充设置为 0% 。 然后执行: 混合选项 渐变叠加,选择径向渐变,渐变黑

精致圆形图标按钮

精致圆形图标按钮 1.jpg (25.73 KB) 2007-7-13 08:01 527.jpg (56.66 KB) 2007-7-13 08:01 528.jpg (31.51 KB) 2007-7-13 08:01 529.jpg (81.23 KB) 2007-7-13 08:01 530.jpg (37.26 KB) 2007-7-13 08:01 531.jpg (

先看一下最终效果。


photoshop制作网站常用RSS图标实例(3)插图

首先,打开photoshop新建一个文件 (文件 新建) 大小为 512×512px分辨率为72 dpi.使用椭圆工具(U)画一个椭圆如下图。

photoshop制作网站常用RSS图标实例(3)插图(1)

图层填充设置为 0% 。

photoshop制作网站常用RSS图标实例(3)插图(2)

然后执行: 混合选项 渐变叠加,选择径向渐变,渐变黑色到透明,参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(3)

得到的效果如下,这将作为图标的阴影。

photoshop制作网站常用RSS图标实例(3)插图(4)

. 还是使用椭圆工具,同时摁住shift,画出来的就是正圆,, 混合选项-颜色 :颜色设置为 #F36523

photoshop制作网站常用RSS图标实例(3)插图(5)

,执行 混合选项 内阴影 参数设置如下。 混合选项 描边 参数设置如下 图层填充设置为0% ,效果如下 下一步,我们再绘制一个圆形。如下

执行混合选项 内阴影 参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(6)

混合选项 描边参数设置如下

photoshop制作网站常用RSS图标实例(3)插图(7)

图层填充设置为0%,效果如下

photoshop制作网站常用RSS图标实例(3)插图(8)

下一步,我们再绘制一个圆形。如下

photoshop制作网站常用RSS图标实例(3)插图(9)

,为这一层执行: 混合选项 渐变叠加 参数如下 渐变参数:如下, 设置图层填充为 0% 现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A ) 来修改一下形状,如下图。 执行:混合选项 内发光 设置

为这一层执行: 混合选项 渐变叠加 参数如下

photoshop制作网站常用RSS图标实例(3)插图(10)

渐变参数:如下,设置图层填充为0%

photoshop制作网站常用RSS图标实例(3)插图(11)

现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A)来修改一下形状,如下图。

photoshop制作网站常用RSS图标实例(3)插图(12)

执行:混合选项 内发光

photoshop制作网站常用RSS图标实例(3)插图(13)

设置图层填充为0%. 这样我们的图标就有了几层高光层了。

photoshop制作网站常用RSS图标实例(3)插图(14)

,我们再绘制一个圆形,颜色填充为 #F36523 选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。 图层混合模式设置为叠加,填充度为60%。 这使

我们再绘制一个圆形,颜色填充为#F36523

photoshop制作网站常用RSS图标实例(3)插图(15)

选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。

photoshop制作网站常用RSS图标实例(3)插图(16)

图层混合模式设置为“叠加”,填充度为60%。

photoshop制作网站常用RSS图标实例(3)插图(17)

这使得图标有了半个阴影。

photoshop制作网站常用RSS图标实例(3)插图(18)

接下来,使用椭圆工具(U) 绘制两个大小不一的圆形.颜色设置为 #FEDB8A

photoshop制作网站常用RSS图标实例(3)插图(19)

,接下来我们使用 圆角矩形工具 (U) ( 半径设置为30 px) 用来绘制弯曲的曲线 1. 使用圆角矩形绘制如图1 2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。 修改成如下形状。 执

接下来我们使用 圆角矩形工具 (U) (半径设置为30 px) 用来绘制弯曲的曲线

1. 使用圆角矩形绘制如图1

2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。

photoshop制作网站常用RSS图标实例(3)插图(20)

修改成如下形状。

photoshop制作网站常用RSS图标实例(3)插图(21)

执行 混合选项 渐变叠加

photoshop制作网站常用RSS图标实例(3)插图(22)

编辑渐变条

photoshop制作网站常用RSS图标实例(3)插图(23)

效果如下。

photoshop制作网站常用RSS图标实例(3)插图(24)

接下来我们再绘制一个比上一个大一点,的形状,然后就大功告成了!

photoshop制作网站常用RSS图标实例(3)插图

作者:chi翻译      出处:chi’s visual   
接下来我们使用 圆角矩形工具 (U) (半径设置为30 px) 用来绘制弯曲的曲线

1. 使用圆角矩形绘制如图1

2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。

photoshop制作网站常用RSS图标实例(3)插图(20)

修改成如下形状。

photoshop制作网站常用RSS图标实例(3)插图(21)

执行 混合选项 渐变叠加

photoshop制作网站常用RSS图标实例(3)插图(22)

编辑渐变条

photoshop制作网站常用RSS图标实例(3)插图(23)

效果如下。

photoshop制作网站常用RSS图标实例(3)插图(24)

接下来我们再绘制一个比上一个大一点,的形状,然后就大功告成了!

photoshop制作网站常用RSS图标实例(3)插图

作者:chi翻译      出处:chi’s visual   先看一下最终效果。


photoshop制作网站常用RSS图标实例(3)插图

首先,打开photoshop新建一个文件 (文件 新建) 大小为 512×512px分辨率为72 dpi.使用椭圆工具(U)画一个椭圆如下图。

photoshop制作网站常用RSS图标实例(3)插图(1)

图层填充设置为 0% 。

photoshop制作网站常用RSS图标实例(3)插图(2)

然后执行: 混合选项 渐变叠加,选择径向渐变,渐变黑色到透明,参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(3)

得到的效果如下,这将作为图标的阴影。

photoshop制作网站常用RSS图标实例(3)插图(4)

. 还是使用椭圆工具,同时摁住shift,画出来的就是正圆,, 混合选项-颜色 :颜色设置为 #F36523

photoshop制作网站常用RSS图标实例(3)插图(5)

,执行 混合选项 内阴影 参数设置如下。 混合选项 描边 参数设置如下 图层填充设置为0% ,效果如下 下一步,我们再绘制一个圆形。如下

执行混合选项 内阴影 参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(6)

混合选项 描边参数设置如下

photoshop制作网站常用RSS图标实例(3)插图(7)

图层填充设置为0%,效果如下

photoshop制作网站常用RSS图标实例(3)插图(8)

下一步,我们再绘制一个圆形。如下

photoshop制作网站常用RSS图标实例(3)插图(9)

,为这一层执行: 混合选项 渐变叠加 参数如下 渐变参数:如下, 设置图层填充为 0% 现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A ) 来修改一下形状,如下图。 执行:混合选项 内发光 设置

为这一层执行: 混合选项 渐变叠加 参数如下

photoshop制作网站常用RSS图标实例(3)插图(10)

渐变参数:如下,设置图层填充为0%

photoshop制作网站常用RSS图标实例(3)插图(11)

现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A)来修改一下形状,如下图。

photoshop制作网站常用RSS图标实例(3)插图(12)

执行:混合选项 内发光

photoshop制作网站常用RSS图标实例(3)插图(13)

设置图层填充为0%. 这样我们的图标就有了几层高光层了。

photoshop制作网站常用RSS图标实例(3)插图(14)

,我们再绘制一个圆形,颜色填充为 #F36523 选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。 图层混合模式设置为叠加,填充度为60%。 这使

我们再绘制一个圆形,颜色填充为#F36523

photoshop制作网站常用RSS图标实例(3)插图(15)

选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。

photoshop制作网站常用RSS图标实例(3)插图(16)

图层混合模式设置为“叠加”,填充度为60%。

photoshop制作网站常用RSS图标实例(3)插图(17)

这使得图标有了半个阴影。

photoshop制作网站常用RSS图标实例(3)插图(18)

接下来,使用椭圆工具(U) 绘制两个大小不一的圆形.颜色设置为 #FEDB8A

photoshop制作网站常用RSS图标实例(3)插图(19)

,接下来我们使用 圆角矩形工具 (U) ( 半径设置为30 px) 用来绘制弯曲的曲线 1. 使用圆角矩形绘制如图1 2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。 修改成如下形状。 执先看一下最终效果。


photoshop制作网站常用RSS图标实例(3)插图

首先,打开photoshop新建一个文件 (文件 新建) 大小为 512×512px分辨率为72 dpi.使用椭圆工具(U)画一个椭圆如下图。

photoshop制作网站常用RSS图标实例(3)插图(1)

图层填充设置为 0% 。

photoshop制作网站常用RSS图标实例(3)插图(2)

然后执行: 混合选项 渐变叠加,选择径向渐变,渐变黑色到透明,参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(3)

得到的效果如下,这将作为图标的阴影。

photoshop制作网站常用RSS图标实例(3)插图(4)

. 还是使用椭圆工具,同时摁住shift,画出来的就是正圆,, 混合选项-颜色 :颜色设置为 #F36523

photoshop制作网站常用RSS图标实例(3)插图(5)

,执行 混合选项 内阴影 参数设置如下。 混合选项 描边 参数设置如下 图层填充设置为0% ,效果如下 下一步,我们再绘制一个圆形。如下

执行混合选项 内阴影 参数设置如下。

photoshop制作网站常用RSS图标实例(3)插图(6)

混合选项 描边参数设置如下

photoshop制作网站常用RSS图标实例(3)插图(7)

图层填充设置为0%,效果如下

photoshop制作网站常用RSS图标实例(3)插图(8)

下一步,我们再绘制一个圆形。如下

photoshop制作网站常用RSS图标实例(3)插图(9)

,为这一层执行: 混合选项 渐变叠加 参数如下 渐变参数:如下, 设置图层填充为 0% 现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A ) 来修改一下形状,如下图。 执行:混合选项 内发光 设置

为这一层执行: 混合选项 渐变叠加 参数如下

photoshop制作网站常用RSS图标实例(3)插图(10)

渐变参数:如下,设置图层填充为0%

photoshop制作网站常用RSS图标实例(3)插图(11)

现在我们要来绘制另外一个圆形, 但是这个圆我们需要使用 直接选择工具(A)来修改一下形状,如下图。

photoshop制作网站常用RSS图标实例(3)插图(12)

执行:混合选项 内发光

photoshop制作网站常用RSS图标实例(3)插图(13)

设置图层填充为0%. 这样我们的图标就有了几层高光层了。

photoshop制作网站常用RSS图标实例(3)插图(14)

,我们再绘制一个圆形,颜色填充为 #F36523 选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。 图层混合模式设置为叠加,填充度为60%。 这使

我们再绘制一个圆形,颜色填充为#F36523

photoshop制作网站常用RSS图标实例(3)插图(15)

选中这一层,选中矢量图层蒙版,然后再使用椭圆工具同时摁住Alt键,这是光标会显示一个减号,减去大半个圆,剩下一个月牙形。

photoshop制作网站常用RSS图标实例(3)插图(16)

图层混合模式设置为“叠加”,填充度为60%。

photoshop制作网站常用RSS图标实例(3)插图(17)

这使得图标有了半个阴影。

photoshop制作网站常用RSS图标实例(3)插图(18)

接下来,使用椭圆工具(U) 绘制两个大小不一的圆形.颜色设置为 #FEDB8A

photoshop制作网站常用RSS图标实例(3)插图(19)

,接下来我们使用 圆角矩形工具 (U) ( 半径设置为30 px) 用来绘制弯曲的曲线 1. 使用圆角矩形绘制如图1 2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。 修改成如下形状。 执

接下来我们使用 圆角矩形工具 (U) (半径设置为30 px) 用来绘制弯曲的曲线

1. 使用圆角矩形绘制如图1

2. 使用钢笔添加锚点工具在图1的中间位置上下各加入一个锚点,使用直接选择工具调整形状。

photoshop制作网站常用RSS图标实例(3)插图(20)

修改成如下形状。

photoshop制作网站常用RSS图标实例(3)插图(21)

执行 混合选项 渐变叠加

photoshop制作网站常用RSS图标实例(3)插图(22)

编辑渐变条

photoshop制作网站常用RSS图标实例(3)插图(23)

效果如下。

photoshop制作网站常用RSS图标实例(3)插图(24)

接下来我们再绘制一个比上一个大一点,的形状,然后就大功告成了!

photoshop制作网站常用RSS图标实例(3)插图

作者:chi翻译      出处:chi’s visual   

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部