Flash实例教程:休闲来喝茶吧!

所属分类: 媒体动画 / Flash教程 阅读数: 72
收藏 0 赞 0 分享
  效果演示:


一、打开Flash,新建一个空白文档,设置下背景色,我这里设置的是绿色,你可以根据你的喜好去设置哈~ 然后按CTRL F8新建一个影片剪辑,命名为茶。

二、开始画茶杯(因为刚新建影片剪辑了,所以这会应该是在名为茶的影片剪辑中了喔~)。把填充色设置为无,线条色选个颜色,然后先用椭圆工具画一个椭圆,再用线条工具画一条直线,调整如图~椭圆工具的笔触高度设置为2。



三、给杯子填充下颜色,椭圆里填充白色,杯外面嘛,颜色看自己的意思来就行了,不过最好是用渐变来填充,我这里用了放射状来填充,颜色左边为: #B97B3E 右边为:#664422 杯子的外线颜色为:#86592D 填充完杯子的渐变后,可以用填充变形工具调整下具体位置,这个以前说过的了,就不重复了~PS:这些颜色只是给大家做个参考,具体可以按个人意思来设置。

茶杯画一个就可以了,填充完颜色,把整个茶杯选起来,按CTRL G组合下,然后按住Alt键不放,用鼠标去拉茶杯,这样就可以直接复制出一个来了,当然也可以用复制粘贴的方法哈,复制多两个茶杯出一就可以了~

四、画完茶杯要来画茶壶了~新建一个图层,开始画茶壶了~同样先画一个外形,线条颜色为:#86592D 方法一样,借用椭圆工具和线条工具进行调整得出,先拼现大概的外形,然后用选择工具细细调整,得出下图:当然,不一定要一模一样哈,大家可以按自己的想法来,画出一个特别的茶壶也行~

五、给茶壶上色了~我还是选择用的放射渐变填充,左边颜色:#C18446 右边:#664422;同样最后用填充变形工具调整,调整完后,把壶顶的小圆时面的那条线条删掉~

光光的外表,不想再去画别的,就直接打个茶字加上去了~

最后,记得把整个茶壶全选起来组合下喔~好了,基本收工,但就这样,感觉太简单了,再来做点动画吧,也让空空的茶杯装上香香的茶吧~

六、在茶壶的那一层,第15帧插入关键帧,在30帧再次插入关键帧,然后把这一帧的茶壶移动到茶杯上面,最后,在15到30帧中间任意一帧右击创建补间动画~



七、在35帧插入关键帧,把茶壶的位置再倾斜下,然后在茶壶的图层下面建一个新的图层,用线条画上茶水,如图:


八、往下倒茶,这茶总是要出现的是吧,再新建一个图层,放在茶水那层下面,在35帧插入关键帧,画上一个半圆,填充上茶的颜色,我这里填充:#FFCC33;在第50帧插入关键帧,然后点下35帧,把这里的半圆填充色的透明度改为0。

点下35到50中间任意一帧,在下面展开属性面板,创建形状补间。


九、用同样的方法,继续移动茶壶到第二个茶杯那里,新建一个层再画个半圆当茶水,倒下来的那个茶水就不用新建图层了,把中间不用倒茶水的地方插入空白关键帧就可以了~


最后图层如图,记得把茶水的帧都延长到一样了,茶壶的移动要快要慢,就看自己的意思插入多少帧~


十、这茶我还想让它冒下香气,好了,继续画香气~按CTRL F8新建一个影片剪辑,在第20帧和40帧分别插入关键帧,然后画好烟的形状调整好如图,最后分别在第一帧和第二十帧创建形状补间动画~PS:这里的烟我用了白色,透明度为百分之20填充的,第40帧的烟填充的是百分之零。

十一、再新建一个影片剪辑,在这里把刚弄好的烟动画拖到场景中来,然后按CTRL C复制,在第15帧插入关键帧,按CTRL SHIFT V粘贴到原来的位置。这样,15帧里就有两个烟元件了。同样,再在第25帧插入关键帧,再按一次CTRL SHIFT V粘贴一下,最后点下25帧,按F9展开动作面板,输入:stop();


十二、反回茶的影片剪辑中,在茶壶图层下面插入一个图层烟,然后,在35帧插入关键帧,然后按CTRL L打开库面板,把上一步弄好的影片剪辑拖到茶杯上,如图,展开性性面板,把透明度改为百分之30(这个要根据你的实际情况来设置了哈~),然后再在61帧插入关键帧(因为我从这里开始往第二个杯子倒茶,所以就放这里,第三个杯子也一样,从倒茶那插入关键帧,然后拖一个元件放上去,透明度都为百分之30)。


最后,在茶壶图层最后一帧按F9打开动作面板,写上:stop();


十三、茶是弄好了,回到场景中吧,布置下,要不光有茶太单调了。新建个图层画个茶盘吧,再新建个图层,打上个大大的茶字,按F8把它转成元件,然后改下透明度,再复制多个,改变大小,形成一个背景,记着把字这个图层放在最下面,然后再新建个图层放上首诗吧,随意哈~

都弄好了,就打开库面板,把茶拿出来吧~

好了,收工,保存发布下吧~
更多精彩内容其他人还在看

flash制作可爱的简单线条笑脸

这篇教程是向脚本之家的朋友介绍flash制作可爱的简单线条笑脸方法,教程制作出来的笑脸非常可爱,而且方法不是很难,推荐过来,大家一起来学习吧
收藏 0 赞 0 分享

flash中制作文字按照顺序显示出来的gif动画

这篇教程是向脚本之家的朋友介绍flash中制作文字按照顺序显示出来的gif动画方法,教程制作出来的动画效果非常漂亮,难度不是很大,推荐过来,大家快快来学习吧
收藏 0 赞 0 分享

flash制作一个一个字的冒出来的打字效果

这篇教程是向脚本之家的朋友介绍flash制作一个一个字的冒出来的打字效果方法,教程很简单的,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

用flash制作画卷展开、合拢的gif动画效果

这篇教程是向脚本之家介绍用flash制作画卷展开、合拢的效果方法,教程制作出来的效果很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

flash怎么制作太阳月亮地球演示动态图?

flash怎么制作太阳月亮地球演示动态图?这个动图的制作过程很麻烦,因为出现的元素很多,下面我们就来看看绘制的图文教程,每一步都有,参数很清楚,想学习的朋友可以进来参考一下
收藏 0 赞 0 分享

flash制作一闪一闪的gif动画文字按钮效果

这篇教程是向脚本之家的朋友介绍flash制作一闪一闪的gif动画文字按钮效果方法,教程真的很不错,制作出来的效果很漂亮,推荐过来,一起来学习吧
收藏 0 赞 0 分享

在flash中制作由花生组成的好看花型

这篇教程是向脚本之家的朋友介绍在flash中制作由花生组成的好看花型方法,教程制作出来的图形很漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

flash逐帧动画制作全过程解析

这篇教程是向脚本之家的朋友分享flash逐帧动画制作全过程,教程非常基础,很适合新手来学习,推荐过来,有兴趣的朋友可以过来学习
收藏 0 赞 0 分享

flash引导层动画:引导层制作飞行的飞机

这篇教程是向脚本之家的朋友分享flash引导层动画:引导层制作飞行的飞机教程,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Flash把静态的水的图片制作成形象逼真的水波效果

这篇教程是向脚本之家的朋友分享Flash把静态的水的图片制作成形象逼真的水波效果方法,教程真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享
查看更多