作业: 请使用任意素材制作简单流光。 必须是新制作的哦,之前做好的不算作业。 我认为进步大,做得好的玩家将获得飞鱼提供的小礼物一份。 ---------------------- 流光,顾名思义就是我的图图中有流动的光芒效果。 这最终是要输出成动态的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即可。 另外,里面有大量教程视频,大家可以看看。 |