Flash手绘一副帅气眼镜

听许多朋友说很喜欢
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
动画制作，但是就是绘画基础不好，画不出来自己想要的东西。其实在
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
里并不需要像纯美术一样要求的很死板，只要有个大体形状，颜色漂亮，能表达出动画的意义就可以了。在
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
里绘图经常用到的就是“选择工具”、“部分选取工具”、“线条、椭圆、矩形及多边形工具”、“钢笔工具”。下面大家就来和我一起画一个帅哥靓妹们戴的漂亮眼镜，先来看看效果图：
[img]/Files/BeyondPic/2006-12/5/061125001640141.jpg[/img]
图１　漂亮的眼镜
单击 Windows 系统的“开始”菜单，执行“开始”>“程序”>“Macromedia”>“Macromedia
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
MX 2004”命令，启动
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
MX 2004 ，系统现弹出
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
MX 2004的启动界面。单击中间“创建新项目”下的“
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
文档”项目，创建一个新空白文档 , 如图2所示。
[img]/Files/BeyondPic/2006-12/5/061125001625421.jpg[/img]
图2　创建空白文档
　　说明：还有一种创建新文件的方法，启动
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
MX 2004, 执行“文件”下的”新建“命令”，在“常规”选项卡上选择“
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
文档”，打开一个新的空白文档。
首先要设置好
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
文件属性，按快捷键 Ctrl+F3打开“属性”面板。在“属性”面板中来指定文档的“舞台”大小、“背景颜色”（此处为#FF99CC）、“帧频”（也就是播放速度）以及文档的“发布设置”等参数，如图3所示。
[img]/Files/BeyondPic/2006-12/5/061125001668401.gif[/img]
图3　设置文档属性
　　所有
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
动画中的各个内容都要单独存放成一个元件。元件就是在
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
中创建的图形、按钮或影片剪辑，是
[url=http://www.blue1000.com/bkhtml/c12/]Flash[/url]
动画中的基本构成重要元素之一。元件只需创建一次，即可在整个文档或其他文档中重复使用。而且多次使用它不会明显增大动画文件的体积大小。创建的任何元件都会自动成为当前文档的“库”的一部分。可以随时打开“库”面板进行调用，元件的应用使动画制作变得轻松快捷。
二、创建元件
[1b]步骤 1 新建图形元件：[/1b]
　　执行“插入”菜单下的“新建元件”命令（快捷键 Ctrl+F8 ），打开“创建新元件”对话框。在“创建新元件”对话框中，输入元件的“名称”为 “眼镜” ，“行为”选择“图形”前面的单选按钮，然后单击“确定”按钮，如图 4所示。
[img]/Files/BeyondPic/2006-12/5/061125001671251.gif[/img]
图4　创建眼镜元件的设置
[1b]步骤 2 进入元件编辑状态[/1b]
　　创建元件完成以后，编辑动画的“舞台”已经从 “场景1”切换到“小球”图形元件的编辑状态，在“时间轴”的上方有“小球 ”的提示，如图5所示。
[img]/Files/BeyondPic/2006-12/5/061125001674101.gif[/img]
图5　眼镜元件的编辑场景
三、绘制图形
　　首先要了解眼镜的构造，眼镜是由镜片，镜框，镜架构成。那我们应该先绘制哪一部分比较合适呢？当然是镜框，有了这个大体的框，其它部分就好画了。
[1b]１.镜框的绘制[/1b]　　
　　[1b]步骤 1 设置颜色[/1b]
　　选择“工具”面板上的【钢笔工具】
[img]/Files/BeyondPic/2006-12/5/061125001659381.gif[/img]
，单击【工具】面板下面“颜色”区域的【笔触颜色】
[img]/Files/BeyondPic/2006-12/5/061125001659382.gif[/img]
，在弹出的【颜色样本】面板上选择淡灰色“#CCCCCC”；再单击【填充颜色】
[img]/Files/BeyondPic/2006-12/5/061125001659383.gif[/img]
，在弹出的【颜色样本】面板上选择白色 “#FFFFFF” ，如图６和图７所示。
[img]/Files/BeyondPic/2006-12/5/061125001659384.jpg[/img]
   
[img]/Files/BeyondPic/2006-12/5/061125001659385.jpg[/img]
图６　笔触颜色设置　　　图７　填充颜色设置
[1b]步骤 2 用钢笔工具绘制镜框[/1b]　
　　用【钢笔工具】
[img]/Files/BeyondPic/2006-12/5/061125001685201.gif[/img]
画路径是非常容易的。选择【钢笔工具】
[img]/Files/BeyondPic/2006-12/5/061125001685201.gif[/img]
后，在舞台上不断地单击鼠标，就可以绘制出相应的路径，如果想结束路径的绘制，双击最后一个点。
　　说明：按住 Shift 键的同时再进行单击，可以将线条限制为倾斜 45 度的倍数方向。
　　好了，先用钢笔工具画出直线化的镜框外观，如图９所示。
[img]/Files/BeyondPic/2006-12/5/061125001685202.gif[/img]
图８　用钢笔画出镜框外观
[1b]步骤3　用部分选取工具调整框[/1b]
　　画完后要对眼镜框进行调整才可以让它更符合要求， 工具箱中选择【选择工具】，将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。然后在工具箱中选择【部分选取工具】
[img]/Files/BeyondPic/2006-12/5/061125001671461.gif[/img]
，单击节点，会出现两个手柄，如图９所示。
[img]/Files/BeyondPic/2006-12/5/061125001671462.gif[/img]
图９ 选取节点
拖动手柄可以改变曲线的形状。按住Alt键并拖动手柄，可以不影响另一个手柄。拖动节点可以改变节点的位置，如图1０所示。
 
[img]/Files/BeyondPic/2006-12/5/061125001717581.gif[/img]
[1b]２.镜片的绘制[/1b]
　　为了使绘制出来的镜片与镜框协调，所以要把镜框做为参照物，在上时间轴里双击“图层１”层名，为其改名“镜框”，然后单击新建层按钮，新建“图层２”，并将“镜框层”锁定，如图12、13
[img]/Files/BeyondPic/2006-12/5/061125001712581.gif[/img]
   
[img]/Files/BeyondPic/2006-12/5/061125001712582.gif[/img]
图12　修改图层名并新建图层　   　 图13　锁定“镜框”层
调出右边的“调色板”（可以按二下Shift+F9),在“填充样式”里选择“线性”渐变，如图15所示。
[img]/Files/BeyondPic/2006-12/5/061125001721421.jpg[/img]
分别设置左边的色块颜色为：#005EB4，右边的颜色色块为：#06E6FB，为眼镜片的过滤进行设置，这里制作的是一款海蓝色的眼镜，所以选择了蓝系，如图16、17所示。
[img]/Files/BeyondPic/2006-12/5/061125001724261.jpg[/img]
   
