Photoshop打造轻柔的单色光束效果教程

最终效果

Photoshop打造轻柔的单色光束效果教程


1、新建一个1024 * 768像素的文档,背景填充黑色,如下图。

Photoshop打造轻柔的单色光束效果教程
<图1>
 
2、光束虽然是整条的,不过制作的时候需要分段来完成。先来制作第一段。新建一个组,用钢笔勾出下图所示的选区,给组添加蒙版。

Photoshop打造轻柔的单色光束效果教程
<图2>

3、在组里新建一个图层,把前景颜色设置为黄绿色:#D6E85F,然后填充前景色(后面填充的颜色都一样),图层不透明度改为:30%,效果如下图。

Photoshop打造轻柔的单色光束效果教程
<图3>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充同上的黄绿色,再把图层不透明度改为:60%。左部顶端也同样的方法填色。

Photoshop打造轻柔的单色光束效果教程
<图4>
 
5、新建一个图层,用钢笔勾出右侧部分的高光选区,羽化10个像素后填充前景色。

Photoshop打造轻柔的单色光束效果教程
<图5>

6、底色基本已经做好,再来制作叠加部分的。新建一个组,用钢笔勾出下图所示的选区,给组添加蒙版。

Photoshop打造轻柔的单色光束效果教程
<图6>

7、在组里新建一个图层,填充前景色,不透明度改为:15%,效果如下图。

Photoshop打造轻柔的单色光束效果教程
<图7>

8、用钢笔勾出左侧边缘的高光选区,羽化3个像素后填充前景色。

Photoshop打造轻柔的单色光束效果教程
<图8>
 
9、新建一个图层,用钢笔勾出底部高光选区羽化2个像素后填充前景色,不透明度改为:40%。

Photoshop打造轻柔的单色光束效果教程
<图9>

10、新建一个组,用钢笔勾出第三段光束选区,给组添加蒙版。

Photoshop打造轻柔的单色光束效果教程
<图10>

11、在组里新建一个图层,同上的方法添加底色再给顶部边缘增加一下高光,效果如下图。

Photoshop打造轻柔的单色光束效果教程
<图11>

Photoshop打造轻柔的单色光束效果教程
<图12>
 
12、新建一个组,用钢笔勾出下图所示的选区,注意好光束之前的衔接部分。给组添加图层蒙版。

Photoshop打造轻柔的单色光束效果教程
<图13>

13、在组里新建一个图层,填充底色后再添加边缘部分的高光,过程如图14 - 16。

Photoshop打造轻柔的单色光束效果教程
<图14>

Photoshop打造轻柔的单色光束效果教程
<图15>

Photoshop打造轻柔的单色光束效果教程
<图16>
 
14、新建一个组,同上的方法制作下图所示的光束。

Photoshop打造轻柔的单色光束效果教程
<图17>

Photoshop打造轻柔的单色光束效果教程
<图18>

15、同上的方法制作其他几段光束,过程如图19 - 21。注意好衔接部分过渡要自然。

Photoshop打造轻柔的单色光束效果教程
<图19>

Photoshop打造轻柔的单色光束效果教程
<图20>

Photoshop打造轻柔的单色光束效果教程
<图21>

最后添加一些细节,完成最终效果。

Photoshop打造轻柔的单色光束效果教程

Photoshop打造轻柔的单色光束效果教程

上一篇:快速构建Windows 8风格应用32-构建辅助磁贴


下一篇:快速构建Windows 8风格应用20-MediaElement