FLASH下载

设为首页
繁體中文
闪客留言

 首页 | FLASH动画 | FLASH专辑 | FLASH短片 | FLASH游戏 | FLASH歌曲 | FLASH教程 | Flash播放器代码
您当前的位置:flash下载 -> FLASH教程 -> FLASH实例教程 -> 文章内容  
栏目导航 相关文章
· FLASH基础 · FLASH实例教程
· FLASH技巧 · AS教程


超详细图文解析 用Flash制作魔法表情

作者:新思维风之梦  来源:[闪客]  发布时间:2006-5-22 19:21:05  编辑人:[FLASH教程]

减小字体 增大字体


    在新版QQ的聊天窗口中点击“选择表情”图标,你会看到表情列表里多了个“魔法表情”标签页。这是全新推出的QQ魔法表情,其不同于以往的QQ表情,QQ魔法表情更加生动、形象,它可以跳出聊天窗口显示,而且表情也更加的丰富。文章末尾提供源文件、效果及素材供大家下载参考。

  现在我们来试着自己制作一个flash的QQ表情——“祈祷”。
  为满足初学者的要求,我们采取详细图解的方式为大家仔细讲述每一步的绘制过程。 
/UploadTeach/2006/05/16/2006516205614284.swf

动画

  绘制步骤提纲

  一.动画分析
  首先要制定人物动画剧本,虽然这个QQ表情很短,但是为了避免做重复工作,所以首先要确定人物哪些元件可以重复使用,不需重新绘制的。
  1.身体部分:手有变化,其它部分没变化。
  2.脸部:嘴、眉毛、眼睛以及脸上的阴影及腮红有变化外,其它的部分没变化。

  二.卡通人物绘制
  (1)身体部分的绘制
  ①脖子及阴影的绘制  ②双腿的绘制  ③双脚及阴影的绘制 ④裙子的绘制 ⑤裙饰的绘制
  (2)脸部绘制
  ①带阴影的脸部绘制 ②带渐变的脸部绘制 ③脸蛋的绘制 ④耳朵的绘制 ⑤头发的绘制 ⑥发夹的绘制 ⑦发辫的绘制 ⑧发辫夹子的绘制
  (3)手、嘴、眉毛、眼睛的绘制
  ①垂下的双手绘制 ②并拢的双手绘制 ③嘴的绘制 ④绘制张开的嘴 ⑤眉毛的绘制 ⑥祈祷前睫毛的绘制 ⑦祈祷前眼睛的绘制 ⑧祈祷后睫毛的绘制 ⑨祈祷后眼睛的绘制

  三、简单帧动画的制作
  ①祈祷前的动画制作 ②祈祷后的动画制作 ③为动画添加命令 ④动画发布

  具体绘制过程

  一、用Flash绘图工具绘制卡通人物

  (1)身体部分的绘制,最后效果如下:
超详细图文解析用Flash制作魔法表情(2)

