浪漫骑士必胜

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

flash基本操作

  我们在学习一个软件之前,需要我们明白学习它的目的,学习flash重点是为了做广告。

广告分为网站上的广告和mtv。

  我们可以看下我们之前做的flash作品,

                       

一、双击图标显示动画效果

我们可以关注下:小小作品。

用的就是简单的逐帧动画。

逐帧动画的每一个动作非常的细腻。

 

flash绘制出来的,是个矢量软件。图像越放大越清晰。

 

二、图像放大后的清晰效果

flash概述

flash是美国Macromedia公司开发的网页动画制作软件,后由Adobe公司收购。由于该软件制作出的动画占用空间小,因而在网页制作,多媒体等领域得到了广泛的应用。

 

动画分类:二维动画(网页中运用)和三维动画(3dmax,如功夫熊猫)

 

二维动画分类:gif动画和flash动画

 

三、新建文件

 

四、场景的概念

 

五、工具面板

 

六、窗口-工具

 

七、属性面板

可以选择一个对象,在我们的属性面板去设置。没有选择任何对象的情况下,属性面板就是我们文档的属性。

 

八、时间轴面板

上面的一格就代表一帧。

 

九、flash中的重点

 

十、时间轴

我们在新建flash的时候,跟其它软件不一样,我们看看有什么不一样的地方。

没有文件大小的设置,flash默认的文件是文档的属性。

属性面板里面有参数,

 

十一、文件的大小和舞台的颜色

 

十二、自定义颜色

 

十三、选择色彩调明暗度

在这里只能调单一的颜色,很多时候用渐变的效果,选的话只是单色。那么,渐变背景怎么做呢?咱们待会再说。

 

十四、修改文件的大小

网页上常见的纵向广告是100*300像素。

 

十五、设置默认值

注意:先建立文件的大小,然后再做动画。

否则的话,后期去修改文件的尺寸会非常的麻烦。

 

通栏的广告是980*90像素。

接下来我们给大家讲几个简单工具的应用。

我们先讲下矩形工具。

看到工具右下方有黑色三角箭头,说明这个工具下方有个菜单。

                       

十六、可以调节的工具

 

十七、我画出的矩形

话正方形的话,按住shift键。

 

十八、直接移动的效果

对于对象的编辑非常的方便。

 

下面我们看下这块的概念。

 

十九、形状的概念

 

二十、小技巧

 

二十一、填充用颜料桶工具

 

二十二、三种渐变

假如删掉边线。

 

二十三、添加边线

 

二十四、不要边线的做法

没有边线,只能用墨水瓶去填颜色。

在学习PhotoShop的时候,我们是用钢笔工具画的红心。花了很长时间,我们才画出来。

 

二十五、做一颗心

下面我们看看颜色怎么去改。

 

二十六、调节渐变的颜色

 

二十七、工具面板也可以选择边线和填充的颜色

下面我们看下铅笔工具和边线的一些设置:

 

二十八、利用平滑线绘制

 

二十九、进行平滑处理

 

三十、用铅笔工具绘制的云彩

 

三十一、贴紧至对象

 

三十二、画头发的步骤

下面我们看下怎么加渐变的背景。

 

三十三、背景怎么做

里面的画个山,用铅笔画下。也可以用刷子工具。

当选择刷子工具的时候,属性面板是填充的颜色;当我们选择铅笔的时候,属性面板是边线的颜色。

 

三十四、我画的山

接下来咱们说说的概念:

帧:一个帧就代表一个画面

帧的分类:

