分享

U5基础入门教程(2)

 福星8888 2014-05-31

 

四、透明动画

GIF动画还有一个特点,就是可以制作成透明的,这样就可以更好地跟背景融合在一起,下面我们来看一个简单的动画;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

2、制作动画

 1)进入后默认是一个白色背景,按一下键盘上的Delete键,删除白色底色,显示出棋盘格图案,表示透明背景;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)在工具箱中选择“文本”工具U5基础入门教程(2) - 福星 - 福星的博客,在画布里点一下,在右下角的文本对话框中,输入“透明动画”四个字,颜色为红色,点“确定”返回;

 


 3)点菜单“编辑-修整画布”命令,将多余部分画布裁切掉;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)点下面帧面板中的“添加帧”按钮U5基础入门教程(2) - 福星 - 福星的博客,添加一个空白帧,这一阵的背景也是透明的;

 选择文本工具U5基础入门教程(2) - 福星 - 福星的博客,在画布上点一下,然后输入“透明动画”,把颜色改成绿色;

 U5基础入门教程(2) - 福星 - 福星的博客

 5)选择箭头工具U5基础入门教程(2) - 福星 - 福星的博客,在上边的对齐工具栏中,点最后面的那个按钮,把文字排列在画布中央;

 U5基础入门教程(2) - 福星 - 福星的博客

 6)点菜单“文件-保存”命令,以“透明”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-另存为-Gif文件..”,也以“透明”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作透明动画的基本方法,如果你成功地完成了练习,请继续学习下一课内容;

五、拆分文字

文字动画中,有一种效果是文字逐渐显示,也称为叫打字机效果,下面我们来看一个练习;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

2、制作动画

 1)按Delete键删除白色背景,选文字工具,点一下画布,输入“拆分文本”颜色为红色;

 点菜单“编辑-修整画布”,裁去多于的部分;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)在右上角的对象面板中,瞄准文字,点右键,选“文本-拆分文字”命令,将四个字拆开;

 


 3)在对象面板中,点空白处取消全选,然后在每个字上敲右键,选“文本-编辑文本”命令,改成不同的颜色;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)在下面的帧面板中,点三次“相同帧”按钮U5基础入门教程(2) - 福星 - 福星的博客,复制三个相同的帧;

 U5基础入门教程(2) - 福星 - 福星的博客

 5)选中左边的第一帧,在上面的对象面板中,把“分、文、本”旁边的眼睛图标点一下去掉,只留下“拆”显示;

 U5基础入门教程(2) - 福星 - 福星的博客 

 再在帧面板中选中第二帧,把“文、本”旁边的眼睛图标点一下去掉,

 U5基础入门教程(2) - 福星 - 福星的博客

 同样选中第三帧,把“本”旁边的眼睛图标点一下去掉;

 U5基础入门教程(2) - 福星 - 福星的博客

 选中第四帧,点一下帧面板下面的“添加帧”按钮U5基础入门教程(2) - 福星 - 福星的博客,添加一个空白帧,这样就有了5帧;

 U5基础入门教程(2) - 福星 - 福星的博客

 6)按住Ctrl键,分别点第1、2、3、4帧,全选中所有帧变蓝;

 U5基础入门教程(2) - 福星 - 福星的博客

 点一下帧面板下面最右边的“帧面板命令”按钮U5基础入门教程(2) - 福星 - 福星的博客,选择“帧属性”命令,把10改成50;

 U5基础入门教程(2) - 福星 - 福星的博客

 这样每一帧的时间为0.5秒,播放速度会变慢一些;

 U5基础入门教程(2) - 福星 - 福星的博客

 7)点菜单“文件-保存”命令,以“拆分”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-另存为-Gif文件..”,也以“拆分”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作动画的一般步骤,以及保存和另存文件的方法,如果你成功地完成了练习,请继续学习下一课内容;

六、霓虹文字

