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

Photoshop
Photoshop鼠绘:栩栩如生的鹦鹉
Photoshop文字特效:彩色镀铬文字
Photoshop调色:银色皮肤冷酷美女模特
Photoshop磨皮教程:长发飘逸美女美白
Photoshop合成鹰头战士守候的仙境
Photoshop入门实例:滤镜制作旋风特效
PS教程:为魔兽游戏角色添加光束特效
PS调色教程:粉嫩色调美女宝贝
PS照片教程:使照片增加层次感
Photoshop照片处理:怀旧电影海边美女
PS调色磨皮修饰:长发飘扬女孩
Photoshop处理照片:仿手绘稚气帅哥
Photoshop CS4教程:Camera Raw 5插件
HDR效果照片Photoshop制作方法
Photoshop教程:旧的发黄顽皮女孩贺卡
PS教程:制作水泡向上滚动GIF动画
Photoshop钢笔绘制烂漫的爱情树
Photoshop鼠绘:绘制骆驼
PS磨皮教程:水当当肌肤的美女
PS教程:制作薯片形状文字特效

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


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