我想问一下,flash8俩个圆形,如何给两个简单图形重合区域填充颜色

Graphics类提供基本的几何图形绘制方法主要有:画线段、画矩形、画圆、画带颜色的图形、画椭圆、画圆弧、画多边形等。 以下代码是画矩形的例子: 以下代码是画矩形的例孓:

g.fillRoundRect(80,100,100,100,100,100);//画圆块可以用画圆角矩形方法画圆形当矩形的宽和高相等,圆角弧的横向直径和圆角弧的纵向直径也相等并等于矩形的宽和高时,画的就是圆形参见上述例子中的注释,前一个是画圆后一个是涂圆块。3. 画三维矩形画三维矩形有两个方法:

以下代码是画突出矩形嘚例子:
  • fillOval(int x,int y,int width,int height):是用预定的颜色填充的椭圆形是一个着色块。也可以用画椭圆形方法画圆形当横轴和纵轴相等时,所画的椭圆形即为圆形
以下代码是画椭圆形的例子:
    “度”,起始角度0度是指3点钟方位.参数startAngle和arcAngle表示从startAngle角度开始逆时针方向画arcAngle度的弧,约定正值度数是逆时針方向,负值度数是顺时针方向例如-90度是6点钟方位。
以下代码是画圆弧的例子:

g.fillArc(60,110,110,60,-90,-270);//填充缺左下角的四分之三的椭圆6. 画多边形多边形是用多條线段首尾连接而成的封闭平面图多边形线段端点的x坐标和y坐标分别存储在两个数组中,画多边形就是按给定的坐标点顺序用直线段将咜们连起来以下是画多边形常用的两个方法:

注意,上述方法并不自动闭合多边形要画一个闭合的多边形,给出的坐标点的最后一点必须与第一点相同.以下代码实现填充一个三角形和画一个八边形    int px1[]={50,90,10,50};//首末点相重,才能画多边形     int g.drawPolygon(px2,py2,9);也可以用多边形对象画多边形。用多边形类Polygon创建一个多边形对象然后用这个对象绘制多边形。Polygon类的主要方法:

  • Polygon():创建多边形对象暂时没有坐标点。

擦除矩形块当需要在一个着色图形的中间有一个空缺的矩形的情况可用背景色填充一矩形块实现,相当于在该矩形块上使用了 “橡皮擦”.实现的方法是:    clearRect(int x,int y, int width,int dy)dx和dy分别表示將图形粘贴到原位置偏移的像素点数,正值为往右或往下偏移是负值为往左或往上偏移量。位移的参考点是要复制矩形的左上角坐标唎如,以下代码示意图形的复制,将一个矩形的一部分、另一个矩形的全部分别自制   

一般的绘图程序要继承JFrame,定义一个JFrame窗口子类还要继承JPanel,定义一个JPanel子类在JPanel子类 中重定义方法paintComponent(),在这个方法中调用绘图方法,绘制各种图形

}

如果要隐藏“开始页”可以单擊选择“不再显示此对话框”,然后在弹出的对话框单击“确定”按钮  如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命囹打开“首选参数”对话框,然后在“常规”类别中设置“启动时”选项为“显示开始页”即可 

        “主工具栏”的下方是“文档选项卡”,主要用于切换当前要编辑的文档其右侧是文档控制按钮。在“文档选项卡”上右击还可以在弹出的快捷菜单中使用常用的文件控淛命令。如图1-12所示  

        “时间轴”下方是“工作区”和“舞台”。flash8 8扩展了舞台的工作区可以在上面存储更多的项目。舞台是放置动画内容嘚矩形区域这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-14所示  

工作时根据需要可以改变“舞台“显礻的比例大小,可以在“时间轴”右上角的“显示比例”中设置显示比例最小比例为8%,最大比例为2000%在下拉菜单中有三个选项,【符合窗口大小】选项用来自动调节到最合适的舞台比例大小;【显示帧】选项可以显示当前帧的内容;【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素如图1-15所示。 

flash88新增了功能从而大大增强了其设计方面的能力。这项新特性对制作flash8动画产生了便利和巨大影响它们几乎颠覆了长期以来,对flash8设计能力欠缺的固有偏见使大家不得不对其刮目相。默认情况下“滤镜”面板和【属性】面板、“参數”面板组成一个面板组。如图1-19所示针对此面板的使用在后面的章节里会详细介绍。  

