多媒体课件制作电子教案入门篇.docx
《多媒体课件制作电子教案入门篇.docx》由会员分享,可在线阅读,更多相关《多媒体课件制作电子教案入门篇.docx(52页珍藏版)》请在冰点文库上搜索。
多媒体课件制作电子教案入门篇
第1章Flash简介与基本概念
本章知识点:
(1)Flash的基本功能和应用
(2)Flash的基本概念。
本章重点:
场景、帧、图层的基本概念,位图、矢量图的应用常识。
本章难点:
场景、帧、图层的基本概念。
学习时间:
1课时
1.1Flash优点与新功能
MacromediaFlash是美国Macromedia公司推出的矢呈图形编辑和动画创作软件,与该公司的Dreamweaver(网页设计)和Fireworks(图像处理)组成了网页制作的Dreamteam(梦幻组合),在中国被称为网页设计“三剑客”,而Flash制作者则被称为“闪客”。
1.1.1Flash的优点
Flash以其强大、完善的功能以及方便、快捷的操作在应用程序开发、软件系统界面开发、游戏开发、Web应用服务、网站建设、多媒体娱乐等领域中得到了极为广泛的应用,受到了广大用户的喜爱。
1.1.2Flash的功能
Flash具有以下三个基本功能
(1)绘图功能:
Flash可以完成图形绘制、特殊字形方面的工作。
(2)动画功能:
Flash提供的动画工具可以制作出漂亮的动画。
(3)编程功能:
还可以用Flash中的ActionScript语言编辑制作出交互式动画及精彩的特效动画。
Flash提供了几百个关键词,但在实际应用中只需最常用的十几个关键词就可以完成大多数工作。
学习Flash可以按以下三部分进行:
(1)绘图。
(2)动画制作。
(3)编程。
Flash可以完成以下工作:
(1)绘图工作:
使用Flash可以完成图形绘制方面的工作。
(2)制作动画:
使用Flash可以制作出非常精彩的动画,动画的制作也是一件十分有趣的工作。
(3)网站开发:
使用Flash可以制作出漂亮的动态网页及建立自己的网站。
(4)游戏开发:
使用Flash提供的编程工具可以方便快捷地进行游戏开发。
1.2基本概念
1.2.1场景、帧、图层
1、场景
一个Flash动画文件可能包含几个场景,每个场景又包含若干个层和帧。
场景就是一段相对独立的播放动画的场地。
2、帧
影片是由一幅幅画面连续播放形成的,影片中的单幅画面被称为帧,影片的播放速度以帧每秒为单位,即每秒播放帧的数量(帧/秒,fps)。
3、图层
图层就像透明的醋酸纤维薄片一样,在舞台上一层层地向上叠加。
图层可以帮助您组织文档中的插图。
可以在图层上绘制和编辑对象,而不会影响其它图层上的对象。
如果一个图层上没有内容,那么就可以透过它看到下面的图层。
1.2.2位图、矢量图
1、位图图像
位图图形使用在网格内排列的称作像素的彩色点来描述图像。
在编辑位图图形时,您修改的是像素,而不是直线和曲线。
位图图形跟分辨率有关,因为描述图像的数据是固定到特定尺寸的网格上的。
2、矢量图形
矢量图形使用称作矢量的直线和曲线描述图像,矢量还包括颜色和位置属性。
在编辑矢量图形时,您可以修改描述图形形状的线条和曲线的属性。
您可以对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作而不更改其外观品质。
矢量图形与分辨率无关,这意味着它们可以显示在各种分辨率的输出设备上,而丝毫不影响品质。
1.2.3色彩的应用常识
第2章Flash的工作界面
本章知识点:
(1)菜单栏。
(2)创建、保存Flash文档。
(3)绘图工具栏。
(4)面板集、【属性】面板、【库】面板。
(5)舞台、场景。
(6)标尺网格。
本章重点:
创建、保存Flash文档,绘图工具栏。
本章难点:
【对齐】面板的应用。
学习时间:
1课时
2.1Flash的工作界面
启动Flash后,会打开如图1所示的Flash起始页。
在起始页中,可以选择打开已经存在的文档或新建一个Flash文档。
(图1)
(1)若要打开已经存在的文档,可单击【打开最近项目】下的相关项目,就可打开相应的文档,
(2)若要新建一个Flash文档,可单击【创建新项目】\【Flash文档】命令,就可以创建一个扩展名为fla的新文,同时会打开它的工作界面。
Flash默认的工作界面主要包括菜单栏、工具栏、时间轴、动作面板、面板、组件等部分,如图2所示。
(图2)
2.2菜单栏
菜单栏是提供各种命令的地方。
它包括用于文件操作的【文件】菜单、用于编辑操作的【编辑】菜单、用于设置视图的【视图】菜单、用于插入对象的【插入】菜单、用于各种修改操作的【操作】菜单、进行文字处理的【文本】菜单、用于重复操作的【命令】菜单、用于影片控制和测试的【控制】菜单、用于控制工作界面各种面板显示的【窗子】菜单和为用户提供帮助的【帮助】。
2.3创建、保存文档
2.3.1创建文档和设置文档的属性
1、创建文档的操作方法如下:
(1)打开一个Flash文档后,还可以单击【文件】\【新建】命令,打开新建文档的对话框。
(2)在新建文档对话框中选择【Flash文档】命令,就可新建一个扩展名为fla的新文档。
2、新建Flash文档后,经常需要对它的尺寸、背景颜色、帧频、标尺单位等属性进行设置,操作方法如下:
单击【修改】\【文档】命令,打开如图3所示的文档属性对话框。
(2)在文档属性对话框中的【尺寸】选项,可设置舞台的尺寸。
(3)单击【背景颜色】色块,可以设置背景的颜色。
(4)在【帧频】选项中,可以设置帧频的参数。
(图3)
2.3.2保存文档
保存Flash文档的命令有保存、保存并压缩、另存为、另存为模板和全部保存命令。
使用这些命令都可以保存Flash文档,且这些操作比较相似。
下面介绍用保存命令来保存文档。
(1)单击【文件】\【保存】命令。
如果是第一次执行保存命令,会弹出如图4所示的【另存为】对话框。
(2)在【另存为】对话框中,设定文件的保存位置、名称和类型。
(3)单击【保存】按钮完成保存。
(图4)
2.4常用工具栏
常用工具栏是菜单栏下面的一些常用操作命令的快捷按钮。
它用简单的图形按钮代表一些常用操作命令和程序。
2.5绘图工具栏
绘图工具栏提供了绘制、编辑图形的全套工具。
它分为4个区域:
1)工具区
2)查看区
3)颜色区
4)选项区
2.6面板集、【属性】面板与【库】面板
2.6.1面板集
Flash中的各种面板可帮助您查看、组织和更改文档中的元素。
面板使您可以处理对象、颜色、文本、实例、帧、场景和整个文档。
例如,可以使用【混色器】面板创建颜色,并使用【对齐】面板将对象彼此对齐或与舞台对齐。
可以从【窗口】菜单选择所需的面板。
2.6.2【属性】面板
使用【属性】面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性,从而简化了文档的创建过程。
您可以在【属性】面板中更改对象或文档的属性,而不用访问也用于控制这些属性的菜单或面板。
2.6.3【库】面板
【库】面板是存储和组织在Flash中创建的各种元件的地方,它还用于存储和组织导入的文件,包括位图图形、声音文件和视频剪辑。
2.7舞台、工作区、标尺和网格
2.7.1舞台、工作区
舞台是您在创建Flash文档时放置图形内容的矩形区域,这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑,诸如此类。
您可以在工作时放大和缩小以更改舞台的视图。
工作区由以下内容组成:
一个用于放置媒体对象的【舞台】,一个用于组织和修改媒体资源的【属性】检查器,一个包含用于创建和修改图形内容的工具的【工具】面板,以及许多用于访问Flash中多种功能的其它面板。
2.7.2标尺和网格
标尺和网格是用于精确地绘制和安排对象的辅助工具,当要将几个对象按一定的间隔精确地定位在指定的位置上时,就可以使用该工具。
1、标尺
标尺是测量物体尺寸的工具,选择【视图】\【标尺】命令,就可显示或隐藏标尺。
在显示标尺的情况下,将鼠标指向标尺,同时按住鼠标左键,向舞台位置进行拖动,即可添加辅助线。
2、网格
选择【视图】\【网格】\【显示网格】命令,就可显示或隐藏网格。
2.8更改背景和舞台大小
要在屏幕上查看整个舞台,或要以高缩放比率查看绘图的特定区域,可以更改缩放比率级别。
最大的缩放比率取决于显示器的分辨率和文档大小。
舞台上的最小缩小比率为8%。
舞台上的最大放大比率为2000%。
一般有两种视图控制方式,即缩放和平移视图。
2.8.1缩放视图
缩放视图可以通过以下几种方式完成:
1、选择【工具】面板中的【缩放】工具,然后单击要查看的元素则放大该元素。
按住【Alt】键的同时并单击要查看的元素则缩小该元素。
2、要放大绘图的特定区域,使用缩放工具在舞台上拖出一个矩形选取框。
Flash可以设置缩放比率,从而使指定的矩形填充窗口。
3、要放大或缩小特定的百分比,可选择【视图】\【缩放比率】,然后从子菜单中选择一个百分比,或者从时间轴右上角的【缩放】控件中选择一个百分比。
2.8.2移舞台观看相应的部位
当舞台视图比例很大,看不到舞台所有的部位时,可以用手形工具平移舞台,以观看相应的部位。
2.9实例与练习
实例1:
本实例通过制作一个动画,在操作中完成以下练习:
1)熟悉Flash的工作界面;
2)掌握创建、保存Flash文档的方法;
3)打开面板的方法;
4)【库】面板、【对齐】面板的应用;
5)掌握制作一个动画的方法。
操作方法如下:
(1)启动Flash,打开如图1所示的Flash起始页。
(图1)
(2)单击【创建新项目】\【Flash文档】命令,新建一个Flash文档。
(3)执行【文件】\【导入】\【导入到库】命令,打开导入到库对话框。
(4)在导入到库对话框中,选定要导入的动画,点击【打开】按钮,将动画导入到库中,如图2所示。
(图2)
(5)执行【窗口】\【库】命令,打开库面板,如图3所示。
(图3)
(6)从库面板中将动画拖拽到舞台中,关闭库面板,执行【窗口】\【对齐】命令,打开对齐面板,设置动画位于舞台正中间,如图4所示。
(图4)
(7)执行【文件】\【保存】命令,保存文档。
(8)执行【控制】\【测试影片】命令,测试影片效果。
第3章Flash的基本操作
本章知识点:
(1)绘图基础。
(2)处理图形对象。
本章重点:
绘图工具栏、混色器面板的使用,处理图形对象。
本章难点:
混色器面板的使用,处理图形对象。
学习时间:
6课时
3.1绘图基础
在用Flash进行绘画和涂色之前,有必要对Flash绘图的原理,绘图工具的使用,以及绘画、涂色和修改形状操作对同一层上的其它形状的影响等内容先进行了解。
3.1.1绘图原理
1、线条与填充色
当使用铅笔、线条、椭圆、矩形或刷子等工具创建了形状轮廓之后,可以用各种方式改变形状的轮廓和颜色。
注意,填充和笔触是不同的对象。
2、合并绘制模式
默认情况下,Flash使用【合并绘制】模式,在此模型式下。
1)当使用铅笔、线条、椭圆、矩形或刷子工具绘制一条穿过另一条直线或已涂色形状的直线时,重叠直线会在交叉点处分成线段。
可以使用【选取】工具来分别选择、移动每条线段并改变其形状。
2)当一条直线穿过一个填充时,分割形成的两个填充和三条线段,如图1所示。
(图1)
3)重叠绘制的图形时,会自动进行合并。
如果选择的图形已与另一个图形合并,移动它则会永久改变其下方的图形。
如图2所示。
(图2)
3、对象绘制模式
默认情况下,Flash使用"合并绘制"模型。
要使用"对象绘制"模型绘制形状,必须单击【工具】面板上的【对象绘制】按钮。
【对象绘制】模式允许将图形绘制成独立的对象,且在叠加时不会自动合并。
分离或重排重叠图形时,也不会改变它们的外形。
Flash将每个图形创建为独立的对象,可以分别进行处理。
如图3所示。
(图3)
3.1.2绘图和涂色工具
Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径,并可以用来对填充对象涂色。
1、用铅笔工具绘图
要绘制线条和形状,可以使用铅笔工具,绘画的方式与使用真实铅笔大致相同。
要在绘画时平滑或伸直线条和形状,可以给铅笔工具选择一种绘画模式。
2、绘制直线、椭圆和矩形
可以使用线条、椭圆和矩形工具轻松创建这些基本几何形状。
椭圆和矩形工具可以创建笔触和填充形状。
矩形工具可以创建方角或圆角的矩形。
3、绘制多边形和星形
使用多角星形工具,可以绘制多边形和星形。
可以选择多边形的边数或星形的顶点数(从3到32)。
也可以选择星形顶点的深度。
4、使用钢笔工具
要绘制精确的路径(如直线或者平滑流畅的曲线),可以使用钢笔工具。
可以创建直线或曲线段,然后调整直线段的角度和长度以及曲线段的斜率。
当使用钢笔工具绘画时,进行单击可以在直线段上创建点,进行单击和拖动可以在曲线段上创建点。
可以通过调整线条上的点来调整直线段和曲线段。
您可以将曲线转换为直线,反之亦可。
也可以显示您用其它Flash绘画工具,如铅笔、刷子、线条、椭圆或矩形工具在线条上创建的点,以调整这些线条。
5、使用刷子工具涂色
刷子工具能绘制出刷子般的笔触,它可以创建特殊效果,包括书法效果。
可以使用"刷子工具"功能键选择刷子大小和形状。
6、擦除
使用橡皮擦工具进行擦除可删除笔触和填充。
可以快速擦除舞台上的任何内容,擦除个别笔触段或填充区域,或者通过拖动进行擦除。
可以自定义橡皮擦工具以便只擦除笔触、只擦除数个填充区域或单个填充区域。
橡皮擦工具可以是圆的或方的,它可以有五种尺寸。
3.1.3处理颜色
Flash提供了多种应用、创建和修改颜色的方法。
使用默认调色板或者自己创建的调色板,可以选择应用于要创建的对象或舞台中已有对象的笔触或填充的颜色。
将笔触颜色应用于形状将会用这种颜色对形状的轮廓涂色。
将填充颜色应用于形状将会用这种颜色对形状的内部涂色。
1、使用颜色样本面板为笔触颜色和填充色赋色
笔触颜色:
形状轮廓线的颜色。
填充色:
用来填充形状内部的颜色。
操作方法如下:
(1)单击工具箱的【颜色】选项中的【笔触颜色】按钮或【填充色】按钮。
(2)单击【窗口】\【颜色样本】,打开颜色样本面板。
(3)单击颜色样本面板中的目标颜色,就可为笔触颜色或填充色赋色。
2、使用混色器面板
要创建和编辑纯色以及渐变填充,可以使用混色器。
如果已经在舞台中选定了对象,则在混色器中所作的颜色更改会被应用到该对象。
操作方法如下:
(1)单击【窗口】\【混色器】,打开混色器面板。
(2)在混色器面板中单击【笔触颜色】按钮或【填充颜色】按钮。
(3)在混色器面板中调出目标颜色,完成笔触颜色或填充色的赋色。
3、使用混色器中的渐变填充
渐变是指图形的某一区域从一种颜色变化为另一种颜色。
Flash可以创建两大类型的渐变:
线性渐变和放射渐变。
线性渐变沿一个轴更改颜色,如水平轴或垂直轴。
放射渐变从一个焦点开始向外更改颜色。
可以调整渐变的方向、颜色、焦点的位置和渐变的许多其它属性。
操作方法如下:
(1)选择要渐变填充图形对象,打开混色器面板,单击【笔触颜色】按钮或【填充颜色】按钮。
(2)单击【类型】的下拉箭头,在弹出的菜单中选择【线性】或【放射状】选项,如图4所示。
(3)设置相应的选项,完成创建和编辑渐变色的操作。
(图4)
图5显示了由红色到黑色两种类型的渐变效果。
(图5)
3.2处理图形对象
图形对象是舞台上的项目。
Flash允许对图形对象进行移动、复制、删除、变形、层叠、对齐和分组等操作。
还可以将图形对象链接到URL。
3.2.1选择对象
选择是最基本的对象操作,只有在选择了目标对象后才可以进行所需的编辑操作。
下面介绍常用的几种操作方法。
1、使用时间轴面板选择对象
使用时间轴面板可以快速选取当前帧图层上的所有内容,操作方法如下:
(1)在时间轴面板中选择目标图层。
(2)单击目标图层后面的目标帧,就可全部选中当前帧图层上的所有对象。
2、使用【选择工具】选择对象
操作方法如下:
(1)单击工具箱中的【选择工具】。
(2)单击要选择的对象,就可选中要选择的对象。
(3)按住鼠标左键不放,拖出一个矩形区域,则矩形区域范围内的所有对象都会被选中。
(4)按住【Shift】键不放,单击相应的对象,可同时选中多个对象。
3、使用套索工具选择对象
操作方法如下:
(1)单击工具箱中的【套索工具】。
(2)按住鼠标左键不放,沿对象区域画出一个曲线区域,放开鼠标左键后曲线自动闭合,就可选中曲线区域内的所有对象。
3.2.2改变线条和图形轮廓的形状
1、使用选择工具调整线条和图形轮廓的形状
操作方法如下:
(1)在末选中目标对象的状态下。
(2)单击工具箱中的【选择工具】,将鼠标指向直线或图形的轮廓,使鼠标光标下面出现一个弧形线或转角线。
此时按住鼠标左键拖动鼠标,就可改变直线弧度图形轮廓的形状。
3.2.3组合与分离对象
1、组合对象
在制作Flash动画过程中,有时可以把一些图形组合在一起,作为一个对象来处理。
操作方法如下:
(1)选择要组合的对象。
(2)单击【修改】\【组合】命令,或按【Ctrl】+【G】键,即可组合对象。
(3)单击【修改】\【取消组合】命令,或按【Ctrl】+【Shift】【G】键。
即可取消对象的组合。
2、分离对象
分离对象是为了将位图转化为在Flash中可编辑的矢量图,该命令可减小导入图形的文件大小,操作方法如下:
(1)选择要分离的组件或对象。
(2)单击【修改】\【分离】命令,或按【Ctrl】+【B】键,即可分离对象(分离后的对象会呈现网格状)。
3.2.4移动、复制和删除对象
1、移动对象
(1)使用【选择工具】移动对象
操作方法如下:
1)单击工具箱中的【选择工具】。
2)选择要移动的对象,按住鼠标左键不放,就可将对象拖动到目标位置处。
(2)使用属性面板移动对象
操作方法如下:
1)选择要移动的对象。
2)单击【窗口】\【属性】命令,打开如图6所示的属性面板。
3)在窗口的左下角X、Y的位置处输入要移动的对象相对于舞台左上角的坐标值,再按【Enter】键就可将对象移动到目标位置处。
(图6)
2、通过粘贴来移动和复制对象
如果需要在层、场景或其它Flash文件之间移动或复制对象,应用复制和粘贴(粘贴到当前位置)的技巧。
可以将对象移动或粘贴在相对于其原始位置的某个层、场景或其它Flash文件中。
操作方法如下:
(1)选择要移动或复制的对象。
(2)右击要移动或复制的对象,在弹出的菜单中单击【剪切】或【复制】命令。
(3)将鼠标移到目标位置,右击鼠标,在弹出的菜单中单击【粘贴到当前位置】或【粘贴】命令。
3、使用【选择工具】复制对象
(1)单击工具箱中的【选择工具】。
(2)将鼠标指向要复制的对象,同时按住鼠标左键和【Ctrl】键,拖拽对象到目标位置,就可完成操作。
4、使用变形面板复制对象
使用变形面板可以对对象进行旋转、变形和复制变形操作。
操作方法如下:
(1)选择要编辑的对象。
(2)单击【窗口】\【变形】命令,打开如图7所示的变形面板。
(图7)
(3)输入对象的宽度和高度的百分比可对对象进行变形操作。
(4)输入旋转角度可对对象进行旋转操作。
(5)输入倾斜角度可对对象进行倾斜操作。
(6)单击【复制并应用变形】按钮,可对对象进行连续的复制变形操作。
5、删除对象
操作方法如下:
(1)选择要删除的对象。
(2)按【Delete】键或【Backspace】键就可完成操作。
3.2.5对象的叠放次序
在同一个图层上,Flash根据对象创建或导入的先后顺序叠放,最先创建或导入的对象放在最底层,最后创建或导入的对象放在最顶层。
要改变对象的叠放次序,操作方法如下:
(1)选择要改变叠放次序的对象。
(2)单击【修改】\【排列】命令。
(3)选择一种【排列】命令。
3.2.6变形对象
变形对象包括缩放、旋转、扭曲等操作。
1、缩放对象
操作方法如下:
(1)选择要缩放的对象。
(2)单击【修改】\【变形】\【缩放】命令。
(3)执行【缩放】命令后,所选的对象四周会出现如图8所示的八个控制点。
拖动某个控制点,可改变对象的长宽比例。
(图8)
(4)按住【Shift】键不放,同时拖动某个角的控制点,可进行等比例缩放。
2、旋转和倾斜对象
操作方法如下:
(1)选择要旋转或倾斜的对象。
(2)单击【修改】\【变形】\【旋转与倾斜】命令。
(3)执行【旋转与倾斜】命令后,所选的对象四周会出现八个控制点。
旋转角的控制点旋转对象,或拖动中间控制点倾斜对象。
3、扭曲对象
操作方法如下:
(1)选择要扭曲的对象。
(2)单击【修改】\【变形】\【扭曲】命令。
(3)执行【扭曲】命令后,所选的对象四周会出现八个控制点。
拖动某个控制点,就可扭曲选择的对象。
3.2.7对齐对象
使用对齐面板对齐对象,操作方法如下:
(1)选择要对齐的对象。
(2)单击【窗子】\【对齐】命令,打开如图9所示面板。
(3)在【对齐面板】中,选择【相对于舞台】按钮。
(4)选择一种【对齐】或【分布】方式。
(5)也可以选择一种【匹配大小】或【间隔】方式。
(图9)
3.3实例与练习
实例2:
本实例是绘制一把雨伞,主要练习以下操作:
①椭圆工具的使用。
②对象的复制。
③线条工具的使用。
④使用选择工具扭曲线条。
⑤图形的打散与组合。
操作方法如下:
(1)新建一个Flash文档。
(2)选择椭圆工具,设置填充色为无,设好笔触颜色,按下【对象绘制】工具,如图1所示。
(图1)
(3)用椭圆工具绘制一个椭圆,如图2所示。
(图2)
(4)用椭圆工具绘制一个圆,并调整好该圆的大小和位置,如图3所。
(图3)
(5)按住【Ctrl】键对该圆进行拖动复制,并注意调整好各个圆的位置,如图4所示。
(图4)
(6)选中全部图形,如图5所示,按【Ctrl】+【B】键把它们打散。
(图5)
(7)点击【选择工具】按钮,按住鼠标左键,拖一个矩形框,选择所绘制的图形下半部分,如图6所示。
(图6)
(8)按【Delete】键把图形的下半部分删除掉,得到图7所示的图形。
(图7)
(9)用线条工具,绘制出伞尖和伞把,如图8所示。
(图8)
(10)用选择工具将伞把的形状调整好,得到如图9所示的雨伞图形。
选中全部图形【Ctrl】+【G】键进行组合,打开对齐面板将雨伞设置在舞台正中间。
(图9)
(11)保存文档,测试影片。
实例3:
本实例是绘制一张蜘蛛网,主要练习以下操作:
①多角星工具的使用。
②使用对齐面板排列对象。
③使用选择工具扭曲线条。
④复制并应用变形工具的使用。
操作方法如下:
(1)新建一个Flash文档。
(2)选择工具箱中的多角星工具,设置填充色为无,设好笔触颜色。
单击【窗口】\【属性】命令,打开如图1所示的多边形属性面板。
(图1)
(3)单击属性面板的【选项】按钮,打开工具设置对话框,设置边数为8,如图2示所示,再单击【确定】按钮。
(图2)
(4)在舞台上绘制一个八边形,并打开对齐面板,将该八边形设置在舞台中心,如图3所示。
(图3)
(5)使用选择工具,将八边形的八条边进行弯曲调节,调整好的图形如图4所示,并按【Ctrl】+【G】键将其组合。
(图4)
(6)选中该图形,打开变形面板,在变形面板中,选择【约束】、变形比例为120%,如图5所示。
(图5)
(7)点击【复制并应用变形】按钮,按设置的比例复制出一幅图