当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop绘制晶莹透明的蓝色箭头图标

Photoshop
Photoshop CS3入门:动画面板怎么打开
PS教程:为网页制作一个漂亮的文件夹图标
Photoshop教程:紫红色调学生妹妹
Photoshop鼠绘和蔼可亲的老奶奶
Photoshop教程:性感红发美女
Photoshop入门教程:图层混合模式
初学者想学习Photoshop的几个途径
Photoshop教程:制作简洁的蓝色导航框
Photoshop制作网站教程:简洁商业网站
Photoshop实例教程:设计商业数码网站
PS曲线为照片快速美白实例教程
PhotoShop曲线给偏色照片校正色彩
Photoshop经典教程:照片转手绘教程
Photoshop实例:创建常见的网站导航按钮
PS把PSD网站模板切图为XHTML+CSS的网页
Photoshop调色教程:性感美女靓丽质感肌肤
Photoshop绘制精美质感的电视机图标
PS抠图实例:红色婚纱照片抠图教程
Photoshop制作DVD电影商店网站模板
Photoshop教程:简洁的有光泽的网站导航

Photoshop绘制晶莹透明的蓝色箭头图标


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 314 ::
收藏到网摘: n/a

本教程的图形制作方法非常简单,只需要用钢笔工具勾出图形的路径填充颜色,再稍微加上高光及暗调,并配上一些小装饰元素就可以了。
最终效果

Photoshop绘制晶莹透明的蓝色箭头图标_webjx

1、新建一个500 * 500像素的文件,背景填充白色,把前景颜色设置为蓝色:#008DD7,新建一个图层,选择圆角矩形工具,半径设置为20,然后拉出图1所示的圆角矩形。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图1>

2、把圆角矩形复制一层,按Ctrl + T稍微把角度调成45度,如图2。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图2>

3、同样的方法制作箭头的另一边。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图3>

4、把原圆角矩形的右边稍微拉大一点,箭头部分就基本做出来了,然后把这三个图层合并为一个图层,命名为“箭头”。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图4>

5、选择渐变工具,颜色设置如图5,然后锁定“箭头”图层,由右向左拉径向渐变,效果如图6。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图5>

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图6>

6、把“箭头”图层复制一层,选择钢笔工具勾出图7所示的选区,按Ctrl + Shift + I反选,按Delete删除,取消选区后按Ctrl + M稍微调暗一点,效果如图8。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图7>

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图8>

7、同样的方法制作出尾部的高光,如图9。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图9>

8、新建一个图层,用钢笔工具勾出图10所示选区,填充白色,然后加上图层蒙版把两端用黑色画笔涂成办透明效果,如图11。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图10>

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图11>

9、按Ctrl点图层面板“箭头”图层缩略图,调出箭头选区,然后在背景图层上面新建一个图层,执行:选择 > 修改 > 扩展,数值为8,确定后填充颜色:#008DD7,效果如图13。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图12>

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图13>

10、把刚才的图层复制一层,稍微调亮一点,再向前移动一点距离效果如图14。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图14>

11、加上高光,方法与上面类色,效果如图15。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图15>

12、再背景图层上面新建一个图层,用钢笔工具勾出装饰的蓝色尾巴,如图16。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图16>

13、再最上面新建一个图层,制作一些半透明的小圆点,再整体调整一下细节,完成最终效果。

Photoshop绘制晶莹透明的蓝色箭头图标_webjx
<图17>