当前位置：首页 → 问答吧 → 【菜鸟教程】给图片加上【流动光线】效果 (对背景上方块有兴趣的见16楼)

【菜鸟教程】给图片加上【流动光线】效果 (对背景上方块有兴趣的见16楼)

时间：2007-09-08

来源：互联网

老看到在讨论这个，出个教程

；既然是菜鸟教程，废话比较多别见怪（我也是随便一步步来的，最终效果不理想不要怪我

）

先看原图

我们要做的就是给它加上些曲线形的流光

[ 本帖最后由 wonton 于 2007-9-9 16:35 编辑 ]

作者: wonton 发布时间: 2007-09-08

沙发等教程

作者: No01 发布时间: 2007-09-08

首先新建一层，然后用钢笔根据背景物体画一条曲线

（记住钢笔工作在“路径”模式下，而不是“形状工具”模式）

再用细一些的画笔、选白色，描边路径~~　描边路径的时候记得用路径面板下的菜单，勾选＂模拟压力＂，这样就中间粗两边细了~~

这样，一条光纤就出现了，（当然，如果你乐意的话：在不需要独立处理的情况下，也可以几条路径一起描边）

[ 本帖最后由 wonton 于 2007-9-9 06:32 编辑 ]

作者: wonton 发布时间: 2007-09-08

然后就这样重复的：建图层（多个图层是便于独立调整）、画路径、描边路径~~

后面的描边路径就不必一次次打开菜单了，点这个按钮就可以~~

（如果过程中你觉得路径太多，麻烦了，就先删除当前的路径，再继续下一条路径的绘制好了）

这是画了四条线的效果~~

------------------------------------------------------- 适当用 Ctrl + t 调整各个线条的形状、角度及位置

然后选中一条线的图层，用Ctrl+ J 复制出两层来（具体几层看需要了）

再用方向键轻轻调整复制出来的图层的位置，

然后再减低这几层的不透明度（具体根据效果需要）

除了位移，也同样可以用　Ctrl+t 改变曲线的角度等等，

如下图层2及其副本就变换了角度

还可以使用一些模糊滤镜，

如下　图层3副本，就使用了动感模糊

另外，也可以双击图层面板上的对应图层打开[图层样式面板]，使用外发光等［图层样式］

如下　图层4及其副本

------------------------------------------------------- 位置、变形、透明度、滤镜、图层样式结合使用，可以获得更丰富灵活的效果。但注意，不要过度哦

下一步修饰：减淡或隐掉不需要的部分

我们可以通过给一些图层添加图层蒙板，或者用橡皮擦的方式，把一些不想要的地方淡化或者去掉

注意橡皮擦或者蒙板用的画笔：尺寸稍微大点、设定硬度要低（这样过度柔和）、不透明度要低（易于控制深浅变化，不至于一下擦没了）

如下图，用图层蒙板淡化/隐掉了图层4及其副本的局部。

再下一步：上色

（上色的方法有很多，色相饱和度着色、叠加渐变色上去，也可以画一层颜色再叠加，具体看你高兴了）

把所有光线层合并（[链接、合并]或者[设置可见、合并可见图层] cs3版本可以[多选、合并]）

（如果你需要分别上色，不要全部合并，具体操作同理，不多讲了）

并在下面新建一层，然后填充黑色，

最后再把光线合并层　和　黑色层　合并～～

下面我们用［渐变映射］　给这个最终的合并层上色

----------------------------------------------------------------

新建一个调整图层 -[渐变映射]

单击那个渐变条，弹出具体的渐变色设置对话框～～　更改设置　

（可以根据你的喜好设置，一般在　白和黑　中间加一个颜色，就可以获得比较舒服的效果了）

当然也可以进行更复杂些的调整

--------------------------------------------------------------然后, 设定光线层的[图层混合模式] 为[滤色]

再按住 Alt 不放，将鼠标移动到图层面板上的调整图层和光线层之间，单击

使调整图层只对光线层有效~~

--------------------------------------------------------------上色就不多说了，这幅作品黑白，上色效果不好，我们先去掉

如果觉得光线不够多？想补救一下？

那么把光线层再复制一层出来（确保两层的模式都是“滤色”）

然后把副本转个角度、变变形或者调整一下透明度。

最重要的是给两层都添加一个蒙板~~~ 擦除或减淡不需要的部分，这样看起来就不会感觉两层很重复

--------------------------------------------------------------- 需要的话，还可以再建一个层，用画笔通过设定大小抖动、散布、不透明度抖动来画一些光点

效果一般，讲个做法而已~~~ 希望大家举一反三

