[软件教程]【鹤毛集团出品】手把手教你做简单流光字

纯粹是因为这两天有一个孩子问我，流光字怎么做
干脆开个教程好了，虽然网上的这种教程一抓一大把。


一楼放简单示例



CS2及其以下版本详见三楼小染姑娘的教程，向小染致敬，感谢感谢！

这是素材图，是少爷本人一张照片，我把它做了黑白并上色处理，外加一层抽丝（什么？这些怎么做？唔，这楼只负责教流光字……）



然后，把它拖入到PS中。附图层示意。
  


出于习惯，我会双击“背景”这个图层，解一下锁。（如果不解锁，有些操作会出现故障的）
双击之后出现这样的对话框，直接点确定就可以


解锁之后，图层示意如这样




然后，打上字，随便打什么字都行。注意如果字有多个图层，需要栅格化文字之后合并图层，保证字在一个图层里。（这里的"永恒的秋美，一如心中的你"，非我原创，版权属于如斯姐）



我这里用的是宋体。
为了让字突出一点，我加了投影效果，并且加粗(这一步可以不做，或者可以根据自己的喜好添加效果）


字体加粗在画红圈这里找



前面其实都是最基础的，以下才是流光字的关键部分


在字体这一层的上面新建一个图层


在这个图层上用画笔画一条垂直的竖线或者斜线，位置在字的旁边——这就是流光。这个线的颜色就是流光的颜色。



附注
竖线画法：按住键盘上shift键，用画笔从上往下拖，就可画出竖着的直线
斜线画法：先点一个点，然后按住shift键，在这个点的其他方位再点一个点，两点就连成一条斜线

（以下是我的画笔的各项数值，仅作参考。大小还是自己定比较好）



然后是最最重要最最关键的部分——动画功能（见下一楼）

最最重要的部分——动画。它让你的流光流动起来

找到“窗口”——“动画” （大概只有CS3及CS3以上版本才有的？）





打开动画窗口，是这样的（请暂时忽略几秒的具体数值问题）




当然可能有人说，我打开的是如下这个样子（比如我就这么悲催），那么请点击画红圈部分，切换一下就好




（我把图放大了一下）

注意，如果有人初始设置是10秒一帧的话，请点击画红圈的小三角部分——在拉出的菜单中选择“无延迟”，将10秒修改为0秒





然后点“复制所选帧”按钮（就是下图画红圈的部分），将当前帧复制一次



复制完是这样子的







注意下面仍旧很重要

在选中第二帧的情况下，回到上面你画的线，按住shift键（这样保证水平拖动），将它拖到字的结尾处








之后，点击“过渡动画帧”按钮，如图画红圈部分所示




在弹出的对话框中，把“要添加的帧数”改为15-20左右，其他选项如图（一般默认设置不用动），点击确定。





（忍耐一下，快要大功告成了）
将画流光线的那一层（图层1），设置为字层的剪贴蒙版。


（剪贴蒙版：可以理解为只对某图层的下一层产生作用，而不对其他图层作用。比如，设图层1为文字层的剪贴蒙版之后，图层1上的竖线就只对文字层作用，只显示在文字上，而不显示在其他地方了）


剪贴蒙版创建方法：可以在图层1上单击右键，选择“创建剪贴蒙版”（如下图）；也可以按住alt键，点击图层1和字层之间的位置。

图片:图层1单击右键.jpg

创建完剪贴蒙版之后，图层示意是这样的

图片:剪贴蒙版的图层示意.jpg

最后就是保存
点击“文件”——“储存为web和设备所用格式"

图片:储存为web所用格式.jpg

打开对话窗口，别的都不用动，就是看一下，循环选项这里，是不是“永远”，如果不是的话改过来

图片:循环选项-永远.jpg

然后——就完成了！我先喘口气去

噗，好乖的小翎姑娘。。。。。。
期待乃滴教程。。。
顺说用这个号是方便如果插楼了口以删除。。。
所以——


插楼了要说哦亲~~


——————————————————————
饭吃了好久啊亲

亲，偶可连饭后甜点都下肚了。。。。

======================与鹤毛集团老板滴废话结束分割线==================


应鹤毛集团老板之邀，来说明一下使用photoshop cs3版本以下也就是cs2的情况下如何做动图。。。
神马？现在已经木人用ps2了？不好意思，区区不才滴在下，用滴就是cs2= =（众：pia飞乃个不与时俱进滴！）

于是，首先要确认一点，就是你安装的photoshop cs2是完整版本。
怎么判断是否完整呢？那就是，看看有木有安装image ready。
怎么看捏？如图：

图片:1.jpg

在这个工具栏（是叫工具栏吧？有点忘了= =。。众：pia飞!）的最底层，有一个这样的图案：

图片:2.jpg

用鼠标点击这个，如果会自动打开image ready呢，那不消说，就可以进行下一步。如果不可以呢，很抱歉，乃安装滴photoshop cs2君不是完整版，不如卸了去装鹤毛集团提供的cs3吧。

其次，当已经确认安装了image ready，那么就可以进行下一步，这个步骤么，和抬头鹤老板所说大同小异。现在截个image ready的界面图给大家。（注：此界面图是木有打开任何文件的状态）

图片:3.jpg

如上面这个界面图所示，木有那个“动画”窗口呢，那么偶们要把它调出来。具体操作是点击菜单栏上的“窗口”，然后在下拉菜单里的“动画”左边打上勾。如下图所示：

图片:2012-02-17_21-34-56.jpg

于是呢，“动画”工具栏就被调出来了，在整个界面的左下角，继续放界面图：

图片:4.jpg

看了上图找到了吗亲？“动画”窗口就在左下角啊左下角，认得出来吗亲？于是专门截个“动画”窗口图，如右：

图片:5.jpg

这个图是不是看起来很有熟悉感呢？对了，就跟抬头鹤老板的后几步截图（二楼开始的几步）差不离儿。
于是，接下来怎么做就不用偶说了吧，摸下巴。。。

小染小染，不用删了，占了两楼够用的啦

PS，感谢小染补充CS2使用方法

揪住小染摇晃，我一直在认真编辑！
那个啥，坛子真好，可以边写边改，哈哈，这点比贴吧强大多了

啊啊啊啊~~~~~~~~~楼楼好棒哦！！！讲的真细呀，连我这个ps废柴都听懂了，吼吼~~~抱住，啃一个！！来交作业~~~~

那个。。楼上的豆芽菜，乃的图图偶们看不到。。。貌似需要登录才行呢。

感谢亲交作业~~
不过咱们坛子不识别QQ空间和百度空间的图~~

另，谢谢童姐加精鼓励

哈哈，楼楼很有耐心哦，讲得很明白，在这里顶一个！！

话说雁翎辛苦了