美文网首页
Keynote小动画#02遮罩运用

Keynote小动画#02遮罩运用

作者: Jay_jiang | 来源:发表于2017-06-20 00:04 被阅读380次

    在keynote动画中,为了达到预期的动画演示效果,经常需要采用各种各样的障眼法。障眼法用法很多,今天我们来讲其中的一种。

    遮罩运用


    临时做的动画,有点粗糙,请见谅~
    大家有没有好奇,keynote的里面图片移动到哪去了?

    你肯定说,既然是在讲遮罩动画,那肯定就是被遮罩给掩盖掉了呗~haha

    这次讲的遮罩用法不同于另外一种“打补丁”式的遮罩,打补丁式遮罩一般是用在片色的背景上,如纯白色的背景。

    把移动出去的图片用白色的色块遮挡住,这样的处理方式也能达到同样的效果。但是这种做法在图片背景上,就有些困难,因为要把遮挡用的色块制作得完全和背景图片融合有些难以操作。

    那上面动画的遮罩是怎么处理的呢?

    对背景图片做处理!
    因为我们的目的是为了遮住移动出去的图片,所以只要图片在背景图片的图层下方即可,但同时又不能被背景图片给挡住。

    那应该如何做?
    请思考一下~

    思考ing~

    ~

    ~

    方法就是对背景图片做镂空处理,然后把演示用图片置于背景图片图层下方。演示的时候,图片出现在镂空处,移出去时则被背景图片挡住。

    处理方式如下
    先在背景图片上需要镂空的地方绘制一个纯色色块。


    截图,然后把图片导入到keynote,调整好图片小大,使其充满画布。
    接着使用“Alpha”工具,删去白色色块部分。

    此时,只要要手机置于最上方,演示用图片置于最底层和镂空的背景图片置于中间层,上图的动画效果就可以实现了。

    其中一页的制作画布如下效果



    为了更好表达图层之间的关系,我特意把镂空的背景层挪动了一下。
    可以看出,三张演示图片都在背景图片下方,手机则在背景图片上方。

    举一反三
    下面的字体效果如何实现?请动手试试~

    今天的文章就到此,感谢观看~
    下载本文动画源文件,需要关注“玩转keynote”公众号,在公众号的本文文章下点击“原文链接”,即可下载本文动画源文件。

    image.png

    相关文章

      网友评论

          本文标题:Keynote小动画#02遮罩运用

          本文链接:https://www.haomeiwen.com/subject/puanqxtx.html