本文详细介绍如何运用FlashMX与Photoshop结合，从手绘草图到最终制作出动画卡通人物的全过程。从起草阶段的手绘与扫描，到Photoshop处理线稿，再到Flash中对各部分填色并组合成动画，最后加入Action并插入网页，一步步指导读者完成动画制作。
看见下面的小男生了吧，眨~眼，抬~手，很简明的卡通形象，本篇所要介绍的就是通过FLASH MX结合PHOTOSHOP来制作动画卡通人物。
PHOTOSHOP是大家耳熟能详的图形处理软件了，FLASH作为网络动画设计的必备工具，虽然在图形处理方面比相关软件略逊一筹，但在网页动画制作，实现交互性上有着明显的优势，加上它对压感笔的支持，进行矢量图绘制也十分方便。从风格上讲，其着色基本属于填充、渐变的平涂类，接近于日式漫画，但作为网站元素之一，既可以美化网页，同时由于FLASH本身的特点，可与TXT，ACCESS，ASP等结合，能和浏览者进行很好的交互功能，如果变换一下形式，可以做出不少让人心动的效果来:)
好，进入正题，先看看整个制作流程：起草（手绘－扫描或压感笔绘制）－PHOTOSHOP处理线稿－在FLASH中对各部位填色－组合成动画，加入ACTION－插入网页。
1.用铅笔在A4纸张上绘制出草图，人物尺寸略大些，线条粗糙一些无所谓，将线条画得粗重，明显一些，方便下一步的钢笔描摹。
2.用一张新纸在草稿基础上重新描出轮廓线。黑钢笔勾一遍就行了，不需要任何阴影与装饰，头发也如此，不必填墨（其实眼珠也如此...）。完成后扫描到计算机里，DPI尽量大一些（我采用的是500，灰度）。如下图：
[img]/uploads/allimg/080331/1509250.jpg[/img]
PS：如果用压感笔，在PAINTER中用钢笔工具，效果是很好的。
3.在PHOTOSHOP中打开图像，RGB模式或灰度模式都行。调节亮度/对比度至合适的值，去掉灰点（因为图片较大，速度可能会慢一点）。
[img]/uploads/allimg/080331/1509251.gif[/img]
洗心革面，干净多了:)
[img]/uploads/allimg/080331/1509252.gif[/img]
除了线稿，空白处的RGB值应该都是255。
4.把线条提取出来，另建一层。可以通过channel选择，或者用“select-color range”选中白色部分，再Ctrl+Shift+I反选（如果图片很白的话，这种方式更好些）。新建图层，Ctrl+V。
[img]/uploads/allimg/080331/1509253.gif[/img]
5.现在可以删除背景层，转为RGB模式了。再转为Index模式(@#$$^^)...记住要保留透明层属性（下图）。另存为GIF图片。
[img]/uploads/allimg/080331/1509254.gif[/img]
本文转自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1611.html
PHOTOSHOP是大家耳熟能详的图形处理软件了，FLASH作为网络动画设计的必备工具，虽然在图形处理方面比相关软件略逊一筹，但在网页动画制作，实现交互性上有着明显的优势，加上它对压感笔的支持，进行矢量图绘制也十分方便。从风格上讲，其着色基本属于填充、渐变的平涂类，接近于日式漫画，但作为网站元素之一，既可以美化网页，同时由于FLASH本身的特点，可与TXT，ACCESS，ASP等结合，能和浏览者进行很好的交互功能，如果变换一下形式，可以做出不少让人心动的效果来:)
好，进入正题，先看看整个制作流程：起草（手绘－扫描或压感笔绘制）－PHOTOSHOP处理线稿－在FLASH中对各部位填色－组合成动画，加入ACTION－插入网页。
1.用铅笔在A4纸张上绘制出草图，人物尺寸略大些，线条粗糙一些无所谓，将线条画得粗重，明显一些，方便下一步的钢笔描摹。
2.用一张新纸在草稿基础上重新描出轮廓线。黑钢笔勾一遍就行了，不需要任何阴影与装饰，头发也如此，不必填墨（其实眼珠也如此...）。完成后扫描到计算机里，DPI尽量大一些（我采用的是500，灰度）。如下图：
[img]/uploads/allimg/080331/1509250.jpg[/img]
PS：如果用压感笔，在PAINTER中用钢笔工具，效果是很好的。
3.在PHOTOSHOP中打开图像，RGB模式或灰度模式都行。调节亮度/对比度至合适的值，去掉灰点（因为图片较大，速度可能会慢一点）。
[img]/uploads/allimg/080331/1509251.gif[/img]
洗心革面，干净多了:)
[img]/uploads/allimg/080331/1509252.gif[/img]
除了线稿，空白处的RGB值应该都是255。
4.把线条提取出来，另建一层。可以通过channel选择，或者用“select-color range”选中白色部分，再Ctrl+Shift+I反选（如果图片很白的话，这种方式更好些）。新建图层，Ctrl+V。
[img]/uploads/allimg/080331/1509253.gif[/img]
5.现在可以删除背景层，转为RGB模式了。再转为Index模式(@#$$^^)...记住要保留透明层属性（下图）。另存为GIF图片。
[img]/uploads/allimg/080331/1509254.gif[/img]
本文转自：http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1611.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