普通帧(延时帧):延长画面的停留时间帧数越多,停留时间越长。(快捷键F5

关键帧:原地复制上一帧所有内容。(快捷键F6

空白关键帧:插入一个空帧。(快捷键F7

                       

三十五、空白关键帧

就说明是空的,什么都没有。

 

三十六、关键帧

至少说明一点,这个帧上有内容。

比如:我们隔十个帧,鼠标右键插入。

 

三十七、先学会这三个

 

三十八、插入延时帧

我们看下怎么删除帧。

想删哪一帧,就在那一帧上单击鼠标右键,删除帧。

下面我们通过一个案例,向大家说明,什么是逐帧动画。

逐帧动画的概念:

一帧紧接着一帧播放连续的画面而产生的动画效果。

练习:跳动的心,这个动画只有两帧。

先按照上面我们介绍的内容画好一颗心,那么,这颗心怎么跳动呢?

 

三十九、调节大小的工具

Q是切换工具的快捷键。shift是成比例缩放,alt是向中心缩放。

成比例向中心缩放就是shift+alt键。

 

四十、把心调整到这么大

我现在想把心调整的大一点,就是逐帧动画。

 

四十一、在场景上进行测试

flash自带的播放器的测试:

 

四十二、测试功能

我们测试了一下,发现太快了,自己都紧张了。

用下我们讲的延迟帧。

如果我们第一帧有对象,第五帧加关键帧,那么它默认第一帧到第四帧都是延长时间。

下面我们说下flash文件保存的格式

.fla格式,可编辑的源文件

.swf格式:导出的影片

保存还是ctrl+S

保存成fla的是可以再编辑的。

                       

四十三、文件保存的路径

在我们保存了源文件之后,只要我们ctrl+enter,在我们保存源文件的位置就自动生成一个swf文件。

下面我们做个小人的动画。

接下来我们主要看的是做这个动画的原理。

为什么要加这个帧,每一帧怎么样改变这个人物的。

画个简易的人,只有边线没有填充。

 

四十四、舞台背景

 

四十五、放大镜

我们画好的对象不能挪动,一挪动就出现问题了,所以,我们在旁边画眼睛。

 

四十六、调整好粗细

 

四十七、画个眼睛

 

四十八、画好眼珠子

ctrl+,ctrl-放大,缩小。

在里面画几个白点。

 

四十九、再画几个白点

眼珠子直接放在脸上,待会再拿走,脸有一部分就空了,那怎么办呢?

我全选眼珠对象给它做个组合。

 

五十、组合

 

五十一、把眼睛放到脸上面

                    

五十二、嘴用线来画

因为我们要做两个人的对话,所以,我们复制一下。

 

五十三、复制对象

 

五十四、水平翻转

框选选择任意变形工具,按住alt+shift,缩小。

 

五十五、加几根头发

下面我们一帧一帧来做。

 

五十六、插入关键帧

往前动一下。

第四帧的时候先让父亲的眼睛转一圈,然后再说话。

 

五十七、旋转眼珠子

第六帧再转一点。

眼珠子转完以后,我们开始让它张嘴说话。

 

五十八、拉开嘴巴

注意要模拟嘴巴动的效果,多加两帧。

 

五十九、让小人说话

想让哪个画面停留的时间长一点,就用延时帧。

 

六十、继续往下做

 

回到起始位置

作者近期文章列表:

C#中级进阶教程(完全免费,献给代码爱好者的最好礼物。注:本作者分享自己精心整理的C#中级进阶教程,无任何商业目的。希望与更多的代码爱好者交流心得,也请高手多多指点!!!)
ASP.net项目 图书商城项目总论
ASP.net系列 ASP.NET(get和post比较)
asp.net-(含:模拟登陆,照片列表)
ASP .net(照片列表详细功能CRUD演示)
三层及其它内容 递归
三层(一)
三层相关案例(及常见的错误)
三层实例(内涵Sql CRUD)
手写代码生成器
SQL数据库 ADO.net 数据库的应用图解一
数据库的应用详解二
ADO.NET(内涵效率问题)
ADO.NET实例教学一
ADO.NET实例教学二
数据库的应用详解三
ADO.NET(内含存储过程讲解)
面向过程,面向对象中高级 面向过程,面向对象的深入理解一
面向过程,面向对象的深入理解二
面向对象的深入理解三
正则表达式
无处不在的XML
winform基础 Winform基础
winform中常用的控件
面向过程 三种循环的比较
C#中的方法(上)
我们常见的数组
面向对象 思想的转变
C#中超级好用的类
C#中析构函数和命名空间的妙用
C#中超级好用的字符串
C#中如何快速处理字符串
值类型和引用类型及其它
ArrayList和HashTable妙用一
ArrayList和HashTable妙用二
文件管理File类
多态
C#中其它一些问题的小节
GDI+ 这些年我收集的GDI+代码
这些年我收集的GDI+代码2
HTML概述以及CSS 你不能忽视的HTML语言
你不能忽视的HTML语言2精编篇
你不能忽视的HTML语言3
html-综合篇
CSS基本相关内容--中秋特别奉献
CSS基本相关内容2
JavaScript基础 JavaScript基础一
javascript基础二JavaScript DOM编程
jQuery jQuery(内涵: jquery选择器)
jquery实例教学一
posted on 2013-03-01 16:41  小事好  阅读(8548)  评论(4编辑  收藏  举报