[ 本帖最后由 wonton 于 2007-9-9 08:12 编辑 ]

作者: wonton 发布时间: 2007-09-08

我来补充....'
我想楼主需要的是这个

http://bbs.blueidea.com/thread-2789033-1-1.html

作者: jdltliaohuan 发布时间: 2007-09-08

先汗一下```
太不负责任了吧``

作者: rep150 发布时间: 2007-09-08

描边路径在哪边呢？

作者: 3mei 发布时间: 2007-09-08

流动光线做好后，再上个色，又是一个作品咯~　

楼主一回来，我就躁动……　

[ 本帖最后由 ruinsky 于 2007-9-8 16:40 编辑 ]

作者: ruinsky 发布时间: 2007-09-08

引用:

原帖由 3mei 于 2007-9-8 11:23 发表
描边路径在哪边呢？

路径面板,右侧的箭头下面有菜单 "描边路径"
当然也可以用下面的快捷按钮

作者: wobushimajia 发布时间: 2007-09-08

楼上的带点毛毛的感觉是怎么弄的？？？

作者: infofly 发布时间: 2007-09-08

我的毛为啥跟上面的毛不一样？？？（方向）

作者: infofly 发布时间: 2007-09-08

动感模糊的时候方向选的不对。你要把一根线拿来分成一个层做。

作者: INSUNG 发布时间: 2007-09-08

狂汗，我想讲的不是这种效果哦，

不过一事接一事，居然忽然忙起来了，

郁闷，空了我继续更新，sorry

作者: wonton 发布时间: 2007-09-08

技术含量不高，但也写得够累，

终于写完了，虽然废话很多，但没提到的变化还是不少

期待大家更好的作品

作者: wonton 发布时间: 2007-09-09

说老实话，我更想看到这立方块的制作……　

作者: ruinsky 发布时间: 2007-09-09

引用:

原帖由 ruinsky 于 2007-9-9 08:39 发表
说老实话，我更想看到这立方块的制作……　

给你方块的源文件好了

哈哈,具体做法自己研究

附件

box.part1.rar (1000 KB)

2007-9-9 09:20, 下载次数: 1867

box.part2.rar (170.99 KB)

2007-9-9 09:20, 下载次数: 1421

作者: wonton 发布时间: 2007-09-09

谢谢啊,刚才看了楼层里面另一个人提供的教程地址,还是喜欢楼主的这个,我会尝试的，谢谢.

作者: pugo 发布时间: 2007-09-09

引用:

原帖由 wonton 于 2007-9-9 09:20 发表

给你方块的源文件好了

哈哈,具体做法自己研究

哈哈，你发的PSD文件几乎我都有收藏到BK，我的PS目标是并肩你和月日君~　

很明显，WONTON擅长设计制作，MS君擅长数学化处理……　

作者: ruinsky 发布时间: 2007-09-09

引用:

原帖由 ruinsky 于 2007-9-9 08:39 发表
说老实话，我更想看到这立方块的制作……　

立方体我做出来了，但是放射光线效果一直做不出这种效果

馄饨能给个简单的教程吗？

作者: soulwee 发布时间: 2007-09-09

放射光线的效果参见

http://bbs.blueidea.com/thread-2743304-1-1.html

仔细看看,应该可以想出怎么做

作者: wonton 发布时间: 2007-09-09

引用:

原帖由 wonton 于 2007-9-9 20:24 发表
放射光线的效果参见

http://bbs.blueidea.com/thread-2743304-1-1.html

仔细看看,应该可以想出怎么做

盖印--极坐标--风--极坐标--渐变映射？

我去试下先...

作者: soulwee 发布时间: 2007-09-09

盖印不是必需的，

主要可以理解为：

用一个黑色图层，用白色画笔画～～　然后极坐标　、风　，再用极坐标变形回去

作者: wonton 发布时间: 2007-09-10

用两次径向做出来的光好像不错.

作者: liangsb 发布时间: 2007-09-10

静悄悄的，不敢说话了......

作者: danfeidehudie 发布时间: 2007-09-10

呵呵，喜欢楼主的效果~~~~~~~~~~~~

作者: fengzheng1200 发布时间: 2007-09-10

单单是光圈的话，效果还不错！！整副图感觉有些乱

作者: casely2dark 发布时间: 2007-09-10

引用:

原帖由 wonton 于 2007-9-10 15:10 发表
盖印不是必需的，

主要可以理解为：

用一个黑色图层，用白色画笔画～～　然后极坐标　、风　，再用极坐标变形回去

做出来了，我是这样做的，每个面都用了极--风--极，然后把有交叉的部分处理掉，效果就和你的大致差不多了。
不过有个问题，如果我想用透明背景（或白色背景），其他的颜色，又该怎么做呢？（渐变映射对高光部分的细节有影响，做出来的效果就不理想了；风滤镜对颜色敏感...这个问题让我头疼了一晚上...）

[ 本帖最后由 soulwee 于 2007-9-10 17:27 编辑 ]

作者: soulwee 发布时间: 2007-09-10

我是用一个层单独做的光，你可以下载源文件看看~~~

至于渐变映射，个人感觉调整的好的话，应该没什么不好的地方

另外，白色背景上应该不能很好的表现光芒

[ 本帖最后由 wonton 于 2007-9-10 17:36 编辑 ]

作者: wonton 发布时间: 2007-09-10

不错的教程..

作者: wind3232008 发布时间: 2007-09-13

好教程,顶一个!

作者: vinsual 发布时间: 2007-09-13

又学习了，感觉真好～～

作者: sunshine2010 发布时间: 2007-09-13

效果不错，实用，顶下

作者: weber1 发布时间: 2007-10-09

感动中，版主实在厉害

作者: edf007 发布时间: 2007-10-12

好教程,又学习了!

作者: wndao009 发布时间: 2007-10-14

不错的效果

作者: woapp 发布时间: 2007-10-14

作业～～～

附件

t1副本.gif (213.51 KB)

2007-10-14 15:37

作者: xiaochouyu1001 发布时间: 2007-10-14

刚好需要．．谢谢

作者: hurryup 发布时间: 2007-10-25

我看看先哦

作者: yc2037 发布时间: 2007-10-25

我也弄了一个 ..只是不能上传......再努力吧~~

作者: 05621028 发布时间: 2007-10-30

不错支持我也试试

作者: o2co2 发布时间: 2007-10-30

顶一个，真是不错

作者: xkang 发布时间: 2007-10-30

用的是cs3啊厉害

作者: tonyhall 发布时间: 2007-10-30

来试一下

作者: afu19870 发布时间: 2007-10-30

我想问一下楼主用的PS是什么版的？感觉挺清爽的～～好看

作者: mikeke 发布时间: 2007-10-31

好教程！

作者: caddielee 发布时间: 2008-02-16

有没有立方体的教程啊？

作者: qibo9180 发布时间: 2008-05-12

讲解的很细致，楼主耐心很好，收藏了。

作者: dudujoy 发布时间: 2008-05-23

好教程，支持下，原来这么简单！

作者: ahero 发布时间: 2008-05-23

引用:

原帖由 mikeke 于 2007-10-31 14:25 发表

我想问一下楼主用的PS是什么版的？感觉挺清爽的～～好看

photoshop CS3

第一张图就有了！

作者: ahero 发布时间: 2008-05-23

好教程，菜鸟学习。

作者: beetle06 发布时间: 2008-05-23

受益非浅

作者: ynwewxfpl 发布时间: 2008-05-23

为什么我选模拟压力了,还是不能两头细,中间粗?

作者: huangsong890 发布时间: 2008-05-23

光点就好看多了，比起单纯的径向模糊不错。

是感觉吗？还是技巧？

作者: wanggaofei 发布时间: 2008-05-23

一般

作者: med37 发布时间: 2008-05-24

个人觉得风还是不用比较好

作者: zyazlj 发布时间: 2008-05-25

再下一步：上色

（上色的方法有很多，色相饱和度着色、叠加渐变色上去，也可以画一层颜色再叠加，具体看你高兴了）

把所有光线层合并（[链接、合并]或者[设置可见、合并可见图层] cs3版本可以[多选、合并]）

（如果你需要分别上色，不要全部合并，具体操作同理，不多讲了）

并在下面新建一层，然后填充黑色，

最后再把光线合并层　和　黑色层　合并～～
下面我们用［渐变映射］　给这个最终的合并层上色

======================================================

请教下BZ,为什么这一步要和黑色背景合并? 我尝试着不和黑色背景合并,用相同的方法做就会出问题,请问为什么?难道这种光线的做法一定要和黑背景合并吗?

作者: human9151 发布时间: 2008-05-26

注意理解渐变映射的概念；它是根据灰度对应的。单纯的亮光是纯色的（只是局部不透明度有区别），所以无法对应。

作者: wonton 发布时间: 2008-05-26

我怎么就做不出两头小中间大的泥,55555

作者: cherry01 发布时间: 2008-07-08

会了.....学了我一个小时呢我是菜菜鸟

作者: 3103210 发布时间: 2008-07-08