> 웹 프론트엔드 > PS 튜토리얼 > Photoshop设计制作出丝带般的彩色折叠光束

Photoshop设计制作出丝带般的彩色折叠光束

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

这里介绍一种比较快捷的彩色光束制作方法。同样也是按段来制作,只是制作之前,我们先把整个光束的颜色用渐变拉出来,边角部分的高光直接复制色块,并设置好不透明度即可。 最终效果

Photoshop设计制作出丝带般的彩色折叠光束


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

Photoshop设计制作出丝带般的彩色折叠光束
<图1>
 
2、先来制作光束的第一段,需要完成的效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图2>

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

Photoshop设计制作出丝带般的彩色折叠光束
<图3>

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

Photoshop设计制作出丝带般的彩色折叠光束
<图4>

Photoshop设计制作出丝带般的彩色折叠光束
<图5>
 
5、用钢笔勾出下图所示的选区,羽化6个像素后按Ctrl + J 把选区部分的色块复制到新的图层,不透明度改为:35%,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图6>

6、把当前图层复制一层,填充图层蒙版,用黑色画笔把右侧部分擦掉,不透明度为35%不变,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图7>

7、回到底色渐变图层,用钢笔勾出下图所示的选区羽化6个像素后按Ctrl + J 把选区部分的色块复制到新的图层,再把图层不透明度改为:35%,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图8>
 
8、回到底色图层,用钢笔勾出左上角的边缘选区,羽化1个像素后按Ctrl + J 把选区部分的色块复制到新的图层,图层不透明度设置为100%,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图9>

9、回到底色图层,用钢笔勾出右上角边缘部分的选区,羽化1个像素后按Ctrl + J 复制到新的图层,不透明度改为:100%,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图10>

10、局部再调亮一点,第一段光束基本完成。

Photoshop设计制作出丝带般的彩色折叠光束
<图11>

11、新建一个组,用钢笔勾出第二段光束的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图12>
 
12、在组里新建一个图层,拉上相同的渐变色,不透明度改为:20%,效果如下图。

Photoshop设计制作出丝带般的彩色折叠光束
<图13>

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

Photoshop设计制作出丝带般的彩色折叠光束
<图14>

14、同上的方法制作其它部分的高光部分,如图15,16。

Photoshop设计制作出丝带般的彩色折叠光束
<图15>

Photoshop设计制作出丝带般的彩色折叠光束
<图16>
 
15、局部需要加亮的部分可以先用钢笔勾出选区,适当羽化后再创建曲线调整图层,稍微调亮。

Photoshop设计制作出丝带般的彩色折叠光束
<图17>

16、同上的方法制作其它段的光束部分,过程如图18 - 22。

Photoshop设计制作出丝带般的彩色折叠光束
<图18>

Photoshop设计制作出丝带般的彩色折叠光束
<图19>

Photoshop设计制作出丝带般的彩色折叠光束
<图20>
 
Photoshop设计制作出丝带般的彩色折叠光束
<图21>

Photoshop设计制作出丝带般的彩色折叠光束
<图22>

最后调整一下细节,再适当增加光束的对比度,完成最终效果。

Photoshop设计制作出丝带般的彩色折叠光束

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