Photoshop设计制作出绚丽的飞翔金色叠加光束
程序员文章站
2022-11-23 22:00:29
效果图看上去是一个整体,其实是由很多细小的光束构成,制作之前需要先分析清楚。然后由底层开始慢慢渲染,很多光束并不是一步就可以画好,需要逐层叠加。最终效果1、光束可以分为两层,我们先来制作底层的效果...
效果图看上去是一个整体,其实是由很多细小的光束构成,制作之前需要先分析清楚。然后由底层开始慢慢渲染,很多光束并不是一步就可以画好,需要逐层叠加。
最终效果
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEwODA3OC5qcGc=)
1、光束可以分为两层,我们先来制作底层的效果,如下图。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEwNTAzNi5qcGc=)
<图1>
2、新建一个1000 * 700像素,分辨率为72的文档,背景填充黑色。新建一个图层,用矩形选框工具在右侧拉出下图所示的选区,并填充黑色。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEwMTQ5NC5qcGc=)
<图2>
3、在背景图层上面新建一个组,用钢笔勾出光束的总体轮廓,转为选区后给组添加图层蒙版,如下图。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEwNTk3OC5qcGc=)
<图3>
4、在组里新建一个图层,填充橙黄色作为底色。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEwNjk1MC5qcGc=)
<图4>
5、新建一个图层,用钢笔勾出顶部的暗部区域,羽化3个像素后填充暗红色。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExNTk0OS5qcGc=)
<图5>
6、新建一个图层,用钢笔勾出一个比暗部稍小的选区,羽化2个像素后填充稍亮的暗红色。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExMjkwNy5qcGc=)
<图6>
7、新建一个图层,再用钢笔勾出一个稍小的选区,羽化1个像素后填充橙黄色,取消选区后添加图层蒙版,用黑色画笔把右侧边缘的过渡擦出来,如下图。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExNDg1MC5qcGc=)
<图7>
8、新建一个图层,按ctrl + alt + g 创建剪贴蒙版,用钢笔勾出下图所示的选区,羽化1个像素后填充淡黄色作为高光。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExMjA5Mi5qcGc=)
<图8>
9、新建图层,同上的方法添加几条散乱的高光,如图9,10。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExOTgwNi5qcGc=)
<图9>
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzExODUyMC5qcGc=)
<图10>
10、新建一个图层,用钢笔勾出顶部边缘的暗部选区,羽化1个像素后填充黄褐色如图11。取消选区后按住alt键添加图层蒙版,用白色画笔把中间部分涂出来,效果如图12。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEyNDk3OC5qcGc=)
<图11>
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEyMjIyMC5qcGc=)
<图12>
11、新建一个图层,再给中间及边缘增加一点高光及暗部,效果如图13 - 15。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEyNDE2My5qcGc=)
<图13>
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEyNDYzNC5qcGc=)
<图14>
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEyMTA5Mi5qcGc=)
<图15>
12、把当前组复制一层,然后把组副本中的图层都删除,如下图。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEzOTc3Ny5qcGc=)
<图16>
13、现在来制作第二层的高光及暗部。新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充暗红色。
![Photoshop设计制作出绚丽的飞翔金色叠加光束 Photoshop设计制作出绚丽的飞翔金色叠加光束](/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxODExMDYvYl8wXzIwMTgxMTA2MTYwMzEzNjUxOC5qcGc=)
<图17>
最终效果
1、光束可以分为两层,我们先来制作底层的效果,如下图。
<图1>
2、新建一个1000 * 700像素,分辨率为72的文档,背景填充黑色。新建一个图层,用矩形选框工具在右侧拉出下图所示的选区,并填充黑色。
<图2>
3、在背景图层上面新建一个组,用钢笔勾出光束的总体轮廓,转为选区后给组添加图层蒙版,如下图。
<图3>
4、在组里新建一个图层,填充橙黄色作为底色。
<图4>
5、新建一个图层,用钢笔勾出顶部的暗部区域,羽化3个像素后填充暗红色。
<图5>
6、新建一个图层,用钢笔勾出一个比暗部稍小的选区,羽化2个像素后填充稍亮的暗红色。
<图6>
7、新建一个图层,再用钢笔勾出一个稍小的选区,羽化1个像素后填充橙黄色,取消选区后添加图层蒙版,用黑色画笔把右侧边缘的过渡擦出来,如下图。
<图7>
8、新建一个图层,按ctrl + alt + g 创建剪贴蒙版,用钢笔勾出下图所示的选区,羽化1个像素后填充淡黄色作为高光。
<图8>
9、新建图层,同上的方法添加几条散乱的高光,如图9,10。
<图9>
<图10>
10、新建一个图层,用钢笔勾出顶部边缘的暗部选区,羽化1个像素后填充黄褐色如图11。取消选区后按住alt键添加图层蒙版,用白色画笔把中间部分涂出来,效果如图12。
<图11>
<图12>
11、新建一个图层,再给中间及边缘增加一点高光及暗部,效果如图13 - 15。
<图13>
<图14>
<图15>
12、把当前组复制一层,然后把组副本中的图层都删除,如下图。
<图16>
13、现在来制作第二层的高光及暗部。新建一个图层,用钢笔勾出下图所示的选区,羽化1个像素后填充暗红色。
<图17>
下一篇: AngularJS实现全选反选功能