注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

春天的博客

笑一笑,十年少。人生如戏,感悟生命的多姿多彩!

 
 
 

日志

 
 

【转载】如何用U5制作动画(四)——制作逐笔写字效果  

2016-07-31 15:08:04|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

如何用U5制作动画(四)——制作逐笔写字效果

U5制作逐笔写字效果的步骤是:设置图象型文字,文字逐笔显示,用写字笔带动文字逐笔显示。

下面是我用U5制作的逐笔写字的两个效果图:

 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

  
如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
 

 

下面是用U5制作逐笔写字的步骤:

A设置图象型文字:

1.     打开U5,单击左上角的“文件”,单击“新建”,新建一块画布,在对话框中设置画布的宽度为250 ,高度为150 ,(你也可以设置画布大一些)。画布外观“完全透明”,单击“确定”。见图-1

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

2.     在弹出的页面中单击工具箱中的“文本工具T”,然后单击画布,弹出“文本条目框”,单击“字体”文本框的下拉箭头▼ ,向下拉动滑块,找到“华文楷体”单击。字的颜色选粉红,输入“分工”二字。单击“确定”。(注意,必须向下拉动滑块,找到中文字体选择单击。如果你单击的是英文字,而输入的是中文字体,则输入无效,显示的是问号?中文字无法显示)。见图-2

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

3.     单击“确定”后,弹出图-3

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

4.     单击上图工具箱的“变形工具”按钮,画布上的“分工”二字四周出现8个方形编辑点。按住鼠标左键,拖动编辑点放大文字到合适。见图-4

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

5.     在处于编辑状态的画布“分工”上单击右键,在下拉列表中找到“转换到图像”,弹出图-5

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
 

 

6.   单击“转换到图像”(“分工”二字有虚线框住才有效)。使文本变成了图像。这个步骤非常重要,如果文本没有变成图像,下面的制作就失败。

B文字逐笔显示

1.单击上图左下角1帧,(选中会变蓝),单击左上角“编辑”按钮,在下拉列表中单击“复制”,左下角1帧即被复制到电脑剪贴板上了。见图-6

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
 
 

 

2.单击上图帧面板中的“添加帧”按钮(即空白帧),(注意,不要单击“相同帧”按钮),在1帧右边就添加了一幅空白帧(即第2)。见图-7

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
 
 

 3.单击上图帧面板中的第2帧(空白帧),选中变蓝色。单击左上角的“编辑”按钮,在下拉列表中单击“粘贴”,看到该空白帧和画布被粘贴上了第1帧的“分工”二字。见图-8

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

4.单击上图工具箱的“涂擦工具”按钮,光标变成橡皮擦样子时,按住鼠标左键,在画布上擦除“工”字,和“分”字的第234笔划,只留下第1笔划。见图-9

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

5单击左下角的“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第3帧被粘贴上了“分工”二字。按住鼠标左键,在画布上擦除“工”字,和“分”字的第34 两个笔划,只留下“分”字的第12 两个笔划。见图-10

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

6。单击左下角“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第4帧被粘贴上了“分工”二字。按住鼠标左键,在画布上擦除“工”字,和“分”字的第4 个笔划,只留下“分”字的第12 3三个笔划。见图-11

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

7.     单击左下角“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第5帧被粘贴上了“分工”二字。按住鼠标左键,在画布上擦除“工”字,只留下“分”字。见图-12

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

8.     单击左下角“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第6帧被粘贴上了“分工”二字。按住鼠标左键,在画布上擦除“工”字的第23 两个笔划,只留下“分”字和“工”字的第1笔划。见图-13

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

9.     单击左下角“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第7帧被粘贴上了“分工”二字。按住鼠标左键,在画布上擦除“工”字的第3笔划,只留下“分”字和“工”字的第12笔划。见图-14

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

10. 单击左下角“添加帧”,单击左上角的“编辑”,单击“粘贴”,画布和第8帧被粘贴上了“分工”二字。在画布和第8帧留下了“分工”二字。见图-15

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

说明:(1)以上只单击一次“涂擦工具”按钮,就可以擦除各个笔划了。(2)画布文字出现虚线方框时,才能擦除笔划。画布文字出现虚线方框表示文字已被激活选中。没有选中的目标是不能操作的。(3)要保证能顺利擦除各个笔划,必须按照B规定的操作顺序做,顺序不能打乱。(4)“分工”两字有7个笔划,所以要设置7个帧加上一个过空白过渡帧,共8个帧。

