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

Photoshop
Photoshop教程:制作照片局部焦点相框
Photoshop画笔制作性感美女梦想特效
PS自定义图案和蒙版为照片添加好看网格
Photoshop入门:制作照片轮廓线描特效
Photoshop入门实例:真实的白云绿草地
Photoshop处理照片:花卉照片添加光线
Photoshop实例教程:速度足球
Photoshop实例:绘制精致的高光泽小锁图标
Photoshop入门实例:光泽的网页Enter按钮
PS教程:性感美女头发轻松变色
Photoshop文字特效教程:旧黄金特效字
Photoshop教程:制作夜上海俱乐部灯光文字
Photoshop合成照片:神秘的古堡
Photoshop笔刷下载:令人惊奇的PS笔刷
Photoshop绘制高光感的方形购物网页按钮
参考:优秀Logo设计思想分析
Photoshop放大照片但照片质量不降低
Photoshop文字制作教程:金属质感的文字
Photoshop实例:绘制漂亮宇宙星球
PS实例教程:模糊美女变真实清晰

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


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