Code Lyoko CN - 中国虚幻勇士(至Net奇兵)交流论坛

标题: 【开帖】【转载】【MAD教程】用Flash制作Mad Movie。 [打印本页]

作者: 忧云殇 时间: 2011-7-20 17:24 标题: 【开帖】【转载】【MAD教程】用Flash制作Mad Movie。

本教程为FLsnow MAD TEAM原创教程，转自雪舞清盈论坛（http://www.flsnow.net/bbs）
MAD制作教程之一，用Flash制作Mad Movie。
学习动画软件并不难，也没有必要把所有图形动画软件学完。根据自己的发展方向选择必要的软件就可以了，而且也不一定非要美术专业的不可，我就是一个从小到大都没接受过系统的美术培训的人。当然，有美术的功底还是好的，在处理场景与图片是会有相当的帮助，必要的时候也可以自己手绘一些图像，但是这个条件是非必要的。
FLASH MTV,MV：现在是国内的主流，图像基本上是制作者原创而成，音乐绝大部份是中文歌曲与欧美音乐，基本没见过日文歌。对制作者的原创意识与绘画技法要求相当高，但由于flash在特效功能上的先天不足，无法或很难制作出华丽的特效。（可参考的软件：Flash,Photoshop）
动漫MTV：这类片子以日文歌为主，视频主要直接从动漫的片源里剪裁，用Adobe Premiere等视频剪辑工具合成为一个整体后，再加上AE特效或SSA字幕，原创度不高，但是却很讲究场景的选择。（可参考的软件：Premiere,Photoshop）
游戏MAD：做MAD很少会直接使用视频片段，而是用游戏的原图，经过作者的加工与对图片的重构，并配以文字、视觉特效、音乐的节奏感来表现 MAD的主题。制作过程比做动漫MTV复杂（因为要让静止画表现出动感），但是相对地，自由度也会比动漫MTV高很多。MAD的最主要部份是题材与构思，因为可用的素材有限，如何有效地组织起来是个关键。音乐的选择也很重要，节奏感明快的音乐更能容易地与特效配合起来，特别是闪烁，震动类的效果，如果是慢歌或节奏感不强的歌，就只能靠作者在场景方面的表现力了，这类歌曲一用上快速或闪烁就会很怪。（可参考的软件：Photoshop,After Effects,Sony Vegas,Combustion,Flash）
3D动画：尽管3D动画才是最终的王道，但是由于渲染过程对机器的要求很高，入门也不是太容易，所以是否学习就视个人选择。（可参考的软件：3DMax , Maya , Lightware, Doga）
辅助系的软件：swish , cool3D等...
MAD（原称M@D）文化是一种二次创作的同人文化，MAD MOVIE就是指用游戏的原素材进行二次创作而成的MOVIE。现在说的MAD也多指MAD MOVIE.
MAD的相关发展历史请到www.google.com搜索：M@D黑历史，有相关网站提供资源
如果做MAD MOVIE的话，人物部份就必须用官方的图片和游戏的原图，背景方面的选择可以自由一些，不过用原游戏的背景会更能使玩家共鸣。图片可以找原画集或用工具从游戏的资源文件里提取，因为原图的颜色光暗等大部份情况下会和MAD的场景的要求有所差别，所以必须经过一定处理。
PS：太过执着于技术并不是好事，可以的话，尽量团队制作，这样每个人都可以把时间有效地用在自己的特长方面，没有必要什么都学，计算机相关的东西太多，学不完的。
==================================FLASH篇====================================
本MAD只用于同人交流，切勿用于商业用途。
背景音乐使用了天使恋曲(ASDVD)游戏尾曲《粉雪につつまれて》。
图片的来源为ASDVD游戏的原图与kagaya studio系列的图片，因此相关图片的最终解释权归原作者所有。本人只是对本MAD引用到的大部分图片进行了一定的调色与合成。
制作时间：5周

