名侦探柯南事务所

标题: 【试水】用PS+AE模拟柯南剧场版开头动画：M1 引爆摩天楼模拟度95%（10楼更新成品视频） [打印本页]

作者: darkforte 时间: 2010-6-10 19:29
标题: 【试水】用PS+AE模拟柯南剧场版开头动画：M1 引爆摩天楼模拟度95%（10楼更新成品视频）
本帖最后由 darkforte 于 2010-6-10 21:03 编辑

各位看剧场版的都知道，每部剧场版的一大亮点就是它的开头动画，虽然只有短短15秒，但是立刻就能烘托期紧张气氛，而且华丽的3D动画给人感觉就是一个字：炫！很多人以为这种华丽动画遥不可及，殊不知，你完全可以制作出一个华丽程度堪与之媲美的开头动画！想想吧，在你的短片当中，加上这么一段开头动画，你不觉得观众会尖叫吗？

从这篇帖子开始，我将会尝试使用3DS MAX+Photoshop+After Effects模拟柯南的剧场版开头动画，不过，请注意是“模拟”，而不是“实现”，因为毕竟人家是专业的团队，是靠这个吃饭的~而且，我也不会实现每一个小细节，例如每个字的飞行轨道必须严格与原作相一致啊，颜色必须一样啊……之类的。咱要的是“神似”~

每篇帖子都会注明模拟度，以表示这部作品对原作特效的实现程度。M1的因为较简单，所以是95%。

这篇帖子是试水之作，如果反响较好，我会继续研究下去，直到将13部（M14什么样还不知道）的动画全都模拟出来~也欢迎对这方面感兴趣的各位一起研究~

=================================

M1的特效大概有这么几个：

1.放大的镜头光晕；

2.翻滚的标题；

3.雷电劈碎标题的“壳”；

4.副标题飞出。

我们来一个一个分析：其中，放大的镜头光晕虽然在AE里做不出来，但是完全可以制作一张镜头光晕的图片，然后放大就行；翻滚的标题用AE很好做；雷电用AE秒杀；副标题做起来只是麻烦些，难度是没有的。

所以明白了目标后，就开始动手吧。（以下尺寸均按照640x480处理，请根据实际需要更改尺寸）

（1）素材准备

1.镜头光晕图片

启动PS，新建一张640x480，黑色背景的图片，解锁后选择“滤镜——渲染——镜头光晕”，这张图片就完成了
2010-6-10 18-22-10.png

2.标题

柯南的LOGO在网上很容易就能搜到，这里讲一下怎么做出“蓝色壳”效果：打开标题图片，将图层复制一份，将复制的图层混合模式设为“图案叠加”，然后选择第一个图片就能很好的满足我们的需求。但是你会看到字全变成了一团，所以把不透明度稍微降低一点，就可以了。
2010-6-10 18-25-42.png

3.副标题

继续PS，新建图片后，打上副标题，然后调整混合选项，勾上“斜面与浮雕”，然后将底色由黑色改成白色；然后勾上“渐变叠加”，M1的副标题其实是由粉色到浅蓝的渐变。
2010-6-10 18-30-48.png

（2）开始制作

打开AE，将素材导入进去。

首先是镜头光晕，只要做一个旋转着放大的图片就可以了。控制“比例”和“旋转”就可以。注意让它放到最大时就消失，不然就露馅了~
2010-6-10 18-50-03.png

然后放蓝色的图片，注意放在它上面，勾上“3D图层”，这样才可以设置我们想要的旋转。然后做一个它旋转的放大的动画。
2010-6-10 18-53-13.png

然后是重点：放雷电。首先，事先把彩色的LOGO放在蓝色的LOGO下面，注意一定要严丝合缝。
2010-6-10 18-53-33.png

由于雷电不能够控制开始的时间，所以我们把蓝色的LOGO复制一份，注意调整原先的那层的时间条。然后，在新层上加上“效果——旧版本——闪电”（生成——高级闪电并不好用，所以我用这个），然后改变一下它的起始点、结束点、分枝等信息，使它看起来华丽一点，并且移动起来。

