下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

如何在flash中制作出浪漫的星星写字效果

作者:课课家教育     来源: http://www.kokojia.com点击数:1840发布时间: 2019-03-16 20:43:27

标签: flash动画flash动画制作flash培训

想学设计?来看看大师是如何完成作品的?

  相信大家都有见过星星吧。在漆黑的夜晚,有了星星的点缀,变得格外浪漫唯美。那么如何如此温馨的星星运用到我们的flash动画中呢?今天我们就来简单地尝试一下,用flash制作星星写字的效果。

  操作步骤:

  1、首先启动Flash,选择[文件]--[新建]命令,新建一个Flash文档,并把舞台背景颜色设置成黑色。

      2、然后我们新建一个图形文件,命名为light。在编辑区中绘制出如下图所示的图形。

新建light图形文件

  3、接着新建一个图形文件,命名为starlight。在进入元件编辑窗口时,从“库”面板中将元件light拖曳到当前元件编辑区中心处。按[Ctrl+T]组合键打开“变形”面板后,在面板中设置各项参数。

设置元件各项参数

     4、然后再单击[复制并应用变形]按钮三次,这样就可以得到我们所要的“星星”图形元件。

“星星”图形元件

  5、新建一个影片剪辑元件,命名为star。进入元件编辑窗口后,把元件starlight从“库”面板中拖入到当前元件编辑区,再使其中心与元件编辑区中心对齐。然后我们分别选中第10帧和第20帧,并按[F6]键插入关键帧。

  6、接下来单击第1帧,选中starlight这一个元件实例,在“属性”面板中设置Alpha值为10%,并修改其尺寸为原来的50%,如下图所示。现在要旋转元件,选中第10帧后,我们利用“变形”面板将元件旋转10度。再选中第20帧,设置其Alpha值为20%,其尺寸为原来的50%。

设置元件Alpha值

  7、选中“图层1”的第1帧后,我们在“属性”面板中,把“补间”设置为“动作”,“旋转”设置为“逆时针”。再选中第10帧,在其“属性”面板中把“补间”设置为“动作”,把“旋转”设置为“顺时针”。

  8、返回“场景1”编辑窗口,把元件star从“库”面板中拖入舞台。在“图层1”上面添加一个动作引导图层,然后把“图层1”锁定。

  9、选择“文本工具”,在引导层上输入我们想要设计的文本,例如“Flash178”,文本的设置如图所示。

引导层上输入要设计的文本

  10、接下来我们把输入的文本设计一下。先连续两次按[Ctrl+B]组合键将文本打散。选择“墨水瓶工具”,将“笔触高度”设置为1。单击各个字母得到轮廓线后,删去多余的部分,然后按个人喜好,选择几个文字,使用“橡皮擦工具”在文字的顶端擦出一个小缺口,比如这次例子中的字母a、8。这样绘制出来的效果会更加细腻。

绘制轮廓线

  11、选中引导层的第159帧,按[F5]键插入普通帧。

  12、现在我们来把星星效果加在文字上。选中“图层1”的第1帧,在工具箱下方的“选项”选项区中单击“对齐对象”按钮,将元件star移动到字母F上方端点处,如图所示。

flash星星写字动画

  13、接着在“属性”面板中设置元件的实例名称为star,如图所示。

设置元件的实例名称

  14、然后选中“图层1”的第9帧,并按[F6]键插入关键帧,将元件star移动到字母F上方右侧端点处,这样就完成了一个字母动画的制作。同样,分别在第28、41、42、59、60、76、77、97、98、115、116、136、137、159帧按[F6]键插入关键帧,就能完成其它字母的动画制作了。

  15、单击“图层1”,在“属性”面板中将“补间”设置为“动作”,完成整个字母动画。

  16、新建一个影片剪辑元件,命名为“动作”,进入元件编辑窗口,选中第1帧,按[F9]键打开“动作-帧”面板,添加如下图所示的动作语句。

新建“动作”影片剪辑元件

  17、接下来将星星动效循环播放。在第2帧添加动作语句“gotoAndPlay(1)”就可以了,表示循环播放第1帧。

  18、返回“场景1”,新建“图层3”,将元件“动作”在“库”面板中拖曳到舞台中,然后删除第159帧,这样可以使动作语句对该帧不起作用。

  19、再选中“场景1”的第97帧,添加动作语句:stop();,此时的“时间轴”面板如下图所示。

“时间轴”面板

  20、制作完成。按[Ctrl+Enter]组合键就可以测试影片,观看动画效果了。

  小编总结:好了,这样我们的星星写字效果动画就完成了!是不是非常浪漫呢?操作步骤都不难,简单易学,只要跟着步骤操作就可以。心动的话就一起来试试具体的操作吧!

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程