> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作出简单流畅柔美的蓝青色光束壁纸

Photoshop制作出简单流畅柔美的蓝青色光束壁纸

PHP中文网
풀어 주다: 2016-06-01 14:34:18
원래의
1503명이 탐색했습니다.

效果图看似非常简单,不过制作起来还是比较麻烦的。主光束部分由相当多的细小光束构成,每一条都需要单独制作,不能复制。制作起来还是要花一定时间的。 

最终效果

Photoshop制作出简单流畅柔美的蓝青色光束壁纸


1、新建一个1024 * 768像素的文档,选择渐变工具颜色设置如图1,有右上角向右下角拉出图2所示的径向渐变作为背景。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图1>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图2>
 
2、新建一个图层,用椭圆选框工具拉出下图所示的选区,按Ctrl + Alt + D 羽化60个像素后填充白色。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图3>

3、新建一个图层,同上的方法用椭圆选框工具拉出下图所示的选区,羽化60个像素后填充颜色:#77E4D1,混合模式改为“叠加”,效果如下图。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图4>

4、新建一个组,现在开始来制作主体光束部分,需要完成的效果如下图。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图5>
 
5、在组里新建一个图层,用钢笔勾出下图所示的选区,填充淡青色:#87E0E4,效果如下图。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图6>

6、取消选区后,把色块放大,用钢笔勾出图7所示的路径,按Ctrl + Enter转为选区,羽化1个像素后按Ctrl + J 把选区部分的色块复制到新的图层,再把大色块图层影藏,效果如图9。这样做出来的色块就有较好的透明度。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图7>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图8>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图9>
 
7、新建一个图层,用钢笔勾出图10所示的选区,填充白色。取消选区后再用钢笔勾出图10所示的选区,羽化4个像素后按Ctrl + J 把选区部分色块复制到新的图层,再把大的色块影藏,效果如图12。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图10>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图11>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图12>

8、同上的方法,再制作其它的色块,如图13,14。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图13>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图14>
 
9、同上的方法再制作其它光束,过程如图15 - 25。其中一些色块需要用到渐变色,局部高光的颜色需要单独勾出选区后再填充相应颜色。曲线勾的时候要圆滑一点,这样出来的效果才更流畅。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图15>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图16>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图17>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图18>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图19>
 
Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图20>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图21>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图22>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图23>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图24>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图25>
 
10、现在再来制作线条部分。新建一个组,新建图层后用钢笔勾出图26所示的闭合路径,转为选区后填充白色,

11、填色后不要取消选区,把选区往下及往右各移1个像素,然后按Delete删除,过程如图27,28。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图26>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图27>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图28>
 
12、把得到的曲线复制一层,适当往左下移动几个像素,同样的方法再多复制一些,自己满意后把曲线图层合并,锁定图层不透明度后加上想要的渐变色,再降低图层不透明度,效果如图30。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图29>

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图30>

13、新建一个图层,用画笔随意点一些小点,效果如下图。

Photoshop制作出简单流畅柔美的蓝青色光束壁纸
<图31>

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

Photoshop制作出简单流畅柔美的蓝青色光束壁纸

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