Photoshop设计炫丽的抽象光线背景教程

小白羊1212

小白羊1212

2016-02-16 01:08

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop设计炫丽的抽象光线背景教程的教程,热爱PS的朋友们快点看过来吧!

在这个教程里,我会教你如何使用PS CS5制作像下图这样具有光感的斜线条纹背景。教程中将会使用到渐变工具、笔刷、以及色相/饱和度的调节。类似的中文教程,之前我们也推荐过用PS CS5制作酷炫的抽象光线人物海报,也是非常不错的制作时尚炫光的教程。推荐一并练习。

最终效果图预览:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

将图层的填充设置为0%,然后在图层面板的底部点击添加图层样式,选择渐变叠加。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

然后我们就会得到下图:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

这样我们就会得到下图的效果:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

然后就是下图显示的那样:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

多次复制红色线条的图层,同样使用自用变换路径(Ctrl+T)来进行移动,变成下图的样子。在某些复制的图层上,需要使用色相/饱和度(Ctrl+U)来更改颜色。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

把这个图层的混合模式设置为叠加。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

将画布的边角画暗一些。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

这样我们就得到这样的效果:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

再次点击创建新的填充或调整图层,选择色相/饱和度。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

将色相滑块向左拖动一点。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

将这些线条图层放在一个群组里(按住Ctrl键同时点击需要的图层,然后按住鼠标左键将这些被选中的图层拖到图层面板底部的创建新组的图标上)。这个新组将被栅格化。选择这个图层组,按下Ctrl+E来合并图层,然后在栅格化后的图层上使用滤镜模糊动感模糊。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

然后就得到下图的样子:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

然后就会变成这样:

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

再建一个新图层,选择柔边圆笔刷,白色(透明度20%)。

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

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

Photoshop设计炫丽的抽象光线背景教程,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop设计炫丽的抽象光线背景教程

PS PS基础
Photoshop设计炫丽的抽象光线背景教程

Photoshop设计抽象的艺术背景教程

PS PS基础
Photoshop设计抽象的艺术背景教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop打造抽象商务背景教程

PS PS基础
Photoshop打造抽象商务背景教程

Photoshop设计炫丽的抽象艺术海报

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计炫丽的抽象艺术海报

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计炫丽梦幻的扭曲抽象图片教程

PS PS基础
Photoshop设计炫丽梦幻的扭曲抽象图片教程

Photoshop设计抽象光线背景街舞女孩海报教程

电脑网络
Photoshop设计抽象光线背景街舞女孩海报教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

RAW格式数码照片专业处理技法

RAW格式数码照片专业处理技法

Photoshop制作超逼真缝线效果

Photoshop制作超逼真缝线效果
下拉加载更多内容 ↓