霓虹字是在文字的周围有一圈灯光效果,在帧面板中有一个“添加文本条”按钮,可以创造出变化多样的霓虹效果,下面我们来看一个练习;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

 3)按一下Delete键删除画布中的白色背景;

2、制作动画

 1)在帧面板下边,点一下“添加文本条”按钮U5基础入门教程(2) - 福星 - 福星的博客,出来一个文本条对话框,

 删除文本框里面的内容,在字体中选择“宋体”,颜色为红色,输入“爱你永远”,阴影先不设;

 


 2)点“霓虹”标签,打勾选中“霓虹”效果,将宽度改为3;

 U5基础入门教程(2) - 福星 - 福星的博客

 3)点“效果”标签,在左边选择“放大(旋转)”,右边选择“减弱”,点一下预览,看看效果;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)点“确定-创建为文本条(推荐)”按钮,创建一个文字对象,帧面板自动产生动画帧;

 U5基础入门教程(2) - 福星 - 福星的博客

 5)点菜单“文件-保存”命令,以“霓虹”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-另存为-Gif文件..”,也以“霓虹”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作霓虹文字效果的基本方法,如果你成功地完成了练习,请继续学习下一课内容;


 

七、图片动画

图片动画的原理是,几幅略有不同的图片放在一起,形成一个完整的动作,下面我们来看一个猎豹奔跑的例子;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

 3)按一下Delete键删除白色背景;

2、制作动画

 1)点菜单“文件-添加图像”命令,找到本课的images文件夹中的图片文件 b1,打开它这是第一幅;

 U5基础入门教程(2) - 福星 - 福星的博客

 点菜单“编辑-修整画布”,把多余的部分裁切掉;

 2)点一下帧面板中的“添加帧”按钮U5基础入门教程(2) - 福星 - 福星的博客,添加一个空白帧;

 再点菜单“文件-添加图像”命令,这次添加 b2 图片;

 


 3)同样再添加 b3 b4,一共四幅图片;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)这样四幅图片就形成了一个连续的动作,点“预览”看一下效果;

 5)点菜单“文件-保存”命令,以“奔跑”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-另存为-Gif文件..”,也以“奔跑”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作动画的一般步骤,以及保存和另存文件的方法,如果你成功地完成了练习,请继续学习下一课内容;


 

八、优化向导

在Ulead GIF中还有一个功能,可以对动画进行优化后输出,这样便于网络播放和传输,下面我们来看一个练习;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

2、优化动画

 1)点菜单“文件-打开图像..”命令,找到上节课做的动画“奔跑”,点击打开;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)再点菜单“文件-优化向导..”命令,出来一个对话框,把上面的“使用预设”打勾选中,简单的可以直接用;

 


 3)把上面的“使用预设”打勾选中,点一下右边的下拉按钮,在弹出的下拉列表中,选下边的“photo 16”,颜色少一些;

  U5基础入门教程(2) - 福星 - 福星的博客

 4)然后点“完成”,出来一个对话框面板,里面有优化前后的文件大小对比,可以发现有很大差别;

 U5基础入门教程(2) - 福星 - 福星的博客

 5)点右边的“另存为..”按钮,以“奔跑1”为文件名保存文件到自己的文件夹中,然后点“确定”按钮完成优化;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了优化动画的基本方法,通过优化可以大大减少图片的体积,一般我们都用它来发布图片,如果你成功地完成了练习,请继续学习下一课内容;


 

九、翻页特效

动画的原理是,许多图片快速连续播放,人眼睛看着就是一个连贯的动画了,下面我们来看一个简单的动画;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

 3)按一下Delete键,删除白色背景;

