Flash 8 逐帧动画详解及实例[千图网]
- 格式:doc
- 大小:33.50 KB
- 文档页数:4
第四、第五章创建动画一、逐帧动画迪士尼动画,每一帧都由设计者自己确定。
导入一张GIF动画(天使),在FLASH里就变成逐帧动画,ENTER键,播放。
CTRL+ ENTER键,测试影片,并自动导出SWF播放文件1、关键帧黑色点叫关键帧(F6),白色点叫空白关键帧(F7),白色方格叫:帧(F5) 它是延续看见上一帧的内容。
例:比较:1、第一帧,画一红球,第10帧F5(插入帧),把红球油成绿球。
结果:第1—10帧都是绿球。
(1~10帧只有一个球)2、第一帧,画一红球,第10帧F6(插入关键帧),把红球油成绿球结果:第一帧是红球,第10帧是绿球。
(分别有两个球)3、第一帧,画一红球,第10帧,F7(插入空白关键帧),没有球,自己再画一个球(不能保证在原来的位置)右键:可删除关键帧,也可以把帧转化成关键帧2、时间轴的操作移动动播放头,时间轴的选项:最右边按钮,调时间轴显示比例复制帧、粘贴帧,洋葱皮(绘图纸)按钮、编辑多帧按钮例4-1:聚光灯1、第1帧小老鼠A;第2帧小老鼠B2、SHIFT键,选择第1帧和第2帧;复制帧3、选择第3帧,粘贴帧4、时间轴上灯箱的运用:“编辑多帧”按钮(不用一帧一帧地改),SHIFT键选中第3、4帧一齐改向前移位置,再取消编辑多帧按钮,选“绘图纸外观”按钮:可看到1—4帧的模糊外观,调整老鼠的位置。
重复例4-2:打字例4-3:画圆(最后一帧,整个圆,中间帧,擦掉一点,第一帧,一小段)二、形状动画(绿色显示)需要一个起始图象和一个终结图像。
注意:只能是用绘图工具画出来的,或打散的对象。
要在同一层上。
1、操作:例:小球往下越掉越快1、第1帧,红球;2、第20帧,F6,把红球改成绿球;还可以改位置。
3、选择1~20帧,形变:帧面板:补间动画下拉:形状。
扩大:调整速度变化的+100~ -100,负数,球越落越快混合:ANGULAR:角度式,有角的,尽可能保持第1帧的角和直线。
分布式:过渡的时候保持平滑,但可能没有任何规则。
FLASH 动画制作实例教材熟悉Flash 界面图2-2中飞机位于图片的最左边, 图2-3中飞机位于图片的中间,图2-4中飞机位于图片的最右边。
当我们将这三幅画面依次按照一定速度播放的时候,给我们的视觉效果就是看上去感 觉飞机在从左向右飞行,如图2-5所示。
动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生,它是欺骗人视觉效果的一种把戏。
三、帧/关键帧/空白关键帧由动画的原理我们知道,动画就是画面的连续播放所产生的,电影是每秒播放24幅画面,电视则每秒播放25幅画面, Flash 默认每秒播放12幅画面(可以修改)。
每一幅画面我们都称它为一个帧, 记住: 一个帧就是一幅画面(暂不管这个画面是真实的还是虚幻的)-ura岂 立字巳 細a ⑥ 查尊汐 环世 瞬妣D 立利五 腔B4© ®n (w Wfth (H )IH I "上J工作区丄1j [屁性栏]ZJrl«h U1 Campooefits® CheckBo«LiftBDK』CooiboBoM_J Push&uttonwLmtrniing ■寸omBJUMIsF Hhbw r^ia Fla»h HX碌超栏三車严<■ I 當|心| .1 [・】忙■ I2JD fps OX)3)厶二丨 口1 |诂尢|3女档 尺寸无疑EiHft>XB!吕50直400諒索Fl<Eh Player feTiitiWiriilt|IOD1tiE扳动画的原理如图2-6所示上面的每个小格子就是一个帧,每个格子都分别代表着一幅画面,播放时按照帧的先后顺序由左向右进行。
你也许会问:“上面帧怎么还不一样啊?”对了,正是因为它们不一样才有了帧、关键帧、空白关键帧(也叫白色关键帧)这些名词。
空白关键帧我们先看第一个小格子,它里面有一个白色的小圆圈,它就是空白关键帧,里面什么内容都没有,一片空白。
《Flash8基础与实例教程》第一课F LASH8工作环境 (3)第一节工作环境简介 (3)第二节面板 (6)本课小结熟悉F LASH8的操作界面主要包括系统菜单、绘图工具栏、舞台、时间轴、属性面板各其他一些浮动面板。
.......................................................................错误!未定义书签。
第三节范例简介. (9)1.2.2制作步骤 (9)本课小结........................................................................................................错误!未定义书签。
第二课FLASH8.0基础绘图工具 (12)1.绘制和处理线条 (13)2.实例演练——画一片树叶........................................................................ 错误!未定义书签。
3.【刷子工具】的用法................................................................................. 错误!未定义书签。
4.画一个树枝.............................................................................................. 错误!未定义书签。
第三课情人节贺卡........................................................................................错误!未定义书签。
1.绘制“烛焰”元件 .................................................................................... 错误!未定义书签。
Flash 8 逐帧动画详解及实例
本节素材下载
从本单元起,我们将逐渐给大家介绍Flash8.0中的五种常见的动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。
本节着重介绍逐帧动画(FrameBy Frame),这是一种常见的动画手法,它的原理是在连续的关键帧中分解动画动作,也就是每一帧中的内容不同,连续播放而成动画。
由于逐帧动画的帧序列内容不一样,不仅增加制作负担而且最终输出的文件量也很大,但它的优势也很明显:因为它相似与电影播放模式,很适合于表演很细腻的动画,如3D效果、人物或动物急剧转身等等效果。
1.逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧,如图3-2-1所示。
图 3-2-1 逐帧动画
2.创建逐帧动画的几种方法(1)用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。
(2)绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧帧的画出帧内容。
(3)文字逐帧动画
用文字作帧中的元件,实现文字跳跃、旋转等特效。
(4)导入序列图像
可以导入gif序列图像、swf动画文件或者利用第3方软件(如swish、swift 3D等)产生的动画序列。
3.绘图纸功能(1)绘画纸的功能
绘画纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。
通常情况下,Flash 在舞台中一次只能显示动画序列的单个帧。
使用绘画纸功能后,你就可以在舞台中一次查看两个或多个帧了。
如图3-2-2所示,这是使用绘画纸功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。
当然,这时你只能编辑当前帧的内容。
图3-2-2 同时显示多帧内容的变化
(2)绘图纸各个按钮的介绍
绘图纸外观按钮按下此按钮后,在时间帧的上方,出现绘图纸外观标记。
拉动外观标记的两端,可以扩大或缩小显示范围。
绘图纸外观轮廓按下此按钮后,场景中显示各帧内容的轮廓线,填充色消失,特别适合观察对象轮廓,另外可以节省系统资源,加快显示过程。
3. 绘图纸显示多帧按钮,按下后可以显示全部帧内容,并且可以进行多帧同时编辑。
修改绘图纸标记按下后,弹出菜单,菜单中有以下选项:总是显示标记选项会在时间轴标题中显示绘图纸外观标记,无论绘图纸外观是否打开。
锚定绘图纸外观标记选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。
通常情况下,绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。
通过锚定绘图纸外观标记,可以防止它们随当前帧的指针移动。
绘图纸 2 选项会在当前帧的两边显示两个帧。
绘图纸 5 选项会在当前帧的两边显示五个帧。
绘制全部选项会在当前帧的两边显示全部帧。
上面,我们全面介绍了逐帧动画的特点和创建方法,现在,我们来动手制作二个逐帧动画实例,以加深对逐帧动画的认识。
4.奔跑的豹子茫茫雪原上,有一只矫健的豹子在奔跑跳跃,这是一个利用导入连续位图而创建的逐帧动画,如图 3-2-3所示。
学好版面设计的小窍门
1、版面设计中要有理由对齐
2、版面设计中要做些精致的小零件
3、版面设计中的色块运用,往往选取图形中的颜色
4、版面设计中的统一、均衡、韵律
5、版面设计中的视觉导向、视觉中心根据版面中的图形确定
6、版面设计中要有隐形矩形框、隐形对齐线条
7、版面设计中敢于留白,整个版面中要通风,利于让人行走。
8、注意人们看图习惯于从上至下,从走至右。
9、版面中的字体最好少于三种,大小起码要三种,背景颜色最好少于三种。
10、当图片多了就把他们格起来。
11、有的时候可以违反以上所有规矩,要夸张、要疯、字要大的出奇,版面乱成稻草堆,这样也是一种好的版面设计。
12、扎堆是个不错的主意。
13、不要被一眼看穿。
耐看。
20个怎么学好广告图形创意的绝妙方法
1、丰富资料库,压缩资料库为经典资料库,提高自身阅历。
2、善于联想,善于拟人,比喻
3、以另类的眼光看成功的广告,提取优秀广告作品的基本图形创意并做记录。
总结其中思路,及创作方法。
4、对图形有审美能力,不放过具有象征意义、文化意义、积极意义的图形。
并能归类整理。
5、多做移花接木的训练(如库索),能把不同类甚至无法归类的物体进行整体化统一化系统化。
如用班级同学名字创作故事。
6、联想图形不能轻易放弃对大脑的搜索,先从生活经验分类联想如从餐饮用品、起居用品,办公用品、文化用品搜索相关物体进行联想,然后跳跃思维联想一会儿想到了北极的埃斯积木人,一会儿想到七巧板中的董浩叔叔,一会儿又想到了宿舍楼管员他儿子、象征,接着对联想到的物体进行拐弯联想如联想火的图形,可能会先联想到森林大火,但森林大火怎么引起的?画一个人家自助游在大森林落下的白酒瓶。
有经验的人看到森林中枯黄的叶子上躺着一个灌着雨水的白酒瓶,他们会意识到大火的来临。
7、就象李敖说的,他为什么会比人家聪明,他说他善于用故事情节,用图形化的东西来表达文字,表达一个概念。
如,我们做市场调查数据的说明往往用柱状图或饼图来表达是一样道理。
8、多注意观察,特别是细节的问题,看到人家看不到的东西。
9、大家多多交流,以头脑风暴的形式来想图形创意。
多看看同学的作品,取长补短,不要自命清高。
10、关注成功广告或获奖广告的每一个细节,如背景色及制作背景的是手法,版面排版,字体设计,文案与图形的搭配技巧,色彩运用等细节。
11、兴趣提高很重要。
兴趣是学好任何技能的第一老师。
12、多看看有关于美术审美方面的书籍,提高自己的眼界。
让自己的审美尺度保持在最前沿。
13、随时把梦中、路上、马桶上等的突然的灵感记录在手机,或者随身携带的小型笔记本上。
防止灵感流失。
14、学好广告的基础,把自己在QQ上闲聊的时间用来恶补:素描速写、色彩原理、色彩心理,版面设计等非常基础的东西。
15、到设计帝国、CNAD(中国广告网) DOLCN(中国设计在线) 333CN(中国设计之窗) BULEIDEA(蓝色理想) HXSD (火星时代) 等论坛BBS上寻找前辈,通过QQ、MSN、EMAIL等工具,通过各种手段(包括甜蜜的称呼,虔诚的崇拜)结交前
辈。
通过前辈不仅能搜刮到他工作中常用的图形,还能学到他们在社会上打拼的实战经验,以使自己少走弯路。
16、问责常理,用独特的思维、眼光看待这个是世界,人家都认可的东西要无理唱反调,从而发现人家发现不到的图形,创意。
17、多做实际案例,可以先临摹、接着对临摹的东西进行再创作,最后进行完全创新地创作。
18、用商人的眼光、客户的角度、评委的要求对自己作品进行批判批判再批判。
19、爱就一个字,爱上广告,爱上图形创意很重要。