《流行软件(第一讲)课件》由会员分享,可在线阅读,更多相关《流行软件(第一讲)课件(52页珍藏版)》请在金锄头文库上搜索。
1、流行软件,电信学院 王志强 13673791314 ,课程简介 三个软件 Macromedia公司(Adobe)的Flash ,Fireworks,Dreamweaver 课程目的 提高动手能力、学会 网页制作 图片、动画制作 激发对计算机和网络的兴趣,提高使用计算机和网络以及利用计算机和网络的水平,教学进度安排 实验安排(调时间) 学习方法 参考资料 帮助文档 吕聪贤视频教程() 考试形式 设计大作业,大作业要求,选题 题目自选,可合作完成一个大的网站 检查形式 IIS发布,异地检查 评分标准 每人不少于10个页面,含首页、框架或SSI、CSS、Javascript、表单(ASP),其中至少
2、包含两张Fireworks自制或修改的图片和一个Flash自制动画 主题明确、风格统一、链接正确、文件名规范 元素丰富,内容翔实,积极向上 整洁美观、布局合理、界面友好、导航清晰、logo和版权统一 色彩搭配合理,图片使用得当 上交要求,大作业题目,设计、制作、发布网站。 鼓励团队开发,1-2人一组。 题目自定: 个人主页 门户 科技科普、宣传介绍、历史地理、科技军事、文学艺术娱乐 网页制作或某个软件的心得、技巧、教程,第一部分 Flash,第一章 Flash简介与绘图工具的使用方法 第二章 元件在动画中的应用 第三章 引导线的使用 第四章 变形动画的制作 第五章 Flash中文本的应用,第一
3、部分 Flash,第六章 图层的使用方法 第七章 遮罩动画的制作 第八章 音频在FLASH中的应用 第九章 基本ACTION语句的使用方法 第十章 动画的导出与发布设置,第一章 Flash简介与绘图工具的使用方法,Flash的学习目标及简介 Flash的工作环境 新建文档 打开、保存文档 文档的基本编辑操作 常用图像格式简介 基本图形的绘制方法,选择工具的使用方法 任意变形工具的使用方法 刷子工具的使用方法 颜料桶工具的使用方法 墨水瓶工具的使用方法,Flash的学习目标及简介 是什么? 能做什么? 怎么做? Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件
4、。它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。,动画、导航方案、动态web站点、游戏、音乐视频、课件,Flash的工作环境 整体介绍 主工具栏 面板组 个性设置 (标尺、首选参数),新建文档 三种方式 打开、保存文档 保存两种不同版本格式 完整界面介绍(各种面板的打开与关闭、文档属性设置),常用图像格式简介,计算机中显示的图形一般可以分为两大类矢量图和位图。矢量图使用直线和曲线来描述图形,这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等,它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓,由
5、外框的颜色以及外框所封闭的颜色决定花显示出的颜色。,由于矢量图形可通过公式计算获得,所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放大、缩小或旋转等不会失真;最大的缺点是难以表现色彩层次丰富的逼真图像效果。Adobe公司的Illustrator、Corel公司的CorelDRAW是众多矢量图形设计软件中的佼佼者。大名鼎鼎的Flash制作的动画也是矢量图形动画。,位图图形由排列在网格中称为像素的点组成。编辑位图图形时,您修改的是像素,而不是线条和曲线。位图图形与分辨率有关,这意味着描述图像的数据被固定到一个特定大小的网格中。放大位图图形将使这些像素在网格中重新进行分布,这通常会使图像的边
6、缘呈锯齿状。,矢量图形使用称为矢量(包含颜色和位置信息)的线条和曲线呈现图像。编辑矢量图形时,您修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关,这意味着您除了可以在分辨率不同的输出设备上显示它以外,还可以对其执行移动、调整大小、更改形状或更改颜色等操作,而不会改变其外观品质。,基本图形绘制方法 线、矩形、圆形,选项:合并、对象,贴紧对象 选择工具的使用 修改已画图形需先选中,切割(不同颜色)、融合(相同颜色),内部和边框的选中,框选,局部选中,对象模式下选择(单击),任意变形工具 shift+拖动拐角点,可等比例缩放 shift+alt+拖动拐角点,可沿中心点等比例的缩放 alt+
7、拖动边线点,可同时改变对应的边线位置 (alt中心不变。Shift比例不变) 旋转、倾斜 选项:旋转与倾斜、缩放、扭曲、封套,铅笔工具和刷子工具 笔触 填充 刷子模式(颜料选择模式只针对被选中的部分) 颜料桶工具 改变图形内部填充色,第二章 元件在动画中的应用,帧的定义与分类 逐帧动画的制作方法 逐帧动画实例制作 元件的使用 运动动画的制作方法 运动动画实例制作,帧:一系列的单幅画面称为帧,动画的制作就是改变连续帧内容的过程。每一帧代表运动物体在某一时刻的状态或属性。 时间轴:由帧组成的动画是通过【时间轴】面板实现的。面板主要由帧、层和播放指针组成。,图所示为Flash的【时间轴】面板。,关键
8、帧顾名思义,有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。 空白关键帧空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。,三种帧的区别 1)关键帧在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格。 2)同一层中,在前一个关键帧的后面任一帧处插入关键帧,是复制前一个关键帧上的对象,并可对其进行编辑操作;如果插入普通帧,是延续前一个关键帧上的内容,不可对其进行编辑操作;插入空白关键帧,可清除该帧后面的延续内容,可以在空白关键帧上添加
9、新的实例对象。 3)关键帧和空白关键帧上都可以添加帧动作脚本,普通帧上则不能。,空白关键帧 F7 重新创建一个空 关键帧,不会复制前一个关键帧的内容 实关键帧 F6 会将前一个关键帧的内容复制到本关键帧上。 普通帧(延长帧)F5 可延长前一个关键帧内容的属性状态。,帧的基本操作 删除帧,移动帧(单击或拖拽),逐帧动画 要创建逐帧动画,需要将每个帧都定义为关键帧,然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此可以递增地修改动画中的帧。 实例:圆变换颜色 (形状补间时再做一遍),运动动画 1 只须定义运动物体在起始点和终点的位置即可,中间的运动过程由FLASH
10、自动生成; 2 头尾二帧必须为实关键帧 3 运动的物体必须为元件,元件是一种媒体资源,可以在FLASH 文档中的任意位置重复使用,而无需重新创建它 特点:重复使用、同步更新 实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上差别很大,编辑元件会更新它的所有实例,但对元件的一个实例应用效果则只更新该实例。,元件的创建方法 1 转换 (F8) 2 新建,第三章 引导线的使用,引导线的作用 定义引导线层 引导线动画实例制作,添加引导线 1 引导线必须为未封闭的图形 2 运动物体起始位置与终止位置的中心点必须对齐到引导线的两端 3 只有运动动画才能添加引导线,第四
11、章 变形动画,变形动画的制作方法 变形动画实例制作,变形动画的制作 1 只须定义运动物体在起始点和终点的位置、形状、属性即可,中间的运动过程由FLASH自动生成; 2 头尾二帧必须为实关键帧 3 运动的物体必须为图形,第五章 文本的使用,创建文本 编辑文本 文字特效,5.1 创建文本,静态文本 动态文本 输入文本,Flash 8中三种不同类型的文本 :,不固定宽度的单行方式 固定文本宽度的输入方式,Flash 8中文本的两种输入方式 :,创建文本,文本工具的使用方法 :,选择绘图工具箱中的文本工具 在舞台下方的属性面板中设置文本的属性,文本工具属性面板,创建文本,在场景中单击,采用不固定宽度方
12、式输入,文本框右上角的控制点为小圆圈 在场景中用鼠标拖出文本输入的宽度,此时使用固定宽度文本输入方式,在文本框右上角的控制点为小方形,不固定宽度输入文本,固定宽度输入,要编辑已存在的文字,只要选中文字工具后单击文本框区域即可 用鼠标选中文字,可以使用“剪切”、“复制”、“粘贴”等命令来编辑文字,创建文本,将属性面板中的“静态文本”更改为“动态文本”,然后用鼠标在场景中拖出一个文本框,输入文字,动态文本,输入文本的创建方式和动态文本相似,其文本区域的控制点也在文本域的右下角,为一小方块 。按相应要求输入文本即可,编辑文字 如何为动态文本赋值 创建可滚动的动态文本,5.2 编辑文本,编辑文本,文本
13、的编辑方法如下:,1选中文本工具,在场景中输入静态文本,如图(a)所示,其属性面板如图(b)所示,(a) 输入文本,(b)“属性”面板,编辑文本,单击箭头选择工具,将文本框选中,修改其属性,如图(c)所示,改变字体、字体尺寸、颜色、对齐方式、字符间距等,其效果如图(d)所示 选择任意变形工具,然后对文本进行自由变换,其效果如图(e)所示,(c)修改后的“属性”面板,编辑文本,(d)修改后的文本,(e)自由转换后的文本,编辑文本,使用箭头工具选中文本,然后选择“修改”“分离”命令,将文本打散,其效 果如下图(f)所示 打散后的文本可以向像其他对象那样被修改。每个字母都是独立的一个对象。如下图(g
14、)所示为移动字体做成的波浪型文本,(f)打散后的文本,(g)移动单个字体,创建动态文本:,如何为动态文本赋值,1使用动态文本的实例名字来赋值 实例名.text = 为动态文本赋值 2 使用变量来赋值 变量名= 为动态文本赋值 载入外部txt文本里的内容 loadVariablesNum(text.txt, 0),举一个荧光文字特效的例子进行说明: 操作步骤如下: 选择“文件”“新建”命令,建立一新的Flash文档 选择“修改”“文档”命令,弹出“文档属性”对话框。将尺寸定为500150,背景颜色为蓝色,5.3 文字特效,“文档属性”对话框,选择绘图工具箱中的文字工具,在文字工具属性面板中,单击
15、字体颜色设置按钮,将弹出颜色样本选择面板。单击面板右上角的自定义颜色按钮,弹出颜色设置对话框,如下图所示,按照该图所示的参数设置这个对话框。然后单击“确定”按钮,在文字工具属性面板中将字型选为华文行楷,字体大小改为120,文字特效,文字工具属性面板,“颜色”对话框,在工作区中单击,然后在文本框中输入文字“文字特效” 拖放文本框的小方形控制点将文字排成直行 选择工具箱中的箭头工具,调整文字的位置,将其放置在窗口的中间位置 用箭头工具选中文字,然后选择“修改”“分解组件”命令,或者按快捷键Ctrl+B,将选中的文字打散,文字特效,调整位置,将文字打散,输入文字,选中工具箱中的墨水瓶工具,然后在“属
16、性”面板中单击颜色按钮,将其颜色改为明黄色,线条宽度为1 将鼠标移动到工作区中,鼠标光标将变成墨水瓶形状,用鼠标依次单击文字边框,文字周围将出现明黄色边框 选择绘图工具箱中的箭头工具,按住Shift键,依次双击每个字外的明黄色边框,将它们全部选中,文字特效,文字描边,全部选中,选择“修改”“形状”“将线条转换为填充”命令,黄色边框被转变成可填充区域 选择“修改”“形状”“柔化填充边缘”命令,弹出如下图所示的“柔化填充边缘”对话框,按照图示设置参数。单击“确定”按钮,关闭对话框 选择工具栏中箭头工具,在工作区的空白处单击,取消对文字边框的选择。这时可以看到,明黄色边线两边出现了模糊渐变,就形成了荧光文字的效果,文字特效,“柔化填充边缘”对话框,荧光文字,线框文字(墨水瓶) 彩虹文字(颜料桶) 波浪文字(任意变形 封套) 彩图文字(墨水瓶) 透视文字(任意变形 扭曲) 金属文字,