2、制作动画

 1)选择文本工具U5基础入门教程(2) - 福星 - 福星的博客,在画布上点一下,然后输入文字“翻转特效”,颜色设为红色,点确定;

 点菜单“编辑-修整画布”,把多余部分裁切掉;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)在下面的帧面板中,点击“添加帧”U5基础入门教程(2) - 福星 - 福星的博客按钮,添加一个空白帧;

 3)再选中文本工具U5基础入门教程(2) - 福星 - 福星的博客,点一下画布,输入文字“翻转特效”,颜色设为绿色,点确定;

 U5基础入门教程(2) - 福星 - 福星的博客

 选择箭头工具U5基础入门教程(2) - 福星 - 福星的博客,在上面的工具栏中点最后的居中按钮,排到中央;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)点菜单“视频F/X-降落-翻转降落..”,出来一个效果对话框,选中第一个向右下的箭头;

 


 点“确定”,帧面板中自动添加了许多动画帧;

 5)点菜单“文件-保存”命令,以“翻页”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-优化向导..”,选择“photo 16”,以“翻页”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作翻页动画的操作方法,如果你成功地完成了练习,请继续学习下一课内容;

十、动作动画

动作动画一般是各个帧的图片,图片的位置有所改变,从而产生动画效果,下面我们来看一个练习;

1、运行程序

 1)在桌面双击Ulead Gif Animator图标,或者在文件夹中双击它的图标,就可以启动程序;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)启动成功后,显示一个默认的空白文档,如果出现向导提示,点“关闭”;

 U5基础入门教程(2) - 福星 - 福星的博客

2、制作动画

 1)点菜单“文件-打开图像..”命令,打开本课文件夹中的images里面的 che 文件,这是一幅小车图片;

 U5基础入门教程(2) - 福星 - 福星的博客

 2)选择箭头工具,在小车上点一下,周围出来虚线框,选中小车;

 U5基础入门教程(2) - 福星 - 福星的博客

 点菜单“编辑-复制”命令,复制一下这个小车;

 然后把小车往左边拖动,只露出车头,U5基础入门教程(2) - 福星 - 福星的博客

 3)点帧面板中的“添加帧”U5基础入门教程(2) - 福星 - 福星的博客按钮,添加一个空白帧;

 U5基础入门教程(2) - 福星 - 福星的博客

 4)点菜单“编辑-粘贴”命令,拷贝一个小车过来,这个车就放中间;

 U5基础入门教程(2) - 福星 - 福星的博客

 5)同样再点“添加帧”按钮,点“编辑-粘贴”,这个小车往右边移动,只露出车尾;

 U5基础入门教程(2) - 福星 - 福星的博客

 6)再点“添加帧”按钮,添加一个空白帧,按住Shift键点一下第1帧,全部选中,

 点下边的“帧面板命令”按钮U5基础入门教程(2) - 福星 - 福星的博客,选“帧属性”命令,把时间设为30,这样每帧0.3秒;

 U5基础入门教程(2) - 福星 - 福星的博客

 7)点菜单“文件-另存为-UGA”命令,以“小车”为文件名,保存文件到自己的文件夹;

 再点菜单“文件-另存为-Gif文件..”,也以“小车”为文件名,保存文件到自己的文件夹,这次保存的是是Gif图片文件;

 U5基础入门教程(2) - 福星 - 福星的博客

 本节学习了制作动作动画的基本方法,如果你成功地完成了练习,请继续学习;



 

医疗保健生活类常识

百岁秘笈 医疗书籍 养生视频 防病治病 养生保健 灵方妙药 食疗药膳 ·BTV养生堂
运动健身 青春不老 人身药房 中医宝典 医疗数据 防治癌症 男儿天地 女性空间
两性话题 美食佳肴 生活百科 电脑数码 实用查询 焦点热点 ·温馨祝福 ·药品大全
子女教育 休闲娱乐 ·博览群书 ·精彩视频 智囊宝库 古玩钱币 ·人生百味 人生命相
成功励志 感悟哲理 奇观怪事 风云人物 博古通今 ·颐享天年 贪官警世
·装修日记 博客网赚 网上淘宝 股票常识 福星琼影


精美不同背景博文边框 - 福星 - 福星的博客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多