快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

FLASH MX制作动画卡通人物

  PHOTOSHOP是大家耳熟能详的图形处理软件了,FLASH作为网络动画设计的必备工具,虽然在图形处理方面比相关软件略逊一筹,但在网页动画制作,实现交互性上有着明显的优势,加上它对压感笔的支持,进行矢量图绘制也十分方便。从风格上讲,其着色基本属于填充、渐变的平涂类,接近于日式漫画,但作为网站元素之一,既可以美化网页,同时由于FLASH本身的特点,可与TXT,ACCESS,ASP等结合,能和浏览者进行很好的交互功能,假如变换一下形式,可以做出不少让人心动的效果来:)

  好,进入正题,先看看整个制作流程:起草(手绘-扫描或压感笔绘制)-PHOTOSHOP处理线稿-在FLASH中对各部位填色-组合成动画,加入ACTION-插入网页。

  1.用铅笔在A4纸张上绘制出草图,人物尺寸略大些,线条粗糙一些无所谓,将线条画得粗重,明显一些,方便下一步的钢笔描摹。

  2.用一张新纸在草稿基础上重新描出轮廓线。黑钢笔勾一遍就行了,不需要任何阴影与装饰,头发也如此,不必填墨(其实眼珠也如此...)。完成后扫描到计算机里,DPI尽量大一些(我采用的是500,灰度)。如下图:

  PS:假如用压感笔,在PAINTER中用钢笔工具,效果是很好的。

  3.在PHOTOSHOP中打开图像,RGB模式或灰度模式都行。调节亮度/对比度至合适的值,去掉灰点(因为图片较大,速度可能会慢一点)。

  洗心革面,干净多了:) 


  除了线稿,空白处的RGB值应该都是255。

  4.把线条提取出来,另建一层。可以通过channel选择,或者用“select-color range”选中白色部分,再Ctrl+Shift+I反选(假如图片很白的话,这种方法更好些)。新建图层,Ctrl+V。

  5.现在可以删除背景层,转为RGB模式了。再转为Index模式(@#$$^^)...记住要保留透明层属性(下图)。另存为GIF图片。

  6.赶紧把PHOTOSHOP关掉!!开的窗口太多,搞得机器半死不活了:( 

  7.在FLASH中新建文件。Ctrl+R导入GIF图:

  比较大...先不进行缩放。选择Modify-trace Bitmap,将位图打散成矢量图。

  PS: Color指颜色的容差值(从0-500),略选大点。Minimum Area指包含的像素范围。可以按PHOTOSHOP中魔术棒的参数来理解。假如我理解有误,那就是...贻误网友了。

    说了这么多,总算转变完了...假如是彩图,还得多写几行PS:)

    效果还好。PS:假如毛刺很明显,最好重新打散一遍,把值再调大些。

  8.下面修饰一下看起来突兀的线条,这样既能圆滑线条,又可以减少文件大小。全选-Modify-Optimize,将节点优化,让整幅图先减下肥。然后选中要局部修改的线段,点击Smooth,多点几次,满足就松手!

  平滑多了!把其他不满足的地方也修改过来。

  9.按Ctrl+G将所有线条群组(这样可以避免移动时不能全部选中),将图像缩小至合适大小。

  虽然理论上矢量绘图软件图形的缩放不会影响外形的变化,但实际运用中,缩小后的图形将忽略一些细节,因此字节数也会小得多!

  10.因为最终作出的效果是带有一定动画效果的,所以要将图片进行分层处理。用套索工具将头部圈起来,剪切后另存在一层中。

  继承--双手各一层,躯体一层,眼睛一层...注重选取时边界的光滑就行了,尽量不产生多余的节点。action是一层空的,专门建要害帧,存放行为动作的。


返回类别: Flash教程
上一教程: 个性化鼠标右键内容
下一教程: flash中视频文件导入(初学者教程)

您可以阅读与"FLASH MX制作动画卡通人物"相关的教程:
· Flash中卡通人物的急速跑步的制作
· Flash MX 2004实例制作视频教程:机器猫动画片头2
· Flash制作Q版人物侧面走动画效果
· 用Flash MX制作出色的粉荷清波动画特效一例
· Flash MX 2004实例制作视频教程:《火影忍者》动画片头制作(4)
    微笑服务 优质保证 索取样品