q版地图制作软件_Flash动画的图形元件实例-Q版人物侧面行走

401bd0c3fe62f5e5fff16a43c110bdad.png

对于刚入门者而言,学会了基本图形的绘制之后,如何应用软件的各种动画补间功能,制作出具有表现力的动画,就需要更进一阶的知识技能了;那么,设计制作一个卡通人物的行走效果,如何从没有头绪的任务到变成有通用公式的工程呢?
今天我们就来讲讲如何应用基础的功能,来制作一个简单的Q版人物侧面行走的效果;在此之前,我们先理解元件的运动;再来理解元件的嵌套(元件里面再放元件)。

6e123cbd85290265d1224844744b9201.png
Q版人物的侧面行走效果图

什么是元件的运动? 比如引导层动画技术加补间技术,你绘制了一个篮球,然后新建图层画了一条线,让它沿抛物线飞出。

什么是元件的嵌套?就是一个元件中包括另一个甚至是多个运动元件;比如说时钟是一个元件,在时钟这个元件,秒针,分针也是元件和时针也是元件,当时钟从左向右移动的时候,元件的内部,秒针和时针和分钟都是可以运动的;再比如说,一个侧面行走的人物,也是一个大元件中包含多个小元件(两只手两只脚分别4个元件) 。

flash的元件分为图形元件和影片元件,这里我们讲图形元件,因为它所占的资源不太多;先说基本原理吧,为了先弄清楚动画原理我们先来制作一个鸡蛋型不倒翁的动画,当你制作一个不倒翁动作的时候,首先绘制出一个不倒翁,把它转化为图形元件,把“旋转中心”(就是中间那个白色的圆点)大致的调整在底部顶点的地方,在第一帧的舞台中,把红鸡蛋向左歪,再在第30帧处插入关键帧,把红鸡收向右歪,再在第60帧处插入关键帧,把红鸡蛋向左歪;再新建一个图层,再制作一个不倒翁的摆动,因为两个不倒翁一前一后,按照近大远小的原则,我们把后面的不倒翁缩小一些,大概是缩放为95%;摆动的方向相反,从右到左晃动。

b79bc19ab50ca6b7ea0da590e65318c2.png
将鸡蛋不倒翁的变形点(旋转中心)也就是那个白色圆点,放在底部;

那么,两个运动方向相反的不倒翁放在一起,其实就好像人物行走时的两只手,或者两只脚了,它们的制作原理就一样了。

如何用“元件补间”制作人物的走路动画呢?人类的走路动作是一种周期循环的反向运动,手部和脚部的摆动是方向相反,幅度相同的钟摆式运动,并且右手向前摆动的同时左脚同步向前摆动,以达到一种平衡并且保持动态平衡。

一、在文档中新建一个“图形元件”,命名为人物1,进入元件的内部空间,把人物的头和身躯和四肢画出来(要区分图层),并将手和脚也转化为“图形元件”(实际上,左手和右手可以是由同一个元件复制的,左右脚也可以是同一个元件复制的)。

c9fcdaca2571b7348e4df05c9fbed3c6.png

再完成手方手臂的摆动效果;把后方手臂缩小到90%,因为后方的手会略小一点;用同样的方法做出后方手臂的摆动(只是左右手的摆动出发点和终点相反),再将所在图层放在身躯图层的下方。
用同样的方法完成双脚的摆动效果。

2956e695aae01284e1e20afbffa157ff.png

如图,手臂元件的变形点放在最上方的中间位置。
先完成左手的摆动动作;再完成右手的摆动动画。

0ac9be2102530d504ca8270de4d912b2.png

将图形大小缩放为90%,以适合近大远小的视觉原则。

当我们把做成的人物元件放在舞台中,我们发现,人物只是在舞台中原地的做行走动作,这时候,我们又在主场景的时间轴中,再次制作人物这个元件的补间动画,这样子人物这个元件就可以从左到右的走动了。
我们完成的人物侧面行走就是一个典型的元件嵌套使用的实例,在人物这个元件中,我们嵌套了两个手的元件,两个脚的元件,当然还可以加入眨眼睛的元件等等,加入元件,并且还建立相应的帧和相应的动画补间。