FALSH原文件下载，将6个分卷下载到同一目录下解压
http://asmad.ys168.com
--------------------------------------------------------------------------------
基本制作过程如下:
1.确定想表达的主题与整个MAD的基调.如围绕哪一个主题?以什么样的颜色为主色等...
2.初步的场景设计.先在脑里构思一下每个场景,然后在纸上大概画一下场景的布局,并写下场景的大概时间长度.
3.根据要表达的主题收集合适的素材.在几个大形门户网站的相册里都很容易找到好的素材图片,如photo.163.com,21cn的相册等等

4楼
基本制作过程如下:
1.确定想表达的主题与整个MAD的基调.如围绕哪一个主题?以什么样的颜色为主色等...
2.初步的场景设计.先在脑里构思一下每个场景,然后在纸上大概画一下场景的布局,并写下场景的大概时间长度.
3.根据要表达的主题收集合适的素材.在几个大形门户网站的相册里都很容易找到好的素材图片,如photo.163.com,21cn的相册等等
4.对素材进行加工.如抠图/重新调整色阶使之与整个MAD的基调一置/改变一些人物的表情与姿势/补完或更改人物某些不完整的部分/处理掉背景的版权标记和一些多余的景物等等,这一步用photoshop做会比较方便.
5.制作Flash.可以用一些其他的外挂工具作辅助,这样制作某些效果会容易很多也省时间,不过如果想在flash修改这些特殊就不是很方便,必须在原工具制作后再重新导入flash里.
6.输出影片.
以下以我做的ASMAD做例子,写一些基本的过程:
素材的下载点:
KAGAYA1
KAGAYA2
AS相关图片

第一篇颜色常识
http://www.citk.net/color/color.htm
http://www.ddcat.net/sheji/peise/menu01.htm

第二篇构图常识
(这一张是在网上找到的某人的真琴的桌面,上面有很多图标,由于找不到原图,所有就自己改了一张)
一般情况下，像这类长宽比是4:3的图，前景人物放在图片长度的黄金分割点（长度的0.618）会比较好看，之后要根据前景人物在整个图里的“重量”对位置作适当调整，这个图的前景偏重，所以我放在黄金分割点偏右的地方，这样整个图左右两连的重量会均衡一点，不会给人一面倒的感觉。背景部份为特写型的大头像，这类型的图,人物一个眼睛最好要穿过整个图的中线，一方面会有一种较平稳的感觉，另一方面头像所在的位置刚好也在黄金分割点上。因为眼睛的颜色比效突出，所以位置一定要选好，高度的比例点，我还是放在了上半个黄金分割点处。最后按要表达的气氛从整体上对各部份位置作细微的调整。
通常，我们会看到文字多数会在图片的下方，这是因为人的感觉所致，通常根基重的物体会给人一种稳定的感觉，图片也一样。文字放在图片的中对称轴也能产生这样的效果，但因为会影响构图，所以除非这些文字是用作装饰，一般很少这样使用。文字如果放在上方，会给人一种压抑的感觉，就像当一个人感到自己的头很重是一样。至于放在左右两边，通常是为了突出主题与使图像平衡，而文字也多采用半透明的颜色。
以上是一些个人的看法.下面是网上的一些相关文章:
http://www.cn07.net/Article_Show.asp?ArticleID=131
http://cxiaofei.myrice.com/xhmh/goutyqf/xhmh-qf1.htm

