mappingvideotut

12
After Effects + MadMapper and How to map a building… AE+MM = 建筑景观投影 原教程: http://www.madmapper.com/after-effects-madmapper-how-to-map-a-building/ 翻译(仅包含重点部分,软件操作细节请分别参考相关软件) Outtersea Creation http://www.outtersea.com 2012/07/26 在本教程里,我们将使用AfterEffects制作一段QuickTime影片,并用这段影片制作一段建筑 景观投影。 PhotoShop调整原始建筑图片, AfterEffect制作建筑表面特效效果的动画,并导出QuickTime影片 MadMapper来调节矫正影片,使画面吻合建筑表面

Upload: yi-yang

Post on 12-Mar-2016

229 views

Category:

Documents


7 download

DESCRIPTION

madmapper for MappingVideo

TRANSCRIPT

Page 1: MappingVideoTUT

After Effects + MadMapper and How to map a building…AE+MM = 建筑景观投影

原教程: http://www.madmapper.com/after-effects-madmapper-how-to-map-a-building/ 翻译(仅包含重点部分,软件操作细节请分别参考相关软件) Outtersea Creation http://www.outtersea.com 2012/07/26 在本教程里,我们将使用AfterEffects制作一段QuickTime影片,并用这段影片制作一段建筑景观投影。

-PhotoShop调整原始建筑图片,

-AfterEffect制作建筑表面特效效果的动画,并导出QuickTime影片

-MadMapper来调节矫正影片,使画面吻合建筑表面

Page 2: MappingVideoTUT

(一) 选取你想要做投影效果的建筑并对拍摄它的立面,鉴于建筑环境空间的限制,我们一般很难拍摄到建筑的全部立面,或者因为镜头的关系会画面会产生变形。所以,我们可以通过拍摄局部,并使用Photoshop拼接和矫正来得到一张“端端正正”的建筑正面立面照片。

下图就是我们常常能够拍到的样子,在ps里我们主要是用剪切,变形工具来进行画面重够。

(1)剪切,变形 ,复制反转制作对称面,合成整个立面。可以使用参考线透视矫正。

Page 3: MappingVideoTUT

(2)在刚刚制作的完整立面的画面上,使用线条勾画建筑的主要结构特征。

这些白色线条将在之后的过程里帮助我们矫正投影画面。在原来建筑立面的图层上面先建一个图层,并在上面填充半透明黑色,最后再建立一个图层并置顶,在这个置顶图层上面用线条勾画建筑的主要结构。

(3)调节文件的画面尺寸(image size),固定长宽比例的条件下让长度变成1024pixel, 而宽度保持在768左右即可,这是根据一般的投影仪画面尺寸来设定的,如果使用更高分辨率的工程投影仪,画面尺寸将需要根据投影尺寸进行调整。

(4)存储PSD文件,并另存一份JPG文件。前者用于AfterEffect的特效动画制作。后者用于在MadMapper里作为画面矫正的参考。

Page 4: MappingVideoTUT

(二) 使用AfterEffect制作建筑立面的特效动画,下文以一种光感扫描的特效效果为例。

(1)导入已经作好的PSD文件到AE里,并进行对比度的调节。(删除白色线条参考线图层)

Page 5: MappingVideoTUT

(2)找边缘,去色,分色,加光感

- - Find Edges

- - Desaturate filter,

- - Posterize effect,

- - final Glow filter

目标效果>>>

Page 6: MappingVideoTUT

(3)加一个遮照,制作150祯水平位移动画,形成扫描的效果

(4)输出动画序列,因为动画需要再被导入到MadMapper里,所以需要使用 格式Quicktime 设置 Photo-JPEG, Spatial Quality to 85. 另外因为最后效果没有颜色,所以可以使用灰度模式,以节省空间和运算量。

Page 7: MappingVideoTUT

(三) 把AfterEffect制作的特效动画导入到MadMapper里,矫正,调节画面,使之与建筑立面结构吻合。

(1)首先把刚刚导出的JPG图片(标有白色结构线条)倒入到MM左侧的视窗(input视窗)

(2)右侧为输出视窗(output), 我们要在这里把处理好的动画画面匹配给建筑立面。

首先,我们需要再拍摄一张建筑的照片并把它设置成右侧输出视窗的背景图片。这次的拍摄角度和画面景别要尽量的和最后实景投射的投影仪画面保持一致,也就是说在输出视窗里,我们要先模拟出实际中的建筑画面,这样,当我们并把左侧的特效画面按照右侧的模拟画面做调节矫正后,特效画面在最后的实际投射中也会和建筑立面吻合。

(如果有充足时间,也可以直接在实景场地进行调节。但一般来讲,我们需要模拟画面来提前做好测试)

Page 8: MappingVideoTUT

(3)使用MM里的矫正框把左侧的特效画面合成在右侧的画面上,并参考白色结构线条使之与建筑结构相吻合。在校正框里,我们可以增加调节线来做细部调节。

Page 9: MappingVideoTUT

(4)在MM里,在左侧媒体库里双击刚刚导入的特效动画文件,这样动画文件就自动替代了刚刚矫正调节过的JPG文件。我们可以看到,动画文件的画面已经和建筑立面相吻合了。

(5)我们会观察到,动画画面和建筑照片之间,在边缘部分还是有一些不吻合的地方。我们可以使用MM里的遮罩功能把多余的画面部分分别遮挡掉。

Page 10: MappingVideoTUT

我们最终在右侧的输出视窗中应该会得到以下画面,现在我们可以测试下了。(画面中使用了多个遮罩来遮挡画面)

在MM调节之后,我们把输出画面投射在实景建筑上就得到了就得到了建筑景观特效动画效果。

Page 11: MappingVideoTUT

Page 12: MappingVideoTUT