Flash CS4制作伸展的树枝教程

时间:2015-2-11 14:13:57   作者:   来源:   阅读:216   评论:0
内容摘要:本例将使用图形动画的同步播放原理来制作树枝的伸展动画。本例将使用图形动画的同步播放原理来制作树枝的伸展动画。本例思路.使用绘图工具绘制树枝。.利用遮罩功能为树枝制作同步伸展动画。Part 1 绘制树枝(1)新建一个尺寸为550×300像素,帧频为25fps的空白文档,然后制作出一个放射性绿色背景,如图3-1...
本例将使用图形动画的同步播放原理来制作树枝的伸展动画。

本例将使用图形动画的同步播放原理来制作树枝的伸展动画。

本例思路

.使用绘图工具绘制树枝。

.利用遮罩功能为树枝制作同步伸展动画。

Part 1 绘制树枝

(1)新建一个尺寸为550×300像素,帧频为25fps的空白文档,然后制作出一个放射性绿色背景,如图3-1所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-1 制作背景

(2)新建一个图层,使用“线条工具”和“铅笔工具”绘制树枝的图形轮廓,如图3-2所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-2 画图

(3)使用绿色填充图形,然后删除轮廓线,再按F8键将其转化为图形元件,名称为“树枝”,如图3-3所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-3 转换为图形

(4)进入图形编辑区,然后新建一个图层,用于制作树枝的遮罩层,使树枝向上伸展,如图3-4所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-4 制作遮罩层

(5)下面绘制树叶。使用“椭圆工具”绘制一个椭圆,然后使用“移动工具”将其调整成树叶形状,如图3-5所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-5 绘制树叶轮廓

(6)打开“颜色”面板,设置类型为“线性”,然后设置第1个色标颜色为(R:137,G:248,B:24),第2个色标颜色为(R:91,G:199,B:12),填充效果如图3-6所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-6 填充颜色

(7)复制一份树叶,然后按Ctrl+G将树叶组合起来,并调整好其位置,再将其转换为影片剪辑(名称为“叶子”),如图3-7所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-7 复制图形

(8)将树叶放置在树枝上,然后调整好位置和大小,如图3-8所示。

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-8 调整树叶

 

Part 2 制作伸展动画

(1)选中所有叶子,然后按Ctrl+Shift+D组合键将其分散到各图层上,如图3-9所示。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-9 分散到图层

(2)选中所有叶子图层的第15帧,然后按F6键插入关键帧,再选中第1帧,使用“任意变形工具”将叶子调整成如图3-10所示的效果。

 

Flash CS4制作伸展的树枝教程,PS教程,思缘教程网

图3-10 调整叶子形状


免责申明:

站内素材文件均整理自互联网,仅供个人学习参考使用,请勿用于商业用途,如您喜欢请购买正版

站内资源除部分为本站原创外皆由网上搜集和整理,若无意中侵犯到您的权利,敬请告之(QQ:2390986128)敬请告之,我们将在48小时内删除。知识产权声明】【★下载说明★】

图库精选

全站地图