身体部分最终效果

 
  步骤:①脖子及阴影的绘制  ②双腿的绘制  ③双脚及阴影的绘制 ④裙子的绘制 ⑤裙饰的绘制

  1.打开Flash软件,新建一个文档,按下Ctrl+J修改文档属性,设置宽高均为400像素,背景颜色为灰色(#CCCCCC),其它设置保持默认。
超详细图文解析用Flash制作魔法表情(2)

文档属性

 
  2.选择菜单里的“插入”→“新建元件”(快捷键为Ctrl+F8),插入一个名为“身体”的“图形”元件。
超详细图文解析用Flash制作魔法表情(2)

新建元件

 
  ①脖子及阴影的绘制
  1.单击“确定”按钮进入此元件中,双击“图层1”的图层名称,将其更名为“脖子”。
  (提示:为各层、各元件起名是方便动画的制作与编辑,以免混淆。)
超详细图文解析用Flash制作魔法表情(2)

图层

  2.在“工具箱”中选择“钢笔工具”超详细图文解析用Flash制作魔法表情(3) ,然后在下方“颜色”选项中设置“笔触颜色”为(#D67D7B),填充颜色为(#FFEBEF),在下方“属性面板”中设置“笔触高度”为1.5,绘制脖子的形状,并用“工具箱”中的“部分选取工具”超详细图文解析用Flash制作魔法表情(3)进行节点调整,最终成形。
超详细图文解析用Flash制作魔法表情(3)

绘制脖子

 
  3.再新建“阴影”层,设置“笔触色”为无,“填充色”为(#8E8E8E),在脖子下方较远处利用“工具箱”中的“椭圆工具”超详细图文解析用Flash制作魔法表情(3)绘制阴影。
超详细图文解析用Flash制作魔法表情(3)

绘制阴影

 
  ②双腿的绘制
  1.首先建立名为“右腿”的图层,利用“矩形工具”绘制一个框,再利用“部分选取工具”选择节点进行调整。
  提示:笔触色与填充色与脖子的颜色一样。
超详细图文解析用Flash制作魔法表情(3)

双腿

  2.框选右腿按Ctrl+C进行复制,新建一层为“左腿”,按下Ctrl+V将图像粘贴在合适的位置,在图像被选中的情况下,选择菜单中“修改”→“变形”→“水平翻转”命令,将原来右腿图像翻转过来并调整好位置即可。
超详细图文解析用Flash制作魔法表情(4)

水平翻转

超详细图文解析用Flash制作魔法表情(4)

调整好位置

 
  ③双脚及阴影的绘制
  先来看一下完成的双脚和阴影:
超详细图文解析用Flash制作魔法表情(4)

双脚

 
  1.新建三个图层,由下至上依次命名为“右脚”、“右脚阴影”、“右脚环”。
  2.单击选中“右脚”图层,在“工具箱”中选择“钢笔工具”,设置“笔触色”为(#245CD0) ,“填充色”为(#86C2FF),利用“钢笔工具”及“部分选取工具”绘制调节出右脚的形状。
超详细图文解析用Flash制作魔法表情(4)

调节形状

  3.选中“右脚”的笔触线,按Ctrl+X剪切下来,选择“右脚环”图层,按Ctrl+Shift+V粘贴到当前位置。
  提示:将脚的笔触线和填充色分开是为了方便绘制脚上的阴影。
  4.选择“右脚阴影”图层,绘制并调节成阴影的形状,因为有“右脚”笔触线的遮挡,所以靠边的一侧就不用过于仔细。
超详细图文解析用Flash制作魔法表情(5)

阴影

 
  5.最后利用复制粘贴以及菜单中“修改”→“变形”→“水平翻转”命令制作另一个脚及阴影即可。

  ④裙子的绘制

  1.裙摆、裙身的“笔触颜色”为#A50855,裙摆的“填充颜色”为#FF80C1,裙身的“填充颜色”为#FFB3D9,比裙摆稍淡一些。其绘制方法就不在此多讲了,可参照源文件利用“钢笔工具”及“部分选取工具”进行绘制及调节。下图为裙摆、裙身及最后的合成图。
超详细图文解析用Flash制作魔法表情(5)

裙子

 
  ⑤裙饰的绘制

  1.裙饰1是三角形的蝴蝶结了,先绘制一个正方形,利用“部分选取工具”移动正方形右下角节点到左边,最后填充颜色,一个蝴蝶结就制作完成了,再利用“复制”+“水平翻转”的方法制作另一个蝴蝶结。
超详细图文解析用Flash制作魔法表情(5)

裙饰

 
  2.裙饰2是在裙身上一只可爱的小兔子,小兔子是由椭圆、圆以及点和线组成。首先利用“椭圆工具”绘制一个填充色为白色的长形椭圆作为兔子的耳朵,复制另一个耳朵后,利用“任意变形工具”旋转形成另一只兔子耳朵。
超详细图文解析用Flash制作魔法表情(5)

兔子耳朵
[] [返回上一页] [打 印]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [查看评论>>>]