Home > Web Front-end > PS Tutorial > body text

Photoshop设计制作出简洁的青蓝色光束组合壁纸

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

单一一条光束并不是很起眼,如果是一组边缘透明度的光束,每条形态不同,颜色也有很多变化,并有序的组合在一起,整体效果就会漂亮很多。 最终效果

Photoshop设计制作出简洁的青蓝色光束组合壁纸


1、新建一个壁纸大小的文档,这里选择的是:1024 * 768。背景填充黑色。新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区填充青色。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图1>
 
2、用钢笔勾出下图所示的选区,羽化10个像素后按Ctrl + J 把选区部分的色块复制到新的图层,不透明度改为:80%,把底部的色块隐藏,效果如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图2>

3、用钢笔勾出边缘的高光选区,羽化2个像素后按Ctrl + J 复制到新的图层,不透明度改为:100%,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图3>

4、新建一个图层,再来制作第二条光束。用钢笔勾出下图所示的选区并填充青色。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图4>
 
5、用钢笔勾出顶部的高光选区,羽化6个像素后按Ctrl + J 复制到新的图层,然后把底部的色块图层隐藏,效果如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图5>

6、用钢笔勾出边缘高光选区羽化2个像素后按Ctrl + J 复制到新的图层,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图6>

7、新建一个图层,开始制作第三条光束。用钢笔勾出下图所示的选区填充蓝色。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图7>
 
8、用钢笔勾出色块底部的局部,转为选区后羽化5个像素,按Ctrl + J 复制到新的图层,再把底部色块隐藏,效果如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图8>

9、再把边缘高光部分用钢笔勾出来,复制到新的图层后把图层混合模式改为“颜色减淡”,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图9>

10、同样的方法制作第四条光束,过程如图10 - 12。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图10>

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图11>

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图12>
 
11、新建一个组,用钢笔勾出下图所示的选区,给组填充蒙版。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图13>

12、在组里新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充青色,不透明度改为:60%,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图14>

13、新建一个图层,用钢笔勾出边缘的高光选区,羽化2个像素后填充青色,混合模式改为“颜色减淡”,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图15>
 
14、用钢笔勾出顶部的高光选区,羽化8个像素后填充蓝色。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图16>

15、其它光束制作方法相同,过程如图17 - 19。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图17>

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图18>

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图19>
 
16、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充青色,作为所有光束的高光。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图20>

17、把背景图层隐藏,在图层的最上面按Ctrl + Alt + Shift + E 盖印图层,不透明度改为:30%,如下图。

Photoshop设计制作出简洁的青蓝色光束组合壁纸
<图21>

最后调整细节,再增加一些装饰文字,完成最终效果。

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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template