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

2016-02-16 01:08 20 1 收藏

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

【 tulaoshi.com - 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教程,图老师教程网

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

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

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

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

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

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

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

将画布的边角画暗一些。

Photoshop设计炫丽的抽象光线背景教程,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%)。

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1566218.html

延伸阅读
标签: PS PS教程
在本教程中用我们用photoshop来制作一个超绚的光线效果,主要使用的photoshop中的钢笔和图层样式工具达到最终的效果,这个效果极具视觉冲击力,至于用到哪你就想吧!只要你需要的地方!呵呵!对原作者尊敬,原文连接。 先看看效果吧!  [next] 新建立一个文档,首先利用渐变工具填充一个由棕红色到黑色的径向渐变,前景色和背景色颜色...
来源:活力盒子 作者:汤汤 效果图非常有创意,制作的时候并不需要任何素材,只需要自己动手制作一些半透明度的不规则图形,然后把这些图形复制再叠加在一起,就会出现意想不到的梦幻效果。后期再渲染颜色等即可。 最终效果 1、首先在Adobe Photoshop CS5中创建一个新文件(Ctrl + N),大小1920px*1200px(RGB颜色模式),分辨率72像素/英寸。...
标签: PS PS教程
因为本人E文不行,PS水平也属初学阶段,翻译的时候是按自己的理解整理制作的,有不对的地方还请高手指教。。 今天我们将学习如何制作流线型发光效果,没什么技术含量,主要讲解笔刷的运用和对图层混合模式的应用,希望朋友们喜欢~~ 老规矩先上效果图: 首先新建一个1024×768像素,72dpi的新文件,填充黑色 一、新建一层,命...
标签: PS PS教程
先看看效果图: 效果图 [next] 1、新建图像,用形状工具中的椭圆工具,绘制一个圆环,即一个大圆中间减去一个小圆,如下图。注意必须以矢量格式绘制。 图1 2、多次复制圆环路径,移动到任意位置,并分别指定不同的变换,每一组圆环的变换完成后应将其组合,以免运算方式对其他圆环造成影响。效果如下左图。图层调板如下中...
标签: PS
用photoshop设计缤纷时尚的炫丽抽象碎片人像效果   小编给大家分享一个使用photoshop设计缤纷时尚的炫丽抽象碎片人像效果,教程简单粗暴,但需要注意的是:对于颜色的把控和碎屑位置的调整,当颜色相同的碎屑叠加到色块上要调节或深或浅,让其分出层次感,图层透明度也可进行适当调整来达到更好的视觉效果,学起来,转给需要的小伙伴...

经验教程

773

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部