第三篇素材加工
如何抠图?
在photoshop 7.0前版本里抠图一般用的工具"索套/"钢笔/"魔棒",索套比较易用,但不能很方便地选出平滑的曲线,钢笔可以很轻松地做到."魔棒"可以选出颜色相似的一版区域.详细用法参考photoshop自带帮助文件.
这个过程没有什么诀窍,要耐心和细致.选出人物的选区后,对选区进行羽化,一般一个像素就可以了.不进行羽化的话,抠出来的人物会有锯齿,这是做图片与动画的大忌.把图片剪切下来,新建一个透明背景的psd图片文件,并把剪切出来的人物粘贴进去,然后把新图片另存为PNG格式,就样就能得到前景透明的人物图.
photoshop 7.0版本有滤镜可以直接做到:http://www.knowsky.com/3904.html
当然如果photoshop用得熟练,用通道抠图的方法的效率会更高.不过对于初学者,通道的概念并不是很好理解.
网上的一些抠图教程:
http://www.photoshopcn.com/bbs/v ... 65694&fpage
http://www.webjx.com/web/200409246.htm
如何调色?
photoshop里用来调色的工具主要是"自动色阶""亮度/对比度""色彩平衡""色相/饱和度",前两个工具用于调明暗与色块间的对比,后两个工具用于调整图片色调与颜色的浓度. 这两个工具都在"图像>调整"这个菜单里,"自动色阶"是个很方便的工具.详细用法参考 photoshop自带帮助文件.
对抠出的人物进行设色时,最好把人物与背景分成不同的层放在同一个文件里,然后分别对两者进行调色.
在这个MAD,有些地方拉丝汀的图片要反转使用,因此也要把她的眼睛颜色调整过来.

如何合成?
找素材-->抠出合适的部份(注意要羽化)-->做处理(变形/旋转/手工补完残缺部份/调色/光影效果)-->输出最终图片
这部分也没有什么诀窍,只能靠自己积累经验.
如何去掉背景图上一些不想要的物体?
方式一:用类似的图片覆盖-->调色,调透明度-->用涂?工具涂?边缘,使颜色过度自然
方式二:用画笔画-->用涂?工具涂?边缘,使颜色过度自然
方式三:用涂?工具?去大部份内容-->用画笔修正
涂?工具的效果,可以拖出渐变:

作者: 忧云殇 时间: 2011-7-20 17:25

第四篇 FLASH制作
动画的最基本概念就是帧(frame),表示在动画的某个特定的时间点上所显示的图像(和音效).在flash里就是时间轴上的某一个点里所展现的图像.
很多动画软件里都有关键帧的概念,通常关键帧表示影片中的某个对象的某些状态属性(座标,长宽,透明度,颜色,角度,特效等)在一个特定的时间点开始变化或结束变化.
做MAD时最好将每秒的帧数设成18,这样动画会平滑一些,默认是12帧每秒
层的概念,看名字就知道什么意思了.在上层的图像会遮住下层的图像,只有透明的部分才会显视下层的图像.
Flash里的渐变有两种:
1.动作渐变:进行动作渐变的对象必须是symbol(有些书会译在组件,有些书会译成符号,FLASH中文版里称元件),元件包括图形,影片,按钮三种.如果进行动作渐变时没有把对象转换为元件,FALSH会自动把该对象转换为图形.
2.形状渐变:进行形状渐变的对象必须是矢量图的,而且要经过打散,元件与位图不能进行形状渐变.
入门教程:
http://www.ddvip.net/mediamovice/flash/index.asp
网上的FALSH入门相关教程太多,这里就不再介绍如何做渐变了.以下MAD里的降雪场景为例说一说如何在影片剪辑出中嵌入另一个影片剪辑,这在MAD制作里用得比较多.
降雪的一些透视规律:选择一个距离作为视觉的焦点,按照透视的近大远小的规律,远处的雪花要小,在整个屏幕的下落的速度变慢;近处的雪花要大一点,下落速度要快.而且无论远处还是近处的雪花,越远离视觉焦点,就会变得越模糊,可以调整透明度达到这种效果.
1.新建图形元件,命名为"s雪",作为中景.画一个没有边框的正圆,用放射性颜色渐变填充颜色:放射中心为透明度85%的白色,放射远端为透明度0%的白色,并把它的圆心与元件的座标原点对齐.

2.用同样的方法,画几个大小不同透明度不同的雪,并转为图形元件.
3.新建一个名为"m雪(单片)"的影片剪辑,在时间轴的图层一左边的描述区域,选择右键菜单里的"添加引导层"

4.在新添加的引导层里画一条从上到下的平滑的S形曲线,这个将作为雪花飘落的路线.要注意的是曲线一定要从上到下跨过整个影片的屏幕高度.

