怎样让地图图片变成“活导航”？
点击蓝字
关注我们
随着社会的不断进步，人们对旅游的热情不断高涨，这催生了一大批各式各样的旅游节目，游记类、体验类、真人秀、讲故事……五花八门应有尽有。但是遍览这些节目我们不难发现，虽然各种俊男靓女、大叔大妈滔滔不绝介绍了各种美景、美食，想知道怎么去、路线怎么规划还得上网去扒攻略，难道电视注定表现不了这些吗？显然不是，视频的信息量和表现手段是图片与文字无法比拟的，也许只是因为制作复杂，考虑节目成本才让很多节目放弃了这部分内容，那么今天，就介绍两种简单高效的制作动态地图的方法，为旅游节目加上“导航”功能！
方法1: 使用Edius制作
Step.01
首先，打开画图工具，然后打开网页版地图，按F11 将浏览器全屏（F11是大多数浏览器的全屏快捷键），需要注意的是全屏并非窗口最大化，全屏之后是看不到标题栏的，如图1 所示。
图1
Step.02
在网页版地图中输入目的地，搜索路线，一般情况下会有多个选择，对于很多没有走过这条路线的观众来说选择不亚于冒险，所以需要我们告诉观众正确的路线。选择正确的路线之后，拖动鼠标将光标放在屏幕一侧隐藏起来，然后按小键盘上方的Print Screen Sys Rp键，这个键可以把整个屏幕截屏并保存在剪切板上，如图2 所示。
图2
这个方法在Photoshop 中同样适用，但因为这张图并不需要进行修图处理，本着简单、高效的原则，我们使用了每台Windows 电脑上都有的画图工具。
好，现在我们有了一张包含路线的地图。接下来按Alt+Tab 键回到网页版地图。此时网页版地图仍然处于全屏界面。我们之所以采取先打开画图工具再打开网页版地图并且以Alt + Tab 键的方式进行程序切换，而没有采取退出全屏用鼠标切换程序的方式，就是要保持地图的相对位置不变，提高制作效率。当然如果切换之后地图已经发生偏移也不要紧，我会在后面讲述地图对位的方法，也很简单。
Step.03
回到网页版地图中，选择地址栏旁的按钮“X”，取消刚才规划的路线，重复刚才的步骤：按Print Screen Sys Rp 键截屏，切换到画图中复制并另存为“地图二”，如图3 所示。
图3
到此，我们有了两张同样区域的地图，一张有路线，一张没有路线。
Step.04
现在打开Edius，新建一个工程，将两张地图导入素材库中。然后分别放在时间线上的两个轨道中。注意，带路线的“地图一”要放在“地图二”上一层，如图4所示。
图4
Step.05
接下来对照一下两张图是否位置对应（如果上面的步骤没有偏差，那么两张图的位置不会发生偏移，这一步可以省略）。把地图一所在轨道的混合器小箭头点开，并点亮旁边的MIX，见图5，把鼠标放在“地图一”的下方蓝色线上，点选“移动所有”，见图6，将值设为50，把“地图一”的透明度降低一半，这时就可以看到两张图是否有偏移，如果没有对应，可以在“视频布局”中调整“地图一”的位置。两张图对应后，记得把“地图一”的透明值调为100 。
图5
图6
Step.06
为“地图一”添加视频滤镜“手绘遮罩”，见图7。这个特效在Edius6 以上的版本中是自带的特效，而本着“简单、高效”的原则，我们并不需要其他第三方插件。
图7
Step.07
打开“手绘遮罩”调节窗口，用“绘制路径”工具，围绕路线画出相应的遮罩，如图8 所示。锚点的多少将影响到最终动画的细腻程度，锚点越多，动画越平滑，反之则生硬，但过多的锚点也会造成工作量增加，导致效率降低，因此要根据实际情况来平衡掌握。需要注意的是：无论锚点多少，在线路两侧的锚点尽可能“两两对应”，以便于接下来布置关键帧，见图9。如果图中有其他未选择线路，在绘制路径时注意把未选择线路画在路径范围之外，见图10。
图8
图9
图10
Step.08
画好遮罩后，将工具栏第一个按键“选择对象”切换为“编辑形状”，见图11。在特效窗口的时间线最末端先打上关键帧，见图12，然后拖动时间线向左，你在线路一侧画了多少个锚点，就把时间线分成多少段，每个关键帧占一段。这些关键帧不用在时间线上打，只需把时间线拖动在相应的位置，然后拖动锚点，关键帧会自动产生。拖动最末端的两个锚点和前面相邻的两个锚点重合，然后将时间线继续向左拖动一个关键帧位，拖动末端的四个锚点再向相邻的两个锚点靠近并重合，像这样依次把最末端的两组锚点向开始端拖动一段锚点位，直至最终所有锚点与开始端的两个锚点重合（图13-15）。
图11
图12
图13
图14
图15
Step.09
把时间线放在最末端的关键帧处，将窗口上方“外部”一栏中的“可见”设为“0”。然后拖动时间线，我们可以看到路线随着时间向前延伸。因为我们在画遮罩时不可能完全平均，所以，现在的路线动画可能显得“忽快忽慢”，不够平滑，这时可以拖动相应的关键帧来调节两两之间的速度，以达到更加自然的效果。如果觉得线路的前端动起来比较生硬，可以勾选特效窗口“边缘”一栏中的“软边”，将下拉选项设为“两者”，然后将值设为15即可，如图16 所示。
图16
这个方法适合我们在剪辑时方便的制作地图动画，如果想让画面再丰富一些，可以在开始点和终点分别添加一个地名的字幕，然后在布局中设置缩放关键帧。这样，一个包含地名显示的地图动画就完成了。
方法2: 使用AE完成
第二种方法使用After effect 来完成，同样不需要任何第三方插件。Edius 中的手绘遮罩中的绘制路径有些类似After effect（简称AE）中的钢笔工具，实际上在AE 中同样可以用钢笔工具完成上述动画，但对于会用AE 的同学来说，我们其实可以做得再“华丽”一些。
Step.01
截取地图的步骤和上面一样，不再赘述。将两张图导入AE，新建一个合成（Composition），时长设为15秒，见图17。将两张地图分别放在两层，同样带路线的“地图一”在上一层。新建一层固态层（solid），将透明度设为30%，这样是为了能看到路线，见图18，用钢笔工具沿路线画出路径，大致贴合即可，见图19。这样，我们就得到一条和路线一致的路径。
图17
图18
图19
Step.02
画好后，点击“地图一”左边的“小眼睛”，把这一层关闭，然后将固态层的透明度调回100%，这时，只能看到路径看不到地图，如图20 所示。
图20
Step.03
为固态层添加特效Stroke-(Effcet——Generate——Stroke)，把颜色设为红色，将宽度设为10。将“Stroke”设置窗口中的最后一项设为“On Transparent”,现在可以看到下一层的地图，如图21 所示 。
图21
Step.04
将stroke 的path选择为mask1，在时间线的开始给stroke添加一个关键帧，将End设为0%, 见图22，在最末端设置第二个关键帧，将End设置为100%。在时间线上拖动，可以预览到路线随着时间变化向终点延伸。这个动画的平滑程度应该是优于Edius 的。
图22
Step.05
但既然都用AE了，只做到这一步是不够的。现在再添加一个固态层，用钢笔工具画出一个箭头标志，然后把箭头拖动到地图上的出发点，右键为箭头添加bevel和shadow，让箭头看起来更立体一些，见图23。
图23
Step.06
点选“路径”层的masks——mask1——mask Path，按Ctrl+C复制，如图24所示，点选箭头层Transform-Position 项，按Ctrl +V粘贴，这时，可以看到位置轨（Position）上出现了一排关键帧，见图25，当我们拖动最后一个关键帧时，中间的关键帧会发生相应的变化，见图26。通过预览可以看到，箭头随路径变化而移动，但是箭头既不在路径上，方向也不变。
图24
图25
图26
Step.07
把时间线移到最开始，在合成窗口（Compositio n）双击“箭头”，出现调节框，用键盘上的上下左右键将箭头移动到出发点。在菜单栏点开Layer--Transform--Auto Orient，见图27，选择“Orient Along Path”，见图28。调节箭头旋转值（Rotation), 使箭头运动方向与路径保持一致，见图29。现在再次拖动时间线，我们可以预览到箭头随着时间变化沿着路线移向终点，所经之处，留下了一个轨迹，见图30。
图27
图28
图29
图30
这两种动画的做法所用到的特效都是软件自带的基础特效，虽然简单，但在节目中再也不用提到路线总是一笔带过了。
作者 | 洛阳广播电视台 赵刚
【精彩推荐】