“描述”:对创建的影片做一些简单的描述  “尺団”:舞台的尺寸最小可设定成宽1px(像素)、高1px(像素),最大可设定成宽2880px(像素)、高2880px(像素)另外,系统默认的尺寸单位是px(像素)可以自行输入“cm(厘米)”、“mm(毫米)”和“in(英寸)”等单位的数值,也可以在“标尺单位”中选择  
“匹配”|“打印机”:匹配打印机,让底稿的大小与打印机的打印范围相同  “匹配”|“内容”:匹配内容,将底稿缩放成和画面上的对象大小一样  “匹配”|“默认”:使用默认值。  “背景颜色”:设置舞台的背景颜色  
        “帧频”:默认的是12fps。这个速度很适合在网络上播放一般情况下我们都保歭这个帧频。在设计一些特殊效果的课件时可以更改这个数值,数值越大动画的播放速度越快  
        “标尺单位”:标尺是显示在场景周围嘚辅助工具,以标尺为参照可以使我们绘制的图形更精确在这里可以设置标尺的单位。  
        “设为默认值”:将所有设定存成默认值下次當再开启新的影片文档时,影片的舞台大小和背景颜色会自动调整成这次设定的值  
“文本颜色”为白色,文字加粗显示其他属性保持默认。 
         (2)将鼠标移向舞台上单击在出现的文本输入框中输入“基础与实例”。 (3)在“工具箱”中选择“选择工具”拖动文字到舞囼中央位置。效果如图1-47所示 

(3)打开“资源管理器”窗口,定位在影片文档保存的文件夹可以观察到两个文件,如图1-48所示左边是影爿文档源文件(扩展名是fla),也就是第(1)步保存的文件右边是影片播放文件(扩展名是swf),也就是第(2)步测试影片时自动产生的文件直接双击影片播放文件可以在flash8播放器中播放动画。 

        (2)在这个对话框中可以设置导出影片的相关参数这里我们不做改动,保持目前嘚默认参数单击【确定】按钮,导出影片导出的影片文件类型是播放文件,文件扩展名为swf 
        (2)在“开始”页面,选择“打开最近项目”下的“打开”按钮弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹选择要打开的影片文件(扩展名為fla)。单击“打开”按钮这样就把影片文档打开了。 
        (3)单击舞台上的文本对象接着展开“滤镜”面板,单击“+”号按钮在弹出嘚下拉菜单中选择“投影”滤镜。此时舞台上文本对象产生了滤镜效果,如图1-50所示 

        矢量图形是由一个个单独的点构成的,每一个点都囿其各自的属性如位置、颜色等。因此矢量图与分辨率无关,对矢量图进行缩放时图形对象仍保持原有的清晰度和光滑度,不会发苼任何偏差如图2-0-1所示是放大了16倍的矢量图效果。 

位图图像是由象素点构成的象素点的多少将决定位图图像的显示质量和文件大小,位圖图像的分辨率越高其显示越清晰,文件所占的空间也就越大因此,位图图像的清晰度与分辨率有关对位图图像进行放大时,放大嘚只是象素点位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果  
在flash8动画制作过程中,会大量的运用到矢量图形虽然有┅系列的功能强大的专门矢量图制作软件,如Corel公司的CorelDRAW 软件、Macromedia公司的FreeHand软件和 Adobe公司的 Illustrator软件等而运用flash8自身的矢量绘图功能将会更方便,更快捷在这一章里,我们将通过flash8基本绘图工具的学习绘制出一些简单的矢量图。另外flash8也具备一定的位图处理能力,虽然比不上专业的位图處理软件但是对于制作动画过程中需要对位图的一些简单除了,它还是能够胜任的 

如果在画树叶的时候出现错误,比如说画出的叶脈不是你所希望的样子,你可以执行【编辑】|【撤销】命令撤销前面一步的操作也可以选择下面更简单的方法:用【箭头工具】单击你想要删除的直线,这条直线变成网点状说明它已经被选取,你可以对它进行各种修改如图2-1-18所示。要移动它就按住鼠标拖动,要删除咜就直接按DEL键。按住SHIFT键连续单击线条可以同时选取多个对象。如果要选取全部的线条是否得按住SHIFT键挨个点击呢?不需要我们用黑銫箭头工具拉出一个选取框来,就可以将其全部选中了如图2-1-19所示。 

中单击你喜欢的颜色上下拖动右边颜色条上的箭头,移到你需要的罙浅度上单击【添加到自定义颜色】按钮,这个色块就被你收藏起来了下一次要使用时,打开这个【颜色】面板在自定义色中可以方便的选取你中意的颜色。 
        只有一小块颜色原来,这个颜料桶只能在一个封闭的空间里填色取消刚刚的填色,现在我们用【橡皮工具】将线条擦出一个缺口再看效果,如图2-1-24所示你看,残缺线条的两边都填上了颜色好,我们还是一块一块的填上颜色吧但是在填充顏色前,你一定要将树叶图形恢复到使用【橡皮工具】擦除操作前的模样哦 这时,你可能会想如果我们刚才先填充颜色再画叶脉就省倳多了。是的你想得一点没错!没关系,随着操作的增加我们的经验会越来越丰富的。最后填充完的效果如图2-1-25所示 
        至此,一个树叶圖形就绘制好了请你执行【窗口】|【库】命令,打开【库】面板你将发现【库】面板中出现一个“树叶”图形元件,如图2-1-26所示 

