flash心形绘制过程.docVIP

绘制“心”元件 （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，右边色块为#F444C9，Alpha值为62%，如图2-136所示。 图2-136 设置填充色 （15）填充此色后会发现并没有出现我们希望的效果。因为填充的色彩虽然外周是半透明的，但这个透明色是圆形，无论怎么样调整都无法达到心形状态。执行【修改】|【形状】|【柔化填充边缘】命令，弹出“柔化填充边缘”对话框，设置距离30px，步骤数为10，如图2-137所示。 图2-137 柔化填充边缘设置 现在看效果已经出来了。如图2-138所示。 图2-138 柔化后效果 （16）目前这个心形的立体感并不强，因为主要的高光部分还没添加上去。锁定“图层3”，插入新图层，在“图层4”中将刚刚复制的“图层2”的心形再次执行【编辑】|【粘帖到当前位置】命令，使用【选择工具】框选心形的下半部分并将其删除，如图2-139所示。 图2-139 删除心形下半部分 （17）使用【部分选取工具】将下端的直线调整为曲线，并使两端尽量圆滑。如图2-140所示。 图2-140 调整圆滑 （18）打开“混色器”面板，将填充色样式改变线性，设置两边色块均为白色，右边色块Alpha为0%，如图2-141所示。 图2-141 设置填充色 填充颜色后，使用【填充变形工具】进行调整，如图2-142所示。 图2-142 调整填充色 到此为止，“心”元件制作完毕