[img]/Files/BeyondPic/2006-12/5/061125001724262.jpg[/img]
图16　左边色块颜色值        图17　右边色块颜色值
[1b]步骤2　用椭圆工具绘制镜片并用部分选取工具调整[/1b]
　　在“图层2”上以镜框为参照物画二个镜片，如图18所示，大家可以看到，这两个镜片并不如想像中的有形，所以我们还得利用前面提到的“部分选取工具”调节手柄让两个圆和镜片相符，如图19所示。
[img]/Files/BeyondPic/2006-12/5/061125001797671.gif[/img]
图18 绘制二个椭圆
[img]/Files/BeyondPic/2006-12/5/061125001797672.gif[/img]
图19　利用“部分选取工具”进行调整
[1b]步骤3　利用“填充变形工具”工具调整渐变[/1b]
　　选择“工具”面板上的【填充变形工具】，在镜片上单击一下，然后调整渐变方向。
[img]/Files/BeyondPic/2006-12/5/061125001766371.jpg[/img]
[img]/Files/BeyondPic/2006-12/5/061125001766372.jpg[/img]
图20　利用“填充变形工具”进行调整
[1b]３.镜腿的绘制[/1b]
　　[1b]步骤 1 设置颜色[/1b]
　　选择“工具”面板上的【钢笔工具】 ，设置“颜色”区域的【笔触颜色】值为（#B5B6B5），【填充颜色】值为白色。
[img]/Files/BeyondPic/2006-12/5/061125001717501.jpg[/img]
图21　设置颜色
[1b]步骤２ 绘制左镜腿[/1b]
　　在“镜框”层下新建一层，命名为“镜腿”，绘制左边镜腿的外形，并利用“选择工具”进行调整。
[img]/Files/BeyondPic/2006-12/5/061125001792771.gif[/img]
 
[img]/Files/BeyondPic/2006-12/5/061125001792772.gif[/img]
图22　绘制并调整左镜腿
如果长短不好掌握，可以在绘制好后，利用“工具”中的“任意变形工具”调整左镜脚的长短。
[img]/Files/BeyondPic/2006-12/5/061125001776191.gif[/img]
[1b]步骤 ３ 绘制右镜腿[/1b]
　　利用上面讲到的方法绘制顺镜腿并进行调整，再绘制一个蓝色方形放在镜腿边处。
[img]/Files/BeyondPic/2006-12/5/061125001746751.gif[/img]
到此，一个漂亮的眼镜就完成了。
[img]/Files/BeyondPic/2006-12/5/061125001757451.gif[/img]
本文转自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1660.html