上一篇:Flash MX实战精选:巧做画板 >>
今天DIY桌面电子宠物
宠物制作
制作一个怎样的宠物呢,经过一番构思,笔者在flash中,制作了一个冰雪聪明的雪人。具体步骤如下:
步骤1, 制作头部与身躯。使用软件左侧工具栏中的“圆形” oval tool工具,在sence中拖拉建立一个“圆”,也就是雪人的脑袋。设置fill color为白色,点击左侧工具栏中的paint bucket tool 油漆桶,填充圆形内部为雪白。
步骤2,增加圆环变线的厚度。选定圆环边线,选择“window→panel”命令,打开 stroke面板。增加其中的数值为10。这样画面呈现一种剪贴画的艺术效果。
步骤3,依照以上方法,同理制作出雪人的身体。注意身体部分是由两个圆形交错组成的(上面的稍小,下面的稍大),效果如图1 。
步骤4,绘制雪人头上可爱滑稽的帽子。点击左侧工具栏中的pen tool,于sence视图中点击绘制帽子的形状。最终的制作效果如图2所示。将该帽子位置调节到雪人的头顶上即可。
步骤5,新建一个movie clip,绘制雪人的双臂。这里可以直接采用brush刷子工具绘制(效果如图3)。此处将“雪人双臂”做在一个单独的movie clip中是为了方便后面的动画制作。这样十分便于管理和制作动画!
步骤6,给雪人制作眼睛、嘴巴、扣子、腰部阴影、长鼻子、红围巾等细节。其中,眼睛、扣子都是简单的圆点,所以直接使用brush工具,在工具栏中设定笔刷形状为正圆,适当增加笔刷size,然后于场景中点击一下就可以了(见图4)。
动画制作
步骤1,在flash中建立一个新的movie clip,取名为“雪人mc”。
步骤2,在此movie clip中,将“雪人手臂”建立在独立的layer层中,该层取名为“雪人手臂”。在该层第10帧处,插入关键帧。调整第10帧的手臂位置,制作出挥舞的效果。
步骤3,回到sence1,打开library 库,将其中刚才制作的“雪人mc”拖放到sence场景中,然后设置数个关键帧,深入制作雪人的动画。按ctrl+enter就可以看到宠物雪人的效果了。
步骤4,输出swf文件。宠物动画制作结束。
下面,就让诞生在我们手中的小雪人在桌面屏幕上“活”起来!但平时运行flash,外面都是一个四四方方的软件框框,很是难看。能不能让flash雪人干干净净的出现在屏幕上呢?—— 借助mprojector,就可以实现了(效果如图5)。
桌面动画制作
步骤1,打开mprojector,导入flash雪人宠物(如图6)。软件上部出现一个可调节的四方框,将该区域设置为“充满”,点击左上方的按钮,弹出选择图标文件的窗口(注:图标文件后缀为ico),可以根据自己具体的操作系统来选择。设置背景为“透明”。
步骤2,选择“显示数字”的按钮,改变flash的最终发布尺寸。
步骤3,选择“ file→save flash movie projector”命令输出宠物文件为可执行exe文件。至此大功告成。运行一下看看。效果不错吧,默认下电子宠物会保持在所有软件界面的最上面。
怎么样,心动不如行动,还不快准备好软件,自己也来一个电子宠物的diy。看着自己创造的“小生命”生机勃勃地活跃在桌面上,该是怎样一种喜悦呢:-)。
()
下一篇:Flash MX实战精选:从前有座山 >>
相关文章:
- · 加快 DHTML 的一组技巧
- · DW+ASP 玩转动态二级菜单
- · DreamwaverMX与ASP.NET五
- · DreamweaverMX实现网站批量更新
- · DreamweaverMX打造留言本四
- · DreamweaverMX打造留言本(五)
- · DreamweaverMX打造留言本三
- · DreamweaverMX打造留言本二
- · 用FW MX轻松制作Gif动画
- · Fireworks制作环绕文字
- · 网站备案教程
- · 发现CSS控件的好处
- · 认识FrontPage 2002扩充插件之七
- · Frontpage2000中文教程:第五章最后的启示
- · Fireworks制作变色banner
- · Fireworks动画制作:飞机和降落伞
- · 用FW MX 制作 Mac风格边框
- · 在DW中插入Flash的参数详解
- · 个人网站进阶商业网,你考虑好了吗?
- · JAVA代码编写的30条建议
- · 站长大会之后,个人站长们的下一个屁股坐在哪?
- · 实现网页渐入特殊效果
- · 制作仿“QQ秀”的虚拟形象
- · DIV下拉式菜单(二)
- · DIV下拉式菜单(一)
- · HTML-加速、再加速下
- · HTML-加速、再加速上
- · HTML组件HTML COMPONENTS之六
- · HTML组件HTML COMPONENTS之五
- · HTML组件HTML COMPONENTS之四
- · HTML组件HTML COMPONENTS之三
- · HTML语言剖析(十四)特殊字符
- · HTML语言剖析(十三)其他标记
- · HTML语言剖析(十二)多媒体标记
- · HTML语言剖析(十一)排版标记
- · HTML语言剖析(十)链接标记
- · HTML语言剖析(九)图形标记
- · HTML语言剖析(八)表单标记
