制作动画

一、创建补间动画

1、图片的去背

  • 1、导入一张蝴蝶图片(其他图片也行),缩小,给舞台加上颜色。
  • 2、点击蝴蝶图片,修改——分离,然后用套索工具中的魔术棒选中图片白色区域,删除,剩余蝴蝶图形。
  • 3、按F8键创建图形元件

2.创建一个基础的补间动画(蝴蝶的移动)

  • 1、去背后,在第一帧处创建补间动画,然后在第60帧插入关键帧(全部)
  • 2、移动蝴蝶,点击播放按钮即可。
  • 3、可以在动画编辑器或者右侧属性编辑器里设置图片的相关属性(比如:位置,旋转,缩放,颜色等)

编辑补间动画的路径:

  • 用选择工具更改某帧补间对象的位置(在flash中选择某一帧,用选择工具移动对象)
  • 用选择工具移动整个补间动画路径(用选择工具选择路径整体移动)
  • 用选择工具或部分选取工具修改路径形状(用选择工具移到路径边缘,变成弧形拖动修改)

注意要让蝴蝶的方向与路径方向一致,选定第一个关键帧,用任意变形工具进行调节。在属性面板中勾选调整到路径。
也可以使用部分选取工具对路径的关键点进行调节。

3、动画预设

  • 动画预设功能,可以把一些做好的补间动画保存为模板,并将它应用到其它对象上。
  • 每个对象只能应用一个预设,如果将第二个预设应用于相同的对象,则第二个预设将替换第一个预设。

eg:

  1. 新建文件,用椭圆工具创建一个小球,选定小球将其转换为元件(影片剪辑)
  2. 在窗口菜单中选择动画预设
  3. 打开动画预设面板,选择一种效果,应用,测试影片。

二、逐帧动画


实例制作eg:
绘制矢量图方式:
1下雨

  1. 将背景颜色改为灰色,用线条工具绘制雨的效果(白色),用选择工具选择Ctrl+C复制,Ctrl+V粘贴,用橡皮檫工具随机的擦除一部分内容。
  2. 前四帧都插入关键帧,分别选择第234个关键帧,将线条移动一下位置。测试
  3. 新建图层,将下雨声音文件拖入即可。

2写字(八)

  • 用文本输入汉字八,修改,分离。
  • 在第20帧插入帧,全选20帧,右键转换为关键帧。
  • 在每一帧修改删除不需要的部分即可。

    导入GIF序列图片的方式:
    飞奔的马
  • 导入序列图片的第一张,弹出一个对话框是否导入序列,选择是。会自动生成逐帧动画。
  • 对每个关键帧进行修改,移动位置即可。


三、补间形状动画

所谓补间动画又叫中间帧动画、渐变动画。只要建立起始和结束的画面,中间部分由软件自动生成,省去了中间动画制作的复杂过程。


补间的背景为绿色,实线箭头。

声波的模拟:

  • 新建300×200,蓝色舞台
  • 插入—新建元件—影片剪辑
  • 绘制矩形,选择无边框白色矩形,复制5个用任意变形工具调节高度。
  • 选定对象,使用对齐面板,底端对齐,均匀分布
  • 在第20帧、40帧、60帧插入关键帧,改变中间两个关键帧形状的大小(20、40帧), 在每两帧之间创建补间形状
    -回到场景中,从库面板中拖出元件。将声音模拟库中的声音复制粘贴到动画中,声音文件属性改为“事件”。测试

添加形状提示

对于复杂的形状其中间的补间过程是很难预料的,如果预览效果不佳,可以适当添加提示点来控制中间过程。

  • 条件:已经设置了补间形状动画的起始关键帧
  • 添加提示点:修改 > 形状 > 添加形状提示
  • 查看提示点:视图 > 显示形状提示
  • 删除提示点:拖出舞台 或修改 > 形状 中删除

案例:翻转的菱形

  1. 创建一个正方形,选中正方形旋转45°。在第30帧插入关键帧,中间创建补间形状(要加形状提示首先要创建补间形状)。
  2. 选择第一个关键帧,通过修改 > 形状 > 添加形状提示(a),默认的形状点在正中间,将其移到左边。继续添加(b),将其移到右边。
  3. 在30帧处,将b点移到左边,a点移到右边。

四、传统补间动画

补间的背景为紫色,实线箭头。

引导层动画

  • 引导层动画属于传统补间动画,用户可以绘制一条曲线作为动画路径,对象将沿着这条曲线运动。
  • 引导线可以使用铅笔、线条、椭圆、矩形、多角星形或刷子工具等绘制。
  • 引导层可控制一层,也可控制多层,使多个对象按照相同的路径移动。

实例:蝴蝶飞路线

  • 导入蝴蝶元件(影片剪辑),在第50帧插入关键帧,移动位置并缩小蝴蝶,创建传统补间。
  • 在图层上边点右键添加传统运动引导层,在引导层的第一帧使用铅笔工具,平滑模式绘制路径。
  • 选择图层一的第一帧,移动蝴蝶对象到路径的开始位置,在第二个关键帧将对象移动到终点位置。
  • 选择第一个关键帧,用任意变形工具将蝴蝶对象调整与路径方向一致。在最后一个关键帧,用任意变形工具将蝴蝶对象调整与路径方向一致。并选择第一个关键帧,在属性面板中勾选调整到路径选项。

(如下图沿路径移动)