本次小结:Q版人物的侧面行走可以作为一种“钟摆效果”来表现,它是一种元件嵌套(就像俄罗斯套娃一样)的经典应用,这里最大的难点就是,“主场景”的时间轴空间和“元件内部”的时间轴空间是独立的,互不干扰的,需要创作者在操作上形成概念。

附注: 人物侧面走路有许多种不同的方法,这只是其中一种比较合适初学者的方案,它只用到了元件嵌套,调整变形点,运动补间动画这几个主要功能就得以能完成,当对动作的整体要求不高时,可使用此方案。

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

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

相关文章

绝地服务器维护7月5日,绝地求生正式服7月5日停机更新维护内容公告

我们将在北京时间7月5日(星期四) 上午10点 开始正式服的停机维护。- 维护开始时间:7月5日(星期四) 上午10点 (预计3小时)玩家们大家好,伴随PGI2018的临近,我们将向大家呈现以PGI为主题、全新风格的PUBG。我们将向玩家们提供丰富的活动和奖品&…

javafx2_JavaFX 2 GameTutorial第1部分

javafx2介绍 我相信大多数软件开发人员可能会在年轻人(年轻人)生活的某一时刻被迫创建游戏来帮助他们学习编程语言(我知道我曾经做过)。 以前,我的第一台计算机实际上是Franklin Ace 1000 ,后来是Apple [] …

webstorm最新破解方法

方法来自 Rover12421 大神。 1.从官网下载WebStorm2016.1安装。 2.下载 破解补丁 并解压,记住路径 3.编辑WebStorm安装目录下 bin 文件夹中的 WebStorm.exe.vmoptions 与 WebStorm64.exe.vmoptions 文件, 在头部加上 -javaagent:D:\Program Files (x86)\…

python作者 google面试_如果Google面试让你用python写一个树的遍历程序

前几天忽然对python很感兴趣,学了几天也感觉它非常的简洁实用。打破了我这么长时间对java C# C 和vb的审美疲劳,让我眼前一亮。“就像读英文一样简单”这句话评价python说的很合理。我对python的好感很大部分是因为听说google很多程序用python&#xff0…

加载页面就触发ajax,AJAX post方法,有时会在页面加载时触发,有时不会

我对AJAX有一个奇怪的问题,我在页面加载时使用AJAX POST方法返回对象地图。我正在调试该过程,有时会调用该方法,并且Java Servlet有时会运行。我正确地包含了JS导入,其他jQuery调用正常工作。我试过不同的探险家。我使用的是GET方…

在Java 8中使用不带静态导入的Mockito

如何通过在基于Java 8的项目中删除静态导入来简化Mockito的使用。 基本原理 Mockito API基于(BDD)Mockito类中聚集的静态方法(大部分),然后进行非常流畅的链接方法调用。 可以使用模拟/间谍/给定/然后/验证静态方法启…

python object has no attribute_如何修复python中的“AttributeError:type object has no attribute”?...

您的代码引发此异常:AttributeError: type object Meeting has no attribute datetime在这一行:meeting_start Meeting.datetime.start_time.hourPython告诉您,Meeting类没有名为datetime的属性。这是真的:Meeting类是一个制造me…

ajax 页面无刷新,Ajax的页面无刷新实现详解(附代码)

这次给大家带来Ajax的页面无刷新实现详解(附代码),Ajax页面无刷新实现的注意事项有哪些,下面就是实战案例,一起来看一下。ajax (ajax开发)AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页…

运营管理最新版史蒂文森_运营增长人都在看的硬核案例拆解是怎么做的?

你会拆案例吗?大部分运营增长人听到这个问题都会愣一下,心想这有什么会拆不会拆的?看一下活动规则,把流程走一遍,不就可以了?当马上要做活动但又没思路缺灵感时,我们通常会试着先去关注一下相关…

pc网站和移动网站在同一服务器吗,机动都市阿尔法PC服和移动服互通吗

