> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作的梦幻的彩色泡泡壁纸

Photoshop制作的梦幻的彩色泡泡壁纸

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

虽然是一些简单的泡泡,只要把这些泡泡组合起来,稍微控制一下光感,再渲染好颜色,即可变成非常梦幻的效果。制作过程和方法非常简单。 最终效果

Photoshop制作的梦幻的彩色泡泡壁纸


Photoshop制作的梦幻的彩色泡泡壁纸

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

Photoshop制作的梦幻的彩色泡泡壁纸
<图1>

2、新建一个组,在组里新建一个图层,用椭圆选框工具拉一个正圆选区,拉上白色至黑色径向渐变,效果如图2,取消选区后把图层不透明度改为:30%,如图3。然后把当前图层复制两层,适当调整位置,效果如图4。

Photoshop制作的梦幻的彩色泡泡壁纸
<图2>

Photoshop制作的梦幻的彩色泡泡壁纸
<图3>

Photoshop制作的梦幻的彩色泡泡壁纸
<图4>
 
3、新建一个组,在组里新建一个图层后用椭圆选框工具拉一个正圆选区,然后选择渐变工具,颜色设置如图5,由选区中心向边缘拉出径向渐变,效果如图6。

Photoshop制作的梦幻的彩色泡泡壁纸
<图5>

Photoshop制作的梦幻的彩色泡泡壁纸
<图6>

4、把做好的色块复制一份,适当调整颜色,效果如下图。

Photoshop制作的梦幻的彩色泡泡壁纸
<图7>
 
5、把个色块的不透明度设置为:30%,然后复制,适当调整大小和位置,效果如图8,把背景换成白色后效果如图9(背景换成白色是方便参考,实际为黑色)。

Photoshop制作的梦幻的彩色泡泡壁纸
<图8>

Photoshop制作的梦幻的彩色泡泡壁纸
<图9>
 
6、再新建一个组,新建图层后用椭圆选框工具拉出图10所示的正圆选区填充黑色。然后双击图层调成图层样式,参数设置如图11,效果如图12。

Photoshop制作的梦幻的彩色泡泡壁纸
<图10>

Photoshop制作的梦幻的彩色泡泡壁纸
<图11>

Photoshop制作的梦幻的彩色泡泡壁纸
<图12>
 
7、同样的方法再制作另种颜色的圆环,效果如图13。然后把各图层不透明度设置为:30%,再进行复制,适当调整位置和大小,效果如图14,15。

Photoshop制作的梦幻的彩色泡泡壁纸
<图13>

Photoshop制作的梦幻的彩色泡泡壁纸
<图14>

Photoshop制作的梦幻的彩色泡泡壁纸
<图15>
 
8、新建一个组,新建图层后用画笔刷上一些光斑,如图16,确定后把组的混合模式改为“变亮”,不透明度设置为:50%,效果如图17。

Photoshop制作的梦幻的彩色泡泡壁纸
<图16>

Photoshop制作的梦幻的彩色泡泡壁纸
<图17>

9、把当前组复制一层如图18,图层混合模式改为“叠加”,不透明度改为:100%,效果如图19。

Photoshop制作的梦幻的彩色泡泡壁纸
<图18>

Photoshop制作的梦幻的彩色泡泡壁纸
<图19>
 
10、到现在为止的效果如下图,高光部分不太明显,还需要加强一下。

Photoshop制作的梦幻的彩色泡泡壁纸
<图20>

11、新建一个图层,选择渐变工具,颜色设置如图21,有左上角至右下角拉出线性渐变。确定后把图层混合模式改为“色相”,效果如图22。

Photoshop制作的梦幻的彩色泡泡壁纸
<图21>

Photoshop制作的梦幻的彩色泡泡壁纸
<图22>

12、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。图层混合模式改为“滤色”,再把下面的渐变图层隐藏,效果如下图。

Photoshop制作的梦幻的彩色泡泡壁纸
<图23>
 
13、创建曲线调整图层,对蓝色进行调整,参数设置如图24,效果如图25。

Photoshop制作的梦幻的彩色泡泡壁纸
<图24>

Photoshop制作的梦幻的彩色泡泡壁纸
<图25>

14、创建色彩平衡调整图层,对高光进行调整,参数设置如图26,效果如图27。

Photoshop制作的梦幻的彩色泡泡壁纸
<图26>

Photoshop制作的梦幻的彩色泡泡壁纸
<图27>

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

Photoshop制作的梦幻的彩色泡泡壁纸

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