主题:  [ImageReady教程系列5]文字滚屏动画

志比天高

职务:普通成员
等级:2
金币:8.0
发贴:460
#12005/1/25 22:17:31
这里用的也是上次的剪贴蒙版,做一个文字滚屏再加上慢慢消失的效果..不过....这种动画做成GIF文件实在太大,几百KB...flash做的话应该是KB级的..-_-#..不怎么实用,只是把方法介绍一下...

1.新建文件,将背景填充为黑色,用文字工具(T)在画布上拉出一个文本框,输入文字(文字颜色无所谓)..


图片如下:


2.新建一图层,然后按下Ctrl+Shift+M,切换到PS,用渐变工具(G)弄出一个这样的渐变,灰色部分是文字颜色..(p.s.因为IRCS里面没有渐变工具,所以要转到PS里弄-__-#)


图片如下:


3.再按Ctrl+Shift+M切换回IR,按住Alt键在图层1和文字层的中间点击一下(这是创建剪贴蒙版的快捷方式)..


图片如下:


4.看一下效果:


图片如下:


5.现在制作滚屏动画,把文字拖到画布最下方,完全不显示出来


图片如下:

编辑历史:[此帖最近一次被 志比天高 编辑过(编辑时间:2005-01-26 11:06:46)]

吾焰网页设计工作室 http://www.wefire.cn

志比天高

职务:普通成员
等级:2
金币:8.0
发贴:460
#22005/1/25 22:35:12
6.新建一个帧,把文字拖到最上面,也不让它显示出来


图片如下:


7.选择第一帧,点击动画面板上的"过渡"按钮,插入70帧的过渡(帧数越少滚动速度越快),方法前面说过了...确定后,动画就完成了



(这个图片太大..死活传不上来~~只好在别的地方传了-_-!!)


吾焰网页设计工作室 http://www.wefire.cn

无敌精英流氓【罗刹】

职务:管理员
等级:9
金币:66.3
发贴:18999
#32005/1/26 0:38:21
辛苦辛苦,最近几天连续在更新Imageready的教程,不错~~~



志比天高

职务:普通成员
等级:2
金币:8.0
发贴:460
#42005/1/26 10:54:33
前阵子一个朋友把过渡帧的功能告诉我之后我恍然大悟....用了这么久的IR居然不知道有个过渡帧的功能,太失败了!~配合过渡帧,很多动画效果都可以简单地做出来了~~甚至有些效果连flash都做不出来~~嘿嘿..继续研究,保持每天1篇的速度更新~~~


吾焰网页设计工作室 http://www.wefire.cn

瘦马

职务:版主
等级:4
金币:35.5
发贴:2241
#52005/1/28 13:13:30
下面是我以前写的一个关于过渡帧的教程,交流一下。
www.5d.cn/5dmedia/image/photoshop/20040914/00003680.htm



ouou333

职务:普通成员
等级:1
金币:0.0
发贴:2
#62006/3/23 13:08:04
无法找到该页
您正在搜索的页面可能已经删除、更名或暂时不可用。



Somewolf

职务:普通成员
等级:2
金币:10.0
发贴:484
#72006/3/23 14:59:12
效果不错,原来ir功能这么强大。



qiaomei

职务:普通成员
等级:1
金币:0.0
发贴:40
#82006/4/6 14:12:04
好!学习了 谢谢!



跳舞的牛

职务:普通成员
等级:3
金币:0.4
发贴:889
#92006/4/6 19:53:22
顶下,学习!



qiaomei

职务:普通成员
等级:1
金币:0.0
发贴:40
#102006/5/11 15:44:52
学习!谢谢!



zhuimengren888

职务:普通成员
等级:1
金币:0.0
发贴:21
#112007/6/4 14:54:01
这个是我做的,大家P一下
图片如下: