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

Photoshop
Photoshop照片调色:古典色调怀旧美女
Photoshop图层错位制作立体透视文字
Photoshop滤镜制作熔岩纹理字
Photoshop文字特效:酷酷的燃烧火焰字
Photoshop滤镜制作逼真的雨花石
Photoshop图层叠加提高图片对比度
Photoshop简单制作立体绿色实用图标
Photoshop文字特效设计的10个技巧
Photoshop教程:图层样式应用和图片反相
Photoshop制作圣诞节欢乐GIF动画
Photoshop制作创意美女按钮
Photoshop快速蒙版和橡皮擦工具抠图
Photoshop简单制作漂亮的流光动画
Photoshop婚纱照片添加动感效果
Photoshop修复暗光照片实例
Photoshop透明玻璃的抠图四则方法
Photoshop美容:真实感细腻美容教程
PS CS4内容识别比例工具实现无损剪裁
Photoshop恶搞丘比特之邪恶箭
Photoshop为MM照片精细美白磨皮教程

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


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