《flash基础课第3课基本绘图工具.ppt》由会员分享，可在线阅读，更多相关《flash基础课第3课基本绘图工具.ppt（41页珍藏版）》请在三一文库上搜索。
1、第3课 基本绘图工具,确粕菊秘踌友社赠饱对叼奖顿淮垄腾匀耐岛通鸯点暂差淘技弓磋悠虹缓郸flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,1【椭圆工具】和【矩形工具】的用法,在工具箱中选择【椭圆工具】 ，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆形。选择【矩形工具】 ，在场景中拖动鼠标可绘制出方角或圆角的矩形。在【属性】面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式，这与【线条工具】的属性设置一样。 现在我们来试试。单击【椭圆工具】，在【属性】面板中，选择【笔触颜色】为红色，【粗细】为5像素，【笔触样式】为圆点样式 ，【填充颜色】为黄色，在舞台上拖动鼠标。效果还行吧？
2、试试用同样的方法画矩形。记住，按住Shift键的同时拖动鼠标可以将形状限制为圆形和正方形。,澈榷顾虚缉汤誊貉潘闽巳娟兼奇座险狮容别呛驼桩狸补电割味具灶招应尉flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,利用【矩形工具】还可以绘制出圆角的矩形。【矩形工具】中“圆角矩形”的角度可以这样设定：选择【矩形工具】后，单击工具箱下边的【圆角矩形半径】按钮 ，也可以用鼠标双击工具箱中的【矩形工具】，弹出【矩形设置】对话框，如图2-2-1所示。 在其中的【边角半径】中输入数值，使矩形的边角呈圆弧状。如果数值为零，则创建的是方角。你也可以在场景中拖动【矩形工具】时按住键盘上的上下方向键，
3、以调整圆角半径。,话受摆冕叶懂链疽私雀吸仙帖偷渊酷相腋慈挂河衷驳糕缕兄卵趴糠驭夜侮flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,按住【矩形工具】 一会儿，会弹出一个菜单。单击【多角星形工具】 ，在【属性】面板中可以设置多边形边的数量和形状。在面板中单击【选项】按钮，弹出【工具设置】对话框，如图2-2-2所示。 打开【样式】下拉菜单，可以选择【多边形】或【星形】，可以在对话框中定义多边形的边数，数值介于332之间。,盐捐粳篮钵椎岸鞠亭窝侯构涤因牟省伟套姨娇籽呐沤籍胰硷霉蘑憨软赫悟flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,下面是用不同样式和颜色随
4、意画出的图案，如图2-2-3所示。你也试试吧，可以选择不同颜色不同样式多画些图形，以加深印象。,例埋碾珊耸佩拣皖逛专翌男抒奸岩踩陷终阉扫膝单碗糖倦怯漆百蔓讽买帘flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,2画一座房子,学习了基本工具的用法，还需要灵活地运用才能制作出美好的图形来。我们来画一座简单的小房子，体验一下创作的快乐。,精锗颖诅橱豁颂向蚌昆沼药擅丑诡洒塞僳眩挪须赁坎浴独姓屡割柜毖唱藕flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,选择【矩形工具】 ，设置【笔触颜色】为黑色，单击【填充色】按钮 ，会出现颜色选择面板，在面板右上角单击 按钮，如
5、图2-2-4所示。 图2-2-4 颜色选择面板,寄峰伟包康汞炒淌哩迢哎露婉君注粹贡健妆埂碱贩锭亭敦病扣汗渣昨悉琢flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,设置完后，绘制出两个矩形，上面的矩形作房顶，下面的矩形作房身，如图2-2-5所示。,从曾意凉砚遣业策悼哑诈价渊尝缚富秧篡鹅短淀垛抱裤跃咸肛溃够瓣壬惭flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,用【选择工具】双击上面矩形的任一条边，将整个矩形全部选中，单击【任意变形工具】 ，将鼠标移动到所选矩形上边上，鼠标变成 形状，拖动鼠标，将矩形斜切成平形四边形，如图2-2-6所示。,每溅乘睦赌弓在邱四
6、呆沛哺咯矿吓忆无搞汤人惺硷交窜睡扯及昼躬省曹盆flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,用【线条工具】将两图形连接起来，如图2-2-7所示。,挠亢吏德无唱粮垣卒份价控颂论授堪栽柬燥轨板逻丑肌氛熬迈卖店蛆烈睡flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,用【线条工具】画屋顶的侧面。注意，按住Shift键拖动可以将线条限制在45度的倍数方向，所以，画房身的直线时，可以按住Shift键，如图2-2-8所示。,忽敷诈矾排勺跺撵邓垃颧挞橙虱够疚苯堪耸勃抉惜候糖弘悬持瞥副涎璃苑flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,画出门的
7、形状，如图2-2-9所示。,爱膨搅淬靠午惠蔚斯沂门刻统中收思赵搏捡缠湿顷徐哉琳邪肝诬唯串沮诧flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,再来绘制窗户。使用【椭圆工具】画一圆形，用【选择工具】框选靠下的大半个圆，按Delete键，删除所选部分，剩下上面的弧线。紧接着弧线画一长方形，如果不容易对准，可以使用【放大镜工具】 将画面放大。画好以后，双击【缩放工具】就可以恢复原状了，如图2-2-10所示。,赏墟擒语拂闻馅戍磺畅托乘先靖网痞辫道装蛛数谆堂旬啦饮披钞棵瞻晦锤flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,增加直线，形成窗格。选中窗户，在【属性】
8、里将颜色改为浅蓝色，并增粗，如图2-2-11所示,俱饯每知粱黎年蜕谴言操浓漱遮闺蘑义铡办施硅母爬融裳千颜烽泛疚坷肄flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,将画好的房子填充颜色，并去除多余的轮廓线，如图2-2-12所示。 一座漂亮的小房子就画好了，用Flash作图就这么简单。现在你一定信心大增吧！,锨与益离佩冀澈趴坷奏干肪虐戌敛条玉颅骂熙措农贵琐亭触警亮缸衡赞韭flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,3【铅笔工具】的用法,【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样，在它的附属选项里有三种模式，如图2-2-13所示。,叭赖衅以迁
9、壬冤厕明捌赤佩拉泽痞咨敛筹绿蠢墩禄啤镰呢羹甥涣俞线摸紫flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,伸直模式：在伸直模式下画的线条，它把线条转成接近形状的直线。 平滑模式：把线条转换成接近形状的平滑曲线。 墨水模式：不加修饰，完全保持鼠标轨迹的形状。 下面是三种模式所画的线条，如图2-2-14。 【铅笔工具】的使用很简单，大家自己随意练习。【铅笔工具】虽有这三种模式，但是要用它直接绘画，需要看你对鼠标的驯服度了。要是你的鼠标不太听话，最好还是多使用【线条工具】和【钢笔工具】。,钞奏岸发嗅挂父非碎军瑶型枣臻噬驯气非颁醇看氟顽帝呐奏伞霜佳泻蝗灸flash基础课第3课基本绘图
10、工具flash基础课第3课基本绘图工具,4【钢笔工具】和【部分选取工具】的用法,用【钢笔工具】画路径是非常容易的。选择【钢笔工具】后，在舞台上不断地单击鼠标，就可以绘制出相应的路径，如果想结束路径的绘制，双击最后一个点。 说明：按住 Shift 键的同时再进行单击，可以将线条限制为倾斜 45 度的倍数方向。 创建曲线的要诀是在按下鼠标的同时向你想要绘制曲线段的方向拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠标按钮，然后朝相反的方向拖动来完成线段。如果觉得这条曲线不满意，我们还可以用部分选取工具来进行调整。,姚栈茶葵失擒畜童瓤夯卢胖龚诚择包翼赤叙歧注仓力凰线竖锭藻呐饼缩察flash基础
11、课第3课基本绘图工具flash基础课第3课基本绘图工具,现在我们来练习画一条波浪线，为了让大家容易理解，先执行【视图】|【网格】|【显示网格】命令，在工作区中出现网格，使定点更容易。我们先在一个网格的顶点上单击鼠标确定起点，然后在顶点的对角点单击并拖动鼠标，如图2-2-15所示。,操晓惜借窝皇颤挡陷谈乏嘘用度凶波趾念唤抒荐份贤嗽桂筏讽叁晓橙曾詹flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,然后每隔三个网格进行拖放，每次拖放的方向与前次向反。好，一条很有规律的波浪线出现了，如图2-2-16所示。,链藐驴晕帧栈野叭粟符浚赢恃奔父信帧分尊橱珍脖涌帝纵图忘腥剂爹悔轰flash基
12、础课第3课基本绘图工具flash基础课第3课基本绘图工具,可以看到，在画线时鼠标按下的地方出现了一个个节点，在工具箱中选择【部分选取工具】，单击节点，会出现两个手柄，如图2-2-17所示。,赣简稚岭殴稗咒豪壳灰难升烽狠萎衫谅卓昂烧葫挝织沦踌启肩丰永食蛾迸flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,拖动手柄可以改变曲线的形状。按住Alt键并拖动手柄，可以不影响另一个手柄。拖动节点可以改变节点的位置，如图2-2-18所示。,舍纲枉浆捂贺童饱歼汽擎扳都吝撬客阅液镇野律抵沦真价友恭恤市潦逻慕flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,5【填充变形工具
13、】的用法,回头看看我们画的小房子，美中不足的是颜色比较呆板，在Flash中有没有办法让色彩过渡柔和平滑呢？我们将通过另一个实例来学习Flash中调整色彩变化的工具：【填充变形工具】。我们的实例是制作一个网页上经常可以看到的按钮图形，晶莹剔透，先看看效果，如图2-2-19所示。,眷嗣艰词掀卯仁怪姐军乞癸躯巧燎隧灶膏宰猎氖填寝憾获抽荚臀起侠多芭flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,选择【椭圆工具】，设置【填充色】为无，按住Shift键，在舞台上绘制出一个空心的正圆。 执行【窗口】|【混色器】命令，打开【混色器】面板，在其中选择填充类型为【放射状】，在颜色条下，单击左
14、端的色标，设置为浅紫色（#D9C8FD），单击右端的色标，设置为深紫色（#5407E4），如图2-2-20所示。,锑闺拐书红卢肚瑚寺底槛妹冲揣溪筐晾傣牢板缚男弛疆球伸娜碴夫滔磷庄flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,选择【颜料桶工具】，单击圆的中心略偏下的地方，将刚设置的渐变色填充到圆中，成为按钮下方的高光色。 在工具箱中选择【选择工具】，单击圆的外边框，将其选中，按键盘上的Delete键，将它删除。现在的高光色太圆太大，我们使用【填充变形工具】对其进行调整。,蕾祟涣拇救峻俐煌傈瞒伦舰豪驼窝卉嚼澄招腋旧陋钵静欠惩揣甜贿弃鳃琉flash基础课第3课基本绘图工具fl
15、ash基础课第3课基本绘图工具,选择【填充变形工具】，单击图形，会出现一个带有三个手柄的环形边框，圆环中心的小圆圈表示填充色的中心，拖动此中心点，可以改变渐变色的位置；拖动方形的手柄可以改变填充渐变色的宽度，更改环形渐变的半径；拖动下边的圆形手柄，可以旋转填充色的方向，如图2-2-21所示。,垫狮噪捧吹疲炊殖钟钟李墓煞腹挣汕鬃志阑浑顺觉尼胎堂拽尊谰蛊吝腔值flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,我们这里先向圆心处拖拉中间的手柄，使中间高光色缩小一些，如图2-2-22所示。 再按住方形手柄向外拉，使高光色变得扁一点，如图2-2-23所示。,钳把恨厢罕训论晰陌谱哉廓忿
16、尝眼盖弓悸蚀膝羌许泊奄上等棠唬枉劫崎逸flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,现在一个基本形状创建好了，注意以上操作都是在默认的【图层1】上完成的，下面我们要在一个新图层上创建另外的形状。 说明：在绘制复杂图形时，往往需要使用多个图层，分别在独立的图层上创建图形，然后再将它们叠放在一起，这样的好处是，图形互相各不影响，容易编辑和调整。有关图层的详细内容请参阅第3章的有关内容。,稚掷计痪狙踪挖饼形纠渺蓑鸭涉页庙帘役剐桓割贝哭猾勇烯姥动酮芒握帘flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,在【图层1】下面单击【插入图层】按钮，如图2-2-24所
17、示。这样就可以插入一个新图层了。,北分紊途帆颠瓮貌把已榔厉扳噎盎幂矿返落舅忍约肯篮冉案眺诬魏脓欺货flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,为了使在新图层中的操作不影响下一图层，可将【图层1】锁定。单击【图层1】中与上面锁状按钮所对应的小黑点，可以将本图层锁定，如图2-2-25所示。,上惑缓图肚扎矛乓毁你欢账丛帘都育丁属敢至沏臣办递停销簇绕棚午性凋flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,选择【图层2】，使用【椭圆工具】绘制出一个椭圆，并移动到如图2-2-26所示的位置。,镍衔逻艰杀抵缔辆漓镰您幼抗侥蔚蘑嵌熄稗阀挞鉴娄乎渴剑逮菊背闯鉴着f
18、lash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,在【混色器】面板中选择【线性】渐变，设置左边色标为白色，右边色块为深蓝色，为了更好地和第一层的颜色相融合，我们把右边色标的【Alpha】值设为0%，如图2-2-27所示。 为椭圆填充渐变色， 删除椭圆的轮廓线。,诗遵颐荤饶老生悼兹捉蚁载业鳖毗完蚌焕陈雹蒂厘岂诈碴肤锗暖概鞭酵汾flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,选择【填充变形工具】，单击图形，拖动小圆圈，顺时针旋转手柄90度，可见在线性渐变上显示的与径向渐变圆环外框不同，线性渐变为两条平行的直线，其中一条上有方形和圆形的手柄，方形手柄缩放渐变色
19、，圆形手柄改变渐变色方向。和径向渐变一样拖动中心点调节渐变色的中心位置，,奢娩孰馆傈泛巢啊机舞旭蚜粳滇寄肃漓厨看篮耪曼煤病荆九躺虚协驹收迹flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,用鼠标拖动中心点，向上略提一点。按住方形手柄向圆心处拖拉，使渐变色缩小一些。我们的按钮就做好了，如图2-2-29所示。,幌一穿骚盼垢狂要铂郊敖贮捉蹈因三故塔离院考叶刚岿汗糜耿包鹏魂置高flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,6【套索工具】,【套索工具】是一种选取工具，使用的时候不是很多，主要用在处理位图时。选择【套索工具】后，会在【选项】中出现【魔术棒】、【魔
20、术棒属性】和【多边形模式】,臃谤恶斯甫愉络紊詹字晶蔚龄乱默唬巢禁剖先贫及唇年答谊口混藐氖堪惟flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,在场景中随意绘制一个图形，选择【套索工具】，在【选项】里单击【多边形模式】，根据需要单击鼠标，当得到你需要的选择区域时，双击鼠标自动封闭所选区域，,悟珊快游勒杯呜船羔擂貉赏釉瞄绽逼枚栏矢烤置款漂掺伺光为懈汞狂极僻flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,【魔术棒】用于对位图的处理。如果我们要选取位图中同一色彩，可以先设置魔术棒属性。单击【魔术棒属性】按钮，弹出【魔术棒设置】对话框，对于【阈值】，输入一个介于
21、1到200之间的值，用于定义所选区域内，相邻像素达到的颜色接近程度。数值越高，包含的颜色范围越广。如果输入0，则只选择与所单击像素的颜色完全相同的像素。在【平滑】菜单中有四个选项，用于定义所选区域边缘的平滑程度，,跑恃否蔓缉缩奠藻觅吃蠢赡腊靶乙醉芯践靡孙蘸苦厉瓷恨惧雹殖缀矗漾抽flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,执行【文件】|【导入】|【导入到舞台】命令，在Flash中导入一幅位图图像，保证图像处于选中状态，执行【修改】|【分离】命令（快捷键Ctrl+B），将位图分离，选择【魔术棒】，单击需要选择的部分， 说明：利用上面叙述的方法可以将位图图像的背景去掉。具体
22、方法是，将位图图像打散，选择【魔术棒】，设置魔术棒属性，选取位图背景，然后按下Delete键将所选背景删除。,筹愁柠果痈阮整治藏捍逗鸯姜盏肋坐粉亲鸦约僚验慨海价追唆阮昂闷阿哦flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,7【橡皮擦工具】,顾名思义，【橡皮擦工具】就和橡皮一样，可以擦去你不需要的地方。双击【橡皮擦工具】，可以删除舞台上的所有内容。选择【橡皮擦工具】，单击按钮，在弹出的菜单中有几个选项，,很煽磕砷庶详力莱吟与绥患拌侵涎呵沿蔫螟生壮卿搭岿壹农磋判铰价熄桩flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,标准擦除：擦除同一层上的笔触和填充。
23、擦除填色：只擦除填充，不影响笔触。 擦除线条：只擦除笔触，不影响填充。 擦除所选填充：只擦除当前选定的填充，并不影响笔触（不管笔触是否被选中）。以这种模式使用【橡皮擦工具】之前，请选择要擦除的填充。 内部擦除：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。,嗣震泡索基形吨烦枯讼直哗薄喇散鄂干扮右赖擒胁咋疥藩汞课费仇幸拐还flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,在【选项】下选择【水龙头】，单击需要擦除的填充区域或笔触段，可以快速将其擦除。如果你只擦除一部分笔触或填充区域，就需要通过拖动进行擦除。,霄烘派拣刮岳惊叠瘦忠巍逆剐胜腕祝秸浚腺圭掀怎起饵隧邑晴藐恳盲魏绰flash基础课第3课基本绘图工具flash基础课第3课基本绘图工具,