AN动画基础——路径动画

【AN动画基础——路径动画】

  • 路径动画
  • 基础使用
  • 其他效果
    • 沿着路径放大
    • 沿路径着色
    • 调整到路径

本篇内容:了解路径动画
重点内容:路径动画应用
工 具:Adobe Animate 2022


路径动画

路径动画是一种在动画中沿着一条预设路径进行移动的效果。

路径可以是直线、曲线或任何其他形状,动画对象会沿着这条路径运动。路径动画可以用于给物体增加运动的真实感,也可以用于创造各种有趣的运动效果。

路径动画通常由两个主要部分组成:路径和动画对象。路径是定义动画移动的轨迹,而动画对象是指那些需要进行路径动画的元素。路径可以通过使用数学函数或者是预先创建好的图像来定义。

路径动画可以在2D或3D空间中使用,并且可以应用于不同的对象,如图形、文字和图像等。在路径动画中,可以控制物体在路径上的速度、方向和加速度来实现各种不同的效果。

在实际应用中,路径动画可以用于创建各种不同类型的效果,例如虚拟现实中的移动效果、游戏中的角色移动、网页设计中的过渡效果等。路径动画可以使动画更加生动、吸引人,并且能够吸引观众的注意力。

基础使用

随意绘制一条线(钢笔,直线,形状工具皆可),绘制一个圆形元件。
在这里插入图片描述
设置线为引导层,此时这个图层的图标会变成锤子- -
在这里插入图片描述
将小球的图层拖拽到这个锤子图层,此时引导层创建完毕。
在这里插入图片描述

第一帧将圆形的中点对准曲线的端点,最后一帧对应最后一个端点
在这里插入图片描述
创建补间动画,效果如图请添加图片描述

其他效果

沿着路径放大

选择【宽度工具】将曲线变粗(选择完了再曲线找一个点拖拽就行)
在这里插入图片描述
选择小球【沿路径缩放】
在这里插入图片描述
效果如下请添加图片描述

沿路径着色

此法简单,把路径变成渐变色。
在这里插入图片描述
勾选【沿路径着色】
在这里插入图片描述
效果如下请添加图片描述

调整到路径

绘制一个三角形(容易看效果)方法是多边形工具,把边数调整为3

在这里插入图片描述
调整适当大小转成元件
在这里插入图片描述
按照之前步骤,建立引导层
在这里插入图片描述
此时我们已经完成路径动画请添加图片描述
问题来了,如果把这个三角形想成飞机,这个飞行轨迹有些奇葩。正常情况应该是头的位置不变。此时我们选择【调整到路径】即可
在这里插入图片描述
别忘了在两个关键帧处改一下头的位置
在这里插入图片描述
此线过于简单,可能看不出什么效果。自己设置个复杂的线试试哦~请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/157956.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS3媒体查询与页面自适应

2017年9月,W3C发布媒体查询(Media Query Level 4)候选推荐标准规范,它扩展了已经发布的媒体查询的功能。该规范用于CSS的media规则,可以为文档设定特定条件的样式,也可以用于HTML、JavaScript等语言。 1、媒体查询基础 媒体查询…

JavaEE-cookie和session

本部分内容包括 cookie基本概念,sendcookies和getcookies代码; session基本概念,session实现登陆界面; 上述过程中涉及的代码如下: 1 import javax.servlet.ServletException; import javax.servlet.annotation.WebSe…

Oracle(12)Managing Indexes

目录 目标: 一、基础知识 1、Classification ofindexes 索引的分类 2、B-Tree vs Bitmap 3、Creating Indexes: Guidelines 创建索引:准则 4、Offline Index Rebuild 脱机索引重建 5、RebuildingIndexes 重建索引 6、Online Index Rebuild 在线索引重建 7…

一文掌握Java Stream API

引言 Java Stream API 自 Java 8 引入以来,已成为处理集合数据的强大工具。它不仅提高了代码的可读性,还优化了性能,使得集合操作变得更加简洁和高效。本文将深入探讨如何利用 Stream API 的常用操作,帮助你更好地掌握这一强大的…

坚持#第420天~阿里云轻量服务器内存受AliYunDunMonito影响占用解决方法

阿里云轻量服务器内存受AliYunDunMonito影响占用解决方法,亲测有效: Mobax好卡啊,那就直接在阿里云后台操作即可,阿里云后台也可以上传文件。 Navicat mysql好卡啊,那就直接在阿里云后台最上面帮助的右边有个数据库&…

jenkins实践篇(2)—— 自动打tag的可回滚发布模式

大家好,我是蓝胖子,在上一篇我简单介绍了如何基于特定分支做自动编译和发布,在生产环境中,为了更加安全和快速回滚,我采取的是通过对代码打tag的方式来进行部署,下面我将详细介绍整个发布过程的逻辑。 发布…

【Java 进阶篇】Java ServletContext详解:在Web应用中获取全局信息

在Java Web开发中,ServletContext是一个重要的概念,它允许我们在整个Web应用程序中共享信息和资源。本篇博客将深入探讨ServletContext的作用、如何获取它,以及如何在Web应用中使用它。无论您是刚刚入门的小白还是有一定经验的开发者&#xf…

Python---字符串切片-----序列名称[开始位置下标 : 结束位置下标 : 步长]

字符串切片:是指对操作的对象截取其中一部分的操作。字符串、列表、元组都支持切片操作。 本文以字符串为例。 基本语法: 顾头不顾尾: ----------类似range() 范围,顾头不顾尾 相关链接Python----ran…

mac录屏快捷键指南,轻松录制屏幕内容!

“大家知道mac电脑有录屏快捷键吗,现在录屏不太方便,每次都花很多时间,要是有录屏快捷键,应该会快速很多,可是哪里都找不到,有人知道吗?帮帮我!” 苹果的mac电脑以其精美的设计和卓…

照片编辑软件Affinity Photo 2 for Mac v2.1.1中文激活版 2024年最新中文版下载

照片编辑软件Affinity Photo 2 for Mac v2.1.1中文激活版是一款功能强大的专业级图像编辑软件,由Serif公司开发。它提供了广泛的工具和功能,适用于摄影师、设计师和艺术家。 照片编辑软件Affinity Photo 2 for Mac v2.1.1中文激活版软件介绍 TIFF&#…

javafaker测试数据生成实战

javafaker测试数据生成实战 1.背景2.介绍2.1 特点 3. 使用3.1 基础使用3.1.1 maven依赖3.1.1 使用示例 3.2 进阶使用3.1 生成中文信息3.2 根据姓名生成账号3.2.1 maven依赖3.2.2 中文转拼音工具类 3.3 高级使用3.3.1 中文性名重复处理方案1: 偷懒方式方案2: 较真模式 1.背景 最…

经验总结2023-11-2

axios发起post请求的方式: 要解决跨域问题,后端要加,指定支持的方法是Pos还是get: