【飞鱼制图教程】002 - 3秒做流光（试着用PS做最简单的从左到右的流光吧！）

似鱼飞鱼

作业：



请使用任意素材制作简单流光。
必须是新制作的哦，之前做好的不算作业。
我认为进步大，做得好的玩家将获得飞鱼提供的小礼物一份。

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

流光，顾名思义就是我的图图中有流动的光芒效果。
这最终是要输出成动态的GIF图片。

图片越大，做成动画的文件大小也就越大。
所以，流光一般都是透明的，小的GIF图形。

我们就做一个简单的例子吧。



首先，准备素材，还记得上节课我们做的作业吗？
我们就让我们的文字流光起来吧。

准备工作：
我们需要准备一个用来刷流光的图层、一个光柱。
大家准备时可以直接找一个小图当背景直接刷，没必要像飞鱼这样准备复杂。

首先，规整图层，我们要让文字流光，将文字相关的图层全部合并在一起。
将背景合并在一起方便管理
（背景和其他图层合并在一起是非必须的，但是要刷流光的文字图层是必须要合并在一起的（也就是一个图层））



合并完毕之后，在文字图层上面再新建一个图层，这个图层我们画一道光柱，用来当流光。


选择画笔工具，设定好前景色，然后选择好笔刷。



接下来在刚才新建的图层上面刷一笔。
刷好了之后，按CTRL+T对它的大小、位置进行调整，让他看起来更像一道光。



调整好如下图。
请注意这道光是在位于文字图层上面的新建图层上面处理的。



关键一步：
让高光与文字处于遮罩状态。
将鼠标悬停在在两个图层中间
按住键盘的ALT键，可以看见鼠标指针变了，点一下鼠标左键，
两个图层形成了剪贴组。
这样，高光部分，只能显示下面文字的轮廓部分。多余的部分被剪贴遮罩住了。

将高光放在动画起始部分，也就是最上方。



准备工作完成。
进入动画制作阶段。

动画制作：
我们需要告诉PS，我们的动画从上面开始，我们的动画在下面结束，
请PS帮我们把中间的动画过度自动完成。

首先，我们打开PS的动画面板，窗口-动画。
如果动画面板默认走的是时间轴界面，点击转换为帧动画。


我们刚才准备工作，也就是让高光在文字的最上方，
作为动画的第一帧，我们在这个面板上调整这一帧停留的时间，同时将动画是否循环播放改成永远。
然后，我们复制这一帧。

PS帮我们复制了这一帧，我们选中这最后一帧，
将高光部分拖放到文字的最下方。好让PS知道，我们的动画是从上到下这样走的。



选中动画面板的第一帧、最后一帧。点击，过度动画帧，
设定合理的过度帧数。
PS自动帮我们把中间要过渡的部分自动生成。
点击播放按钮，看看这个动画是否符合自己的要求？



另存的时候需要文件-存储为WEB所用格式，并选择GIF。



注意：
1、PS的每一帧都是一个单独的设定，请一定要在调整好所有图层之后再进行动画动作。
因为假设你后期要调整图层的位置或者做其他动作，PS都认为你是对一帧进行的动作！
所以，如果你非要调整或者觉得效果不好，请删除所有帧，只保留一帧，然后再一次重复这些步骤。

2、PS使用的CS3版本，下载地址：
请大家访问http://u.115.com
并使用飞鱼的用户名3000311  密码yumingzhu
(别改我密码哦)
下载Adobe_Photoshop_CS3_简体中文完美增强版Adobe_Photoshop_CS3.rar即可。
另外，里面有大量教程视频，大家可以看看。

nbanbyx

已学。求下一课。论坛嘛就该多点这样的技术帖子  在游戏的同时提高自己

mr原来

哇塞l。。。。。。。。。~

执笔念情殇

LeslieCheung.

楼主，能请教为什么我下的PS，安装不了，要序列号。哪里来呀。朋友说下载破解的，在哪里下呀？谢谢咯。

执笔念情殇

求飞鱼老师指教，顶飞鱼老师，很想继续跟着老师学习

颜小灵°

做论坛勋章怎么样飞鱼师傅

似鱼飞鱼

回复 29# 小胖手


    不过这个貌似流光起来还不错

似鱼飞鱼

回复 26# 子王幽灵


    你是不是不小心选中了太多的帧数啊  慢慢来再试一次

小胖手

让虫虫指导了一下 想再弄出点花样 但是弄不出来了

小胖手

让虫虫指导了一下 想再弄出点花样 但是弄不出来了

神气しんちゃん

先收藏先。。

子王幽灵

回复 1# 似鱼飞鱼


   呼叫.把那个光放在第一个字的开头.然后ALT+左键点完点进动画..把第一帧设好复制...然后选中第二帧把光柱拉到最后一个字时第一帧里面的光柱也跑到最后一个字去了什么情况

给夏天的冰．

想学ps很久了。先下载个去

小肥羊°

看看的