KeyFC欢迎致辞,点击播放
资源、介绍、历史、Q群等新人必读
KeyFC 社区总索引
如果你找到这个笔记本,请把它邮寄给我们的回忆
KeyFC 漂流瓶传递活动 Since 2011
 

[分享]天使小夜曲MAD+制作过程+flash原文件下载

[ 23986 查看 / 35 回复 ]

本MAD只用于同人交流,切勿用于商业用途。
背景音乐使用了ASDVD游戏尾曲《粉雪につつまれて》。
图片的来源为ASDVD游戏的原图与kagaya studio系列的图片,因此相关图片的最终解释权归原作者所有。本人只是对本MAD引用到的大部分图片进行了一定的调色与合成。
本人的FLASH技术与手绘能力有限,因此只使用了基本的移动和透明效果,可能会给大家一种缺少原创因素、不停地翻图片的感觉,请大家见谅。

以下是一些截图,大家看了后如果感兴趣欢迎下载本MAD一看:






尺寸: 640 * 480

FLASH 版本下载 14.52M

AVI 版本下载 75.86M

--------------------------------------------------------------------------------

基本制作过程如下:
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/viewthread.php?tid=165694&fpage
http://www.webjx.com/web/200409246.htm

如何调色?
photoshop里用来调色的工具主要是"自动色阶""亮度/对比度""色彩平衡""色相/饱和度",前两个工具用于调明暗与色块间的对比,后两个工具用于调整图片色调与颜色的浓度. 这两个工具都在"图像>调整"这个菜单里,"自动色阶"是个很方便的工具.详细用法参考photoshop自带帮助文件.
对抠出的人物进行设色时,最好把人物与背景分成不同的层放在同一个文件里,然后分别对两者进行调色.
在这个MAD,有些地方拉丝汀的图片要反转使用,因此也要把她的眼睛颜色调整过来.








如何合成?
找素材-->抠出合适的部份(注意要羽化)-->做处理(变形/旋转/手工补完残缺部份/调色/光影效果)-->输出最终图片
这部分也没有什么诀窍,只能靠自己积累经验.

如何去掉背景图上一些不想要的物体?
方式一:用类似的图片覆盖-->调色,调透明度-->用涂抺工具涂抺边缘,使颜色过度自然
方式二:用画笔画-->用涂抺工具涂抺边缘,使颜色过度自然
方式三:用涂抺工具抺去大部份内容-->用画笔修正

涂抺工具的效果,可以拖出渐变:


MAD里一些背景的原图与改图(上面是原图,下面是改图):













可以到http://claud.ys168.com上下载一些我以前做的AS合成图片看看抠图与图层的一些效果.

对photoshop的兴趣的可以去这个论坛看看:http://www.photoshopcn.com


第四篇 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/

在www.google.com上搜索"flash+入门+技术+例子+教程"



第五篇 视频输出

文件菜单-->导出影片

如果是导出swf格式,那么jpeg品质设高一点,默认为50,后会推荐85以下,我用的是100,音频流格式,推荐(压缩:mp3 立体声 比特率:128kbps 品质:最佳),因为是MAD,所以品质优先.

如果是导出avi,推荐24位彩色图像,44kHz 16位立体声. 如果采用了视频压缩,还可以设置压缩选项,机器上安装的视频驱动越多,可选的压缩格式越多.

压缩格式的相关内容请到网上查找
分享 转发
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

今天第二个MAD,厉害~~支持一下~~~

P.S.最近KFC人才四溢啊~~-v-
2007/2/20凌晨01:14:45,获得称号「大骗子」
orz

QQ群 宅在日本 74481628
宅女腐女招募中
http://www.otkjp.cn/
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

MAD是什么啊
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

M@D,以游戏原图为基楚进行的二次制作。
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

我先下F版的来看一下好了

喜欢的话会再次下A版的吧

虽然没玩过AS...但是一直都是抱着好感的...恩恩

制作辛苦了^^
签名档:

支持UBB代码
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

ASDVD是数月前的怨念物阿……BT到92%种子浮云……-v-
MISSING IN ACTION
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

以下引用valleyforge在2004-10-2 17:23:00的发言:
ASDVD是数月前的怨念物阿……BT到92%种子浮云……-v-


现在greedland上的周边有下
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

既然是n个月前的怨念,当然在那之后不久就把它消除掉了=v=

那时从zmop的ftp拖到了-v-
MISSING IN ACTION
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

强悍的抠图……拜一个 m(_ _)m
黑手党左右铭:“互相帮助”的真正意义就是“相互利用”

无定时开放蜗牛级 FTP
动画 - ftp://anime@free.2288.org ]
同人 - ftp://doujin@free.2288.org ]

ONLINE状况留意下面的图片……

ftp://free.2288.org/online.gif
TOP

回复:[分享]天使小夜曲MAD+制作过程+flash原文件下载

好东西,支持啊`~
…そこで少女は、同じ夢を見続けている
…彼女はいつでもひとりきりで…
…大人になれずに消えていく
…そんな悲しい夢を、何度でも繰り返す…
TOP