,
今天来教大家如何制作科技感十足的3D地图!
首先准备好想要制作的地图素材,
若有AI或是PS档的话会更方便作业!
因此这里的素材从学校网站下载的学校平面图AI档。
先在AI终将不需要的图示删除,
并案自己的喜好将地图拆开分好图层!
拆图层的参考如下:
接着将AI档汇入AE当中,
如果原本汇入时是有Comp包装的,
可将Comp中的所有图层复制出来放好,或直接在Comp中制作也行!
我们先在底下制作一个网格。
在图层下方空白处右键 > New > Solid。
新增一个Sold。
接着替Solid新增Grid效果。
Anchor与Corner两个点的位置所围成的方形范围即是每格网格的大小,
可依照自己的喜好去调整。
将Solid移至最下方图层,看起来就像在矩阵中的地图了。
接着我们选取所有图层,点选立方体的图示,
将所有图层转换为3D图层,
一开始转换时可能会看到画面可能有点跑掉,
那是因为目前所有图层的z座标(面对眼睛正前方的方向)是一样的,
图层互相交叠所产生的状况。
选取所有图层按P,开启图层的Position,
可以看到所有图层都有一组3个数字的组数,
第三个数字都为0,代表所有图层的z座标都一样。
稍微将所有图层的距离拉开,每个图层距离1~2 pixel就可以了。
现在画面正常多了。
接着再新增一个Null空白物件。
将Null的3D图层也开启。
接着将其他图层都parents到Null上。
接下来只要旋转或移动Null,
所有图层就会跟着Null统一行动囉!
可以稍微旋转看看Null,
设定好想要旋转的角度。
调整速度、大小、位置,
目前看画面起来像这样:
接下来局部调整其他细节,
例如可以让每个图曾都浮起来,
个别移动每个图层的z座标看看。
设好关键影格后,地图看起来丰富许多,
不过最底下的网格太小很容易看到边缘。
这时可以替Solid加入Motion Tile效果。
Output Width和Height可以设定长宽往外扩张的比例,
这边设定500,也就是每个边会往外延伸500%。
现在网格看起来比较有延伸感,整个画面看起来更有空间感了!
这样就大致完成整个3D地图的雏型了!
剩下的就是装饰的部分了,
例如加入Fill来调色、加入Tint来让涂层变成单色调,
或是调整透明度,甚至是加入Glow让地图有种发光的感觉!
如果想加入垂直图片也可以!
先汇入图片素材:
稍微用遮罩及线条制作好动画。
将刚才的图片及动画所用到的图层Comp起来。
接着将Comp的3D图层开启。
将在3D地图角度调整好后让垂直图片parents到Null上。
调整位置、大小,并将y座标设为90度。
拨放看看效果:
最后再调整垂直图片的透明度、移动就完成囉!
此教学专案档下载(cc 2018以上):