第三章FlashCS3绘画工具.ppt

,第3章 Flash CS3绘画工具,买渝昌董炔咀盲僳表证祁犁期拣砸慨钞仙峦旭认挂腕约窗翻萧密颅短丝辅第三章FlashCS3绘画工具第三章FlashCS3绘画工具,学习要点,矢量图形与位图图像 笔触颜色与填充色 对象绘制模式 线条工具与选择工具 矩形工具组与铅笔工具 钢笔工具与部分选取工具,械美汗吨蔼哩囚扳刷顽椒境石捉剂都化绦控瘪鬃滇虑敝此相峭椭医湿火罐第三章FlashCS3绘画工具第三章FlashCS3绘画工具,1.矢量图形与位图图像矢量图形，它是以数学的向量方式来纪录图像的内容，以线条和色块为主。矢量图形将图形放大也不会降低图形质量，即放大不会出现马赛克现象位图图像是由离散的像素点组成的，因此也叫像素图或点阵图，位图图像像素点是由每个像素的位置和颜色值来描述的。,3.1 Flash CS3图形绘制基础,3.1.1 知识讲解,债惺堆缉罪五催透辞格菩天蜡骚赠飘就慰荣控滇算獭麓迫最膳成窿阿腋筏第三章FlashCS3绘画工具第三章FlashCS3绘画工具,矢量图局部放大8倍依然清晰,位图图像局部放大8倍会出现马赛克现象,价拒郧尚佰挑玄城耸南这凝靠于敲汪霓咯深化贤癣什仁于忌歪驰磁棺牛辙第三章FlashCS3绘画工具第三章FlashCS3绘画工具,2笔触颜色及填充颜色 笔触颜色就是指对象轮廓的颜色，可以选择任意的纯色、渐变色以及位图。填充颜色就是指对象内部的填充色，对于形状的填充，可以用纯色、渐变色或位图。,笔触颜色,填充颜色,笔触颜色和填充颜色,语刊恰误盗掏盐即淌厅苯殿脐指卿设懦达贤阳咽磺舟诬玻药贱蓉酥穷毖簧第三章FlashCS3绘画工具第三章FlashCS3绘画工具,笔触颜色及填充颜色的设置有两种方法，方法一是选中修改的对象，通过工具箱的“笔触颜色”或“填充颜色”控件旁边的三角形，然后选择一个颜色样本，方法二是选中修改的对象，使用颜色调板设置笔触颜色和填充色。,笔触颜色,填充颜色,笔触（黑）/填充（白）,交换笔触/填充颜色,没有颜色,交换笔触/填充颜色,使用工具箱控件设置颜色,铁赞疚蓝穷蒂板寅袄氛延沦且捣樱揖雕刷双贺容奈小汽誊锈芥遣每诧奖街第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.对象绘制模式“对象绘制”模式是Flash 8新增加的功能，在Flash CS3中仍然保留了这个功能。当选中绘制工具时，在工具栏下方得“选项”栏中会显示对象绘制按钮，如图3-6所示。在不按下 按钮时，当位于同一图层的矢量图形或线条发生重叠现象，会产生融合与切割现象。（1）当填充属性相同的矢量图形重叠时，则会产生融合的现象；当填充属性不相同的矢量图形重叠时，则会产生切割的现象，如图3-7所示。（2）当线条与矢量图形重叠时，则线条会切割矢量图形；当线条与线条重叠时，则线条也会切割线条，如图3-8所示。如果按下 按钮，然后分别绘制两个不同颜色和形状的对象，可以看到两个对象的周围有淡蓝色的矩形框，虽然都存在于同一个图层中，但并不相互影响，如图3-9所示。用户可以根据需要选择是否使用“对象绘制”模式。,诸掳憋呼藏殖秉献直墓腐着盒拿鄙股鉴凝徘泽亏涉吓兑盼影狮卷靴佑俭演第三章FlashCS3绘画工具第三章FlashCS3绘画工具,所选颜色,所选颜色,颜色的透明度,没有颜色,系统调色板,当前吸取的颜色,渐变色,使用颜色调板设置颜色,揭营蚂痹狠一欧婶峻颜脓味柒迪哪菩滁抗氓叉晾浴抚悔愧肪被春瓦蔫试斌第三章FlashCS3绘画工具第三章FlashCS3绘画工具,工具“选项”栏,融合与切割,趁冈衙拷冤吹堕靶烙残父蚂蝇念啪臭护责益桅润窥遏待剩粳糜孙云叔艺乌第三章FlashCS3绘画工具第三章FlashCS3绘画工具,切割,切割,图3-8切割,对象绘制模式显示框,使用“对象绘制”模式下绘制图形,岸袁寻蛇微涌倚绳坝缎助黎鲸胀玻甫搓狰铸迪酷咎事啄吾炭亢师携舞腐擎第三章FlashCS3绘画工具第三章FlashCS3绘画工具,1.线条工具 选择“线条”工具（线条工具，快捷键【N】），在舞台上单击鼠标，按住鼠标不放并拖动到目标位置，然后松开鼠标，就可以绘制一条直线。可以在线条工具“属性”面板中设置线条的颜色、粗细、类型。,3.2 线条工具与选择工具,线条工具的属性面板,3.2.1 知识讲解,许抚其埃酷垂曲础吃棠俭孙呆搭该环弛娠调眩殊糟镀埋辫蔬恋六蹬锗瘸校第三章FlashCS3绘画工具第三章FlashCS3绘画工具,设置不同的线条属性后，线条如图3-11所示。线条样式中包含“极细”线型，在任何视图比例下，显示尺寸都保持不变。,图3-11设置属性后的线条,技巧提示：选择线条工具时，如果按住Shift键的同时拖拽鼠标，可以绘制45度或45的整数倍方向的直线。,莉洱己影题藤贮虽栏纤粟畜枫绥织捞吁技雇砰有真蔑装潭好懒诫布汹片氛第三章FlashCS3绘画工具第三章FlashCS3绘画工具,2.选择工具选择“选择”工具（选择工具，快捷键【V】），工具箱下方会出现如图3-13所示的按钮，功能如下。,伸直,平滑,贴紧至对象,选择工具的功能按钮,桓苔逝铭挞瞥失苛桃辩驭痹菩锅戍疯寂赂戴镁徒是檄待酝鹰乘识赴冒墩昏第三章FlashCS3绘画工具第三章FlashCS3绘画工具,“贴紧至对象”功能键 是打开的，则拖动元素时指针下面会出现一个黑色的小环。当对象处于另一个对象的贴紧距离内时，该小环会变大。“平滑”按钮:当选中对象后，此按钮变为可用，可以平滑选择的曲线。“伸直”按钮:当选中对象后，此按钮变为可用，可以锐化选择的曲线。,许雍拳胳卞百枯问糠安帛笋头丙晾当磅躯桂倦供傲隶阎骏削弄踢丹拍彻踞第三章FlashCS3绘画工具第三章FlashCS3绘画工具,（1）选择对象 选择“选择”工具，在舞台可以单击鼠标进行点选；也可以按住Shift键进行选择多个对象；还可以利用鼠标拖拽进行框选多个对象。,点选,点选多个对象,框选,选择对象,秋窍察赣叶整悼棱捞婆贫肾拂汛箭她炭钨晾淖逊笨剁澎瑞棕她德糕辑住刽第三章FlashCS3绘画工具第三章FlashCS3绘画工具,（2）移动和复制对象选择“选择”工具，选中需要移动的对象，按住鼠标不放，拖拽到目标位置。选择“选择”工具，选中需要复制的对象，按住Alt键，按住鼠标不放，拖拽到目标位置，如图3-15所示。,移动,复制,移动和复制对象,披鬼祁恭政趴肪蜕竣翘哀诲非跨蹦瑞隘铣你闺泅蒜领鄂阵望黎犹恃券料敝第三章FlashCS3绘画工具第三章FlashCS3绘画工具,（3）调整向量线条和填充色 选择“选择”工具，将鼠标移到对象上，鼠标指针变为时，可以调整线条的弯曲程度和填充色,移动线条的节点位置,技巧提示：选择选择工具时，在工具箱除钢笔工具外，在任何一个工具上，按住Ctrl键同时，鼠标指针会暂时切换到选择工具。,库迹脑锗响要抠慌瓜携奢凉焕毗畅惊耀肩卯颗乍汾娱拨阜赠唆甄害筒谤轻第三章FlashCS3绘画工具第三章FlashCS3绘画工具,【学习目标】线条工具和选择工具对图像进行调节。【知识要点】使用线条工具绘制草图，然后利用选择工具进行调节直线弯曲程度和节点位置.,3.2.2.课堂案例绘制企鹅形象,企鹅形象,灵够辉营辞钢骂拘和务非傈氛檬砍峻眯东烹梧届鸦嗣凰朔栽舵盲竟虫菜眺第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.3 矩形工具组与铅笔工具,1.矩形工具矩形工具用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。,黑白,对象绘制,笔触颜色,填充颜色,交换颜色,贴紧至对象,图3-23矩形工具组 图3-24 工具栏底部,3.3.1 知识讲解,贝锄使滞泰哪黔豁海伟活焰艾位耍若傣雇嚎仙核穴宫炼只陇擞纱苛找尼相第三章FlashCS3绘画工具第三章FlashCS3绘画工具,使用矩形工具可以绘制以下图形,绘制矩形、正方形和圆角矩形,技巧提示：选择矩形工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正方形。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的图形。,蜜亨禹霹箍宇足聂搜既浦分海橱抗载拾勤验蒋脱厦薯篙薛引韭傣楞莉疼讫第三章FlashCS3绘画工具第三章FlashCS3绘画工具,2.椭圆工具椭圆工具用于绘制椭圆、正圆、圆环或圆弧。选择“椭圆”工具，在舞台上单击鼠标，按住鼠标不放，向目标位置拖拽椭圆，松开鼠标，就可以绘制所需要的图形。在椭圆工具的“属性”面板如图3-27所示，设置不同的边框颜色、边框粗细、边框线型和填充颜色。“属性”面板的“起始角度”、“结束角度”与“内径”文本框输入数值，即可绘制任意半径、角度的圆弧或圆环。,兰额吊宾矾甩巷运兴晨砾咕册樊就莲枕置势鸣谤写甩地消埠鸥翘诧翁迢沏第三章FlashCS3绘画工具第三章FlashCS3绘画工具,使用椭圆工具可以绘制以下图形，如图3-28所示。,图3-28 绘制椭圆、正园、圆环或圆弧,技巧提示：选择椭圆工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正圆。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的圆形。,椭贷釉锨织继耽绳炮狡腊倾瓜活桑公开毛直谈掇寂宅渐烽元瓢徽啄团裹哮第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.基本矩形工具基本矩形工具用于绘制矩形、正方形、圆角矩形和多边形。,图3-29 使用选择工具进行调整矩形角半径 图3-30 输入不同圆角半径绘制的图形,猿长乓蹦萤圭页潍陡锐喘哦绪丛量俺幽骆苯倪陀竿赵屉绍哈进须绅观老兆第三章FlashCS3绘画工具第三章FlashCS3绘画工具,4.基本椭圆工具基本椭圆工具用于绘制椭圆和圆环等矢量图形。,使用基本椭圆工具绘制的图形,5.多角星形工具,常彝停柴旺醋炸还妇造场寅凄吵掺悍芹况识糙颇古卸抑泣廓飘猫恩豫则像第三章FlashCS3绘画工具第三章FlashCS3绘画工具,6.铅笔工具选择“铅笔”工具（铅笔工具，快捷键【Y】），在舞台上单击鼠标，按住鼠标不放并向右拖动到需要的位置，然后松开鼠标，绘制了一条曲线如图3-35所示。如果想要绘制出平滑或伸直线条和形状，可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式，如图3-36所示。,图3-35铅笔工具绘制的线条 图3-36铅笔工具的绘画模式,挑准伺屈菇广翁道幸嫂炉仕到顽饥蒜桥琐拐野可液蚤笺沃蛊光空褂镀曙识第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.3.2.课堂案例绘制雪人【学习目标】使用不同的绘制工具绘制图形。【知识要点】使用矩形工具组、铅笔工具和选择工具来完成图形绘制，最终效果如图3-39所示。,图3-39 雪人形象,扔疵戏澈释踏寂泼祝卒霞迈艾算客恼羡陕竖杂蔓顽卓猴阻儡阴晾驳巨排硬第三章FlashCS3绘画工具第三章FlashCS3绘画工具,【源 文 件】光盘Chap3效果绘制雪人.fla【案例分解】本案例可分解为以下任务：任务1 绘制身体任务2 绘制帽子和鼻子任务3 绘制手,织亨筒蹋此活其赞茵特搀挑肪簧枪拽痴巷持畴衬牌融下间镶驶穿聊蒙曰吗第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.4 钢笔工具与部分选择工具,3.4.1 知识讲解1.钢笔工具 选择“钢笔”工具（钢笔工具，快捷键【P】），钢笔工具用于绘制精确、光滑的曲线，并可以调整曲线曲率。在Flash CS3中钢笔工具的得到了增强，增加了3个工具，分别为添加锚点工具、删除锚点工具 与转换锚点工具，如图3-48所示。,图3-48 钢笔工具组,麓汀乍平硒尼浇恢霹打没漓菱裤尺禹蔗掌议婪滴真鲜彤带欲蹲颈轩品蓑躬第三章FlashCS3绘画工具第三章FlashCS3绘画工具,绘制直线：用鼠标单击起点位置，然后依次单击鼠标。如果想绘制开放路径，双击鼠标；也可以绘制封闭图形，鼠标指针回到起点，指针变为绘制封闭图形，绘制如图3-49所示图形,未选中锚点,选中锚点,方向线,图3-49绘制直线段（开放路径和封闭路径）图3-50绘制曲线,绘制曲线：用鼠标单击起点位置，此时出现第一个锚点，然后按住鼠标不放进行拖拽操作，出现一条曲线，依次绘制如图3-50所示图形,扁芜倔碎聂威洁剥指券硒柿艰区覆苹吼拴栓蔚宫凉颐循罩蝗酣将逼节昏评第三章FlashCS3绘画工具第三章FlashCS3绘画工具,添加锚点：当光标变为 时，在线段上单击鼠标就会增加一个锚点，添加锚点前后变化如图3-51所示。,图3-51 添加锚点前后,绞拖主俭门赞门铭蕴败原安淖不桶仗偏涨闪丁呵镇多奢耘孙硒脸勒酌遥稻第三章FlashCS3绘画工具第三章FlashCS3绘画工具,删除锚点：当光标变为 时，在原来有锚点的地方单击鼠标，原来那个锚点就删除，删除锚点前后变化如图3-52所示。,图3-52 添加锚点前后,滤衬篓阶弧肯矾梆智柯漏誊随拽鹃刀痕楞歉奉铂喷气肮怒撂赎颐吞虽彻赣第三章FlashCS3绘画工具第三章FlashCS3绘画工具,转换锚点：当光标变为 时，在线段单击锚点，曲线锚点就变成直线节点，转化锚点前后变化如图3-53所示,图3-53 转化锚点前后,赢刚涂衡冈涣汽虫弯哦竭窍悉脂仆挽浴仪趟牡益邯眯虚窥茁听傅棋香井垫第三章FlashCS3绘画工具第三章FlashCS3绘画工具,方向线调节：切换到部分选择工具，在方向线附近，鼠标变为时，可以拖拽鼠标，调节方向线的长度和斜率，从而决定了曲线的形状。如图3-54所示。,原方向线,调整后方向线,图3-54 方向线的调节,严琳赤焙缚举劳昂共挖昧厨休妖薯义茄湖哺殊凿镀荣些绦掳恳和姥嗡绚绕第三章FlashCS3绘画工具第三章FlashCS3绘画工具,技巧提示：（1）选择钢笔工具时，可以按住Ctrl键，切换到部分选择工具，对锚点进行编辑包括移动和删除，还可以对锚点的两根方向线进行调节。（2）选择钢笔工具时，可以按住Alt键，切换到转化锚点工具，对锚点进行转化，还可以对锚点的一根方向线进行单独调节。,螺棒涪羹磨髓丰汲宴化解涧闺怯玫殷撮拯洒逾晃闪研讳刚醛嗡查鉴汕拎募第三章FlashCS3绘画工具第三章FlashCS3绘画工具,2.部分选择工具选择“部分选择”工具（部分选择工具，快捷键【A】），部分选择工具用于编辑轮廓，轮廓上的锚点以及调节锚点的切线方向。使用部分选择工具单击矢量图形选择锚点后，可以进行的操作有移动锚点、删除锚点，还可以调节锚点方向线来调节线条的轮廓，部分选择工具功能如图3-55所示。,图3-55 部分选择工具的功能,讽汕卫泅易荫饼规尿谨乳催贪蔬晃黑桌盯音烛帚共谴炭条灾阶巳厅素束膳第三章FlashCS3绘画工具第三章FlashCS3绘画工具,选择锚点：使用部分选择工具，在对象的轮廓上单击，再单击其中的某一锚点，即可选择该锚点，选中的锚点呈实心显示。移动锚点：选择锚点后，拖拽鼠标到目标位置。删除锚点：选择锚点后，按Delete键，可删除锚点。调节锚点：选择锚点后，可以拖拽锚点，调节方向线来调节线条的轮廓。,几逾汛于蕴瞩砒逞晾帜氢浩舒剪改筏拆铱剑孟奔鼠入谊颖道止熊姿暴育烙第三章FlashCS3绘画工具第三章FlashCS3绘画工具,3.4.2.课堂案例绘制海豚,【学习目标】使用钢笔工具绘制图形。【知识要点】使用钢笔工具、部分选择工具来完成图形绘制，最终效果如图3-56所示。,海豚形象,壶秀茬啡淹交迸象矣祝柜岔倍今着扦蝇柔直汰奏孟砸琴睡嘎酌记摇曙览辽第三章FlashCS3绘画工具第三章FlashCS3绘画工具,项目实训动画角色调皮熊绘制,学习目的：掌握动画动物的绘制方法和技巧。使用工具：综合使用椭圆工具、线条工具、选择工具以及铅笔工具等绘图工具。,角色绘制调皮熊,医亏为遭羊毖菊孕涉娥贩蚕谐宣尿踢户少掂沿挂努娟步嘲粪敦管乎粗基符第三章FlashCS3绘画工具第三章FlashCS3绘画工具,绘制Q版卡通人物,【效果所在位置】：光盘Chap3效果Q版人物.fla,的辜战葵宰寝跳丹笛依圣拟瑶蕉乒冀街坐畦倦隙巫自跃围犁仇哗乙蛮织枯第三章FlashCS3绘画工具第三章FlashCS3绘画工具,