用计算机做动画效果,动画图片多种效果制作步骤

news/2024/10/31 0:12:33/

动画图片多种效果制作步骤:文字绕月旋转做法

《一》打开FLASH软件,设置版面及导入背景图片,按图解进行,并在35帧处插入帧

c127adaa4a0fb83a2bfaaa5ec91ae684.png

当这些操作完后与平时在办公软件打字一样,打一部分就保存,这做动画也一样,点“文件”选取“另存为”弹出界面选取保存到桌面输入”文字绕月”格式扩展名为 fla 文件。下次接着做时直接点开该文件就行。

edc36a1352fec58063402a0155d7b5d3.png

《二》从上面最后一步看以看出已转到了“元件”旋转文字制作,在这说明上面所讲的工作区叫“场景”,场景是用来编辑动画把做好元件调出到场景中进行编辑,实际做动画在“元件”中进行,下面讲做旋转字方法:

dadd29e790a0e804751f14208e25386b.png

1:第《一》的9步已转到元件动画制作,点导航栏“视图”调出网格→从上图看标“元件”横向最后处有放大“200%”

0cc7e6d488587d4625c5bb44f59a76d4.gifoqZgUR_A==/2295428435076435797.jpg" border=0>方便看网格→并把图层1双击改输为“举”字→点工具“A”文字后下面“属性”会有打字各项选择、字体我用“楷体”字大小“32”颜色“红”

2:点一下网格任意处打上“举”字→同时按键盘上的ctrl+B打碎举字→在导航“窗口”调出“混色器”→选取“线性”→

624bf74016f86617e0dcb36d0f75e604.png点击“颜色滑块”可在色版中点你要的色上下拖动右边

11fa21615eed593b1b5e563feec5b8ac.png小三角形便得到你要的色、左右滑块中间

3cd450fe32f642803f2f900042ecce05.png点击可增加多种色字、我只用左右双色“举”字左红右白→同时按键盘上的ctrl+G将打碎举字组合→点工具上的“缩放”工具“举”便像上图一样→用鼠标把字移到上图样位横纵网线的十字中间

3:在13帧处鼠右键点击插入“关健帧” →25帧处插入“关键帧”→点击前帧(即第1帧处)把“举字”缩小点→点前头帧(即第1帧)将“举”了拖到上图解右边位置(上图的前后我打错对换了)→这时点击文字可在“属性”那把“宽设为3”并把“高设为10”已缩得很小用鼠标很难移动→再点一下文字可用键盘上的上下左右移动键移动文了在一条线并按图中的位置→点最后帧(即25帧)拖到上图解左边位置同前帧操作一样。

4:鼠标点一下“工具”上的箭头→点前帧在“属性”显示如图解右边红框小图“补间为动画”、“缓动为-80(负80)”→点中间帧“补间为动画”、“缓动为79”→点最后帧“补间为动画”、“缓动为-79(负79)”→点 举字图层锁

4e92927caf6effdc1d73d555dc4658f4.png→点导航“控制”可试播放动画。

5:“举头望明朋”,“举”做好,在第图层下方有“块纸”

13d9fb4718d043b86f127e4f3edb5fe5.png状点那是新建图层2同样改为头字

eae9763c40b39e440ea7bc24b7e51210.png从第1帧算起在第4帧鼠标右键点击插入空白帧,用(3—4)的方法做,那么它的中间“关健帧”与最后“关健帧”比举字的同样往后4帧。同样梯形的方法做望、明、月共五层。当你做完“月”字时会发显最后帧是在37帧上,就是说我们要做的动画“场景”才设为35帧(就是说动画成图片是35张图片),而元件即多了二张。其实还有“低头思朋友”五个字,这五个都超出35帧以外,如果你做的字刚好35帧,做成动画图片后,会一半的旋转时间有字,而别一半时间没字,要使整个绕转都有字这就是技巧了,也就是说为什么要超出35帧?

6:接着做“低头思朋友”新建“低”字图层,从前面的“月”知得前帧是在第13帧、中间帧是在25帧、后帧在37帧,为了使前五个字与后五个字分开,“低”字的前帧从18帧处插入空白帧(比月字13算起后退6帧)、中间关健帧在30帧、后关健帧在42帧用(3—4)的方法做。头、思、月、友比“低”各退4帧做法一样。全部字做完成。

d741dca7ac6e9d4e353f233a83b7f942.png

7:点月字图层,剪切多出35的帧,先双击中间关健帧如图 ,鼠标右点击“转为关健帧”

04ddf27498b6d8c1b1e39b5689431904.png按往 shift键点第36帧,再点37帧,鼠标点右键选剪切,在月字图层上方新建图层,双击新图层的第1帧并删除,在新图层第1帧插入空白帧,鼠标右键点新图层第1空白帧选“粘贴帧”,刚才月字被剪切的2就粘到了新层上,低、头、思、朋、友五个字超出35帧的同样操,就和解说图一样了。绕月字全部工作完成,点“控制”播放,效果很美。

《三》做月亮及星:

e86e10fec5501fa27f8a059bf4274497.png

8:导航“插入”新“元件”输入月亮选取“图形”,在第一层改为“月”,在工作区用“椭圆工具”画一个白色的圆,从导航“窗口”调出“混色器”选取放射状

042251f399cb0df255f3c88c9b52842a.png