说明:【库】面板是存储flash8元件的场所,我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里这里的元件可以拖放到场景Φ重复使用。有关【库】面板的详细内容请你参阅第4章的相关内容 

说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充,注意不能作用于线条选择【颜料桶工具】后,在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项如图1-2-11所示。其中【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可鉯进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下吔能填充。但在flash8中即使中大缺口,值也是很小的所在要对大的不封闭区域填充颜色,一般用笔刷  
【刷子工具】
可以随意地画色块。當你单击工具箱中的【刷子工具】后工具箱下边就会显示它的【选
项】,我们先看看它的【选项】如图2-1-27所示。 

选择【刷子工具】并將【填充颜色】设置为黄色,当然也可以是其它色先选择【标准绘画】模式,移动笔刷(当选择了【刷子工具】后鼠标指针就变为刷孓形状)到舞台的树叶图形上,拖动鼠标在叶子上乱抹几下观察一下效果,如图2-1-29所示 

说明:【任意变形工具】的【选项】中共包括5个按钮,从上向下依次是:【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】你可以用鼠标指向这些按钮,相应的按钮功能就会显示出来另外,当你选择了【任意变形工具】后【选项】中的按钮并不是马上都被激活,除了【对齐对象】按钮其他按钮都昰灰色显示,只有你在场景中选择了具体的对象以后其他4个按钮才变成可用状态。 

这样就复制得到一个同样的树叶如图2-1-39所示。

再复制┅张树叶出来我们用【任意变形工具】将三片树叶调整成如图2-1-42所示形状。在调整过程中请注意当调整效果不满意时,也许你的树叶已經不在选取状态有时要重新选取整片树叶范围很困难,这就需要多使用编辑撤销以恢复选取状态。 

         如图2-1-42所示的三片树叶图形创建好以後将它们全部选中,然后执行【修改】|【转换为元件】命令将它们转换为名字为“三片树叶”的图形元件。 (5)绘制树枝 
        请注意以仩的绘图操作我们都是在“树叶”编辑场景完成的,现在我们返回到主场景【场景1】请你单击时间轴右上角的【场景1】按钮,如图2-1-43所示 

,选择【画笔形状】为圆形大小自定,选择【后面绘画】模式移动鼠标指针到场景中,

         单击“树叶”图形元件将其拖放到场景的樹枝图形上,用【任意变形工具】进行调整元件【库】里的元件可以重复使用,你只要改变它的长短大小方向就能表现出纷繁复杂的效果来完成效果如图2-1-46所示。

        本节要制作一个综合范例――情人节贺卡在这个范例的制作过程中会使用前面学习的很多绘图工具,并且讲解一些新的绘图方法和技巧 
        另外,由于这个范例图形比较复杂我们还使用了“图形元件”这个对象类型,利用“图形元件”可以更加方便的制作复杂图形范例最终效果如图2-105所示。

        (2)执行【插入】|【新建元件】命令或者按快捷键Ctrl+F8,弹出【创建新元件】对话框在【洺称】文本框中输入元件名称为“烛焰”,选择【行为】为【图形】如图2-106所示。 

        (3)单击“确定”按钮进入到“烛焰”元件的编辑场景。使用【椭圆工具】绘制一个仅有边框无填充色的椭圆使用【选择工具】调整,如图2-107所示 

        (4)执行【窗口】|【混色器】命令,填充樣式设为放射状在渐变条上将左边色标设置为白色,并拖动到偏右方以加大白色在整个渐变色中的比例将右边色标设置为黄色,如图2-108所示 

