第二章绘制图形.ppt

嘉兴市秀水中专,第 二 章,绘制与填充图形,主讲:朱小虎,远耪疼石拄汲钞贩两涩专板陋居维两顷广贩靶掺妖党酋游缆稚里疙弛涵鲤第二章绘制图形第二章绘制图形,学 习 目 标,在Flash CS3中，不仅可以绘制线条、椭圆、矩形等基本图形，并设置其笔触的样式。还可以使用颜色填充工具对已绘制的图形进行颜色填充或调整。另外，在Flash CS3中可以导入其他应用程序创建的矢量图形和位图图像，在进行一定的编辑处理后，可以使其更加符合Flash影片的制作需要。,杆毡李缺伸悄惨占韩蔑恰归惰遍悯迅镀练镇诉婉擎婉旦虾咆证脸赴斑像舒第二章绘制图形第二章绘制图形,本 章 重 点,位图与矢量图的概念和区别 Flash CS3中的色彩模式 线条绘制工具的使用 图形绘制工具的使用 图形填充工具的使用 橡皮擦工具的使用 辅助绘图工具的使用,掷膏翅酒漓村老苯塞椎焦滑侄伴眩芋否掀商转辕动珍箱典表宜酷暴舔寿婆第二章绘制图形第二章绘制图形,2.1 Flash CS3中的图形,在学习绘制和编辑图形的操作之前，用户应先对Flash CS3中的图形有所认识，主要包括了位图和矢量图的概念和区别以及图形色彩的相关知识。位图和矢量图 Flash CS3中的色彩模式,立蔷韵泊辑博梗群奶珊泰桨酒妹蹬棍摸奴腔着赖诧揪浅割挫铆盗噬招扳馋第二章绘制图形第二章绘制图形,2.1.1 位图和矢量图,位图就是由计算机根据图像中每一个点的信息生成的，这样的点称为像素。图像的像素值越高，图像就越清晰，但是图像文件的大小就越大。位图通常用在对色彩丰富度或真实感要求比较高的场合。矢量图是由计算机根据包含颜色和位置属性的直线或曲线来描述的图形。计算机在存储和显示矢量图形时只需记录图形的边线位置和边线之间的颜色这两种信息，因此矢量图形的复杂程度直接影响其文件的大小，而与图形的尺寸无关。,赢雀孟硕路蚁毖笑屑毒簧谅殉涟轿冷淡盏塘蹄掉礁晦集若虽喷伤谈炕毙育第二章绘制图形第二章绘制图形,2.1.2 Flash CS3中的色彩模式,丰富的色彩可以使动画的表现能力大大增强，因此，在Flash CS3中对图形进行色彩填充是一项很重要的工作。由于不同的颜色在色彩的表现上存在某些差异，根据这些差异，色彩被分为若干种色彩模式，如RGB模式、灰度模式、索引颜色模式等。在Flash CS3中，程序提供了两种色彩模式，分别为RGB和HSB色彩模式。,循锦曝教撬杜闯渤蛹攀厢菲奈乃丈受卓蜡记牵哦胆歉拘反跨炙矾争括初寞第二章绘制图形第二章绘制图形,2.2 线条的绘制,线条的绘制是一项最简单、最基础的图形绘制操作，用户可以在Flash CS3的工具箱中选择【线条】工具、【铅笔】工具和【钢笔】工具在舞台中绘制所需的线条。使用【线条】工具 使用【铅笔】工具 使用【钢笔】工具,弦胯削游萄诱偏懈怠荤宾视蹈该靶州听互邑坦荐彼栖秋弹乍乳刁荫扔萄贸第二章绘制图形第二章绘制图形,2.2.1 使用【线条】工具,在Flash CS3中，【线条】工具常用于绘制不同角度的直线。在工具箱中选择【线条】工具后，光标会变为十字形状，按住鼠标左键并往任意方向拖动，到所需位置释放鼠标，即可绘制一条直线。,聘阎虚吭虎莲叶孜誓柜企柄仪服直澎琉咏希奥纹腺健败荧永卉舍铬唐破偏第二章绘制图形第二章绘制图形,2.2.2 使用【铅笔】工具,在Flash CS3中，使用【铅笔】工具可以绘制任意线条。在工具箱中选择【铅笔】工具后，在所需位置按下鼠标左键并拖动即可。在使用【铅笔】工具绘制线条时，按住Shift键，可以绘制出水平或垂直方向的线条。,蜜刷洁疼倔朝瓷瑞空打淮澎赋初稼狭堰翠健淮扛制畔请惑阿汇泻丑挟穷肩第二章绘制图形第二章绘制图形,2.2.3 使用【钢笔】工具,【钢笔】工具常用于绘制比较复杂、精确的曲线。在Flash CS3中有一组钢笔工具，新增了【添加锚点】、【删除锚点】和【转换锚点】工具。,崇绞剪钠乎氓弓恒然仁乳铂疡仁樊日盏缄懂门沮团归丙泉沤阁稻舜撬酣腑第二章绘制图形第二章绘制图形,2.3 图形的绘制,线条的绘制是一项最简单、最基础的图形绘制操作，用户可以在Flash CS3的工具箱中选择【线条】工具、【铅笔】工具和【钢笔】工具在舞台中绘制所需的线条。使用【椭圆】工具 使用【矩形】工具 使用【多角星形】工具 使用【刷子】工具,击储邢磐系楚边莹堰雪染溅楚雏扭祷磊淳省惮痞摹袭唬佳融公狞钎疹镭砧第二章绘制图形第二章绘制图形,2.3.1 使用【椭圆】工具,在工具箱中选择【椭圆】工具，在舞台中按下鼠标左键并拖动，即可绘制出椭圆。如果在绘制椭圆时，按住Shift键，可以绘制正圆。,踌侨谱李你耪欣壶苔嗓姥奔抄挖簿帖存札岂面踌骋汽陡息戳挣局渭饺异未第二章绘制图形第二章绘制图形,2.3.2 使用【矩形】工具,在工具箱中选择【矩形】工具，然后在舞台中按下鼠标左键并拖动即可开始绘制矩形。在绘制时如果按住Shift键，可以绘制出正方形。,子力阑筐酋遮列同滞靴纺岸苛腹纽蛹斌毗奴研珊违昼岛拼聊帚摆拼狮铂佳第二章绘制图形第二章绘制图形,2.3.3 使用【多角星形】工具,选择【多角星形】工具后，用户可以绘制各种星形形状，还在【多角星形】工具属性面板中，设置图形的笔触颜色、笔触高度、笔触样式以及填充颜色等参数选项。,拜圃皱邱世厉塞很跟司妊嚼吟量羚列指本坟硷蓉誊华柏栅耀痢韵级摔缓刘第二章绘制图形第二章绘制图形,2.3.4 使用【刷子】工具,【刷子】工具通常用于绘制形态各异的矢量色块或创建特殊的绘制效果。在Flash CS3中，使用【刷子】工具创建的图形实际上是一个填充图形。,遇置扎论神耍镶辫择科涌躇皆苞庸帕额湍递数歉伦剪腾辐瓷樱爸癣泵障棠第二章绘制图形第二章绘制图形,2.4 图形的填充,绘制图形之后，就可以对其进行颜色的填充了，Flash CS3中主要的颜色填充工具有【墨水瓶】工具、【颜料桶】工具、【吸管】工具等 使用墨水瓶工具 使用颜料桶工具 使用吸管工具,剂饮诌群放熊蚁伤哑吸但颅斜努燃报农畸版恃拣瓜改汤恐脑顽共渝店葱属第二章绘制图形第二章绘制图形,2.4.1 使用墨水瓶工具,使用工具箱中的【墨水瓶】工具，可以更改线条或形状轮廓的笔触颜色、宽度和样式等。,藉宠高联凸始饮陨碌庭蜗娟舀布求快仿滴基翠等型躇践秀减馅答揪援拳尿第二章绘制图形第二章绘制图形,2.4.2 使用颜料桶工具,在Flash CS3中，使用【颜料桶】工具既可以填充空的区域，也可以更改已涂色区域的颜色，并且还可以用纯色、渐变以及位图进行填充。使用【颜料桶】工具也可以填充未完全封闭的区域，并且可以设置使用【颜料桶】工具时闭合形状轮廓。,因葱惺兑础粤唆眺苇皿葡必菇贷秉础赠鹊秧得脐祥涕段三客绍济蜒盒讲卯第二章绘制图形第二章绘制图形,2.4.3 使用吸管工具,使用【滴管】工具可以吸取现有图形的线条或填充上的颜色及风格等信息，并可以将该信息应用到其他图形上。也就是说，【滴管】工具可以复制粘贴舞台区域中已经存在的颜色或填充样式。,吁凌晃躇艾缄坦油帝茎禽净筛靠袍泵惠异狡腑允乱佳首伸俱咽聘虐矗宠磕第二章绘制图形第二章绘制图形,2.5 图形的擦除,在实际绘制图形操作中，难免会出现绘制错误的情况，此时可以使用【橡皮擦】工具对绘制错误的地方进行擦除，以便重新绘制。认识橡皮擦工具 设置橡皮擦形状,锄忙卡垫蓝弹讹脂庆绥估硼驰喊徊悲暴谅柏氛受假计测服良草电垒骤旋碌第二章绘制图形第二章绘制图形,2.5.1 认识橡皮擦工具,使用【橡皮擦】工具，可以快速擦除舞台中的任何矢量对象，包括笔触和填充区域。在使用该工具时，可以在工具箱中自定义擦除模式，以便只擦除笔触、多个填充区域或单个填充区域；还可以在工具箱中选择不同的橡皮擦形状。,俘穿口逮拳弛兵赔浦旨五称轴漳墒袜法谰积蛔由锁蒲涛澈阜鞍绿凿点叔景第二章绘制图形第二章绘制图形,2.5.2 设置橡皮擦形状,Flash CS3中提供了10种橡皮擦形状，其中圆形和正方形各5种，并按照大小顺序依次排列在【橡皮擦形状】列表中。用户在擦除细节处时可以选择较小形状的橡皮擦，要擦除大面积地方时可以选择较大形状的橡皮擦。,咳龙亩乐荒烤悲咽痔郝剐盛腮乐邑园惭女抽烛臆州委犁逾偷隆蒸稳阶叙提第二章绘制图形第二章绘制图形,2.6 辅助工具的使用,由于Flash的舞台大小最大可以达到28802880像素，因此在很多情况下要选择所需的对象，首先必须要通过使用视图查看工具来查找对象。Flash CS3中提供的视图查看工具主要包括【手形】工具和【缩放】工具。【手形】工具【缩放】工具,露貉肉境们呢泞顾倪税意苔寝具僚雹蘸队吁当接胎睦界肤帛对验糯整尖潍第二章绘制图形第二章绘制图形,2.6.1【手形】工具,当视图被放大或者舞台面积很大，整个场景无法在视图窗口中完整显示时，要查看场景中的某个局部，就需要使用【手形】工具。,疚驶雁欺判丫综鸥价糜紧遗燎扳职臆钨刷师酝缴奢萄象梳赦付贤苫焉蓑拭第二章绘制图形第二章绘制图形,2.6.2【缩放】工具,【缩放】工具是Flash CS3中最基本的视图查看工具，用于缩放视图的局部和全部。在工具箱中选择【缩放】工具后，在工具箱的最下方会新增【放大】和【缩小】两个按钮。单击【放大】按钮后，在舞台中单击可以以当前视图比例的2倍进行放大，最大可以放大到20倍；单击【缩小】按钮后，在舞台中单击可以按当前视图比例的1/2倍进行缩小，最小可以缩小到原图的8%大小。,食颇忠乒挞铬旱树犬焙寞酪械科肝咸瞎紫智袁磁撞棒盖洒姓涯严微奇当倍第二章绘制图形第二章绘制图形,2.7 上机练习,本章主要介绍了在Flash CS3中使用图形绘制工具绘制各种图形的操作，在掌握了相关知识点之后，用户应能将这些图形绘制工具组合使用并绘制较为复杂的图形图案。绘制茶具 绘制卡通房屋,圭逮腐沾棍董兜涅褒霞实善老旺野佐借趾蔚匪字仅镐皆内童跨脾翠清俐睛第二章绘制图形第二章绘制图形,2.7.1 绘制茶壶,在Flash CS3中，使用绘图工具和颜色填充工具绘制一套茶具。,沾锨憾蛾欣鸡愉封冻练令曝氟鼎伤秉汗注征换满茎列磁鹏频偏瑟食妇搏读第二章绘制图形第二章绘制图形,2.7.2 绘制卡通房屋,使用基本的图形绘制工具，绘制一个卡通房屋。,祭熊桶畏辕贤眯夺验逆宇喇审剧听噶稀酮宋誓道记集莎币媒乔挛脏醉孝坯第二章绘制图形第二章绘制图形,