然后，所谓“劈碎”，其实就是这个图层放大，透明……
2010-6-10 19-18-06.png

至此，大部分就完成了。下面的副标题要一个字一个字蹦出来，很麻烦，我就不做了，直接一个小3D特效糊弄了~
2010-6-10 19-20-52.png

行，这就大功告成了~然后，你需要再调整一下位置、时间等参数，就可以渲染输出了~

作者: Ella1412 时间: 2010-6-10 19:39
技术贴！
除了膜拜，我无话可说... orz

作者: 慕容飞羽 时间: 2010-6-10 19:57
技术贴，很好，希望能把成品也放上来，这样会有更直观的感受。

作者: inter_190820 时间: 2010-6-10 19:59
同意二楼。纯技术贴

作者: shania0425 时间: 2010-6-10 20:09
同意3楼，实物刺激感官。

作者: lxldou 时间: 2010-6-10 20:26
顶楼主，话说柯南以后的剧场版的片头动画越来越绚丽了，那么制作就更难了。。。

作者: 七っの子 时间: 2010-6-10 20:27
本帖最后由七っの子于 2010-6-10 20:54 编辑

为什么还要做成光圈图片？
我通常用的是vegas，自带光圈效果，不知道AE有没有

嗯，我是觉得如果图片的话就仅仅是放大，多层光圈散开的效果就没有了
boris有个插件 lens flare，AE可以用的

flare r.mp4 (590.3 KB, 下载次数: 810)

作者: darkforte 时间: 2010-6-10 20:56

顶楼主，话说柯南以后的剧场版的片头动画越来越绚丽了，那么制作就更难了。。。 ...
lxldou 发表于 2010-6-10 20:26

没问题，3DS MAX不是吃素的……

目前已经有思路的几部：

M2：其实就是一个四棱锥的模型里面，放了一个3D字，镜头绕几圈就可以了……然后，标题特效用遮罩层+突发光+扫光就能解决

M3：基德的衣服用波浪扭曲，然后的码字特效其实就是粒子特效+发光+镜头颤动

M4：做起来比较麻烦，前景比较简单，背景是一个正方体的内部来回翻动

M5：看起来难，实际上很简单……AE的碎片特效和3DS的粒子散射都能做，后者能完美模拟，唯一麻烦的是教堂的场景不好搭

M6：把钟表做成动画，然后镜头一转就可以了……

M7：只要能构建出场景，剩下的就是玩镜头……

M8：目前没辙……

M9：目前没辙……

M10：目前没辙……

M11：目前没辙……

M12：前景很好做，但背景的钢琴却很难做

M13：只要能够建出塔的模型，镜头什么的都好办

作者: darkforte 时间: 2010-6-10 20:57

为什么还要做成光圈图片？
我通常用的是vegas，自带光圈效果，不知道AE有没有

嗯，我是觉得如果图片的话就 ...
七っの子发表于 2010-6-10 20:27

AE的光圈只能移动，不能放大缩小。

作者: darkforte 时间: 2010-6-10 21:00

技术贴，很好，希望能把成品也放上来，这样会有更直观的感受。
慕容飞羽发表于 2010-6-10 19:57

http://www.tudou.com/programs/view/8TA5PSBLVCc/

作者: 七っの子 时间: 2010-6-10 21:19
回复 9# darkforte

能移动就够了吧。先做一遍只移动的渲染出来，再拖进去做一次放缩会不会比单张图片更有效果？

反正我是一直没学会3dsmax，3d方面没什么想法。M8的云，M9的海，以及M10的轨道，感觉都是难点。

不过M11的话，其实也是玩镜头吧，不过玩了很多次，再拼到一起。

作者: darkforte 时间: 2010-6-10 21:26

回复 darkforte

