这个3D立体发光箭头教程相当简单,所用的技法也是最为基础的,适合初学PS的朋友联系。先来看看最终效果:
![](/__local/0/A6/DA/5513193373A37425256F1D49E89_6974FB89_8460.jpg?e=.jpg)
效果图
在Photoshop中创建一个尺寸合适的新文件,填充上你喜欢的背景颜色,从工具箱的形状库里面挑选一个现成的箭头图案。
![](/__local/8/00/3A/B94A6CE15618B0735C10194E13C_CA52F434_80A8.jpg?e=.jpg)
图1
在背景上拖出现成的箭头形状图案,颜色没关系,运用了样式以后箭头的效果会跟着改变。
![](/__local/2/E2/C3/E62FEB32731D70142E6189587D4_83F65A36_4CD3.jpg?e=.jpg)
图2
将包含箭头的图层命名为“TOP ARROW”。选择移动工具,按住Alt键,然后轮流按“下”方向键和“右”方向键大约20-40次,得到一个有厚度的立体的箭头。刚才的操作会产生很多图层,选择最上面的图层,然后按 “ctrl + e”多次,将刚才新建的图层合并,注意不要合并“TOP ARROW”层和背景层。将这个合并层取名为“bottom arrow ”,填充红色,并移到“TOP ARROW”层的下面。现在的图层面板上应该有三个图层,从上到下分别是“TOP ARROW”层、“bottom arrow”层、背景层。
![](/__local/0/61/89/9F45DFCAC30F409BC6D31244C2D_E9DB8230_5796.jpg?e=.jpg)
图3
现在给“top arrow”图层添加渐变样式,颜色设置如下图。
![](/__local/A/DB/5A/148FB2D2E6B841C90804C62DCE2_2331B713_B5C7.jpg?e=.jpg)
图4
给“bottom arrow”图层添加阴影图层样式。设置如下图。
![](/__local/1/FB/2B/95F9FF3F2CC890E577ED12740DF_74B39F16_807A.jpg?e=.jpg)
图5
![](/__local/5/FB/AB/D896E4191E8D4FBE89F3BCFD425_313F10D8_5DCB.jpg?e=.jpg)
图6
现在你的箭头应该是下图这个样子了。
![](/__local/D/CF/8F/B45809E6F35A913D53041273A94_AFE0D1E9_4B9A.jpg?e=.jpg)
图7
用钢笔工具创建一个如下图虚线所示的形状,转换为选区。
![](/__local/B/3A/09/73F296BA8688EECBEB2C06F24D0_D7C0FA0F_5443.jpg?e=.jpg)
图8
在“top arrow”层上面在创建一个新层,命名为 “shine top”,填充白色,将不透明度设置为20-22%。
![](/__local/5/BA/88/C19BA07DE0610E3BB220AF6387F_DF8C93EF_4D45.jpg?e=.jpg)
图9
对“bottom arrow”图层做同样的操作,这次我们用一个半圆选区就可以完成。如下图,仔细观察箭头的底部。
![](/__local/5/17/B9/211EFC233EADB7A92F9BA036669_48D99E04_4D65.jpg?e=.jpg)
图10
现在使用钢笔工具描绘下图的路径,用1像素的白色笔刷勾画路径,表现棱角的高光效果。
![](/__local/C/05/E4/4BCF9DF5301ABB5DC5453BDFA86_07399259_9710.jpg?e=.jpg)
图11
将白色线条的不透明度设置为60%左右,画面看起来更加柔和真实。
![](/__local/4/62/6E/2A84BFD8CD32245E0C2C7F7BE5E_1B92A863_4DCB.jpg?e=.jpg)
图12
用同样的方法描绘立体箭头上应该出现高光的棱角线。
![](/__local/9/9A/6A/DEDAE45D1C8D70C82B6ADEEC2FD_B3E8ABE0_4E55.jpg?e=.jpg)
图13
再用椭圆形状工具描绘两个白色的小长条椭圆,如图。
![](/__local/2/89/3A/7B052399A5BCF82DBB5490AD68A_1932AFE2_4F44.jpg?e=.jpg)
图14
选择彩带“滤镜 >模糊>高斯模糊”,模糊半径为 3 %左右。效果如下。
![](/__local/3/85/E9/FB1C6947360CEFDF9BA208A2A91_389D82DE_4FEB.jpg?e=.jpg)
图15
多做几个不同颜色的版本给大家看看最终效果。
![](/__local/0/A6/DA/5513193373A37425256F1D49E89_6974FB89_8460.jpg?e=.jpg)
图16