5.选择图层一,从库里把图形元件"s雪"拖到影片中,并使"s雪"的中心与路径曲线的最上点重合.
6.在时间轴上图层一的第100帧处点击右键,选择"转换为关键帧".确定图层一的第100帧的帧标识变成关键帧并且时间线在100帧后,选中场景里的"s雪",拖动,并使"s雪"的中心与路径曲线的最下端重合.
7.在时间轴上选择图层一的第一帧,在帧属性窗口的"补间"选中"动作",就可以得到一个按路径飘落的雪花影片剪辑
8.用同样的方法做出远景和近景的单片雪花的影片剪辑,注意透视规律,雪花越远下落时间越慢
9.新建一个影片剪辑,命名为"m下雪",现在开始把之前做的雪片合起来.
10.从库里随便找一个单片雪花飘落的影片剪辑拖出并移动到影片的上方,选中拖出的剪辑的实例,并在属性窗口里将播放方式从"影片"设为"图形",循环方式设为"循环",一定时间线到达该帧,影片就会不停地循环播放,直到在该层遇到新的关键帧为止,这正是我们想要的.完成操作后锁定本图层.这里要注意的是,影片剪辑的播放方式中,"影片"方式不能在设计时看到效果,输出成AVI也不会显示出来,只有swf格式可以播放,是一种事件驱动的播放方式;"图形"方式在设计时就可以看到效果,输出AVI后也能正常播放,因为它已经被FASLH自动生成到各个帧中去.

11.新建一个层,在第7帧插入一个空白关键帧(在其它帧插入也可以,目的在于错开雪片下落的初始时间),按10的方法处理本层.
12.按10,11的步骤多做一些层.
13.在每个层的1000帧处插入一个帧(不是关键帧),使下雪的时间足够长.这样,下雪的影片剪辑就完成了.以后只要把这个剪辑拖到场景中,把拖出来的实例的播放方式设为"图形""只播放一次即可",因为剪辑的长度己经足够长,所以无需循环.

下面开始MAD的正式制作:
因为MAD的背景音乐是连惯的,所以不能按平时做flash那样分成多个场景做完然后再用action script转换场景.MAD所有动画都在默认场景完成
1.选择文件菜单的导入,导入要用到的背景音乐.
2.再库中把音乐文件拖到图层一中,再在层一时间轴足够长的位置插入一个帧(帧总长度=歌曲的总秒数*FLASH每秒播放的帧数),选择第一帧,在帧属性的同步中选中"数据流"(这步一定要做,不然会出现音乐与动画脱节的现象),锁定该层.

3.新建一个层,按下回车键,听歌,你会看到时间线在划动,在每个过门与歌词的开始处插入空白关键帧,以歌词作为该帧的标识,方便以后控制时间.
4.之后是制作场景,因为这个MAD的技术不算复杂,具体我就不再细说,大家可以http://asmad.ys168.com下载MAD的原文件,这个已经是最终版本的文件.
更多的FLASH技术站点:
闪客帝国:
http://www.flashempire.net/
http://www.flashempire.com/
闪吧:
http://www.flash8.net/bbs/index.asp
在www.google.com上搜索"flash+入门+技术+例子+教程"

第五篇视频输出
文件菜单-->导出影片
如果是导出swf格式,那么jpeg品质设高一点,默认为50,后会推荐85以下,我用的是100,音频流格式,推荐(压缩:mp3 立体声比特率:128kbps 品质:最佳),因为是MAD,所以品质优先.
如果是导出avi,推荐24位彩色图像,44kHz 16位立体声. 如果采用了视频压缩,还可以设置压缩选项,机器上安装的视频驱动越多,可选的压缩格式越多.
压缩格式的相关内容请到网上查找

详见http://flsnow.net/bbs/viewthread ... ;amp;extra=page%3D1

作者: 有机物 时间: 2011-8-6 19:56

额……内容里的网页全挂了……

欢迎光临 Code Lyoko CN - 中国虚幻勇士(至Net奇兵)交流论坛 (http://bbs.codelyoko.cn/)