分享

第三讲:绘图综合练习2[FLASH8基础教程]

 wpyshwht 2010-06-06

第三讲:绘图综合练习[FLASH8基础教程]

[ 作者:佚名 文章来源:转载 点击数: 4441 更新时间:2007-9-22 5:03:08| 收藏本文 ]
在线投稿】【信箱投稿(qqs18@163.com)】 【背景:#edf0f5 #fafbe6 #fff2e2 #fde6e0 #f3ffe1 #dafaf3 #ffffff 默认 字号:

 

 

4. 组装“蜡烛”元件

1)新建一个名字为“蜡烛”的图形元件。进入到这个元件的编辑场景中。

2)“蜡烛”元件共分三层。先制作烛身层。双击时间轴上“图层1”,将“图层1”改名为“烛身”。如图2-120所示。

2-120 修改图层名

3)按Ctrl+L组合键打开【库】面板,将“烛身”元件拖放到舞台上。选中该元件按住Alt键向下拖放进行复制,如图2-121所示。

2-121 复制烛身元件

4)选中所有元件,执行【修改】|【对齐】|【左对齐】命令,再执行【按高度均匀分布】命令,效果如图2-122所示。

2-122 对齐元件

5)使用【任意变形工具】旋转最上面和最下面的元件,如图2-123所示。

2-123 旋转上下元件

6)将鼠标指向“烛身”图层上,单击右键,在弹出的快捷菜单中选择【插入图层】命令。系统默认插入图层为“图层2”,双击“图层2”,改名为“烛焰”。将【库】面板中“烛焰”元件拖放到合适位置。如图2-124所示。

2-124 放置烛光元件

7)插入一个新图层,将图层改名为“烛光”。将“烛光”元件拖放到舞台上。因为烛光在蜡烛的后面,所以用鼠标选择“烛光”层,将它拖放到“烛身”层下方。现在三层的排列顺序如图2-125所示。

2-125 图层顺序

8)在【属性】面板中将背景色改为黑色,使蜡烛的色彩更明亮。完成后的蜡烛如图2-126所示。

2-126 蜡烛完成效果

5. 绘制“心”元件

1)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“心”,选择【行为】为【图形】。

2)单击“确定”按钮,进入到“心”元件的编辑场景。使用【线条工具】绘制一条竖线,再使用【选择工具】将其调整为曲线,如图2-127所示。

2-127 将直线调整为曲线

3)选择【部分选取工具】,单击曲线端点,端点上会出现调节手柄。上下左右移动手柄,将该曲线调整为如图2-128所示形状。

2-128 调整曲线形状

4)选中该该曲线,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,选择粘帖得到的曲线,执行【修改】|【变形】|【水平翻转】命令,如图2-129所示。

2-129 复制曲线后水平翻转

5)将该两条曲线拖放连接好,成为一个心形,如图2-130所示。

2-130 完成心形

6)打开【混色器】面板,填充样式设为线性。在渐变条上将左边色块设置为#AF057C,将右边色块设置为#E207C8,如图2-131所示。

2-131 设置填充色

7)使用【颜料桶工具】从右下向左上拖动鼠标填充颜色,并删除白色边框线,如图2-132所示。

2-132 填充颜色

8)选中这个心形,右击它,在弹出的快捷菜单中选择“复制”命令,然后在时间轴上将此层锁定。

9)插入新图层,系统默认为“图层2”,执行“编辑”|“粘贴到当前位置”命令。创建此层的目的是为使心形下方边上呈现白色高光,所以此层的心形比图层1上的心形略小。如果使用【任意变形工具】来调节是很不容易达到这个目的。这里执行【窗口】|【设计面板】|【变形】命令,弹出【变形】面板,设置变形宽度为97%,约束默认为打勾状态,按回车键确定,就可以使图形实现精确的变形。变形面板设置如图2-133所示。

2-133 “变形”面板

10)打开【混色器】面板,填充样式设为放射状。在渐变条上将左边色块设置为玫红色(#F91CEE),将右边色块设置为白色,白色的Alpha值为78%,如图2-134所示。

2-134 设置填充色

11)将“图层2”的心形填充上述调整好的填充色,并使用【填充变形工具】进行调整,按住方形手柄向外拖动,使填充色变为椭圆状,再按住中心点向上移动。为了使大家能够清楚观察调整的情况,特将背景色暂改为蓝色,如图2-135所示。

2-135 调整填充色

12)现在只是使这一层的心形下方颜色变亮了,但并未因此而形成高光状态,所以我们还得在此层上再加一层,掩盖住多余的白色,只留出两边的高光。复制“图层2”的心形,然后锁定“图层2”。

13)插入一个新图层,系统默认为“图层3”,执行“编辑”|“粘贴到当前位置”命令。

14)将此层的心形填充新的渐变色。设置渐变色样式为放射状,左边色块为#FA3AF0,右边色块为#F444C9Alpha值为62%,如图2-136所示。

2-136 设置填充色

15)填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的,但这个透明色是圆形,无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,设置距离30px,步骤数为10,如图2-137所示。

2-137 柔化填充边缘设置

现在看效果已经出来了。如图2-138所示。

2-138 柔化后效果

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多