ae游戏ui动效教学

文章目录 一、ae游戏ui动效教学最佳答案 二、ae游戏ui动效教学相关答案 三、ae游戏ui动效教学类似问题 关于ae游戏ui动效教学最佳答案 1.PS AI主要由页面设计,有必要使用AE软件。 我…


关于ae游戏ui动效教学最佳答案


ae游戏ui动效教学


1.PS AI主要由页面设计,有必要使用AE软件。 我必须是软件,我可以提供,希望!


关于ae游戏ui动效教学相关答案


2.绘学霸上有详细的教程,免费的。一、新建一个Test项目首先我们新建一个名为Test的项目来实践我们这次的内容,项目创建成功后,我们新建一个Button对象,如下图:新的UGUI全部都基于一个Canvas画布,如果你的场景里面没有Canvas,当你创建一个UI对象时,编辑器会自动帮你创建一个Canvas然后我们设置一下Cavans的缩放模式和尺寸,本例中我们以iPhone6的尺寸大小为准,我们选中Canvas,然后在其Canvas Scaler组件中,修改Ui Scale Mode为Scale With Screen Size,然后将分辨率设置为750*1334二、设置Button属性然后我们将Button的位置调整至屏幕的右上方,然后将字体大小放大,文本内容修改为点我(这边大小和文本内容可以根据自己的喜好来调整)三、动态创建UGUI对象的原理说明动态创建UGUI对象的方法,简单来说就是将我们需要创建的UGUI对象制作成一个Prefab,然后使用Instantiate方法将其实例化,最后使用相关的API对其属性进行动态设置四、制作自定义的Text Prefab接下来我们就来创建自定义的Text Prefab,为动态创建做准备,首先我们会自定义一个如下图所示的Text:Text效果图我们来看看这个自定义的Text有哪些内容:字体的颜色是红色Text穿创建后会播放一段放大动画放大动画播放结束后,Text会向上移动一段距离移动结束后,Text就会消失掉1、设置MyText属性清楚了Text所需的内容后,我们首先来新建一个Text对象,并且命名为MyText新建Text对象然后我们重置MyText的Rect Transform,重置之后将其宽高分别设置为750和100,接着我们将MyText的字体大小设置为40,颜色设置为红色,然后将对其方式设置为居中:设置MyText宽高设置MyText字体属性2、为Text添加放大动画MyText的位置和字体属性我们已经设置好了,接下来我们就需要为MyText增加放大和上升两个动画效果了,首先我们选中MyText,然后打开Animation编辑器(Mac版可以使用?+6的快捷键打开)打开Animation编辑器然后在Animation编辑器中,点击Create按钮,新建一个动画新建一个动画当我们点击Create按钮后,编辑器会弹出一个对话框,我们需要指定新建的Animation的文件名和存放路径,这里我们第一个需要制作的动画是字体出现是的放大效果,所以我们将其命名为Appear,然后为了使资源方便管理,我们将所有的动画资源放入到_Animator的文件夹下面(需要大家自己创建文件夹,关于如何创建可以参见以前的教程)新建Animation对话框创建成功后,我们会发现除了我们自己创建的Appear文件,编辑器还自动创建了一个名为MyText的Animator Controller文件,如下图,根据文件类型名字就可以看出,这个文件是用来控制和管理我们Appear这类文件的,像我们需要实现的Text出现后播放放大动画,然后再播放上升动画,这一个过程和逻辑就是通过Animator Controller来实现的,后面我们会讲到Animator Controller文件接下来我们回到Animation编辑器里面,在这个里面我们可以对MyText对象的一个属性进行动态变化,从而形成动画效果,Unity对每个对象可以操控的属性变量都列举出来了,这里我们以Text对象来举例,我们点击Add Property按钮,会弹出下级菜单,我们在菜单中可以看到能够操作的属性变量有3大类:Rect Transform:该类是针对Rect Transform组件的属性进行变化,我们可以改变这些属性来实现对象大小的变化,或者位置的移动等Text:该类是针对Text组件的属性进行变化,我们可以改变这些属性来实现诸如字体颜色变化,字体显示与否等变化Animator:该类是对Animator组件的属性进行变化Add Property按钮为了实现MyText出现后放大的效果,我们添加Scale属性的变化,由于我们的UI其实是一个平面,对其大小能够产生视觉变化的只有X和Y轴的变化,然后我们在本例中,希望放大效果一共播放0.5秒,其中在0.25秒是MyText放大到1.5倍,所以我们在0.25秒的时候添加一个关键帧,然后将结束的关键帧拖拽至0.5秒处,如下图:添加关键帧接着我们选中0.25秒的关键帧,将该帧的Scale.x和Scale.y都设置为1.5设置缩放变化接着我们就可以点击Animation编辑器里面的播放按钮,来测试一下动画效果了动画效果放大的动画就做好了,接下里我们继续制作上升的动画效果3、为Text添加上升动画首先我们点击Appear按钮,然后选择Create New Clip,为MyText添加一个新的动画文件:新建一个动画文件同样的在弹出的新建对话框中,我们将动画文件的名字命名为UpRight,存放在_Animator文件夹下面:新建对话框接着我们在UpRight动画中添加Anchored Position变化:添加Anchored Position变化上升动画在本例中,我们希望他能持续1秒,并且上升100个像素,所以我们选中结束的关键帧,在将其Position.y的值设置为100:Paste_Image.png然后我们就可以测试一下动画效果是否如我们所预期的:测试动画效果好啦,到这一步,我们已经为MyText添加了两个动画,分别是放大效果和上升效果,接下来我们就需要将两个动画衔接起来4、编排两个动画播放顺序要编排动画,就需要用到Animator Controller文件,我们双击打开MyText,会自


了解更多ae游戏ui动效教学类似问题


ae调音乐教学
ae钢笔教学入门教程
心肺复苏aed教学
ae光影粒子特效教学19

为您推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注