能移动就够了吧。先做一遍只移动的渲染出来，再拖进去做一次放缩会不会比单张图片更有效 ...
七っの子发表于 2010-6-10 21:19

AE的镜头光晕感觉很鸡肋，散光效果好像很不明显，没有你那个Vegas的效果好。如果追求完美的镜头特效，就应该先在Vegas里做好，然后倒进AE里。不过这实在是很费时间……一般观众如果不是眼睛很挑剔，是看不出这点差别的……所以说是“模拟”……

3DS我也只是一知半解，没碰过几次，但是我的同学有3DS高手，上次给我演示了M5粒子碎片的做法，那简直不是一般的华丽……跟M5效果几乎一模一样……简单的话，AE也能做，但是做不出徽章在空间内的效果来。

作者: 怪盗缺德 时间: 2010-6-10 21:38
支持！最好原创个TV片头哈哈

作者: 〖小森子〗 时间: 2010-6-10 22:07
感兴趣的帖子~支持个!

作者: lemeilleur 时间: 2010-6-10 22:40
强悍的技术贴……话说3D特效全面应用是从M7开始的吧。。

作者: 七っの子 时间: 2010-6-10 22:49
回复 12# darkforte

想来adobe一直都是做软件的，镜头光圈这种东西当然比不上sony这做影像器材的吧。

要是能有你同学那种水平的话，M8M9什么的都好办了。

作者: show4646 时间: 2010-6-11 03:26
不懂技术的路过支持下……
顶LZ头像

作者: 紫若冰 时间: 2010-6-11 10:22
强大的技术帖。。膜拜一下~

如果原创个开头就再好不过啦~哈哈~

作者: jnjn120120 时间: 2010-6-11 11:42
虽然LZ一再谦虚,不过这个帖子确实很技术
期待着m2—m13的效果

作者: 慕容飞羽 时间: 2010-6-11 13:05
光晕的模拟效果感觉的确不是很完美，这个也是软件的局限性吧。早期的还好，后期的完全3D化以后，那些片头也都是大工程。人家都是一个团队在做的，一个人也只能达到模拟效果了，完全复刻的要求太高了。恐怕中间制作过程中的文件以及计算量是相当庞大。我记得45S制作的片头就是如此，很华丽，但是华丽的代价是庞大的制作成本。

作者: 绫原哀 时间: 2010-6-11 14:57
技术帖啊，支持原创~如果做成动画OP剧场开场大集合就膜拜至极了

作者: BEIKABAKER 时间: 2010-6-11 16:30
不懂行的某人进来仰望一下强帖~

作者: b.p.bravo 时间: 2010-6-11 16:42
提示: 作者被禁止或删除内容自动屏蔽

作者: jq_ila2 时间: 2010-6-11 18:36
神技术啊！

作者: beiguo2 时间: 2010-6-11 18:40
很感兴趣，强烈支持！个人一直很想收集一套完美的剧场开场动画，希望看到楼主不断有新的仿真作品！个人非常喜欢M7的开场动画..

作者: darkforte 时间: 2010-6-11 20:35

强悍的技术贴……话说3D特效全面应用是从M7开始的吧。。
lemeilleur 发表于 2010-6-10 22:40

M2开始就有3D的效果了……严格意义上说，M2就已经是全部3D效果，如果是从感官的角度来讲的话，全部3D是从M5开始的（M5的标题动画是AE做不出来的）

作者: 黑羽龙马 时间: 2010-6-12 00:06
我这辈子都学不好ps，无数次尝试基础，但是每次学了一会会就放弃，然后过阵子就忘记。。。
赞~

作者: leland 时间: 2010-6-12 09:03
虽然LZ一再谦虚,不过这个帖子确实很技术
期待着m2—m13的效果

作者: コ小ナソ 时间: 2010-6-12 09:13
膜拜高手……

作者: 江虎川 时间: 2010-6-12 12:47
这个好有技术含量，崇拜

