第三章 图形、影片、按钮对象的编辑
<5> 确认用线条描绘出的QQ宠物是一个封闭的区域后,选定线条轮廓,按快捷键“Ctrl+X”,
剪切线条轮廓。解锁“图片”图层,按快捷键“Ctrl+Shift+V”,将线条轮廓粘贴到“图片”图层的第1帧的当前位置。 <6> 用“选择工具”选定“QQ宠物”之外的区域,按Delete键删除。选定线条轮廓,按Delete
删除,最后剩下“QQ宠物”部分,删除“轮廓”图层,如图3.1.12所示。
<7> 按快捷键“Ctrl+S”,将文档保存到“E:\\实例练习”文件夹中,并命名为“位图
的裁剪”,完成了图形的裁剪操作。 总结分析:
本例的思路是用线条描绘出欲保留的位图部分的轮廓,然后将线条与打散后的位图放置于同一图层,用线条将保留部分和删除部分分隔出来。删除不要的部分,完成图形的裁剪。
本例关键的两点:(1) 位图必须打散;(2) 所绘线条轮廓必须封闭。
3.1.3 位图的临摹
位图与矢量图的最大区别为:位图放大一定倍数后,图像就会失真,而矢量图无论放大多少倍,图像都不会失真。在实际创作过程中,为了达到更好效果,我们应该尽可能的将位图转换为矢量图。如何转换呢?我们可以通过临摹的方式实现。 实例源文件:光盘: \\实例与视频\\第三章\\第一节\\位图的临摹.fla 操作步骤:
<1> 启动Flash CS3,新建一个Flash ActionScript2.0文档。 <2> 将“图层1”更名为“图片”,选择菜单“文件→导入→导入到舞台”菜单项,
将“光盘:\\实例与视频\\第三章\\第一节\\素材之鸭子.jpg”导入编辑区中。用“选择工具”选定图片,按快捷键“F8”,将其转换为图形元件设置如图3.1.13所示。
图3.1.12
94
www.kjjy.net 我们共同的flash 课件家园
<3> 选定“选择工具”后,双击编辑区中的图片,打开图形元件“鸭子”时间轴。将“图层
1”更名为“临摹位图”,锁定该图层,如图3.1.14所示。
图3.1.13
图3.1.15
<4> 单击“插入图层”按钮,插入一新图层,并将图层更名为“线条描绘”。用“线条工具”
工具拉出构成“鸭子”的所有线条。绘制时将编辑区放大到合适的大小,鸭子的线条轮廓是由一段段曲线构成,因此,我们可以绘制一条直线,用“选择工具”将这些直线拉成曲线。最终临摹出“鸭子”的形状,如图3.1.15所示。
<5> 临摹出鸭子的线条轮廓后,就要给鸭子各个区域填充上相应的颜色。首先我们要选色,
我们可以单击“填充颜色”工具,在弹出色板后,将鼠标指针移动到编辑区中你欲取色位置单击鼠标左键,选定某种颜色,如图3.1.16所示。颜色选择完后,用“颜料桶工具”给各个区域填充颜色。如果是未封闭的区域,请先封闭该区域。
图3.1.14
95
第三章 图形、影片、按钮对象的编辑
<6> 颜色填充完成后,选定“临摹位图”图层,单击“删除图层”按钮,删除“临摹位图”
图层。单击“场景1”按钮,退回主场景。
图3.1.16
<7> 按快捷键“Ctrl+S”,将文档保存到“E:\\实例练习”文件夹中,并命名为“位图
的临摹”,完成了位图的临摹操作。 总结分析:
用Flash绘制图画的能力不是所有人都有的,他必须要有很深厚的美术功底的,才能构思出心中的图画。但是临摹的能力是每个人都有的,只要花一些时间,只是一些手工活而已。将位图临摹出来后,图画就变得十分清晰,这是处理图片的一种常用方式。
注意:图形元件时间轴只能显示时间轴第1帧上的内容,它是静态的,不能用于制作动画。多数情况下用于处理图片,或者作为制作动画时的对象使用。
图3.1.17
第二节 影片剪辑元件的编辑
3.2.1 心与星
实例预览:光盘: \\实例与视频\\第三章\\第二节\\心与星.swf 操作步骤:
<1> 启动Flash CS3,新建一个Flash ActionScript2.0文档。将文档的背景颜色设置为
“#000000”,即黑色。
<2> 将主时间轴的“图层1”更名为“影片”,将“笔触颜色”设置为“#666666”即
96
www.kjjy.net 我们共同的flash 课件家园
灰白色。用“钢笔工具”在“影片”图层的第1帧的编辑区中绘制一颗心。 <3> 用“选择工具”选定这颗心,按快捷键“F8”,将心转换为影片剪辑元件,设置
如图3.2.01所示。
<4> 选定“选择工具”,在编辑区中双击心的线条,进入影片元件“心与星”的时间轴。将“图
层1”更名为“相爱的心”,并锁定本图层,如图3.2.02所示。
图3.2.01
<5> 单击“插入图层”按钮,插入一新图层,并更名为“闪烁的星”,用“矩形工具”在“闪
烁的星”图层的第1帧的编辑区中绘制一个矩形,将矩形设置为无线条、宽为100、高为3、颜色填充类型为放射状,填充后矩形效果为中间黄色,两边黑色,如图3.2.03所示。设置完成后按快捷键“Ctrl+G”将矩形组合。
<6> 用“选择工具”选定矩形,按快捷键“Ctrl+D”重制一个矩形,打开“属性”面板,将
重制的矩形的宽设置为70、高设置2。分别重制大小两种矩形各一个,按快捷键“Ctrl+Alt+S”,将两个小的矩形分别旋转45度和-45度,将一个大的矩形旋转90度。选定这四个矩形,打开“对齐”面板,设置为水平居中和垂直居中,最终如图3.2.04所示。按快捷键“F8”,将其转换为影片剪辑元件,设置如图3.2.05所示。
图3.2.02
97
第三章 图形、影片、按钮对象的编辑
图3.2.03
图3.2.04
<7> 制作星的闪烁效果:选定“选择工具”,用鼠标双击星,打开闪烁的星的时间轴,将图层
1第1帧的星转换为图形元件,如图3.2.06所示。
图3.2.05
图3.2.06
<8> 分别在“图层1”图层的第8帧和第15帧按“F6”插入关键帧,选定第8帧上的图形元
件“星形”,打开“属性”面板,将“星形”的宽和高分别设置为40。设置完成后,选定第1帧,打开“属性”面板,设置如图3.2.07所示。选定第8帧,打开“属性”面板,设置如图3.2.08所示。
98