Home > Web Front-end > PS Tutorial > Photoshop设计制作出漂亮的彩色五角星光束

Photoshop设计制作出漂亮的彩色五角星光束

PHP中文网
Release: 2016-06-01 14:33:42
Original
1168 people have browsed it

单一的光束制作是比较简单的,不过用小的光束来组成一些好看的图形就要复杂很多,需要根据图形的形状去构思,然后构图再逐层铺色。

 最终效果

Photoshop设计制作出漂亮的彩色五角星光束


1、新建一个1024 * 768像素的文档,背景填充黑色,新建一个图层,用椭圆选框工具拉出下图所示的选区,羽化80个像素后填充暗紫色:#AB1E85,如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图1>
 
2、我们先来制作五角星的主体光束部分,需要完成的效果如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图2>

3、新建一个组,用钢笔勾出主体轮廓选区,然后给组添加图层蒙版,如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图3>

4、在组里新建一个图层,选择渐变工具,颜色设置如图4,然后由左至右拉出图5所示的线性渐变,确定后把图层不透明度改为:70%。

Photoshop设计制作出漂亮的彩色五角星光束
<图4>

Photoshop设计制作出漂亮的彩色五角星光束
<图5>
 
5、新建一个图层,用钢笔勾出右上角暗部选区,羽化30个像素后填充暗红色:#79245C。

Photoshop设计制作出漂亮的彩色五角星光束
<图6>

6、新建一个图层,用钢笔勾出底部暗部选区,羽化30个像素后填充暗紫色:#5C2659,如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图7>

7、新建一个图层,用钢笔勾出右上角的边缘高光选区,羽化5个像素后拉上红色至橙色线性渐变。取消选区后天就图层蒙版,用黑色画笔把边缘过渡的部分擦出来,如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图8>

8、新建一个图层,用钢笔勾出左下角暗部选区,羽化40个像素后填充暗蓝色。

Photoshop设计制作出漂亮的彩色五角星光束
<图9>
 
9、新建一个图层,用钢笔勾出左下角中间部分的高光选区,填充紫色,取消选区后添加图层蒙版,用黑色画笔把边缘部分涂抹一下,然后再加强一下亮度,如图10,11。

Photoshop设计制作出漂亮的彩色五角星光束
<图10>

Photoshop设计制作出漂亮的彩色五角星光束
<图11>

10、新建一个图层,用钢笔勾出底部边缘高光选区,羽化2个像素后拉上紫色至橙黄色线性渐变,局部需要用蒙版控制过渡。

Photoshop设计制作出漂亮的彩色五角星光束
<图12>

11、新建一个图层,用钢笔勾出下图所示的选区,顶部边缘部分用画笔涂上橙红色,如下图。

Photoshop设计制作出漂亮的彩色五角星光束
<图13>
 
12、新建一个图层,用钢笔勾出左边高光选区,填充紫色,边缘部分涂上白色高光,如图14,15。

Photoshop设计制作出漂亮的彩色五角星光束
<图14>

Photoshop设计制作出漂亮的彩色五角星光束
<图15>

13、新建一个图层,用钢笔勾出右下角内侧高光选区,羽化6个像素后填充橙红色,边缘部分再增加一下橙红色,如图16,17。

Photoshop设计制作出漂亮的彩色五角星光束
<图16>

Photoshop设计制作出漂亮的彩色五角星光束
<图17>
 
14、新建一个图层,同上的方法制作右上角边缘的两条小光束,过程如图18,19。

Photoshop设计制作出漂亮的彩色五角星光束
<图18>

Photoshop设计制作出漂亮的彩色五角星光束
<图19>

15、新建一个图层,用钢笔勾出右侧边缘的光束选区,填充黄色,适当降低图层不透明度。然后新建图层再制作边缘高光部分,过程如图20 - 22。

Photoshop设计制作出漂亮的彩色五角星光束
<图20>

Photoshop设计制作出漂亮的彩色五角星光束
<图21>

Photoshop设计制作出漂亮的彩色五角星光束
<图22>
 
16、新建一个图层,同上的方法制作其它的高光部分,如图23,24。

Photoshop设计制作出漂亮的彩色五角星光束
<图23>

Photoshop设计制作出漂亮的彩色五角星光束
<图24>

17、新建一个组,在组里新建一个图层,同上的方法制作顶部的一些小光束,过程如图25 - 27。

Photoshop设计制作出漂亮的彩色五角星光束
<图25>

Photoshop设计制作出漂亮的彩色五角星光束
<图26>

Photoshop设计制作出漂亮的彩色五角星光束
<图27>
 
18、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数设置如图28,效果如图29。

Photoshop设计制作出漂亮的彩色五角星光束
<图28>

Photoshop设计制作出漂亮的彩色五角星光束
<图29>

最后微调一下细节,完成最终效果。

Photoshop设计制作出漂亮的彩色五角星光束

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template