作者: darkforte 时间: 2010-6-12 20:18

这个好有技术含量，崇拜
江虎川发表于 2010-6-12 12:47

M1的只是试水，好戏在后面~不过再研究估计得过一段时间了

作者: 運命 时间: 2010-6-12 22:09
果然好帖！支持~~

作者: ST.luffy 时间: 2010-6-13 23:17
不知道说啥好，点下围观，回个水帖，以示支持。

作者: conan_dick 时间: 2010-6-23 11:27
支持膜拜~ 很好的技术贴！

作者: darkforte 时间: 2010-6-23 15:46
对了，这种帖子是应该发到PC区还是发到主论坛啊……？

作者: Mr_騎士 时间: 2010-6-24 16:55
好厉害~

作者: alphashadow 时间: 2010-6-24 18:12
45S的片头好像也很好啊。不知道花了多少成本。

作者: darkforte 时间: 2010-6-25 17:26
回复 37# alphashadow

怎么说呢，效果跟成本基本上是呈正比关系的，但是偶尔也会出现特殊情况……45s的片头应该是需要很大成本的，至少M12的那个我做不出来……那个应该不止用AE了

作者: xiaobin 时间: 2010-6-25 17:37
以下就是M12片头所用到的软件：

音频软件：
Cakewalk SONAR 7（MIDI编辑）
True Pianos（钢琴音源）
Adobe Audition 2（音频编辑）
ASIO4ALL v2（ASIO驱动）

视频软件：
Photoshop CS3（设计）
Flash CS3（二维动画）
3DS Max 9（三维动画）
Vray 1.5（鱼眼效果渲染）
Fusion 5（后期合成）
Tinderbox（用了其中的T-Rays插件）
VirtualDubMod（视频音频混合、编码）

程序工具：
Flex Builder 3（AS3脚本编辑）
Visual Basic 6（VB脚本编辑）

脚本语言：
Action Script 3（MIDI文件读取、同步MIDI和二维动画）
MAXScript（同步MIDI和三维动画）
Visual Basic 6（SWF的动态截图）
AVS（视频音频混合）

作者: retto 时间: 2010-6-25 17:46
提示: 作者被禁止或删除内容自动屏蔽

作者: 最爱马甲 时间: 2010-6-25 18:30
AE最大的缺陷之一就是中间张无力，要做出流畅的动画还是要靠FLASH……

作者: darkforte 时间: 2010-6-25 20:11

以下就是M12片头所用到的软件：

音频软件：
Cakewalk SONAR 7（MIDI编辑）
True Pianos（钢琴音源）
Adobe ...
xiaobin 发表于 2010-6-25 17:37

有几个猜到了……3DS MAX和Audition，PS CS3是必需的，但是居然没有用AE么？

作者: darkforte 时间: 2010-6-25 20:13
回复 41# 最爱马甲

Flash么……原谅我无法把Flash简单的2D动画和华丽的3D光影场景联系到一块去……

作者: Kaito_キツト 时间: 2010-6-25 20:16
牛X
话说
AE全名是啥啊？

作者: xiaobin 时间: 2010-6-25 20:52
嗯，做片头的F哥不是AE党

作者: darkforte 时间: 2010-6-25 20:55

牛X
话说
AE全名是啥啊？
Kaito_キツト发表于 2010-6-25 20:16

Adobe After Effects，号称“视频界的Photoshop”

作者: darkforte 时间: 2010-6-25 20:58
回复 45# xiaobin

好吧……不过，我现在想学习学习3DS MAX……在做M2的片头的时候，海平面的制作（前一半的3D动画）遇到了比较大的麻烦。

作者: retto 时间: 2010-6-25 21:10
提示: 作者被禁止或删除内容自动屏蔽

作者: darkforte 时间: 2010-6-25 21:22

想想俺那猥琐的小片头俺内牛满面...
retto 发表于 2010-6-25 21:10

我觉得这个片头其实也挺猥琐的……