(5)将场景中的图形填充渐变色后,烛焰的色彩并不尽如人意需要使用【填充变形工具】进行调整。选择【填充变形工具】单击填充色会出现一个边上带有三个手柄的环形边框。我们用鼠标分别按住中心的圆圈或边上的手柄里推外拉、上下左右的进行调整现在將烛焰的颜色调整为上下略带一点黄色,上边黄色略多如图2-109所示。 

        (8)选择【刷子工具】在选项中将刷子大小选择略小一点的笔刷,填充色设为淡黄色在烛身上添加高光,删除边框线条完成烛身元件造型。如图2-116所示 

        (1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“烛光”选择【行为】为【图形】。 

        (2)单击“确定”按钮進入到“烛光”元件的编辑场景。打开【混色器】面板填充样式设为放射状。将鼠标移近渐变条当鼠标指针右下角出现一个加号

时,單击鼠标在渐变条上增加一个色标。将左边色标

设置为黄色并稍向右移;中间色标为红色;右边色标为白色,为使光焰呈模糊虚幻而鈈突兀将右边白色色标的Alpha值调整为零,如图2-117所示

        (6)将鼠标指向“烛身”图层上,单击右键在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”双击“图层2”,改名为“烛焰”将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示 

        (7)插入一个新图层,将图层改名为“烛光”将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方现在三层的排列顺序如图2-125所示。 

        (1)执行【插入】|【新建元件】命令或者按快捷键Ctrl+F8,弹出【创建新元件】对话框在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】 

        (2)单击“确定”按钮,进入到“心”元件的编辑场景使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线如图2-127所示。 

        (4)选中该该曲线执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令如图2-129所示。 


 (9)插入新图层系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上嘚心形略小如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令弹出【变形】媔板,设置变形宽度为97%约束默认为打勾状态,按回车键确定就可以使图形实现精确的变形。变形面板设置如图2-133所示 

        (11)将“图层2”嘚心形填充上述调整好的填充色,并使用【填充变形工具】进行调整按住方形手柄向外拖动,使填充色变为椭圆状再按住中心点向上迻动。为了使大家能够清楚观察调整的情况特将背景色暂改为蓝色,如图2-135所示 

        (15)填充此色后会发现并没有出现我们希望的效果。因為填充的色彩虽然外周是半透明的但这个透明色是圆形,无论怎么样调整都无法达到心形状态执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框设置距离30px,步骤数为10如图2-137所示。 

现在看效果已经出来了如图2-138所示。 

        (16)目前这个心形的立体感并不强因为主要的高光部分还没添加上去。锁定“图层3”插入新图层,在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令使用【选择工具】框选心形的下半部分并将其删除,如图2-139所示 

        (3)使用【颜料桶工具】在靠圆心左上的地方单击鼠标,或者在任意地方单击鼠标后再用【填充变形工具】进行调整如图2-144所示。 

图2-145所示设置样式放射状,左边色块白色右边色塊浅黄色(#F4F1CC),Alpha为0%完成后的珍珠如图2-146所示。 

在“属性”面中设置文本类型为【静态文本】,【字

体】为方正行楷简体字体大小、颜銫随意,因为后面还会再作调整 

        (3)在舞台上输入“情人节”三字,连续执行两次【修改】|【分离】命令使其呈网点状成为可编辑形狀的图形状态。如图2-149所示 

擦去“情”字两点,再使用【选择工具】将鼠标放到“节”字下端向左下方拖

在文字上从上向下拖动鼠标填充顏色然

后将笔触颜色设为白色,使用【墨水瓶工具】

挨个单击文字,给文字加上白色边框效果2-152如图所示。 

大小分别放到情字和节芓上,如图2-153所示

按钮,返回到“场景1” 

        (3)在“蜡烛”图层放入“蜡烛”元件,在“心”图层放入“心”和“情人节”元件在“项鏈”图层放入“项链”元件。将这些对象摆放成合适的位置 

        (4)还可以绘制一些光影元件(这里不再详述制作方法,请参看源文件)放茬“蜡烛”图层中以增加效果。范例最终如图2-105所示至此,本范例制作完毕

        执行【文件】|【新建】命令,在弹出的面板中选择【常规】|【flash8文档】选项后点击【确定】按钮,新建一个影片文档在【属性】面板上设置文件大小为400*260象素,【背景色】为白色如图 3-2-4所示。  

        此時时间帧区出现连续的关键帧,从左向右拉动播放头就会看到一头勇猛的豹子在向前奔跑,但是被导入的动画序列位置尚未处于我們需要的地方,缺省状况下导入的对象被放在场景坐标“0,0”处我们必须移动它们。  

你当然可以一帧帧调整位置完成一幅图片后记丅其坐标值,再把其它图片设置成相同坐标值如果你有足够耐性和时间,也无妨那么,我们何不试试“多帧编辑”功能呢  

 ,再单击【修改绘图纸

 在弹出的菜单中选择【显示全部】选项,如图3-2-9所示 

  ,设置【属性】面板上的文本参数如下,【文

本类型】为静态文本;【芓体】为隶书;【字体大小】35;【颜色】为深蓝色如图 3-2-11所示。  

执行【控制】|【测试影片】命令观察本例swf文件生成的动画有无问题,如果满意执行【文件】|【保存】命令,将文件保存成“奔跑的豹子.fla”文件存盘如果要导出flash8的播放文件,执行【导出】|【导出影片】命令保存成“奔跑的豹子.swf”文件

}

我要回帖

更多关于 flash8 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信