看见下面的小男生了吧,眨~眼,抬~手,很简明的卡通形象,本篇所要介绍的就是通过FLASH MX结合PHOTOSHOP来制作动画卡通人物。
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图片。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1611.html
发表评论
-
纯AS动感LOADING,可以开启随机12种效果
2010-04-10 13:37 530//加载需要使用的类 import mx.transition ... -
纯AS动感LOADING,可以开启随机12种效果
2010-04-10 13:36 637//加载需要使用的类 import mx.transition ... -
纯ActionScript的Loading效果四例
2010-04-10 13:36 604前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
纯ActionScript的Loading效果四例
2010-04-10 13:36 479前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
利用装载字节数制作loading
2010-04-10 13:36 567终于搞定。。呵呵。。 ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 14:01 617[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
ActionScript 3.0系列教程:Document Class特色为我们带来了什么?
2010-04-09 14:01 564Document Class,中文直译为“文档类”。顾名思义 ... -
ActionScript 3.0系列教程:Document Class特色为我们带来了什么?
2010-04-09 14:01 622Document Class,中文直译为“文档类”。顾名思义 ... -
AS3.0的类及绑定
2010-04-09 14:01 749[1b]ActionScript 3.0系列教程(2):AS ... -
AS3.0的类及绑定
2010-04-09 14:00 745[1b]ActionScript 3.0系列教程(2):AS ... -
as3游戏开发之打气球系列(二)
2010-04-09 11:51 453HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 11:51 535一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 11:51 463好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 11:50 505在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 11:50 524很不错的视频教程 原文地址: http://blog.sina ... -
漫画绘制技法大放送(上)
2010-04-08 11:23 509网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 11:23 533上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
卡通娃娃360度转身动画
2010-04-08 11:23 549超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 11:23 614。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 11:22 843本文转自:h ...
相关推荐
FLASH MX2004 动画特效素材
网页动画设计与制作Flash MX 2004 素材 人民邮电出版社
Flash的小教程,一些基础,适合刚入门的使用
计算机FlashMX动画制作教案.doc
讲述FLASH MX在日常动画设计工作中实际用到的功能,包括用户界面的改进、工具的改进、动作的增加以及支持更多的文件导入等。共基础篇与精彩实例2部分
Flash MX 2004动画制作宝典.part1
Flash动画制作(MX 2004中文版)PPT 教程
Macromedia Flash MX 2004是具有专业水准的交互动画创作工具,而动作脚本ActionScript 是用户在Flash内开发应用程序时所使用的语言。使用ActionScript,可以创建出各种交互式动 画以及应用程序,甚至是各种复杂的...
述FLASH MX在日常动画设计工作中实际用到的功能,包括用户界面的改进、工具的改进、动作的增加以及支持更多的文件导入等。共基础篇与精彩实例2部分.
讲述FLASH MX在日常动画设计工作中实际用到的功能,包括用户界面的改进、工具的改进、动作的增加以及支持更多的文件导入等。共基础篇与精彩实例2部分
介绍Flash MX的基础知识、基本概念、操作方法和使用技巧
Flash MX 2004动画制作宝典.part2
Flash MX编程与创意实现-源码 超强实例
MX1.25 接插件Altium封装库AD三维视图PCB封装库(2D3D封装库),封装列表:Component Count : 64 Component Name ----------------------------------------------- MX 1.25-LI-2P MX 1.25-LI-3P MX 1.25-LI-4P MX ...
Flash MX 动画制作实例教程有兴趣的学学哈。
Flash MX 2004动画设计教程与上机指导.rar 清华大学出版社
Flash MX 2004动画制作宝典.part3 (完整)
《Flash mx 课件制作实用教程》PPT电子讲义之一(第1章~第5章) 《Flash mx 课件制作实用教程》正式出版以后,已经被多所师范院校选作CAI课件制作、多媒体教学教材,如:长沙第一师范、开封教育学院、山西太古...
Robotis Dynamixel系列舵机(RX-24、MX-28、MX-64、MX-106等)控制程序demo; 控制接口使用RS485总线控制,可通过RS485总线串联多个舵机进行控制; 本demo程序包含底层串口驱动接口、通信协议层以及主函数,可设置...
Flash_MX2004动画制作教程,适合喜爱FLASH动画的新手学习如何适用Flash_MX2004制作简单的动画