作者: Kaito_キツト 时间: 2010-6-25 23:50

Adobe After Effects，号称“视频界的Photoshop”
darkforte 发表于 2010-6-25 21:55

哦哦

懂了懂了
俺也去学

作者: 衷柯 时间: 2010-6-26 14:40
……
3D MAX么……
厄
我学的是maya
觉得LZ这个效果直接用AE就可以实现了
不需要在PS里改
不过个人还是用Fusion比较顺手= =

作者: wujiang810 时间: 2010-6-26 17:18
那个45S的片头是个啥东西？

作者: コナン永恒 时间: 2010-6-26 17:36
LZ的确强悍，我真的很佩服

作者: darkforte 时间: 2010-6-26 22:41

……
3D MAX么……
厄
我学的是maya
觉得LZ这个效果直接用AE就可以实现了
不需要在PS里改
不过个人还是用Fu ...
衷柯发表于 2010-6-26 14:40

个人习惯，毕竟在PS里面混合模式比较全，做个特效字方便点。Fusion是什么?能否介绍一下?

作者: darkforte 时间: 2010-6-26 22:43
今天专门学习了AE文字特效，已经知道副标题"引爆摩天楼"方便而标准的制作方法---路径文字哪天补上...

作者: 衷柯 时间: 2010-6-27 14:40
回复 54# darkforte

也是类似于AE的一款软件
不过主要用于电影级别的制作
AE是层级软件
FUSION则是节点软件
它的校色功能相当强大
很多AE的插件FUSION也可以使用

作者: juliachen92321 时间: 2010-6-27 16:54
提示: 作者被禁止或删除内容自动屏蔽

作者: darkforte 时间: 2010-6-27 17:24

回复 darkforte

也是类似于AE的一款软件
不过主要用于电影级别的制作
AE是层级软件
FU ...
衷柯发表于 2010-6-27 14:40

什么叫层级和节点级……？话说，这里有对3DS MAX有研究的同学吗？求交流……我对3DMAX感到十分苦手，用不惯

作者: 衷柯 时间: 2010-6-27 18:46
回复 58# darkforte

AE不都是一层一层的么……
什么固态层
FUSION则是一个节点一个节点……
厄……
我只会这么解释- -

作者: pplk9394 时间: 2010-6-28 14:54
喔..技術帖
弄得不錯

作者: darkforte 时间: 2010-6-28 18:48

回复 darkforte

AE不都是一层一层的么……
什么固态层
FUSION则是一个节点一个节点……
...
衷柯发表于 2010-6-27 18:46

不太好想象不过功能上和AE有什么区别么？我现在非常希望找个好用点的3D动画制作工具

作者: 衷柯 时间: 2010-6-28 21:39
回复 61# darkforte

功能上和AE没啥区别
用法不同而已
看自己用的顺不顺手了
特效的话AE插件多
更强一点
校色的话FUSION绝对比AE好用
FUSION和AE一样
是后期合成软件
3D制作的话
那一般就是3D和MAYA了
3D用来做建筑漫游和游戏比较多
MAYA用来做动画和电影比较多
当然这不是绝对的

作者: 5864 时间: 2010-7-17 21:27
好多技术强人~~膜拜~
LZ坚定了我学习3D的想法~
期待LZ的m2-m13~

作者: 棒头糖小糖 时间: 2010-7-18 12:58
凹~~~ 技术啊技术内涵啊内涵。。。
看了也没会。。。 = =|||

我一直特喜欢45所做的剧场版... 开头的那部分....那个APTX的logo太美型了啊啊啊啊啊啊~~~
但是。。。我想说。。。。大家有没有觉得45所翻的剧场版。。
字幕都好小哦。。。。T T

484我拿本本看才这样的呢……

作者: lllxxyy 时间: 2010-7-18 14:20
欧~太彪悍了~

欢迎光临名侦探柯南事务所 (https://bbs.aptx.cn/)