持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第17天,点击查看活动详情
今天我们做一个动态星空效果,是一个简单的动画,是综合之前所学的知识,综合的案例
目录
新建纸张 夜空 绘制楼房,白云和星星 闪烁星空效果 作品欣赏
一.新建纸张
打开Flash,新建ActionScript 3.0,就新建了大小为550×400像素大小的纸张。
夜空
在新建白色纸张的周边,用直线工具将纸的边缘围住,用油漆桶工具选择一种颜色进行填充,颜色只能填充在闭合的范围内。
二.绘制楼房白云和星星
在原有图层上就是张张边缘的黑色描边开始用直线工具向内延伸出楼房的外边缘一定要让范围闭合,在颜色面板中选择线性渐变,选中两个颜色,一个粉色,一个蓝色,由粉色向蓝色渐变,为了保证粉色和蓝色交界处位于楼房的中下部分我们可以将蓝色色块往中间稍微移一点这样就可以改变粉色和蓝色的交汇线。接下来是绘制楼房的窗户窗户建议新建一个图层画,因为如果你在原有图层上画窗户的话,除非一次到位否则窗户的颜色将会替代被窗户遮盖的楼房或背景颜色,这样再把窗户移走,下面就是一块白布,原有的图层颜色就会消失。用直线工具圈出一个方形填充一种比较浅的蓝色,按住ctrl+A再按住shift单机中间色块点击delete删除边缘描边,将色块复制粘贴以三个为一个单位复制可以将三个连接在一起然后斜切让方形适应变形楼房的形状。
白云是用椭圆形工具画出来的,有几个椭圆形相互叠加在一起,填充颜色,然后再单独点击中间的线,删掉就可以绘制出一个色块白云形状,也可以新建图层,按照同样的方法到山县那一步骤时可以全选,然后按住shift选择逐个色块,可以取消选择那些色块的范围再点击删除这样就不用把图形放大或者点不中细线了。五角星就是直线工具为出来的这个并没有什么难度适当旋转调整即可。
三.闪烁星空效果
我们以15帧为一个单位每15帧闪烁一次,我们在15帧的位置上按f6就是复制前一帧,这个时候我们要注意一下如果你把其他图层锁定,只留了星星你再点击15针的时候按f6那么在15章只会显示星星其他背景,楼房白云都不会显示,因为他复制前一帧,复制的是那一行的第一针不是所有行也就是单个图层的第一帧只要离开那个图层,点击其他图层所在的帧就算是锁定的图层,也可以复制。
在第五帧到第十帧中间再按f6复制前一帧,将星星图层所有的星星改变大小,并且适当旋转旋转角度最好不要大于45度否则在几针的时间内旋转太快就不太真实,把所有的针全部选中右键创建传统补间。
我们会发现它们一闪而过基本上没看到什么东西,所以这样做可能是错误的,那么,如何让他吻中间衔接的更加紧密呢?
首先,我们要把星星的那个图层分离,把每一个星星用ctrl+x剪切出来,复制到新的图层上让每个图层上只有一个星星。第二步就是在你复制的每个图层上,分别将它们转为元件然后每个星星单个变形在中间按f6复制,有几次变形就在几个帧上按f6,有些在边缘的可以少做变形在中间的帧可以调整大小,旋转移动位置甚至可以斜切,这些只要在元件状态下都可以连贯。这样把五个星星全部做完变换后你可以播放一下它的效果重点在连贯,后面的被锁住的图层直接在最后一帧按f6,然后转为传统补间动画。
备注: 还可以,在中间加缓动效果缓动值越大越慢,缓动值越小越快,缓动值为零是正常速度,负数为加快,正数为减慢。其实,转为元件也有快捷键(F8)但我一般都是右键点击,所以在文章中没有提到他的快捷键。