机动都市阿尔法PC服已经开启了,很多小伙伴想知道这个PC服和移动服有什么区别,互通情况怎么样,下面就是机动都市阿尔法PC服和移动服互通的具体内容,一起来看看吧。PC服和移动服互通吗国服PC版开启时,将额外增设一个独立…

ssh结合使用

springxml配置 <?xml version"1.0" encoding"UTF-8"?> <web-app xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns"http://xmlns.jcp.org/xml/ns/javaee"xsi:schemaLocation"http://xmlns.jcp.org/xml/ns/…

teamcity_TeamCity构建依赖项

teamcity介绍 构建依赖关系的主题既非琐碎的&#xff0c;也非次要的。 各种构建工具从不同的角度处理此主题&#xff0c;从而提供了各种解决方案&#xff0c;每种解决方案都有其优点和缺点。 熟悉发行版和快照依赖关系的Maven和Gradle用户可能不了解TeamCity快照依赖关系&…

OC Swift 走马灯效果

我们常见走马灯样式的功能&#xff0c;下面整理一下 Object-C 与 Swift 的实现代码 OC UILabel *label3 [[UILabel alloc] initWithFrame:CGRectMake(10,200, self.view.bounds.size.width, 100)]; label3.backgroundColor [UIColor redColor]; label3.text "走马灯 走马…

sql怎么修改服务器角色,创建、删除或修改角色 (Management Studio)

创建、删除或修改角色 (Management Studio)06/13/2017本文内容Reporting Services 提供了定义对报表服务器的访问级别的预定义角色。 需要访问报表服务器的每个用户或组都通过说明可以执行的任务的角色来进行访问。 这些角色是对作为整体的报表服务器进行定义的。 不能对报表服…

python中产生随机数模块_Python中random模块生成随机数详解

Python中的random模块用于生成随机数。下面介绍一下random模块中最常用的几个函数。random.randomrandom.random()用于生成一个0到1的随机符点数: 0 < n < 1.0random.uniformrandom.uniform的函数原型为&#xff1a;random.uniform(a, b)&#xff0c;用于生成一个指定范围…

刷新器-Java EE 7后端十大功能

这是我的Java EE 7小知识系列的第二部分。 在进行简要介绍的第一个介绍之后&#xff0c;我决定请Arjan Tijms撰写有关Java EE 7中他最喜欢的新后端功能的文章。如果您关注Java EE领域&#xff0c;您将知道Arjan。 他是Java EE开发人员&#xff0c;JSF和Security EG的长期成员&a…

get方法 服务器响应,HTTP请求方法及响应码详解(http get post head)

HTTP是Web协议集中的重要协议&#xff0c;它是从客户机/服务器模型发展起来的。客户机/服务器是运行一对相互通信的程序&#xff0c;客户与服务器连接时&#xff0c;首先&#xff0c;向服务器提出请求&#xff0c;服务器根据客户的请求&#xff0c;完成处理并给出响应。浏览器就…

spark官方文档_这些未在 Spark SQL 文档中说明的优化措施,你知道吗?

本文来自上周(2020-11-17至2020-11-19)举办的 Data AI Summit 2020 (原 SparkAI Summit)&#xff0c;主题为《Spark SQL Beyond Official Documentation》的分享&#xff0c;作者 David Vrba&#xff0c;是 Socialbakers 的高级机器学习工程师。实现高效的 Spark 应用程序并获…

从位图数据取得位图句柄

#include <windows.h> #include <fstream> using namespace std; void main() { ifstream infile("bm.bmp", ios::in | ios::binary); BITMAPFILEHEADER bmpHeader; // 获取文件大小 infile.seekg(0, ios::end); long nfilelen infile.tell…

go从0到1项目实战体系二一:gin框架安装

(1). 设置公用的代理服务地址: 如果设置了全局可忽略. $ export GOPROXYhttps://goproxy.io // linux > go env可以查看 $ export GOPROXYhttps://goproxy.cn // linux国内镜像 $ set GOPROXYhttps://goproxy.io // windows(2). 创建以下目录: 请忘记GOPATH目录…