首页 理论教育FlashCS6教程:一枝花朵动画制作实例

FlashCS6教程:一枝花朵动画制作实例

【摘要】:执行“文件”→“保存”菜单命令,将新文档进行保存,命名为“一枝花朵”,并保存。使用“颜料桶工具”为花朵填上颜色之后,可如图2.33所示,使用“渐变变形工具”调整花朵的填充效果。Step4 新建图层3,重命名为“花蕊”。图2.35 花蕊画法步骤Step5 在场景1中,拖入“花朵”元件。图2.36 “一枝花朵”的画法步骤

【案例概述】

本案例为“一枝花朵”案例,案例主要使用“椭圆工具”、“直线工具”和“颜料桶工具”等制作,通过本案例的学习,读者主要可以掌握使用多种工具绘制图形的技巧,以及为图形填充渐变颜色的方法。

【实现过程】

1.设置“文档属性”

启动Adobe Flash CS6后,新建一个文档,设置文档大小为550×400像素,背景为白色。执行“文件”→“保存”菜单命令,将新文档进行保存,命名为“一枝花朵”,并保存。

2.绘制花朵

Step1 执行“插入”→“新建元件”菜单命令,打开“创建新元件”对话框,如图2.31所示,设置新元件的名称为“花朵”,类型为“图形”。

注意:元件可以包含图形、位图以及动画,还能使用动作脚本控制元件。元件在文件中只存储一次,却能无限次使用而不占用空间。元件可以随意更改,修改后应用此元件的动画会随之自动进行更改。

978-7-111-50093-3-Chapter02-31.jpg

图2.31 “创建新元件”对话框

Step2 选中图层1,重命名为“花”,单击工具箱中“椭圆工具”按钮,笔触颜色设置为“黑色”,填充色设置为无,绘制一个125×125像素的正圆。按下【ALT】键在圆周上打5个节点,然后用黑箭头工具调整成花瓣形状。

执行“窗口”→“颜色”菜单命令,打开“颜色”面板,在“颜色”面板中单击“填充颜色”按钮,在“类型”下拉列表框中选择“放射状”选项。从左到右色标颜色分别设置为“#FFE7C4”、“#FFCC66”、“#FF6600”、“#FFCC66”,将“笔触颜色”设置为“无”,如图2.32所示为花朵填充颜色面板的设置。使用“颜料桶工具”为花朵填上颜色之后,可如图2.33所示,使用“渐变变形工具”调整花朵的填充效果。花朵的具体画法步骤如图2.34所示。

978-7-111-50093-3-Chapter02-32.jpg

图2.32 花朵填充“颜色”面板的设置(www.chuimin.cn)

978-7-111-50093-3-Chapter02-33.jpg

图2.33 “渐变变形工具”调整花朵

978-7-111-50093-3-Chapter02-34.jpg

图2.34 花朵画法具体步骤

Step3 新建图层2,重命名为“花脉”。单击“直线工具”按钮,笔触颜色设置为“#FF6600”,绘制花脉,并使用“选择工具”按钮调整其形状。

Step4 新建图层3,重命名为“花蕊”。单击“铅笔工具”按钮,打开“颜色”属性面板,在“颜色”面板中单击“笔触颜色”按钮,在“类型”下拉列表框中选择“线性”选项,从左到右排列色标颜色为:“#F4FCAD”、“#88B913”,绘制8条花心;最后单击“刷子工具”按钮,填充颜色设置为“#990033”。最后点上花蕊,绘制步骤如图2.35所示。

978-7-111-50093-3-Chapter02-35.jpg

图2.35 花蕊画法步骤

Step5 在场景1中,拖入“花朵”元件。新建一图层,重命名为“花杆”,在工作区内单击“线条工具”按钮,颜色设置为“#629218”,笔触属性设置为“3”,绘制花杆,然后使用“选择工具”调整成如图2.36所示形状,最后拖动“花杆”图层到“花朵”图层的下面。

Step6 新建一图层,重命名为“叶子”,使用“椭圆工具”画出两个细长椭圆,调整成树叶状,安放在适当位置,笔触颜色设置为“#629218”,填充颜色设置为“#006600”、#00FF33,填充类型为“线性填充”。其具体画法步骤如图2.36所示。

978-7-111-50093-3-Chapter02-36.jpg

图2.36 “一枝花朵”的画法步骤

【技术讲解】