五、遮罩动画
图层右键-遮罩层
起遮盖作用,遮住的地方显示,未遮住的地方不显示。

 - 遮罩层的实现需要通过两个以上的图层,建立遮罩的关系- 遮罩层中对象覆盖的部分,就是显示出来的部分- 遮罩层本身是不会被看见的- 线条不可以被用来制作遮罩层- 同一个遮罩层可链接多个层
  • 遮罩使用的对象:形状、文字和实例等
  • 遮罩层不能应用在按钮元件内部
  • 遮罩层和被遮罩层可静止,可运动(补间形状,传统补间、补间动画、逐帧动画)
    实例: 旋转的地球仪,打开卷轴等

FLASH动画之制作动画相关推荐

  1. 如何将unity3d动画嵌入html,在Unity3D中使用精灵动画引擎制作动画的两种方法

    7月28日消息,如今的游戏玩家对于游戏角色的动作要求越来越高,给开发者提出了众多的要求,工作量也相应上升.那么如何才能简单快速地制作角色动画以提升效率呢?下面就和大家分享两个在Unity3D中使用精灵 ...

  2. maya扇子动画_MAYA制作动画的十大原理!

    什么是三维动画? 三维动画又称3D动画,主要应用在影视领域,比如大家都很熟悉的动画作品,2015年7月份上映的<大圣归来>和2019年上映的<哪吒>再次掀起了国内制作动漫的热潮 ...

  3. 在Unity3D中使用精灵动画引擎制作动画的两种方法

    本文节选翻译自Gamasutra社区博客,文中观点仅代表作者本人意见,与本公众号无关. 在Unity3D中使用精灵动画引擎的两种方法 本文将介绍两种简单快捷的方法来制作游戏角色动画. 1.动画和动画控 ...

  4. 地图上制作线路的动画_R制作动画地图

    很久没有写教程案例了,因为很久没有学新的技术了.今天写一个最新做的案例,在一个paper中我们要展示某个数据在全国城市的分布的变化,原来的可视化方案是展示4个年份的地图facet,效果不是很好.最终决 ...

  5. 初中动画flash作品_初中动画flash作品_初中Flash动画设计基础知识试题及答案.doc...

    初中Flash动画设计基础知识试题及答案.doc 第 =page1*2-1 1页,共4页 第 =page1*2 2页,共4页 2015- 2015-2016学年第一学期信息技术期末试卷(笔试题) 1. ...

  6. Html创建动画的基本过程,动画视频制作基本的流程

    结合前期的设计使用三维制作软件制作出动画片段.中期制作是整个动画流程中费时多, 需要人力多的阶段.制作流程为建模. 材质贴图. 灯光. 动画. 渲染等.建模, 是模型师根据前期的造型设计, 通过三维建 ...

  7. Unity 2D教程 | 骨骼动画:创建动画

    转载自:2016-02-13 Unity官方平台 本教程主要讲解Unity引擎自带的2D骨骼动画工具,以及2D动画的基本概念.本篇会添加一些动画,如默认状态.跳动.坠落等. 基础动画理论 制作动画要牢 ...

  8. flash动画制作成品_「咻动画」flash动画在制作方面有哪些优势?

    在flash小游戏渐渐被越来越多的线上游戏淹没之后,flash动画制作渐渐地也淡出了我们的生活,不少小伙伴会发出时代变了之类的感叹.其实flash动画的应用范围并不局限于flash小游戏,在网页设计以 ...

  9. 用计算机制作动画,如何使用制作工具制作一个简单的Flash动画-电脑自学网

    怎么制作Flash动画?通过Adobe Flash我们可以制作出非常有趣好看的动画,也可以制作一键简单的小动画,下面给大家介绍如何使用制作工具制作一个简单的Flash动画. 操作方法: 1.打开fla ...

  10. flash制作文字笔顺_flash动画课件制作有什么优点

    Flash已经逐渐成为交互性矢量技术的标准,是未来网页制作和网络课件制作的主流.Flash动画课件制作相比传统方式.PPT课件,在教学中发挥着重要的价值,本篇文章,拥有多年制作经验的艺虎动画,总结分享 ...

最新文章

  1. 得到windows聚焦图片(windows 10)
  2. laravel项目composer安装
  3. linux安装qt_采用STM32MP1的PanGu Board开发板运行Qt应用
  4. 如何判断对象是否存活之根搜索算法
  5. java 方法 示例_Java Collectionsfrequency()方法与示例
  6. 学习总结5 - bootstrap学习记录1__安装
  7. python开发学习笔记之六(面向对象)
  8. ASR开发工作笔记0002---认识iccid
  9. Android性能优化:布局优化 详细解析(含include、ViewStub、merge讲解 )
  10. SCI论文之数据可用性陈述--Data availability statement
  11. 【题解】Luogu P2157 [SDOI2009]学校食堂
  12. K-th largest element in an array
  13. 线程结束后会自动关闭_多线程学习之如何中断线程
  14. 【十次方】十次方项目前期准备
  15. 通过python获取浏览器cookie
  16. STM32F207核心版的LwIP例程的心得
  17. 要读的书---培根说:历史使人明智,诗词使人巧慧,算学使人精密,哲理使人深刻,伦理学人庄重,逻辑修辞使人善辩。...
  18. 狂神说笔记之ElasticSearch
  19. sql删除数据的3种方法
  20. Unity 解决 An asset is marked with HideFlags.DontSave but is included in the build 问题

热门文章

  1. MaxDEA如何计算DEA-Malmquist指数
  2. 比较好的python培训视频
  3. QQ音乐播放地址 API
  4. vim 自动格式化代码快捷键
  5. 2020年电工(技师)证考试及电工(技师)模拟考试软件
  6. 算法题:Find the closest common ancestor
  7. UCDOS作者---鲍岳桥
  8. JavaWeb 简单实现客户信息管理系统
  9. iMX6 SoloX千兆以太网Linux PHY驱动调试
  10. linux两个命令合并,linux合并命令