第2篇 Flash绘画篇
第3章 自己动手——Flash绘画基础
绘制图形和编辑图形是Flash动画制作的前提,熟练掌握绘图及编辑图形的操作技巧,可以为创作提供方便,本章主要介绍如何使用Flash绘图工具自己动手绘制图形。编辑图形将在第5章详细讲解。Flash CS3图工具包括“线条”工具、“铅笔”工具、“选择”工具、“套索”工具、“椭圆”工具、“矩形”工具、“钢笔”工具、“渐变变形”工具、“手形”工具、“缩放”工具、“文本”工具等。
●“线条”工具 应用
●“铅笔”工具 应用
●“选择”工具 应用
●“套索”工具 应用
●“椭圆”工具、“矩形”工具应用
●“钢笔”工具、“部分选取”工具应用
●“刷子”工具应用
●“墨水瓶”和“颜料桶”工具应用
●“渐变变形”工具应用
●“手形”工具应用和“缩放”工具
●“文本”工具
● 制作文字特效动画
● 第三方绘图软件的应用
3.1 关于Flash绘制模型
图形形状编辑是指对图形进行平滑、伸直、优化、扩展、收缩、组合、分离、对齐、分布、合并等操作,下面分别进行介绍。
3.1.1 合并绘制模型
Flash绘制模型就是图形的组合方式,Flash有两种绘制模型:合并绘制模型和对象绘制模型。两种绘制模型可以互相转换,从而使绘图更灵活方便。
合并绘制模型是Flash默认绘制模型,当重叠绘制的图形时,会自动进行合并。如果选择的图形已与另一个图形合并,移动它则会永久改变其下方所覆盖的图形。
[1] 选择“矩形”工具 绘制一个矩形,选择“椭圆”工具绘制一个椭圆。拖动圆形到矩形上,使其叠加,如图所示。
[2] 选择圆形并进行移动,则会删除矩形中与圆形重叠的部分,如图所示。
3.1.2 对象绘制模型
对象绘制模将图形绘制成独立的对象,这些对象在叠加时不会自动合并。这样在分离或重新排列图形的外观时,会使图形重叠而不会改变它们的外观,可以使对象分别进行处理。
在默认情况下,Flash使用“合并绘制”模型。设置使用“对象绘制”模型绘制图形的方法如下:
方法一:选择一个支持“对象绘制”模型的绘画工具,此时选择“铅笔”工具,单击“工具”面板上的“对象绘制”按钮,在舞台上绘制一个多边形,并在其上方重叠绘制一个圆形,两图形叠加不合并,如图所示。
方法二:从“工具”面板的“选项”类别中选择“对象绘制”按钮,或按J键在“合并绘制”与“对象绘制”模型间切换。
3.2 辅助功能——标尺、网格辅助线
Flash提供了3个辅助性工具:标尺、网络和辅助线,这3个工具是在绘图时经常使用的,利用它们可以更快速地进行绘图,并能够更准确地进行调整和对齐对象,从而帮助在舞台上定位项目。
3.2.1 使用标尺
标尺用来帮助调整对象在舞台上放置的位置,还可以测量对象。默认状态下,标尺是隐藏的,选择“视图>标尺”命令,可以显示标尺,标尺在舞台窗口的顶端和左边,如图所示。
如果要隐藏标尺,再次选择“视图>标尺”命令即可。如果指定文档的标尺度量单位,选择“修改>文档”命令,打开“文档属性”对话框,然后从“标尺单位”菜单中选择一个单位,如图所示。
提示:当滚动和缩放文档时标尺跟随调整,大刻度线和数值指示度量单位,小的刻度线指示增值。
3.2.2 使用网格
网格是水平和垂直的直线,它定义了特定的间隔,在做对齐工作时特别有用,它可以将对象限定到网格交叉点上,从而简化对象对齐工作。
选择“视图>网格>显示网格”命令可以显示网格,拖动圆形可以使对齐对象,如图所示。
网格作为固定间隔的点线显示在屏幕上,可以根据需要来设置线的颜色和点的间隔及贴紧精密度,选择“视图>网格>编辑网格”命令,打开“网格”对话框,设置网格的颜色为红色和间隔为18像素,如图所示。
3.2.3 使用辅助线
辅助线是指在舞台上帮助快速定位的线条,与网格线相比,辅助线更具灵活性,可以通过命令或者标尺在特定的地方放置辅助线,还可以根据需要增加、修改和删除辅助线。
显示标尺(“视图>标尺”)时,选择“选取”工具,单击标尺上的任意一处,将辅助线拖到舞台上需要的位置,可以从标尺上将水平辅助线和垂直辅助线拖动到舞台上,如图所示。
如果需要编辑辅助线,选择“视图>辅助线>编辑辅助线”命令,打开“辅助线”对话框,如图所示从中设置辅助线颜色、贴紧精密度等。
提示:当辅助线处于网格线之间时,贴紧至辅助线优先于贴紧至网格。
选择“视图>辅助线>显示辅助线”命令,可以显示或隐藏绘画辅助线。如果要删除辅助线,只需使用“选取”工具将辅助线拖到水平或垂直标尺。
若需要锁定辅助线,选择“视图>辅助线>锁定辅助线”命令,即可进行锁定。若需要清除辅助线,选择“视图>辅助线>清除辅助线”命令,即可将所有文档中的辅助线清除。
3.3 熟悉Flash用绘制工具
利用Flash提供的绘图工具自己绘制图形,常用的绘图工具有“线条”工具、“铅笔”工具、“选择”工具、“套索”工具、“椭圆”工具、“矩形”工具、“钢笔”工具、“渐变变形”工具、“手形”工具、“缩放”工具、“文本”工具等。下面以实例的形式详细讲解各工具的使用方法。
3.3.1 实例:线条工具的应用
线条工具是专门用于绘制各种不同方向的直线段,可以通过直线工具的“属性”面板对直线和线型、颜色进行设置,具体设置方法见下面实例。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.1-ready.fla文件,如图所示。单击“打开”按钮,打开文档。
[2] 设置线条属性。在工具栏中选择“线条”工具,在“属性”面板中设置线条的线型、线宽与颜色(设置方法参看实例后补充知识),如图所示。
[3] 绘制线条。单击时间轴左下角的“新建图层”图标,新建“图层2”,在舞台工作区中某点单击作为直线的起点,然后拖动鼠标到另一点,释放鼠标,即可绘制一条直线,如图所示。
[4] 完成一棵松树的绘制。按步骤[3]的方法绘制不同角度的线条,组合成一棵松树,如图所示。
提示:使用“线条“工具绘制线条时,按住Shift键不放,可绘制水平线、垂直线及45°角的直线。
[5] 完成两棵松树的绘制。选择工具箱中的“选择”工具,拖动鼠标全选松树,按住Ctrl键拖动鼠标,再复制一个松树并移动到合适的位置,如图所示。
[6] 完成并观看。按“Ctrl+Enter”组合键测试,最终效果如图所示。
小知识
在属性面板中各项参数的设置方法如下:
● 线条颜色:用于设置线条颜色。单击此按钮,将弹出颜色选择面板,如图所示。将鼠标移动到所需的颜色块上,单击鼠标左键即可将选中的颜色设置为当前线条颜色。
● 线条宽度:用于设置线条的宽度。直接在文本框中输入数值即可设置线条的宽度;单击此框的下拉按钮,在弹出的滑动条上拖动滑块,也可以实现线条宽度的设置。其取值范围是以十进制形式表示的0.25~200,如图所示。
● 线条样式:用于设置线条的样式,如直线、点画线、虚线、点线等。单击下拉按钮,将弹出如图所示的下拉列表框,用户可用鼠标在列表框中选择所需的线条样式。
● 自定义:用于自定义线条样式。单击此按钮,将弹出“笔触样式”对话框,如图所示。在此对话框中可以自定义线型,选中“4倍缩放”复选框可以以4倍的大小显示自定义的线型;在“粗细”下拉列表框中可以设置自定义线型的宽度,选中“锐化转角”复选框可以设置自定义线型的拐角是否锐化。
3.3.2 实例:铅笔工具的应用
“铅笔”工具是专门用于绘制各种不同方向的直线段,可以通过的“属性”面板对直线和线型、颜色进行设置,具体设置方法见下面实例。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.2/3.3.2-ready.fla文件,如图所示。单击“打开”按钮,打开文档。
[2] 设置铅笔属性。在工具栏中选择“铅笔”工具,并在“属性”面板中设置“笔触颜色”为蓝色,如图所示。
[3] 铅笔绘制轮廓。选择“铅笔”工具,在工具栏最下方设置线条为“平滑”,绘制出鱼的的轮廓,绘制完后效果如图所示。
小知识
铅笔模式有3种,单击“铅笔模式”按钮,将弹出铅笔模式选项,如图所示,可以从中选择铅笔工具的绘图模式。
● 直线化模式:适用于绘制诸如矩形、椭圆、折线等规则图形,其特点是绘制的图形趋向平直、规整。如图所示为在此模式下利用铅笔工具绘制图形的过程及绘制结果。
● 平滑模式:适用于绘制平滑图形,其特点是自动将所画图形的棱角去掉,使其趋于平滑,流畅。
● 墨水模式:适于绘制接近手绘线条的图形,墨水模式的结果最接近于手绘制线条时的轨迹,Flash只对图形进行必要的平滑处理。
3.3.3 实例:选择工具应用
“选择”工具 主要是用来选择对象,该工具可以移动、复制、修改对象。下面以实例详细介绍选择工具。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.3-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
提示:
●“选择”工具会将两个交点之间的矢量线作为一个独立的整体进行选择。单击选择部分,双击选择整体。
● 按住鼠标左键并拖动,用拖曳的矩形线框来选择多个对象。
● 按住Shift键,单击需要选择的对象,可以选择多个对象。
● 按住Ctrl键,拖动选择对象,可以复制对象。
[2] 删除多余的部分。在工具栏中选择“选择”工具,选择舞台工作区图中的“休闲健身器材”的多余的线条,按Delete键删除,如图所示。
[3] 调整横杠。选择“选择”工具,当光标在横杠下方时,鼠标状态变为,按住鼠标左键向下拖动,可以使直线条变弯曲,当光标在横杠的交点和端时,鼠标状态变为,按住鼠标左键上下拖动,可以改变线条的角度,调整完成后的效果如图所示。
3.3.4 实例:套索工具和橡皮工具应用
“套索”工具 可以选择对象的一部分,与“选择”工具 相比“套索”工具的选择区域是不规则的。“橡皮擦”工具 主要用来擦除舞台上多余的对象。下面使用“套索”工具与“橡皮擦”工具 共同完成一幅图的修整。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.4-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 套索去除背景。在工具栏中选择“套索”工具,并在工具栏最下方设置模式为“魔术棒”,然后在舞台工作区图片背景部分单击鼠标,然后按Delete键,重复选择并删除,如图所示。
[3] 设置新的背景。为了使剩余背景去除更好,在“属性”面板中设置背景色为“蓝色”,如图所示。
[4] 橡皮去除小块背景。在工具栏中选择“橡皮擦”工具,并在工具栏下方选择“标准擦除”,擦除小块的背景和细微处的背景,如图所示。
提示:使用“橡皮擦”工具 时,按住Shift键可以水平、垂直擦除图像,在工具箱中双击可“橡皮擦”工具,可以擦除舞台上所有未锁定的对象。
[5] 观看。保存文件,按“Ctrl+Enter”组合键测试文件。效果如图所示。
小知识
橡皮擦模式有5种,单击“擦除模式”按钮,将弹出铅笔模式选项,如图所示,可以从中选择橡皮擦工具的绘图模式。
● 标准擦除:系统默认擦除模式,选择该模式后鼠标指针变成橡皮形状,它可以擦除矢量图形、线条以及打散的位图图形文字等。
● 擦除填色:该模式下,通过拖曳鼠标擦除图形时,只可以擦除矢量色块和打散的文字,不能擦除矢量线。
● 擦除线条:该模式下,通过拖曳鼠标擦除图形时,只可以擦除矢量线和打散的文字,不能擦除矢量色块。
● 擦除所选填充:使用该模式之前,必须先选择图形,通过拖曳鼠标擦除图形时,只可以擦除已被选中的矢量色块和打散的文字,但不会擦除矢量线。
● 内部擦除:该模式下,通过拖曳鼠标擦除图形时,只可以擦除连续的、不能分割的矢量色块。
● 水龙头:单击“水龙头”按钮后,鼠标指针会变成水龙头形状,此时可使用水龙头工具擦除对象,它与橡皮擦工具的区别是橡皮擦只能够进行局部擦除,而水龙头工具可以一次性擦除。
3.3.5 实例:椭圆工具、矩形工具应用
“矩形”工具与“椭圆”工具是绘制图形过程中非常重要的工具。其使用方法也较为简单,主要用来绘制比较规则的形状,本节即对这两种工具进行详细介绍。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.5-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 绘制楼房。选择“图层2”为当前层,选择工具栏中的“矩形”工具,并单击工具栏下方的“笔触颜色”,将其设置为“无颜色”,单击工具栏下方的“填充颜色”,将其设置为“红色”,然后在舞台工作区合适位置拖动绘制矩形作为楼房,如图所示。
[3] 绘制窗户。按步骤[3] 方法,绘制多个蓝色矩形作为楼房的窗户,如图所示。
[4] 绘制路边绿化带。选择工具栏中的“椭圆”工具,并单击工具栏下方的“笔触颜色”,将其设置为“无颜色”,单击工具栏下方的“填充颜色”,将其设置为“绿色”,然后在舞台工作区合适位置拖动绘制椭圆作为绿化带,如图所示。
提示:按住Shift键的同时进行绘制,可以绘制正方形和正圆形。
[5] 绘制楼房侧面。给最左边和最右边的两幢楼房添加侧面。选择“矩形”工具,然后在舞台工作区合适位置拖动绘制矩形,并使用“选择”工具 对其进行调整,绘制结果如图所示。
[6] 观看。保存文件,按“Ctrl+Enter”组合键测试文件。效果如图所示。
小知识
若需要绘制圆角矩形,选择“矩形”工具,在“属性”面板中设置矩形边角半径即可,如图所示。
单击“矩形”工具右下角三角按钮,弹出工具组,如图所示。
使用椭圆和矩形工具可以创建基本几何形状,“椭圆”和“矩形”工具还提供了基本对象绘制模式,即“基本矩形”工具 和“基本椭圆”工具,另外还提供了“多角星形”工具。
使用“基本矩形”工具 或“基本椭圆”工具 创建矩形或椭圆时,Flash将形状绘制为独立的对象。在“属性”面板中设置矩形的角半径以及椭圆的开始角度、结束角度和内径,创建基本形状后,可以选择舞台上的形状,然后调整“属性”面板来更改半径和尺寸,如图所示。
使用“多角星形”工具 可以绘制多边形和星形。在“属性”面板中单击“选项”按钮打开“工具设置”对话框,从中设置“样式”、“边数”、“星形顶点大小”选项,如图所示。
3.3.6 实例:钢笔工具和部分选取工具应用
利用“钢笔”工具 可以灵活、方便地根据需要创建各种直线和曲线,它是创建直线和曲线的主要工具,“部分选取”工具 可以调整各节点,使曲线各光滑漂亮。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.6-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 钢笔绘制苹果轮廓。在工具栏中选择“钢笔”工具,在舞台工作区内单击鼠标,创建第一个锚点,然后在下一个锚点处单击鼠标后按住鼠标左键并拖动,会出现控制柄,控制柄总保持在曲线段的切线位置,此时旋转控制柄即可改变曲线的角度,如图所示。
[3] 调整苹果轮廓。在工具栏中选择“部分选取”工具,单击节点拖动鼠标,可以调整节点的位置,会出现控制柄,调整控制柄,如图所示。
[4] 给苹果添加叶子、柄、表情。按步骤[3] 和步骤[4]的方法绘制出苹果的叶子、柄和表情,并将其调整到合适位置,如图所示。
提示:在旋转控制柄时,按住Shift键,可以让控制柄保持在水平、垂直或45°线上。
[5] 给苹果添加色彩。选择工具栏中的“颜料桶”工具,并单击工具栏下方的“填充颜色”,设置白色,在苹果的下半部分单击,填充为红色,相同的方法将苹果上半部分填充为白色,如图所示。
[6] 观看。保存文件,按“Ctrl+Enter”组合键测试文件。效果如图所示。
小知识
在工具栏中选择“钢笔”工具,单击右下角三角按钮,弹出4个相关工具,“钢笔”工具、“添加锚点”工具 和“删除锚点”工具、“转换锚点”工具,如图所示。
1.用钢笔工具绘制直线
在工具栏中选择“钢笔”工具,将鼠标移到舞台工作区内单击,创建第一个节点,然后在下一个节点位置单击,定位出第二个节点,此时在两个节点之间出现一条直线,如图所示。
2.使用钢笔工具绘制曲线
在工具栏中选择“钢笔”工具,将钢笔工具定位在曲线的起始点,并按住鼠标左键,此时会出现第一个锚点,同时“钢笔”工具 指针变为箭头。拖动设置要创建曲线段的斜率,拖动鼠标以延长方向线,将“钢笔”工具 定位到曲线段结束的位置单击,曲线段就绘制好了,如图所示。
3.绘制闭合路径
如果要绘制闭合路径,只需将“钢笔”工具 定位在第一个(空心)锚点上,当位置正确时,“钢笔”工具指针 旁边将出现一个小圆圈,单击或拖动以闭合路径,如图所示。
3.3.7 实例:刷子工具应用
使用“刷子”工具 可以绘制不同粗细和形状的线条,其特点是可以在已有图形或空白工作区中绘制不同颜色、大小和形状的矢量色块图形。它与“铅笔”工具 有些类似,但二者又有本质的区别:“刷子”工具 绘制的封闭线条可以使用“油漆桶”工具 来填充颜色,而用“铅笔”工具 绘制的线条不能使用油漆桶工具填充颜色。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.7-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 设置刷子并绘制。在工具栏中选择“刷子”工具,单击工具栏下方的“填充颜色”,将颜色设置为黑色,并单击工具栏最下方的“刷子大小”来设置刷子的大小,在“属性”面板中设置“平滑”为60,然后在工作区中单击并拖动鼠标绘制葡萄叶脉,如图所示。
[3] 绘制葡萄叶脉。接着步骤[2] 操作,按不同角度在不同位置绘制叶脉,绘制完成后的效果如图所示。
[4] 绘制葡萄藤。按步骤[2]的方法设置“填充颜色”为绿色,沿杆绘制出葡萄藤,如图所示。
小知识
1.刷子模式
用于设置刷子工具在其他图形上进行操作时的作用方式。
单击刷子模式按钮将弹出其选项菜单,共包括5个选项,如图所示。
其中各选项含义如下:
● 标准绘图模式:选择了此模式后,绘制后的颜色会覆盖在原有的图形之上。
● 颜料填充模式:选择了此模式后,用刷子工具所绘制的图形只将已有图形的填充区域覆盖,而边界部分仍保留不被覆盖。
● 后面绘画模式:选择了此模式后,用刷子工具所绘制的图形将出现在图形背后,不会覆盖原图形。
● 颜料选择模式:选择此模式后,再先制作一个选取范围,刷子所绘制的图形只能覆盖选取范围内的区域。
● 内部绘画模式:选择了此模式后,刷子刷过的地方只有第一个填充区域会被覆盖,不会覆盖线条部分,但第一次下笔时一定要在填充区域内才有效。
2.锁定填充
单击“锁定填充”按钮可以设置对渐变填充色的锁定。
锁定填充按钮只对渐变填充色起作用。若在编辑区内画第一笔,然后单击锁定填充按钮,继续在编辑区中画其他笔画时,则每一笔都会有相同的渐变分布。如图所示为渐变填充色锁定前后绘制的线条对比图。
3.刷子形状
单击刷子形状按钮,在弹出的列表中可以选择刷子的形状,共包括9种刷子形状。
3.3.8 实例:墨水瓶和颜料桶工具应用
墨水瓶和颜料桶工具都是绘画涂色工具,如果要更改线条或者形状轮廓的笔触颜色、宽度和样式,可使用“墨水瓶”工具。如果要更改内部填充颜色,则要用颜料桶工具。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.8-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 为风筝填充颜色。在工具栏中选择“颜料桶”工具,单击工具栏下方“填充颜色”,设置颜色为红色,在舞台工作区的风筝左上角三角形区域中单击,将其填充为红色。相同的方法以不同颜色填充其他区域,完成后的效果如图所示。
[3] 改变风筝外部轮廓。在工具栏中选择“墨水瓶”工具,并在“属性”面板中设置线型,然后在舞台工作区风筝轮廓上单击,此时的轮廓线如图所示。
[4] 观看。保存文件,按“Ctrl+Enter”组合键测试文件。效果如图所示。
小知识
为了得到某种特殊的效果,实例应用中除了使用单色填充,往往还需要添加渐变色或使用位图填充。一般可以用“颜色”面板编辑设置填充色,在面板中单击“类型”下拉按钮,在出现的下拉列表中选择填充色的方式,如图所示。
● 无色:选择此项,矩形内无填充色。
● 纯色:单色填充,它是系统的默认设置。
● 线性:选择此项,以线性渐变方式填充形状内部。
● 放射状:选择此项,以圆形渐变方式填充形状内部。
● 位图:选择了此项,用位图来填充形状内部。
当从“颜色”面板的填充方式列表框中选择不同的填充方式后,可以编辑所需的渐变色,也可以用位图填充,使用线性、放射状、位图填充后的不同效果如图所示。
线性渐变填充
放射状渐变填充
位图填充
3.3.9 实例:渐变变形工具应用
渐变变形工具用来调整渐变颜色的渐变方向、对应色的填充位置和缩放渐变色色阶区域的长度。渐变色的过渡方式有线性渐变和放射渐变。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.9-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 甲壳鱼车部分添加单色。在工具栏中选择“颜料桶”工具,单击工具栏下方“填充颜色”,设置不同颜色,分别填充车身上半部分和下半部分,填充后的效果如图所示。
[3] 为车轮添加渐变色。在工具栏中选择“颜料桶”工具,在“颜色”面板中设置:选择“类型”下拉按钮,在下拉列表框中选择“放射状”,在舞台工作区车轮位置单击鼠标,然后在工具栏中选择“渐变变形”工具,在舞台工作区中单击“旋转”按钮,拖动鼠标旋转,同时要根据光源的位置确定颜色的深浅,填充后的效果如图所示。
[4] 为车身斑点添加渐变色。在工具栏中选择“颜料桶”工具,在“颜色”面板中设置:选择“类型”下拉按钮,在下拉列表框中选择“线性”,在舞台工作区斑点位置单击鼠标,然后在工具栏中选择“渐变变形”工具,在舞台工作区中单击“旋转”按钮,拖动鼠标旋转,填充后的效果如图所示。
提示:使用优化时,虽然优化可以减少曲线数量,但会与原始轮廓稍有不同。
● 用鼠标拖动位于圆心中心的圆形手柄,可以移动矢量色块中心亮点的位置。
● 用鼠标拖动位于调整外框上的方形调节手柄,可以调整矢量色块的渐变圆的长宽比例。
● 用鼠标拖动位于调整外框上紧挨着方形手柄的圆形调节手柄,可以调整矢量色块渐变圆的大小。调整另一个手柄,可以调整矢量色块渐变圆的倾斜方向。
[5] 完成。按步骤[4] 方法,将车身另一斑点填充渐变色,完成甲壳鱼车,如图所示。
[6] 观看。保存文件,按“Ctrl+Enter”组合键测试文件。效果如图所示。
3.3.10 实例:查看工具应用
除了上面介绍的绘图工具外,在工具箱中还提供了两个查看工具,即“手形”工具 和“缩放”工具。本节就来介绍一下这两个工具的使用方法。
[1] 打开待用文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.3/3.3.10-ready.fla文件,单击“打开”按钮,打开文档,如图所示。
[2] 移动观看图片。在工具栏中选择“手形”工具,这时光标在舞台工作区变成一个小手的形状,拖动鼠标观看图片,如图所示。
[3] 缩放图片。使用“手形”工具 只能看到图片的局部。选择“缩放”工具,默认状态下是放大作用,按住Alt键的同时在舞台工作区单击,缩小图片至50%,如图所示。
[4] 调整图片合适背景大小。选择“任意变形”工具,调整图片大小,使图片合适背景大小,最终效果如图所示。
提示:当从工具栏中选择其他工具时,若按下空格键不放,此时工具将暂时切换为“手形”工具。松开空格键后,绘图工具就会恢复原有工具状态。
3.4 各工具的配合——空中云朵
本节将第3.3节中介绍的各工具进行配合使用,绘制空中云朵。
实例档案
根据设计步骤,接下来分别在第3.4.1~第3.4.3小节中实现。
3.4.1 实例:绘制天空——“矩形”工具+“颜料桶”工具
本例综合使用“矩形”工具和“颜料桶”工具来绘制蓝蓝的天空。
详细步骤
[1] 新建文档。选择“文件>新建”命令,在弹出的对话框中选择“常规>Flash文件(ActionScript 3.0)”命令,如图所示。单击“确定”按钮,创建一个影片文档。
[2] 设置大小。选择“修改>文档”命令,在“文档属性”对话框中设置:大小为550×400,背景色为白色,如图所示。单击“确定”按钮完成设置。
提示:单击背景颜色按钮可从弹出的颜色调色板中选择相应的背景颜色。但背景颜色只能设置为一种颜色。
[3] 画天空。在工具栏中选择“矩形”工具,在舞台上画出一个矩形,使矩形和文档大小一致。双击边线选中矩形边线,按Delete键删除。
[4] 绘天空添色。选择“颜料桶”工具,在“颜色”面板中设置:选择“类型”下拉按钮,在下拉列表框中选择“线性”,设置如图所示。
[5] 调整天空颜色深浅。在工具栏中选择“渐变变形”工具,在舞台工作区中单击“旋转”按钮,拖动鼠标旋转,要根据光源的位置确定颜色的深浅,填充后的效果如图所示。
小知识
天空的颜色
天空本是没有颜色的,由于太阳光的折射,它有了色彩。太阳光里有7种颜色:红、橙、黄、绿、蓝、靛、紫。红光最强,橙、黄、绿也比较强,最弱的是蓝、靛和紫。当太阳光透过厚厚的大气层时,红光速度最快,最先穿过去;接着就是橙、黄、绿;蓝、靛光的大部分却被大气层“扣留”下了,它们被大气层里的浮尘、水滴反射,结果把大气层“染”成了蓝色。在地面上看天空是蓝色的,若是坐在飞机上往外看天空,天空则显得更蓝;如果坐在宇宙飞船到更高的地方看天空,那么天空就不是蓝色的,而是紫色的,因为最弱的紫光,它们的大部分连大气层的入口层都无法穿越。
3.4.2 实例:绘制云朵——“铅笔”工具+“选择”工具
本例综合使用“铅笔”工具和“选择”工具来绘制云朵。
[1] 打开原文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.4/3.4.2-ready.fla文件,如图所示。单击“打开”按钮,打开文档。
[2] 绘制云的轮廓,完善细节。单击时间轴左下角的“新建图层”图标,新建“图层2”,选择“铅笔”工具,并在工具栏最下边设置线条为“平滑”,画出云的轮廓,如图所示。
[3] 为云朵上色。选择“颜料桶”工具,在“颜色”面板中设置:选择“类型”下拉按钮,在下拉列表框中选择“线性”,并对白色设置不同的透明度即Alpha值=0%或100%,设置如图所示。
[4] 观看轮廓效果。选择工具栏“选择”工具,双击云朵轮廓线,按Delete键删除,最终效果如图所示。
提示:单击用渐变或位图填充的区域。上色时,系统将显示一个带有编辑手柄的边框。当指针在这些手柄中的任何一个上面时,它会发生变化,同时显示该手柄的功能。例如:拖动边框底部的方形手柄,就可以更改渐变或位图填充的高度。
3.4.3 实例:合成修饰——“颜料桶”工具+“任意变形”工具
本例综合使用“颜料桶”工具和“任意变形”工具来绘制云朵在天空的景象。
[1] 打开原文件。选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.4/3.4.3-ready.fla文件,如图所示。单击“打开”按钮,打开文档。
[2] 复制云朵。选择工具栏中的“选择”工具,选中舞台上的云朵,按住Ctrl键拖动鼠标,复制一个云朵,注意使云朵不要与原来云朵相连,如图所示。
[3] 变形调整云朵位置。选择“任意变形”工具,拖动云朵四周的8个控制柄,对云层进行变形,如图所示。调整时需注意云层的前后关系及空间的表现。
[4] 观看。此时天空就绘制完成了,按“Ctrl+Enter”组合键观看,如图所示。
3.5 文本工具
在Flash动画制作过程中少不了变化多样的文字,“文本”工具 就是用来在工作区中输入文字。下面从文字的输入、文字属性设置、文字编排等几个方面介绍。
3.5.1 文字输入
在工具栏中选择“文本”工具,在舞台工作区中单击要输入文字的位置,将出现文字文本框,此时即可以在工作区中输入文字,文本输入框有两种:无宽度限制的单行文本框和有宽度限制的多行文本框。下面分别介绍。
1.宽度限制的单行文本框
选择“文本”工具,在舞台工作区中输入文字的位置后单击鼠标,将出现文字文本框。单行文本输入框只能输入单行文本,其文本框右上角为一个小圆形,文本框会随字符的增加而加宽,如果想换行需按回车键,如图所示。
2.有宽度限制的多行文本框
选择“文本”工具,在舞台工作区中输入文字的位置后单击并拖动鼠标,拖动的宽度则为多行文本框的宽度,其文本框右上角为一上小矩形,当输入的文字大于其宽度时,将自动换行,如图所示。
提示:用鼠标双击有宽度限制的多行文本框右上角的矩形,可以将其变为单行输入状态。
3.5.2 文本属性
在输入文本前,常常需要设置文本的属性或在输入文本之后修改文本的属性。文本的属性包括文本类型以及文本的字体、字号、颜色、样式等。
当从工具栏中选择了文本工具后,其属性面板如图所示,在此面板中可以设置文字的字体、颜色、对齐方式等内容,下面对面板中文字的相关内容进行介绍。
● 文本类型:单击其右侧的下拉按钮,可以在弹出的下拉列表框中选择文本类型,包括“静态文本”、“动态文本”、“输入文本”3种类型。
● 字体:设置字体。单击其右侧的下拉按钮,从弹出的下拉列表框中选择合适的字体,系统提供了多种字体可供选择,如华文行楷、宋体等。
● 字号:设置字体大小。单击其右侧的下拉按钮,从弹出的下拉列表框中选择字体大小。
● 文本(填充)颜色 :设置文字颜色。单击其右侧的下拉按钮,将弹出颜色选择面板,用户可以从中选择所需的颜色。
● 切换粗体/切换斜体:设置字符的粗体、斜体。单击粗体按钮或斜体按钮,可以将文字设置为粗体或斜体。
● 改变文本方向:设置文字排列方向。单击此按钮,将弹出下拉列表框,在列表框中共包括“水平”、“垂直,从左到右”、“垂直,从右到左”3种排列方式。
● 设置对齐方式:在面板中提供了4种对齐方式按钮,单击相应的按钮即可实现相应的文字对齐效果。如果文字为垂直排列时,这些对齐按钮也会发生变化。
● 字符间距 :设置字间距。单击其右侧的下拉按钮,将弹出滑杆,拖动上面的滑块即可设置字间距,也可以直接在其文本框中输入字间距数值。
● 文本位置 :设置上标、下标。单击其右侧的下拉按钮,从弹出的下拉列表框中选择“正常”、“上标”、“下标”中的任一项即会实现相应的效果。
● 自动调整字距 :设置字符是否紧密排列。默认状态是字符紧密排列,即此复选框被选中。
● 编辑格式选项:设置字符的段落格式。单击其右侧的“格式”按钮,可以在弹出的对话框中设置段落格式。
● 文本锯齿设置:单击此下拉按钮,从弹出的下拉列表框中选择“使用设备字体”、“位图文本(未消除锯齿)”、“动画消除锯齿”、“可读性消除锯齿”、“自定义消除锯齿”来设置文本锯齿。
面板中其他一些参数项目是关于动态文本的一些内容,将在后面章节进行介绍。
3.5.3 文本编排
在输入文本后,需要对文本进行编排,文本的编排包括设置文本的段落对齐,文字方向等。下面来给一幅梅添加诗文,并对文本进行编排。操作步骤如下:
[1] 首先,打开一幅“梅”图,选择“文件>打开”命令,在弹出的对话框的“查找范围”下拉列表框中选择打开CDROM/Flash/03/3.5/3.5.3-ready.fla文件,如图所示。
[2] 选择工具栏中的“文本”工具,在舞台工作区单击输入文字,这里输入“李商隐”的“忆梅”,如图所示。
[3] 对输入的文本进行编排。在文本框内拖动鼠标选择全部文字,在“属性”面板中选择“字体”下拉按钮,在下拉列表框中选择“华文行楷”字体。同时设置对齐方式为“居中对齐”,如图所示。
[4] 转为竖排文字。选择文本框,在“属性”面板中选择“改变文字”方向下拉按钮,在下拉列表框中选择“垂直,从左到右”,如图所示。
小知识
文字也可以转换为矢量图形,转化为矢量图的目的是能够使文字产生特殊效果。将文字转换为矢量图形的方法如下:
[1] 输入文字。选择工具栏中“文本”工具,在舞台工作区中输入“福娃迎奥运”。
[2] 打散文字。在文本框中拖动鼠标选中所有文字,选择“修改>分离”命令(或按“Ctrl+B”组合键)两次,将文本打散,转换为矢量图,如图所示。
文字第一次分离
文字第二次分离
[3] 为文字填充放射渐变。选择工具栏中的“选择”工具,在工作区拖动选择文字,然后在“颜色”面板中设置填充类型为“放射状”,填充色为“彩虹”,如图所示。
3.5.4 实例:用Swish MAX制作文字特效动画
Swish MAX是十分有效的文字制作软件,该软件使Flash中动态文字的制作变得更方便、快捷,特别是软件内置的许多种文字变形,可以制作出变化多彩的文字效果。它可以控制文字的移动和位置,最后可以输出swf格式的文件,并能导入到Flash动画中加以编辑,或者直接应用于网页文件之中。
软件界面共分4 部分:主菜单、工具栏、场景列表和属性标签。本例将详细介绍如何使用该软件制作绚丽的文字动画。
实例档案
详细步骤
[1] 新建文档。双击桌面上的“Swish MAX”图标,打开窗口,然后选择“开始创建一个空电影”按钮,如图所示,创建新文档。
[2] 输入文字。选择“插入>文本”命令(或单击工具栏中的“插入文本”图标),并在右侧“文本”面板下方空白处输入文字“创建和谐社会”,如图所示。
[3] 伸直形状。选择工具栏中的“选择”工具,在[3] 为文字添加效果。在右上角“时间线”面板中单击“添加效果”下拉按钮,以弹出的下拉列表中选择“连续循环”项下的“疯狂-3D旋转”命令,如图所示。
[4] 预览效果。选择“控制>播放电影”命令(或单击工具栏中的“播放电影”图标),预览效果如图所示。
小知识
Swish MAX和Flash一样,也有动态文本和输入文本,下面是3种输入文本方法的比较:
[5] 导出为SWF格式文件。选择“文件>导出>SWF”命令,如图所示,打开“导出为SWF”对话框,选择保存位置和名称,单击“保存”按钮,即导出为SWF格式文件。
[6] 观看。双击打开导出的SWF格式文件,文字动画效果如图所示。
3.5.5 实例:用Flax制作文字特效动画
Flax可以用来自定义文字特效,还可以将创建的效果直接应用于网页。
该软件主界面由一个主窗口和三个属性对话框构成,分别为:Flax、动画属性、文本属性、参数设置。动画属性用来设置背景的宽、高、帧频、背景颜色和方向,文本属性用来设置字体属性,包括文字的内容、坐标位置、间距、字体、字号、语系、风格等。最为精彩的部分为参数设置,20余种闪烁效果可任意选择,每个大类中又有不同的效果。本例详细介绍其各项功能。
实例档案
详细步骤
[1] 新建文档。双击桌面上的“Flax”图标,打开主界面,一个主窗口和三个属性窗口,创建新文档,如图所示。
[2] 制作文字动画。在“文本属性”对框中输入“北京欢迎您!”并设置字体、字号,然后在“动画属性”对话框中设置长度、宽度、背景、方向,最后在“参数设置”对话框中设置“卷入”,如图所示。
[3] 保存导出文件。动画文字制作完成后,选择“文件>导出为SWF文件”命令,打开“另存为”对话框。在“保存在”下拉列表框中选择保存位置,在“文件名”文本框中输入文件名,然后单击“保存”按钮,导出SWF文件。
[4] 观看。在保存位置双击SWF文件,效果如图所示。
3.5.6 实例:用Swift 3D制作三维文字
Swift 3D能够轻易地构建3D模型并渲染生成swf文件,充分弥补了Flash在3D方面的不足,下面实例将详细介绍如何使用Swift 3D制作三维文字。
实例档案
详细步骤
[1] 新建文档。双击桌面上的“Swift 3D”图标,打开主界面,创建新文档,如图所示。
[2] 建模。选择窗口上方的“编辑”工具栏中的“创建文字”图标,然后在左边的对话框中输入文字“2008奥运会”,并设置文字的字体,此时文字已经自动成为3D模型,如图所示。
提示:在旋转文字时,如果只需按一个方向旋转,可以单击“横向旋转球”和“竖向旋转球。”。
[3] 上色:接下来给文字上色,单击右下方的材质球操作区,选中一种颜色,单击并拖拽材质球到文字表面,如图所示。
[4] 设置前10帧动画。在场景中单击3D文字,文字会出现在坐下角的旋转操作球上,按下左边的“横向旋转球”,然后单击工具栏最右边的“动作”按钮,按钮变为红色,时间线由虚变实,将时间线上的红色标签移动至第10桢,同时转动左下角旋转操作球上的文字180°,如图所示。
[5] 设置10~20帧动画。经过步骤[4] 设置后,在时间线和场景里都产生了相应的变化。移动标签至20桢,继续旋转180°,单击时间线左下角“播放”按钮,预览效果,如图所示。
[6] 渲染预览:单击菜单下方第5个选项卡“预览与导出”来进行下一步的渲染和输出工作。按下缩略图左边的“生成所有帧”按钮来渲染整个动画,之后可以单击“播放”按钮进行预览,如图所示。
[7] 输出。确认无误后直接单击右边“导出所有帧”按钮,打开“代出矢量图文件”对话框,如图所示。在对话框中输入保存位置和文件名称,单击“保存”按钮,即可输出为swf格式的文件。
[8] 观看。在保存位置双击SWF文件,效果如图所示。
3.6 第三方软件的应用
在使用Flash软件绘制色彩丰富的图像时,需要第三方软件进行配合。比如使用Photoshop绘制色彩丰富的背景图片,使用Illustrator绘制以色块为主的矢量图形,使用Painter绘制渲染环境。下面详细介绍第三方软件与Flash的联合使用。
3.6.1 实例:Photoshop
Photoshop是一个专业的图像处理软件,被广泛应用于图形图像处理、广告制作、平面设计等领域,本例通过Photoshop和Flash共同协作,制作“亲和自然,以人为本”的主题。
实例档案
详细步骤
1.在Photoshop中绘制背景图片
[1] 新建文档。双击桌面上的“Photoshop”图标,打开主界面,选择“文件>新建”命令,打开“新建”对话框。输入名称“亲和自然,以人为本”,宽度为800像素,高度为1000像素,创建新文档,如图所示。
[2] 渐变填充背景。单击“图层”面板下方的“新建图层”,创建“图层1”。选择工具箱中的“渐变”工具,双击“工具选项栏”中的“渐变”项,打开“渐变编辑器”对话框。单击“色标” 设置渐变色为“浅绿到墨绿”渐变,然后选择“径向渐变”,在文档中心单击鼠标,并向外拖动鼠标,为背景填充渐变色,如图所示。
[3] 绘制圆形。单击“图层”面板下方的“新建图层”,创建“图层2”。选择工具箱中的“椭圆选框”工具,并设置“工具选项栏”中的羽化值为“15”,在工作区绘制一圆形选框,选择前景色为“淡绿色”,按“Alt+Delete”组合键填充,如图所示。
[4] 添加山水图片。单击“图层”面板下方的“新建图层”,创建“图层3”。选择一山水图,将其复制粘贴到该图层,并将图层混合模式设为“强光”,如图所示。
提示:图层混合模式“强光”是根据混合色的不同,使像素变亮或变暗。其中,如果混合色小于50%灰度,图像变暗。这种模式特别适于为图像增加阴影。
[5] 山水图与背景融合。单击“图层”面板下方的“创建图层蒙版” 为图层添加蒙版。在工具箱中选择“渐变”工具,并设置渐变色为“黑到白”,选择渐变类型为“线性”渐变,然后在山水图与背景图交接处拖动,创建蒙版,使两图相融合,如图所示。
[6] 添加文字。单击工具箱中“文本”工具,在“工具选项栏”设置文字颜色为“白色”,在工作区的上方位置单击输入“亲和自然,以人为本”,到此整个图就完成了,如图所示。
[7] 保存文件。选择“文件>保存”命令,打开“另存为”对话框,设置“格式”为“JPEG”,如图所示。单击“保存”按钮,打开“JPEG选项”对话框,单击“确定”按钮,文件以JPEG格式保存。
提示:JPEG是一种带压缩的文件格式,其压缩率是目前各种图像格式中最高的。但是,JPEG格式图后在压缩时存在一定程度的失真,因此,该格式主要应用于图像预览和制作网页,而不用于印刷品。
2.在Flash中绘制鹤
[1] 新建文档。选择“文件>新建”命令,在弹出的对话框中选择“常规>Flash文件(ActionScript 3.0)”命令,如图所示。单击“确定”按钮,创建一个影片文档。
[2] 设置大小。选择“修改>文档”命令,在“文档属性”对话框中设置:大小为400×500,背景色为浅蓝色,如图所示。单击“确定”按钮完成设置。
[3] 绘制鹤的身体轮廓。选择工具栏中的“钢笔”工具,在舞台工作区绘制出鹤的身体轮廓,然后使用“部分选取”工具 进行调整,调整好的鹤轮廓线如图所示。
[4] 添充白色。选择工具栏中的“颜料桶”工具,选择填充色为白色,单击轮廓内部,将其填充为白色,如图所示。
提示:在使用“钢笔”工具 绘制图形时,指定钢笔工具指针以十字准线指针的形式出现,而不是默认的钢笔工具图标的形式,这样就可以提高线条的定位精度。如果在十字准线指针默认钢笔工具图标之间进行切换,可以通过按Caps Lock键实现。
[5] 绘制头顶、眼、嘴、黑色羽毛部分。按步骤[3] 、步骤[4]的方法绘制头顶、眼、嘴、羽毛部分轮廓,并依次填充红色、黑色、黑色、黑色,如图所示。
[6] 绘制腿和爪。选择工具栏“线条”工具,并设置“笔触颜色”为黑色,绘制鹤的腿。选择“选择”工具,对线条的末端进行调整,使其弯曲,如图所示。
[7] 转变为图形元件。为了使用方便,需要将绘制的各部转变为图形元件,选择“选择”工具,在工作区拖动鼠标,将鹤整体选中,然后选择“修改>转换为元件”命令,打开“转换为元件”对话框,从中输入名称“he”,类型设置为“图形”,如图所示。单击“确定”按钮。
[8] 观看。保存文件,按“Ctrl+Enter”组合键,测试效果如图所示。
提示:按“Ctrl+S”组合键保存文件,用户在绘制过程中应注意及时保存文件。
3.在Flash中合成修饰
[1] 新建图层。不必重新打开文件,继续第二部分文件,单击“时间轴”左下角的“插入图层”图标,插入“图层2”,并将该图层拖到“图层1”下方,重命名为“背景”。然后选择“文件>导入>导入到舞台”命令,找开“导入”对话框,如图所示。
[2] 导入背景。在“导入”对话框中选择Photoshop中制作的背景图片,单击“打开”按钮,将图导入,如图所示。
[3] 调整、复制鹤。使用工具栏中的“选择”工具和“任意变形”工具,调整鹤的大小,同时按住Ctrl键拖动复制将其复制,分别调整,这里调整时要注意近大远小的视觉效果,如图所示。
[4] 绘制云朵。选择工具栏中的“铅笔”工具,绘制云朵轮廓,同时将其填充为白色。然后按住Ctrl键拖动复制几个,分别调整,这里调整时要注意近大远小的视觉效果,如图所示。
[5] 观看整体效果。保存文件,按“Ctrl+Enter”组合键测试,效果如图所示。
3.6.2 实例:Illustrator
Illustrator是矢量处理软件,它主要用于卡通的设计、宣传册设计等,接下来使用Illustrator和Flash共同完成“金鼠送福”实例。
实例档案
详细步骤
1.Illustrator在中绘制背景图片
[1] 新建文档。双击桌面上的“Illustrator”图标,打开主界面,选择“文件>新建”命令,打开“新建”对话框,输入名称“金鼠送福”,如图所示。单击“确定”按钮,创建新文档。
[2] 绘制背景。选择工具箱中的“矩形”工具,并设置填充色为深红色,在工作区拖动鼠标绘制一个矩形,如图所示。
[3] 绘制背景底纹。选择工具箱中“符号喷枪”工具,并在右侧“符号”面板中选择一种符号,然后在工作区拖动鼠标,将符号喷到红色背景上,产生底纹效果,如图所示。
[4] 绘制小老鼠。选择工具箱中“钢笔”工具,并设置填充为无,在工作区右下角绘制出小老鼠的线条。选择工具箱中的“选择”工具,按住Shift键,单击各位分线条,按“Ctrl+G”组合键群组,如图所示。
[5] 改变线条类型和颜色。在工具箱中选择“选择”工具,选择小老鼠线条,并设置线条颜色为“黄色”,然后在“画笔”面板中选择第二种画笔类型,小老鼠线条变为黄色的扁线,如图所示。
[6] 添加修饰。按步骤[4]和步骤[5]的方法,绘制小老鼠的耳朵和手下线条,设置线条颜色为“黑色”,然后在“画笔”面板中选择一种线型,如图所示。
[7] 添加“福”字。在工具箱中选择“文字”工具,设置填充色为“黄色”,在工作区单击输入文字“福”,选择“选择”工具,将文字拖到右下角的圈内,到此背景图就完成了,如图所示。
2.在Flash中绘制灯笼
[1] 新建文档。选择“文件>新建”命令,在弹出的对话框中选择“常规>Flash文件(ActionScript 3.0)”命令,单击“确定”按钮,创建一个影片文档。选择“修改>文档”命令,在“文档属性”对话框中设置:大小为600×600,如图所示。单击“确定”按钮完成设置。
[2] 绘制灯笼形椭圆。选择工具栏中的“椭圆”工具,在舞台工作区绘制椭圆。然后单击“颜色桶”工具,并在“颜色”面板中设置类型为“放射状”,颜色为“红—黄—红”渐变,在椭圆内单击填充,如图所示。
[3] 绘制灯笼骨架。选择“选择”工具,单击椭圆的外围线条,设置其笔触颜色为“黄色”,笔触高度为“4”,然后单击“任意变形”工具,使其水平变小,如图所示。按住Ctrl键拖动,复制椭圆线条,并使其水平变小,从而制作灯笼骨架。
[4] 绘制灯笼口和底。选择“矩形”工具,并设置“笔触颜色”为“无”,填充颜色为与椭圆相同,并在“颜色”面板中设置类型为“线性”,然后在椭圆的上方和下方各绘制一个矩形作为灯笼的口和底,如图所示。
[5] 绘制灯笼提手和穗子。选择“铅笔”工具,将“笔触颜色”设置为红色,画出灯笼的提手。然后选择“线条”工具,在灯笼下方绘制长短不一的线作为灯笼的穗子,如图所示。
[6] 将灯笼转换为图形符号。选择“选择”工具,在舞台工作区拖动全选灯笼,然后选择“修改>转换为元件”命令,打开“转换为元件”对话框,从中输入名称“灯笼”,类型设置为“图形”。单击“确定”按钮,如图所示。到此灯笼就绘制完成了。
3.在Flash中合成修饰
[1] 新建图层。不必重新打开文件,继续第二部分文件,单击“时间轴”左下角的“插入图层”图标,插入“图层2”,并将该图层拖到“图层1”下方,重命名为“背景”。然后选择“文件>导入>导入到舞台”命令,找开“导入”对话框,如图所示。
[2] 导入设置。在“导入”对话框中选择Illustrator中制作的背景图片,单击“打开”按钮,将图导入,打开“将‘金鼠送福’.ai导入到舞台”对话框,如图所示。
[3] 导入背景。单击“确定”按钮,将Illustrator制作的背景图片导入Flash中,如图所示。
[4] 复制灯笼并掉起灯笼。选择“选择”工具,按住Ctrl键拖动鼠标,复制出3个灯笼,然后单击“铅笔”工具,设置“笔触颜色”为红色,绘制出一条线把灯笼吊起来,如图所示。
[5] 输入文字。选择“文本”工具,在舞台工作区输入“金鼠送福”4个字,然后按“Ctrl+B”组合键将文字打散。选择“选择”工具,选择单独的4个字,并将其分别放到上个灯笼上,如图所示。
[6] 观看整体效果。保存文件,按“Ctrl+Enter”组合键测试,效果如图所示。
3.6.3 实例:Painter
使用Painter可以轻松创作出效果真实的数码水彩画、素描、粉笔画、油画等,除了软件自带的笔刷和材质以外,Painter还允许用户自定义笔刷和材质,让创意的自由度更加广阔。
实例档案
详细步骤
1.在Painter中绘制背景图片
[1] 打开原图并复制图层。双击桌面上的“Painter”图标,打开主界面,选择“文件>打开”命令,打开一张图片。按“Ctrl+A”组合键全选画面,再按住Ctrl键单击画面完成图层的复制,选择“移动”工具,按住Alt键单击画面两次,完成快速复制图层,如图所示。
[2] 打开“素描”对话框。单击最上面的图层,选择“效果>表面控制>素描”命令,打开“素描”对话框,如图所示。
[3] 制作素描效果。在“素描”对话框中调节部分参数,单击“确定”按钮,把素描图层重命名为“素描”便于识别,得到最满意的素描线稿效果,如图所示。
[4] 改变素描图层混合模式。单击“素描”图层,把图层的混合模式改为“叠加”,图层的不透明度改为65%。设置完成后的效果如图所示。
提示:图层混合模式“叠加”,是指将混合色与基色叠加,并保持基色的高亮和阴影。此时基色不被代替,但会与混合色混合,以反映原色的明暗度。
[5] 制作水彩效果。选择“图层1”,单击图层面板右下角的“图层命令” 按钮,从弹出的快捷菜单中选择“合并”命令,合并图层为“画布”层,然后选择“图层>分离画布为水彩图层”命令,生成“水彩图层1”,水彩图层的默认混合模式设为“胶合”。将“素描”层拖到最上方,如图所示。
[6] 制作湿化水彩效果。选择“水彩图层1”,选择“图层>湿化水彩图层”命令,执行湿化命令时,Painter会自动处理水彩图层,直到水彩图层的水滴图标停止流动,从而完成用设定的纸纹湿化水彩图层。最终效果如图所示。
2.在Flash中绘制红叶
[1] 新建文档。选择“文件>新建”命令,在弹出的对话框中选择“常规>Flash文件(ActionScript 3.0)”命令,单击“确定”按钮,创建一个影片文档。选择“修改>文档”命令,在“文档属性”对话框中设置:大小为550×400,如图所示。单击“确定”按钮完成设置。
[2] 绘制红叶轮廓。选择工具栏中的“钢笔”工具,在舞台工作区绘制红叶轮廓,如图所示。
[3] 上色。在工具栏中选择“颜色桶”工具,设置填充颜色为红色,在红叶轮廓区内单击,填充后效果如图所示。
[4] 转换为图形元件。选择“选择”工具,在舞台工作区拖动全选红叶,然后选择“修改>转换为元件”命令,打开“转换为元件”对话框,从中输入名称“红叶”,类型设置为“图形”,单击“确定”按钮,如图所示。
提示:将矢量图形转换为图形元件,在进行元件的复制、移动时会更方便,而且可以大大减小文件所占用的存储空间,有关内容参见第6章相关内容。
3.在Flash中合成修饰
[1] 新建图层。不必重新打开文件,继续第二部分文件,单击“时间轴”左下角的“插入图层”,新建“图层2”,并将该图层拖到“图层1”下方,重命名为“背景”。然后选择“文件>导入>导入到舞台”命令,打开“导入”对话框,如图所示。
[2] 导入设置。在“导入”对话框中选择Painter中制作的背景图片,单击“打开”按钮,将图导入,如图所示。
[3] 复制红叶。选择工具栏“选择”工具,单击选择红叶,按住Ctrl键拖动鼠标复制红叶,结合“任意变形”工具,调整红叶的位置和大小。选择下方小的红叶,选择“修改>变形>水平翻转”命令,将其翻转,如图所示。
[4] 输入文字。选择“文本”工具,在舞台工作区输入“爱在金秋”4个字,然后按“Ctrl+B”组合键,将文字打散,选择“选择”工具,结合“任意变形”工具,选择单独的4个字,分别放到合适位置,如图所示。
[5] 观看整体效果。保存文件,按“Ctrl+Enter”组合键测试,效果如图所示。
3.7 小招管大用:先拓着样图画
拓图画就是将原物体涂上颜色,直接印下来,然后再做修改。对于初学者来说拓着样图画的确是个好方法。
[1] 首先导入一个需要绘制的对象,并将“图层1”锁定,然后单击时间轴左下方的“插入图层” 图标,新建一个图层,如图所示。
[2] 选择工具栏中的“铅笔”工具,并将“笔触颜色”设置为红色,然后沿原图线条描绘,如图所示。
[3] 选择工具栏中的“选择”工具,对描绘的线条进行调整,调整完成好后,如图所示。
提示:原版拓画,它不同于印刷品,该画以石刻为原版,用宣纸精心拓印,辅以传统装裱。
[4] 单击“图层1”的眼睛图标,隐藏图层,这样牛的外部轮廓就画好的。接下来单击“颜料桶”工具,设置“填充颜色”为蓝色,然后在头部轮廓内单击,填充颜色,如图所示。
3.8 小招管大用:然后照着样图画(临摹)
临摹是指照样图绘制。这样不需要太多的想象力,是快速绘图的好方法。下面来临摹卡通画,具体步骤如下:
[1] 导入图片。首先导入一个需要绘制的对象,如图所示。
[2] 绘制轮廓。单击时间轴左下方的“插入图层”图标,新建一个图层2,选择工具栏中的“铅笔”工具,在工作区右侧空白处绘制出轮廓,如图所示。
[3] 细化轮廓线。选择工具栏中的“选择”工具、“部分选择”工具、“铅笔”工具 相结合,调整细化轮廓线,如图所示。
[4] 填充颜色。选择工具栏中的“颜料桶”工具,并设置“填充颜色”为黄色,在轮廓内单击为其填色,如图所示。
提示:使用“颜料桶”工具 填充时,如果区域线条不闭合,颜色不能填充。
[5] 完成设置。按步骤[4]的方法,选择不同的颜色填充耳朵、眼睛等。完成效果如图所示。
3.9 小招管大用:最后自己画
通过拓画或临摹的方法绘制,是学习过程中不可缺少的,但为了得到自己需的效果图,很多时候需要自己绘制图形。下面来绘制“牵牛花”,具体操作步骤如下:
[1] 新建文档。选择“文件>新建”命令,在弹出的对话框中选择“常规>Flash文件(ActionScript 3.0)”命令,单击“确定”按钮,创建一个影片文档。
[2] 绘制花。选择工具栏“铅笔”工具,并在工具栏最下边设置线条为“平滑”,在舞台工作区细致的绘制花的形状,如图所示。
[3] 绘制花蕾、叶、茎。按步骤[2]的方法在舞台工作区细致的绘制花的花蕾、叶、茎,选择“选择”工具,将线条处理得平滑一些,如图所示。
[4] 上基本色。选择“颜料桶”工具,单击“牵牛花”为“牵牛花”上色,如图所示。
[5] 完成设置。按步骤[4] 方法,为叶子和茎添加颜色,并设置背景色为浅绿色,完成效果如图所示。
提示:绘制复杂的图形时,图形的各部分可以分别放入不同的层上,并对绘制好的层进行锁定。