论坛 › 制作实例教程 › Photoshop鼠绘简洁大气的光束壁纸教程

莫怀远 发表于 2014-4-4 03:13:17

Photoshop鼠绘简洁大气的光束壁纸教程

      效果图中的光束虽然是一个整体，不过不同层次的光束可以分解出来，制作的时候按一定的顺序逐一制作，再把衔接处处理自然即可。最终效果

http://pic.16xx8.com/allimg/140402/212H41G6-0.jpg

提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133110 作者：Sener 出处：PS联盟

莫怀远 发表于 2014-4-4 03:13:19

Photoshop鼠绘简洁大气的光束壁纸教程

1、新建一个1024* 600像素，分辨率为72的画布。选择渐变工具，颜色设置如图1，然后由左上角向右下角拉出图2所示的线性渐变。

http://pic.16xx8.com/allimg/140402/212H4D52-1.jpg



http://pic.16xx8.com/allimg/140402/212H42616-2.jpg

莫怀远 发表于 2014-4-4 03:13:20

Photoshop鼠绘简洁大气的光束壁纸教程

2、先来制作光丝的第一段，需要完成的效果如下图。

http://pic.16xx8.com/allimg/140402/212H44942-3.jpg

莫怀远 发表于 2014-4-4 03:13:21

Photoshop鼠绘简洁大气的光束壁纸教程

3、新建一个组，用钢笔勾出下图所示的选区，然后给组添加图层蒙版。

http://pic.16xx8.com/allimg/140402/212H4AD-4.jpg

莫怀远 发表于 2014-4-4 03:13:22

Photoshop鼠绘简洁大气的光束壁纸教程

4、在组里新建一个图层，填充蓝色：#43A0FF，不透明度改为：40%。添加图层蒙版，用黑色画笔把上部边缘部分擦出透明效果，如下图。

http://pic.16xx8.com/allimg/140402/212H4G24-5.jpg



http://pic.16xx8.com/allimg/140402/212H42394-6.jpg

莫怀远 发表于 2014-4-4 03:13:23

Photoshop鼠绘简洁大气的光束壁纸教程

5、新建一个图层，用钢笔勾出右侧部分的高光选区，羽化8个像素后填充同上的蓝色。

http://pic.16xx8.com/allimg/140402/212H42133-7.jpg

莫怀远 发表于 2014-4-4 03:13:24

Photoshop鼠绘简洁大气的光束壁纸教程

6、新建一个图层，用钢笔勾出右侧边缘的高光选区，羽化4个像素后填充蓝色：#4EAFFC，混合模式改为“滤色”，如下图。

http://pic.16xx8.com/allimg/140402/212H435c-8.jpg

莫怀远 发表于 2014-4-4 03:13:25

Photoshop鼠绘简洁大气的光束壁纸教程

7、新建一个图层，用钢笔勾出下图所示的选区，羽化2个像素后填充同上的蓝色，混合模式改为“滤色”，不透明度改为：30%。取消选区后用模糊工具把顶部稍微模糊处理。

http://pic.16xx8.com/allimg/140402/212H46244-9.jpg

莫怀远 发表于 2014-4-4 03:13:26

Photoshop鼠绘简洁大气的光束壁纸教程

8、新建一个图层，用钢笔勾出中间部分的高光选区，羽化2个像素后填充蓝色，取消选区后用模糊工具把边缘涂抹自然。

http://pic.16xx8.com/allimg/140402/212H420V-10.jpg

莫怀远 发表于 2014-4-4 03:13:27

Photoshop鼠绘简洁大气的光束壁纸教程

      
9、新建一个图层，用钢笔勾出顶部边缘的高光选区，羽化1个像素后填充青色：#83F7FF，如下图。

http://pic.16xx8.com/allimg/140402/212H44553-11.jpg

莫怀远 发表于 2014-4-4 03:13:28

Photoshop鼠绘简洁大气的光束壁纸教程

10、新建图层，同上的方法给中间增加几条细的高光，如图12，13。

http://pic.16xx8.com/allimg/140402/212H4H53-12.jpg



http://pic.16xx8.com/allimg/140402/212H4N05-13.jpg

莫怀远 发表于 2014-4-4 03:13:29

Photoshop鼠绘简洁大气的光束壁纸教程

11、在背景图层上面新建一个组，用钢笔勾出第二段光束的轮廓，转为选区后给组添加图层蒙版。然后用模糊工具把两端稍微模糊处理。

http://pic.16xx8.com/allimg/140402/212H43621-14.jpg

莫怀远 发表于 2014-4-4 03:13:30

Photoshop鼠绘简洁大气的光束壁纸教程

12、在组里新建图层，同上的方法先制作底色，然后制作边缘的高光，过程如图15- 17。

http://pic.16xx8.com/allimg/140402/212H46354-15.jpg



http://pic.16xx8.com/allimg/140402/212H42033-16.jpg



http://pic.16xx8.com/allimg/140402/212H43394-17.jpg

莫怀远 发表于 2014-4-4 03:13:31

Photoshop鼠绘简洁大气的光束壁纸教程

13、在背景图层上面新建一个组，同上的方法制作第三段光束，过程如图18- 21。

http://pic.16xx8.com/allimg/140402/212H41039-18.jpg



http://pic.16xx8.com/allimg/140402/212H4ET-19.jpg



http://pic.16xx8.com/allimg/140402/212H43951-20.jpg



http://pic.16xx8.com/allimg/140402/212H45027-21.jpg

莫怀远 发表于 2014-4-4 03:13:32

Photoshop鼠绘简洁大气的光束壁纸教程

14、在图层的最上面新建一个组，同上的方法制作第四段光束，过程如图22- 30。

http://pic.16xx8.com/allimg/140402/212H425E-22.jpg

查看完整版本: Photoshop鼠绘简洁大气的光束壁纸教程