11. 要设置一幅空白过渡帧,单击第1帧,单击“添加帧”,即在第1帧后面添加了一幅空白帧。单击第1帧,单击下方×形的“删除”按钮,把第1帧删除掉。新的第1帧是空白过渡帧。见图-16

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

20.单击左下角三角形“播放”按钮,看看播放情况。如果播放速度太快,可调整延时时间。(延时可设置为30)。单击“播放”按钮右边的四方形“停止”按钮,可停止播放。

以下是没有添加写字笔时文字播放效果:

 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

C用写字笔带动文字逐笔显示

1.单击第2帧,单击左上角的“文件”按钮,在下拉列表中单击“添加图像”,在弹出的你的图片文件夹中选择一幅笔形 j peg格式的免抠图片单击,添加到第2帧上。注意,如果不是jpeg格式的免抠图片,添加时会把文字盖住,导致添加失败。(你应该事先从网上搜索获取笔形jpeg格式的免抠图片,并保存在你的图片文件夹里,供随时使用)。见图-17

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

下面给你提供3个JPEG格式免抠写字笔图片,供你使用,你可以在图片上单击右键,单击“另存为”,保存在你的图片文件夹里。(注意,不要单击“复制”)。
 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客                                            如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客                                              如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
    
   

2.以下是第2帧添加了笔形jpeg格式的免抠图片(即写字笔 )。见图-18

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

3.在第2蓝色情况下,单击左上角的“编辑”,单击“复制”,就把添加的笔形图(即写字笔)复制到电脑剪贴板上了。(图略去)。

  4.单击第3帧,单击左上角的“编辑”,单击“粘贴”,第3帧即被粘贴了笔型图。见图-19

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

5.单击第4帧,单击左上角的“编辑”,单击“粘贴”,第4帧即被粘贴了笔形图。见图-20

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

6.同理,笔形图可粘贴到第5678 帧。(见每帧左上角是笔形图)。请自己操作。见图-21

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

7.单击第2帧,单击工具箱中的“选取工具”按钮,按住鼠标左键,在画布上拖动笔形图(即写字笔),放到“分”字第1笔划的起笔。(注意,如果没有单击工具箱的“选取工具”按钮,则无法拖动笔形图)。见图-22

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

7. 选中第2帧,单击“相同帧”按钮,(相同帧”按钮在“添加帧”按钮的右边,不要搞错。),在第2帧后面添加了一幅与第2帧相同的帧。在画布上拖动笔形图,放到“分”字第1笔划的结笔,见图-23

 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

8.单击第4帧,在画布上拖动笔形图放到“分”字第2笔划的起笔,见图-24

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

8.选中第4帧,单击“相同帧”,在第4帧后面添加了一幅与第4帧相同的帧,在画布上拖动笔形图放到“分”字第2笔划的结笔。见图-25

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

9.单击第6帧,在画布上把笔形图拖到“分”字的第3笔划的起笔。见图-28

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

10.单击下方的“相同帧”按钮,在第6帧后面添加了一幅与第6帧相同的帧,把画布上的笔形图拖动放到“分”字第3 笔划的结笔。见图-26

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

11.同理,添加其他笔划的相同帧,把笔形图放到其他笔划的起笔结笔。直至最后第15帧的“工”字。请你自己操作。见图-27


 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

注意,“分工”二字有7个笔划,用写字笔引导写字时,因为每个笔划都有起笔结笔,所以要14个帧,加上一个空白过渡帧,在帧面板中共有15个帧。(有转弯笔划的,转弯处可以增加一个帧,也可以不加。)

 

12. 设置各帧延时切换时间。

右键单击第1帧,在下拉列表中单击“画面帧属性”,在弹出的对话框中设置“延时”为30 ,单击“确定”,第1帧的延时时间即变成了0.3秒(原来是0.1秒)。见图-28和图-29

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客
 

 

 

13.用同样方法在“画面帧属性”下设置其他各帧延时都是30,即0.3秒。请你自己设置。

14.单击左下角的三角形“播放”按钮,可看到写字笔逐笔划写字。单击“播放”按钮右边的四方形“停止”按钮,可停止播放。

15.保存方法:单击左上角的“文件”,在列表中把光标指向“另存为”,单击“GIF文件”,在弹出的图片文件夹中选择一个图片文件夹保存。记住输入该gif 文件名称,如“U5逐笔写字”,单击“保存”。以后打开就可以播放了。见图-30:

如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

 

下面是“U5逐笔写字”效果图:

 如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

  
如何用U5制作动画(四)——制作逐笔写字效果 - olay - olay的博客

(网友转载时请注明“转自olay的博客”)

 
  评论这张
 
阅读(33)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018