2a36c77e1f2d219dd6fea87af1afabae.png左及中滑块色为白色 ,右滑块为淡灰,在35帧处插入关健帧。

cb51168f88d807d3e570cfa57399777d.png新建图层2,用

c45c3f8bbcd9f940944d241b17c4461b.png“刷子工具”非常淡蓝色在月亮上画阴影如解说图样,并在“混色器”

7b8fe2dbaf40e73fa36432bfe7bb8dee.png的调成适当的透明度,点击第帧按键盘的ctrl+G组合所有色块,在35帧处插入关键帧,在70帧处插入关键帧用(3—4—7)方法创建动画并剪切35帧外的帧,新建图层粘贴。不同的是点第1帧缩小色块移到左边月亮边,75帧缩小移到右→边月亮边,使月亮与旋转文字的转动方向相反。

9: “插入”新建星“元件”选取“图形→在第一帧用“矩形工具”画一白色小矩形→用“黑色箭头工具”将小矩形选取一半→“修改”中的“变形”→扭曲

9aa0b1d95842b09f807d9fabbc881a3e.png把右边上下角选点拉到中间→同样法做左边并用缩放工具压成小条→点做成的长凌形复制→在原第1帧粘贴→新粘的“修改”旋转90度并移到原来上面成十字→同样方法再粘贴成米字星→点第1帧进行复制帧→在5帧处插入关键帧并把星缩小→新建图层2及图层3粘上星星并将星用“混色器”分调成红、青→同样在5帧处插关键帧→分在1帧或5帧上缩小还可“间补动画”成旋转。

《四》场景编辑动画

请按下图操作,点击场景回到动画编辑,新建月亮、星星、旋转字图层,依次点每图层第1帧,点“窗口”调出“库”从库中拖出相应图层的“元件”动画到“场景”中,各种动画元件可任意缩放及旋转与移位如下图。

点“文件”选取“发布设置”打开设置面版,去掉其它发布方式的钩,只钩选GIF如下图设置各项参数,然后点“确定”,再点发布就行,得到了解说图下的动画图片,竹子和人在PS软件做容易。

de673b9155938f1f59a9fb04dd96ffcd.png

679c726391c79ab18377ff873b0f3379.gif

来源:互联网

501216a8c9887ccc6e7504f982cc8e97.png


http://www.ppmy.cn/news/372844.html

相关文章

Android动画之图片动画(四)

现在使ImageView中的图片可以动起来 1.在drawable-mdpi文件夹下加入图片&#xff0c;并加入一个xml文件&#xff0c;文件如下 <?xml version"1.0" encoding"utf-8"?><animation-list xmlns:android"http://schemas.android.com/apk/res/…

开机动画(闪动的ANDROID字样的动画图片)

开机动画(闪动的ANDROID字样的动画图片)Android 的系统登录动画类似于Windows系统的滚动条&#xff0c;是由前景和背景两张PNG图片组成&#xff0c;这两张图片存在于/system/framework /framework-res.apk文件当中。前景图片&#xff08;android-logo-mask.png&#xff09;上的…

SDL渲染3D动画图片

3D游戏如何制作呢&#xff1f; 2D游戏场景中加入3D元素怎么实现呢&#xff1f; 本文将讲解如何在适当的地方添加3D元素&#xff1f; 第一步&#xff1a;创建的SDL2的 窗口&#xff0c;视图需要和OpenGL的结合起来。 代码例子如下&#xff1a; int SkComm::init() { #ifnde…

如何使用腾讯云GPU云服务器完成 blender 的动画图片渲染

本文介绍如何使用GPU服务器提交一个渲染作业&#xff0c;高效率完成blender的动画图片渲染&#xff0c;并导出渲染图片。具体操作步骤如下&#xff1a; 步骤1&#xff1a;准备环境 系统环境 blender在Windows上运行较为稳定易用&#xff0c;所以建议使用腾讯云的Windows Ser…

java设计捕鱼达人中鱼的动图_鱼gif动态动画图片

由于GIF图像文件具有高压缩比、占用磁盘空间少、传输速度快等优点.因而广泛应用于互联网。关于鱼的GIF动画有哪些呢&#xff1f;下面是学习啦小编整理的鱼gif动态动画图片&#xff0c;欢迎阅读。 鱼gif动态动画图片1 鱼gif动态动画图片2 鱼gif动态动画图片3 鱼gif动态动画图片4…

动画

一、介绍&#xff1a; 二、实现方法 1、通过布局文件来实现 1)新建/res/anim/alpha.xml文件(这里以透明度动画为例子) 2)在MainActivity中写上 Animation animation AnimationUtils.loadAnimation(this, R.anim.alpha);animation.setFillAfter(true);iv.startAnimation(ani…

Gif动画图片是怎么制作的?如何生成gif动态图片

Gif动态图片是一种常见的图片格式&#xff0c;能够用一张图片表达出丰富的信息深受大众的喜爱。现在各种社交平台、公众号推文等都能看到它的身影。那么&#xff0c;这种动态gif图怎么制作呢&#xff1f; 一、什么样的gif动画制作工具好用&#xff1f; GIF中文网是一款专业的…

图片的动画

- (void)rightItemClick{ [UIView animateWithDuration:0.1 animations:^{ self.rightItem.transform CGAffineTransformRotate(self.rightItem.transform, M_1_PI * 5); } completion:^(BOOL finished) { }]; } 这样右侧按钮就会旋转。间隔时间为0.1秒