WEB动画制作与设计课件：图象的绘制与编辑（二）.ppt

PowerBar中国专业PPT设计交流论坛作者:findygirl基本线条与图形的绘制图形的绘制与选择图形的编辑图形的色彩【课堂学习目标】【案例学习目标】使用不同的绘图工具绘制标志图形。【课堂案例】-绘制淑女堂标志【案例知识要点】使用矩形工具、钢笔工具、套索工具、铅笔工具、线条工具、椭圆工具来完成图形的绘制。【课堂案例】-绘制淑女堂标志1、绘制标志图形（1）选择“文件新建”命令，在文档“属性”面板中将舞台窗口的宽度设为450像素，高度设为300像素。（2）按Ctrl+F8键，创建新元件。在“名称”选项的文本框中输入“标志”，类型为“图形元件”，名称为“标志”。（3）将“图层1”重新命名为“椭圆形”。将笔触颜色设为无，填充色设为深粉色（#FB1F8D），将“宽”选项设为280像素，“高”选项设为120像素。【课堂案例】-绘制淑女堂标志2、添加并编辑文字（1）单击“时间轴”面板下方的“插入图层”按钮，创建新图层并将其命名为“文字”。选择“文本”工具。输入文字大小为50、字体为“方正准圆简体”的黑色文字“淑女堂”。选中文字，按2次Ctrl+B组合键，将文字打散。框选中“女、堂”2个字，将其向右移动，将文字的间距扩大。【课堂案例】-绘制淑女堂标志2、添加并编辑文字（2）删除“淑”字左侧的上、下2个点，将中间的点向左移动一些。将“又”字右下角的笔画删除。将“女”字的下半部分笔画删除。效果如图所示。【课堂案例】-绘制淑女堂标志2、添加并编辑文字（3）单击“时间轴”面板下方的“插入图层”按钮，创建新图层并将其命名为“修改笔画”。选择“钢笔”工具，将“笔触颜色”设为黑色，将“笔触高度”设为2.20。（4）用鼠标在“又”字的“撇”上单击，设置起始点，在文字下方的空白处单击鼠标，设置第2个节点，按住鼠标不放，向旁边拖曳出控制手柄，调节控制手柄来改变路径的弯度。松开鼠标，绘制出一条曲线，再在第2个节点的右侧单击鼠标，设置第3个节点，松开鼠标。【课堂案例】-绘制淑女堂标志2、添加并编辑文字（5）在“女”字的下方单击鼠标，设置第4个节点，按住鼠标不放，向旁边拖曳出控制手柄，调节控制手柄来改变路径的弯度。松开鼠标，“淑、女”2个字被连接起来，效果如图所示。选择“选择”工具，绘制曲线上的路径消失，查看绘制效果。（6）同理，将“女”字和“堂”字连在一起。【课堂案例】-绘制淑女堂标志2、添加并编辑文字（7）选择“铅笔”工具，在“选项”中选择“平滑”选项。在“女”字的左边绘制出一条弯曲的螺旋状曲线，效果如图所示。用相同的方法在“女”字的右侧也绘制一条曲线。（8）利用同样的方法将“淑”和“堂”字相应的笔画进行修改。【课堂案例】-绘制淑女堂标志3．导入图形元件（1）选择“文件导入导入到舞台”命令，在弹出的“导入”对话框中选择“蝴蝶”文件，单击“打开”按钮，蝴蝶图形被导入到舞台窗口中，将蝴蝶放置在“淑”字的左上方来作为“淑”字上方的点。选中蝴蝶图形，多次按Ctrl+B组合键，将其打散。圈选中所有的文字图形及变形曲线，将其放置在深粉色椭圆形的中心位置，效果如图所示。使文字图形及变形曲线保持被选中状态。【课堂案例】-绘制淑女堂标志3．导入图形元件（2）在工具箱中将“笔触颜色”设为白色，“填充色”设为白色，将文字图形及变形曲线的颜色更改为白色。【课堂案例】-绘制淑女堂标志3．导入图形元件（3）选择“文件导入导入到库”命令，在弹出的“导入到库”对话框中选择“花纹”文件，单击“打开”按钮。创建新图层并将其命名为“花纹”。选择“选择”工具，将“库”面板中的图形元件“花纹”拖曳到舞台窗口的中心位置，效果如图所示。【课堂案例】-绘制淑女堂标志4．绘制背景图形（1）单击“时间轴”面板下方的“场景l”图标选择“矩形”工具，在舞台窗口中绘制出一个和白色背景一样大的矩形框。将“宽”选项设为450像素，“高”选项设为300像素。选择“线条”工具，按住Shift键的同时，在矩形框中从上到下绘制出一条垂直线段，用相同的方法再绘制出多条垂直线段。【课堂案例】-绘制淑女堂标志4．绘制背景图形（2）选择“颜料桶”工具，在工具箱中将填充色设为淡粉色（#FDE1F0）。用鼠标单击矩形框中间的区域，每隔一个矩形框，填充上粉色。选择“选择”工具，在舞台窗口中双击任意一条黑色线段，所有的黑色线段将被选中，按Delete键，删除选中的黑色线段。【课堂案例】-绘制淑女堂标志4．绘制背景图形（3）将“库”面板中的图形元件“标志”拖曳到舞台窗口的中心位置，并将宽、高设置为128像素。【课堂案例】-绘制淑女堂标志1．矩形工具