查看完整版本: 制作抽象光线教程【中文版】

制作抽象光线教程【中文版】

[size=4]我已经通过iconsbox大哥这个教程做出了八九不离十的效果，现在根据自己的感觉翻译一下，希望能对大家有所帮助，如果有哪些地方翻译得不好，还请大家谅解。括号里面的是我自己作图时的感想。[/size]
[size=4]iconsbox大哥英文原帖地址：[/size][url=http://www.iconfans.com/thread-1092-1-1.html][size=4]http://www.iconfans.com/thread-1092-1-1.html[/size][/url]
[b][size=4]感谢：Raku提供
出品: [/size][/b][url=http://www.vision-media.ca/][color=#0000ff][size=4]web design victoria vision media[/size][/color][/url][size=4] [/size]
[size=4]抽象光线教程[/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_a33c4a2f2eebcd607ccdZd6jIFYmIjk7.jpg[/img][/size]
[size=4]第一步：
新建一个文档，将背景以十六进制色号为[color=red]2a3b4d[/color]的颜色填充，或者你自己喜欢的任何颜色。[/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_baa464d5b0f80b5e6840EYSl4dxJr0MU.jpg[/img][/size]
[size=4]第二步：
使用[color=red]选择工具[/color]或者[color=red]路径工具[/color]，绘制你自己钟意的曲线，或者画一个类似上图所示的形状。我一般就用心形曲线的一侧，用白色填充。（当然，这是新的一层）
[img]http://www.iconfans.com/attachments/month_0805/20080523_b0b588acb1b46b33b2b8V0vJk8boFlEy.jpg[/img][/size]
[size=4]第三步：
右键点击图层（注意这里点击的是图层缩略图），选择[color=red]图层像素[/color]。点击[color=red]眼球图标[/color]将图层变为不可见。然后新建一层，继续保留选区，采用[color=red]白至白色透明[/color]渐变，使用[color=red]线性渐变工具[/color]，进行拖动，如上图。
[img]http://www.iconfans.com/attachments/month_0805/20080523_b3dd7329432770b2fbcaZ6vzuAgho12T.jpg[/img][/size]
[size=4]第四步：
遵循以上步骤你可以得到类似上图所示的结果。
[img]http://www.iconfans.com/attachments/month_0805/20080523_05c313f93647dee9f01aekKOXNwalF4I.jpg[/img][/size]
[size=4]第五步
新建一层，建立一个[color=red]白色透明[/color]的[color=red]径向渐变[/color]，然后将图层混合模式设置为[color=red]叠加[/color]模式（这个很关键，保证了光线和背景色之间的统一性），将填充度设置为50%左右，使其与背景色融合
[img]http://www.iconfans.com/attachments/month_0805/20080523_8552b42f22b934c7f276TeW17HUcMCT7.jpg[/img][/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_dcc3670e5fa0d4700aa1A6KNIHLtqnTq.jpg[/img][/size]
[size=4][/size]
[size=4]第六步：
现在回到光线图层，右键点击图层，并复制多个图层，然后使用[color=red]crtl+T[/color]快捷键将这些图层随你所愿进行[color=red]旋转，缩放[/color]，（这点很重要，保证了所有的光线都具有一定的形状统一性，产生延续的感觉）直到达到获得上图所示的类似效果或者你期望中的效果。
[img]http://www.iconfans.com/attachments/month_0805/20080523_568ed00775ca47ccd82bUM8OnlYPCYp4.jpg[/img][/size]
[size=4]第七步：
将最初的那个白色心形图层设为可见图层，载入选区，然后点击方向键，使选区向右移动，则选区外将有一条细线条，将多余部分删掉，只留下一条细线条
[img]http://www.iconfans.com/attachments/month_0805/20080523_3f9c8aa2a8a866064ebcc7FW3QOTomRY.jpg[/img][/size]
[size=4]第八步：
和前面使用的变形方法一样，复制图层，使用[color=red]ctrl+T进行变形，旋转，缩放[/color]，直到这些线和你之前做的变形图层匹配
[img]http://www.iconfans.com/attachments/month_0805/20080523_7c52194193468b6a8584C1qRyvQBFsbi.jpg[/img][/size]
[size=4]第九步：
使用[color=red]低不透明度[/color]的[color=red]橡皮擦工具[/color]擦拭这些线条，使其与背景色有退色融入的感觉，将所有的线条图层模式设置为[color=red]颜色减淡[/color]漠式，并[color=red]降低不透明度[/color]，你看着合适就好。
[img]http://www.iconfans.com/attachments/month_0805/20080523_5b9364152fb144a10cfex3ZEVVfYa4zi.jpg[/img][/size]
[size=4]第十步：
你应该可以得到类似于上图的效果，接下来我们用[color=red]减淡工具[/color]在光线中心区域加一些强光[/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_25c062b8236e3c29ea62daSjcXNNQ8A8.jpg[/img]
第十一步：
使用[color=red]CTRL + A[/color]选择整个区域，并且使用 [color=red]CTRL + SHIFT + C[/color] 或者你自己设置的快捷键来完成[color=red]复制合并图层操作[/color]。这是一个可以将所有图层的所有元素合并成一个图像以后并复制下来的操作。
使用[color=red]CTRL + N[/color] 创建一个新文档，并且粘贴已经复制的图像，现在你就可以在新文档中的新图层中进行[color=red]减淡[/color]操作了，这样会方便些。
选择新文档中的图层，点击[color=red]图层样式[/color]。我们现在将通过使用一个上图所示的[color=red]内阴影效果[/color]，制造出黑色的边缘，以使图中能有光晕的效果
[img]http://www.iconfans.com/attachments/month_0805/20080523_5bbdb2f7b530103e828aTh31qXt2Xyj9.jpg[/img][/size]
[size=4]第十二步：
你应该可以得到类似于上图所示的效果了！恭喜！[/size]
[size=4][/size]
[size=4]拓展设计
[img]http://www.iconfans.com/attachments/month_0805/20080523_da2f88b5fca2be96142daQ9jorgkFodq.jpg[/img][/size]
[size=4]第一步：
复制上面的图想到photoshop中，或者学习我们的“抽象光线教程”怎么制作以上图像。
[img]http://www.iconfans.com/attachments/month_0805/20080523_fda2323c63d1331054684xWYudtTAU3K.jpg[/img][/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_ec1cd93e89c29c60bb9aasfHqxjE5eu8.jpg[/img][/size]
[size=4]第二步：
点击[color=red]减淡工具[/color]，选择一个[color=red]质地柔软[/color]的笔刷就想上图所示的那样，设置减淡[color=red]范围为高光[/color]。[/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_66c3efe9e220e8ac14dd0PmM26eVOyjm.jpg[/img]
第四步（第三步呢？！）：
现在你可以在图像层上使用大大小小的笔刷。点得越多， 点就越亮。我喜欢使用[color=red][ 和][/color] 键调整笔刷的大小，然后在同一个点用越来越小的笔刷一指点下去，这样就会让他看起来像一个星星在发光。[/size]
[size=4][img]http://www.iconfans.com/attachments/month_0805/20080523_82c41ebb8178fc1dc9b3lDwuWEpfegOf.jpg[/img]
第五步：
这真的很简单。[/size]

:P 这么好的教程怎么没人顶~~~
非常不错！教程感觉比较容易懂，而且实用。谢谢jark给我们带来的翻译教程！

抽线效果有好多种，这种是看的最简洁明了的，思路很清晰，好帖

好教程..收藏.......:victory:

相当不错，谢谢谢谢，很实用！:P :lol

:P 恩 是个好东西！非常实用啊！我靠 居然字数不够 不让发表

哦也````` 很实用！很实用！很实用！

欧也~让我来a走它吧~~~:lol

回复 2# 的帖子

谢谢老大的鼓励：）当初我也是觉得这个教程很简单实用 所以觉得有必要让大家都知道的必要

:loveliness: 好厉害啊！~~~一定要试试！

很好的教程!谢谢,收藏了!:dog:
:lol

:hug: 好东东｀｀我向往的效果｀:lol ｀thank you

很好的  东西，谢谢楼主啊！！！！！！！

希望多看到这样好的教程

:lol :lol :lol
好教程

浅显易懂 很适合初学者 十分不错的教程 楼主再接再厉哦~~期待:P

我是初学者多谢！！:kiss: 支持！学习了，有的地方不太明白，自己练习作品如下：

[attach]2504[/attach]

是不错啊...........怎么感觉定过呢！

跳跳糖

:kiss: :kiss: 非常8C，很实用~

我狂顶啊.  这真是我想要的效果啊.  我一直不会做关于光线的东西.  收藏了.  谢谢啊. 马上练习!  :hug:

来晚了，收藏了再说，:loveliness:

好好学习一下,拿这个当基础教程一直练习,再不断衍生,  thx  jark

交作业交作业··:Q

[attach]4606[/attach]

[attach]4607[/attach]

好！！！好清楚的教程！！！:loveliness: :loveliness: :loveliness:

挺好的..我来顶~~~~~~~~~~~~

我正想学习这个呢？感谢楼主！thsaadd

我怎么做的效果不对呢？哎，郁闷，是按照教程来的呀。

挖哈  这教程真是不错哦啊  跃跃欲试啦啊

不错  呵呵 长见识了 ~~~好好学习

这个教程做的太棒了!!不光是个高手,而且是个好老师啊!