对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 软件教程 > Photoshop教程 >

动画的淡入淡出-Photoshop CS3实例教程(2)

时间:2008-07-02 02:50来源: 作者:火鸡 点击:
现在我们已经就同一个主题制作出两个动画,都带有淡入淡出和移动效果,但它们在表达上都有缺点。第一个动画的缺点在于不透明度的过渡太长,整个动
  

  现在我们已经就同一个主题制作出两个动画,都带有淡入淡出和移动效果,但它们在表达上都有缺点。第一个动画的缺点在于不透明度的过渡太长,整个动画过程中文字只在其中1帧时是完全显现的。而之前之后都处于半透明状态。这不利于强调文字的重要性,并且可能令观看者阅读困难。
  大家也许会觉得并不存在这个问题,因为第一个动画中的文字看上去很清晰。但我们是以100%的不透明度为最终显现状态的。这样按照5帧过渡来说,每一帧都有20%的递增,也就是第1帧虽为0%,但第2帧就达到了20%,因此阅读基本没什么问题。如果换一种情况,最终显现的不透明度并非100%,而是只有30%或更低时,每一帧中的不透明度递增也就变得很微小,这样尽管30%的最终不透明度足够满足阅读需要,但其淡入过程就会难以看清从而影响阅读。大家可以将最终不透明度设为30%、10%之类的再做做看。

  相比之下,第二个动画就避免了这个缺点,它将淡入和淡出单独制作,在淡入完成(文字达到最终显现状态)后才开始移动,这就确保了文字在移动过程中始终保持其最终显现状态,无论是100%还是30%或其他。不过它同时存在另外一个缺点,那就是文字在起点和终点是静止的,这样破坏了移动的连贯性。
  现在我们要将两者结合在一起,制作一个既有淡入淡出效果,也能较好展示文字的动画。思路是保留第一个动画中的文字全程移动,但将淡入和淡出压缩在头尾少数几帧内完成,从而保证文字在大部分移动过程中保持最终显现状态。如下左图,双向箭头表示淡入和淡出过程,上半部所示是第一个动画,可以看出淡入和淡出相加等于动画全程。下部所示是我们现在的构想,淡入加上淡出只占用全程的一半或更少。这样就能让文字以最终显现状态完成大部分的移动。
  关键帧设定如下右图所示,分别在相邻的两帧时间设定过渡即可。帧1虽然看不见文字,但可以知道它正位于画面最右端,帧2中文字已经全部显现,位置也稍向左移动。这样帧12的过渡就完成了不透明度的全部变化,同时完成一小部分的移动。之后文字移动一段距离(帧23过渡)后,在接近左端处开始一边移动一边淡出(帧34 过渡),与淡入相反。

网页教学网

  欢迎访问盼盼的家园(www.panpan.org) 欢迎访问盼盼的家园(www.panpan.org) 

  不知大家是否想到了这个动画在制作中会遇到的另外一个问题,那就是如何保证帧12的移动距离与帧23的距离对应。这里的对应不是说相等,而是指每帧移动的距离相同,假设帧12的过渡为3帧(ABC),帧23的过渡为6帧(DEFGHI),也就是1ABC2DEFGHI3共12帧。那么文字在这 12帧中每帧的移动距离应当相等,才能形成较好的移动效果。但大家往往会做出前快后慢,或前慢后快的效果,就是因为对移动距离判断不足。这个问题很难解决,除非动用标尺精确计算距离,不然就只能多试验几次找出最合适的过渡帧数。

  本课中要掌握的是淡入淡出在与移动相结合时的处理手法。最好的方式就在持续移动的情况下,用较短的帧数完成淡入淡出,同时应保持每帧移动距离相近。这样操作是有些繁琐,不过不用担心,很快就有办法解决的。欢迎访问盼盼的家园(www.panpan.org)anisample01.rar

  制作第三个动画的源文件我们在这里提供给大家(欢迎访问盼盼的家园(www.panpan.org)anisample01.rar),并不是认为大家做不出来,而是为了保证教学上的统一,我们需要用这个动画继续学习。大家也可以使用自己的作品。本课没有作业,但有一道思考题,就是如何在保持anisample01.psd原有20帧设定不变的情况下,制作出如下图所示的动画。

网页教学网

     欢迎访问盼盼的家园(www.panpan.org)

-----------------------------------
欢迎访问盼盼的家园(www.panpan.org)

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八