美文网首页工具癖设计今日看点
【呆大的动画库】带你去看风景!

【呆大的动画库】带你去看风景!

作者: 爱睡觉de猪 | 来源:发表于2017-02-14 07:36 被阅读291次

           今天是个特殊的日子,估计有人在自己忙,有人在两个人忙,作为过来人,孩子他爹的身份,就不虐汪了,想必现在还能看文章的,多半也都是一个人吧(偷笑..)大概你会猜今天的主题是情人节主题,好吧,你要失望了!今天来带大家去看看风景,顺便做点跟情人节无关的事!


          今天的分享分为两部分,一部分静态,一部分动态,静态部分我们来领略自然之美,动态部分欣赏商务之感。ok,进入今天的主题,先来看看视频吧


    - 腾讯视频

    一.无缝拼接的艺术

         与其说是风格,还不如说是一种版式,这种版式在淘宝详情页的设计中比较常见,比如2个画面之间衔接的地方,通过一些小的元素,在2页之间进行有效的关联!在PPT的设计里面,比较习惯叫做------无缝拼接!

         关于这种版式,或者设计的方法,总结下几个特点:

          1.每一页的底部会带着下一页的部分元素

          2.大多通过“推进”的切换方式进行页面切换

         3.画面之间会有关联性的元素

          4.如果连成长图,就是非常完整的画面

          简单介绍之后,来看看今天的分享吧!

    01

          既是首页,又算是目录页,左边部分整体概述,同时注意横竖的线条,有的线条是穿透整个画面的,左下角感觉多了一部分像是天空色块的东西,其实就是衔接两页,做到无缝链接的地方,来看第二页!

    02

           这时就可以发现,第一页左边穿透整页的线条在这页得到了延伸,同时左上角部分出现了新的线条,通过线条的延伸继续沟通下一页,而且每页的细节,通过小图就行聚焦呈现,同样这页在左下角的位置留出来三角形色块来衔接下一页。

    03

          这页在沟通上页的同时,其实也在被上页沟通和链接,比如左上角的黑色三角形色块,其实就是上页部分的裁剪,同时在对接线位置(右下)对下页进行延伸。

    04

          这页不同的地方,是线条的变化,不再是单一的横竖设计,而是跟画面的进行了关联,按照山峰区直就行设计,同时这次选择在左下对下页进行衔接,增加版式的整体变化。

    05

    最后一页线条回收,不再进行延伸,完成整个的无缝拼接,简单总结下制作的技巧:

    1.每页做全图的时候,尽量在上部多留出来一部分,然后裁剪后放到上页的底部

    2.延伸可以用线条,也可以图片,也可以用色块,只要是完整图形的2部分就好,但是需要注意衔接的位置必须完全对应

    3.除了上下的衔接,其实还有左右的衔接,方法其实是一样的,大家试过就知道了。

    这时我们再来单一看每幅图感觉关联性不大,所以我们做个长图再来回顾一下,感受这种版式的美妙吧!

    长图

    二.动态商务之美

         对于PPT动画而言,一直都比较偏爱商务类的风格,也是因为马上招聘季即将到来的缘故,最近的一段时间,都会分享一些商务类型内容,比如公司介绍,比如个人介绍等等,先来看第一张效果吧

    01静态封面

        极其简单和常见的封面风格,上面再加个logo就是简单的公司PPT的封面了,甚至说加个个人头像就变成了个人简历的封面了,对于这种简单的效果,有的小伙伴会说,动画效果是不是只能做淡入之类的,其实对于这种简单的画面的,可选的风格和思路还是有好几种的,比如说,根据背景图片的效果设计,这张背景类似太阳初升的感觉,所以就可以做出来早晨逐渐天亮的感觉

    01动态

          制作的方法也很简单,多复制几张,然后亮度从-100%,逐渐调整到-75%,-50%,-25%,0%然后用最简单的淡出动画就OK了!

          或者也可以利用一些辅助的元素,比如我最喜欢的色块,可以做个下图的效果

    01动态2

           我们需要的是最后的效果,过程完全可以通过各种引导和辅助效果进行,大家也可以尝试更多的方式,来看第二张吧

    02

       这种纯文字的设计,我们在做效果的时候,重点也就放在了文字的特效上,在这一点上,我比较喜欢PA的动画风暴功能,不过因为涉及到太多的公式的应用,这里就不具体讲解了,这里分享下图的效果,不会用动画风暴的小伙伴也不用担心,因为你可以用动画刷直接复制过去就OK 啦

    02动态

      来看第三张效果吧!先看原图

    03

          对于这种图文设计,除了之间跟大家分享过的图片特效之外【原创】其实有些炫酷的PPT动画,我只用了1分钟,其实做个简单的文本框动画也是个不错的选择,文字的效果简单的淡入动画可以,利用上张的文字特效可以,当然,利用我最喜欢的色块出现擦出来也是极好的,来看下效果吧!

    03动态

    再来看下第四张的效果

    04

       看多了中规中矩,四四方方的图片之后,偶尔碰到不算很规则的图片就会感觉耳目一新,特别是2张图面之间的切换,就变得有缺的多,比如这张右上角的图片,这种效果其实也是在提示我们,如果碰到一个比较长的和一个比较高的图片,我们该如何排版,完全可以利用动画的形式进行切换,来看下效果吧

    04动态

      同样是图文排版,而且是这种不规则的切割图片,我们还可以采用另一个思路,比如就是利用裁剪本身的特点,用动画做出来裁剪的过程,比如这样:

    05动态

        不需要多复杂的动画组合,用到的其实就是我们常用的几个效果,比如淡入、擦除、轮子、缩放等等!

        简单总结一下:

       1.简单的封面,也可以做的不简单,可以多用情景、线条、色块去进行引导

        2.动画效果可以简单,但思路要有创意

        3.即使什么动画都不加,单纯利用切换效果,也可以很有创意,比如无缝对接的设计

       好了,今天的分享就这么多,下周二见啦!

    相关文章

      网友评论

        本文标题:【呆大的动画库】带你去看风景!

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