Home > Web Front-end > PS Tutorial > Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

PHP中文网
Release: 2016-06-01 14:31:42
Original
1414 people have browsed it

效果图中的所有光束都是由同一条光束复制得到的,不过复制的时候还需要经过一些特殊的处理,如改变光束的大小、颜色、发光效果等,大致效果确定后,再对整体做一些柔化,高光,暗部优化处理即可 最终效果

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景


1、首先在PS中新建一个文件(Ctrl+N),尺寸设置为1900px*1200px(色彩模式设为RGB),分辨率设置为72pixels/inch。使用油漆桶工具(G)将新建的背景图层用#0B0513填满。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

2、使用矩形工具(U),画出一个矩形。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
3、将图层的填充设置为0%,然后在图层面板的底部点击添加图层样式,选择渐变叠加。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

点击工具栏中的渐变编辑器,将渐变的色标设置为图中显示的样子。点击确定来关闭渐变编辑器。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

4、接下来我们要将有矩形的这个图层栅格化。之后,在刚才操作过的图层上新建一个图层,按住Ctrl键将两个图层都选取,然后使用快捷键Ctrl+E将两个图层向下合并。使用自由变换路径(Ctrl+T)将矩形倾斜45度。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

5、点击图层面板底部的添加图层蒙版,再点击画笔工具,选择柔边圆笔刷,颜色为黑色。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

6、在蒙版中使用笔刷,像下图这样将线条的边缘遮盖住。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
7、下一步我们需要将刚才那个带线条的图层复制很多次,并且要通过自由变换路径(Ctrl+T)来改变线条的位置。每一个复制出来的图层,在使用蒙版进行边缘遮盖时要做些变化。并且通过菜单栏的图像——调整——色相/饱和度(Ctrl+U)对线条的颜色进行更换和调整。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

8、现在我们需要将图中指出的线条进行复制。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

9、选择复制的图层,然后点击滤镜——模糊——高斯模糊。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

10、将添加过高斯模糊滤镜的图层进行复制。将这个图层的混合模式设置为颜色减淡,并用自由变换路径(Ctrl+T)改变位置,这条线就会变成偏红的颜色。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
11、多次复制红色线条的图层,同样使用自用变换路径(Ctrl+T)来进行移动,变成下图的样子。在某些复制的图层上,需要使用色相/饱和度(Ctrl+U)来更改颜色。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

12、接下来,我们将插入更多线条的复制图层。这些图层副本没有高斯模糊和颜色减淡模式。用色相/饱和度(Ctrl+T)改变线条颜色,并用自由变换路径(Ctrl+T)来移动。如果需要,就用蒙版将线条的边缘进行修整。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

13、下一步,再插入一个线条图层的副本,然后点击图层面板下方的添加图层样式,勾选外发光。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

14、有外发光效果的线条就会是下图这样的。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

15、将刚才做出来的线条进行复制,并将它移动到图中显示的位置(使用Ctrl+T)。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

16、新建一个图层,选择柔边圆笔刷,颜色设置为白色(在选项中将透明度设置为30%)。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

17、使用笔刷在画布上画出一些浅色的部分。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
18、把这个图层的混合模式设置为叠加。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

19、新建一个图层,选择柔边圆笔刷,颜色设置为黑色(透明度——20%)。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

20、将画布的边角画暗一些。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

21、在图层面板底部点击创建新的填充或调整图层,点击曲线,像图中显示的这样对图层进行微调。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

22、再次点击创建新的填充或调整图层,选择色相/饱和度。将色相滑块向左拖动一点。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
23、将这些线条图层放在一个群组里(按住Ctrl键同时点击需要的图层,然后按住鼠标左键将这些被选中的图层拖到图层面板底部的创建新组的图标上)。这个新组将被栅格化。选择这个图层组,按下Ctrl+E来合并图层,然后在栅格化后的图层上使用滤镜——模糊——动感模糊。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

24、将刚才栅格化的图层进行复制,然后选择滤镜——模糊——动感模糊。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

25、将这个图层的混合模式设置为饱和度。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

26、新建一个图层,选择喷枪双画笔柔边圆,黑色(透明度——20%)。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

27、用这个笔刷来制造一些阴影。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景
 
28、再建一个新图层,选择柔边圆笔刷,白色(透明度——20%)。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

29、用笔刷在画笔的上半部分进行绘制。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

30、将这个图层的填充改为63%,混合模式设置为叠加。

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

最终效果:

Photoshop设计出制作出梦幻的绚丽彩色条纹光束背景

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template