当前位置: 首页 > 优图知识库  > PS教程 > PS基础教程

PS教程:制作炫丽的抽象光线背景

2019/1/3 15:25:15 人评论

在这个教程里,我会教你如何使用PS CS5制作像下图这样具有光感的斜线条纹背景。教程中将会使用到渐变工具、笔刷、以及色相/饱和度的调节。PSD图层文件已经包含在内(文章末尾,建议先不要急着下载,自己做

在这个教程里,我会教你如何使用PS CS5制作像下图这样具有光感的斜线条纹背景。教程中将会使用到渐变工具笔刷、以及色相/饱和度的调节。PSD图层文件已经包含在内(文章末尾,建议先不要急着下载,自己做的试试哟)。让我们开始动手做图吧!
最终效果图预览:

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

然后我们就会得到下图:

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5


_ueditor_page_break_tag_

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5


_ueditor_page_break_tag_

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

将画布的边角画暗一些。

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5


_ueditor_page_break_tag_

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

Create bright abstract diagonal lines background in Photoshop CS5

然后就得到下图的样子:

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

然后就会变成这样:

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

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

Create bright abstract diagonal lines background in Photoshop CS5

完成啦!

查看原尺寸图片点这里

下载免费PSD图层文件点这里

翻译小组:SDC番茄匠 微博ID: @XuHY_____
文章编辑:SDC小编 @XuHY_____

原文地址:www.adobetutorialz.com


相关资讯

  • ps美容教程之画出纤长睫毛

    1、在工具栏上选择画笔工具,或按F5会出现一个画笔浮动面板,找到一个像草的形状。  2、睫毛的长短用直径来调节,睫毛的稀密用间距的百分比来调节,睫毛的形状用角度来调节,然后我们从左眼的上眼皮开始从左至

    2019/1/3 14:47:01
  • PS怎么绘制碎冰风格海报设计

    PS怎么绘制碎冰风格海报设计

    2019/1/3 14:47:01
  • Photoshop详细解析后期图像处理五个好习惯

    由于越来越多新同学的加入,很多对PS的操作完全不熟练,所以今天野郎打算分享五个PS很重要的操作习惯,这些习惯都非常的重要,下面让我们一起来看看吧。1、Ctrl+J复制背景图层:有看野郎教程的童鞋都有注

    2019/1/3 14:46:52
  • PS新手教程之利用快速蒙版建立局部选区

    有时候我们对照片,尤其是人像照片进行局部调色时,需要精准一点,比方说我们对模特的面部进行调色时,需要建立局部选区,那么有什么方法能够快速建立呢,我们就以下图为例说明一下如何用快速蒙版选中模特的面部,其

    2019/1/3 14:46:36