×
本帖最后由 JW-LaoSong 于 2020-9-25 11:02 编辑

   希区柯克式动画 00_00_00-00_00_30.gif    

     哈喽大家好,我是匠维设计的老宋,今天给大家分享的是希区柯克式变焦动画及一个简单的动画转场。以后给大家出教程的话,如果给大家录制视频的话就不会再文字给大家重复一遍了,文字部分我会给大家对于这节课的一个总结概述其中的重点。(更多精彩内容关注WX公众平台:匠维设计集中营)


     视频教程在评论区置顶


     首先给大家介绍一下什么是希区柯克式变焦动画,在电影中是将移动机位和改变镜头焦段反向结合,在改变镜头焦段的时候同时移动机位,从而产生更加强烈的视觉冲击,甚至在较大幅度或较快速的变焦时可以使人产生晕眩感。在动画中简单来说就是在移动摄像机的过程中,改变摄像机的焦距。


下面给大家分别看一下两种情况下的展示:

一、电影


342ac65c10385343db9286f99d13b07ecb80888c.gif

二、产品动画


Oppo R17 - Official Video on Vimeo.gif

      像是电影中的这种使用手法呢,在我们产品动画中有时也会使用,但是第二种这种形式更加适用于我们的产品动画当中。


给没看视频的同学汇总一个图文流程:


##希区柯克式变焦动画##

1.keyshot中原理:改变摄像机焦距,也就是keyshot中的视角

1.png

2.但是在keyshot中我们无法对焦距K帧,我们就需要通过动画向导中的缩放改变动画(缩放中会有焦距起始和结束)

2.png

3.做完这步后可以发现焦距发生变化了,但是还不是你想要的结果,摄像机会离人物越来越近,这时候我们就要添加一个动画向导中的路径,把相机移动最后的位置改成你想要的位置那不就可以满足你的想法了。

3.png


##“慢-快-慢”简单转场##

这里给大家介绍的一个转场就是一个通过调节运动速率的一种转场,并且是效果很好很常见的一种转场。

执行方法:就是改变动画中的运动曲线

4.png


     在本次案例当中我只是给大家讲解一下做这种动画的方式,大家可以想象一下把自己要表达的产品换到动画当中的人物以及车辆上,并且简单的进行场景搭建,将会是非常不错的效果,希望大家看完之后能用自己的产品进行一个尝试,欢迎大家来投稿。

     再给大家分析一下转场,转场可能对于学产品设计的同学有些陌生,但是在做动画当中转场是必不可少的基础知识,以及调节运动曲线同样也是非常重要的,具体一定要去看视频。


转播转播 分享淘帖
回复

使用道具

精彩评论

文明上网理性发言、请文明用语

JW-LaoSong | 楼主 | 发表于 2020-9-24 10:41:34

举报 2

我菜帮帮我 | 设计师 | 发表于 2020-9-24 12:00:03
厉害啊老哥,就是你这文字写的我有点看不太明白,差点没点视频

举报

JW-LaoSong | 楼主 | 发表于 2020-9-24 12:09:06
我菜帮帮我 发表于 2020-9-24 12:00
厉害啊老哥,就是你这文字写的我有点看不太明白,差点没点视频

文字主要就是我录制完视频后的一个总结,因为录制视频了,所以就懒得写得这么详细了

举报

幻映 | 设计助理 | 发表于 2020-9-25 09:27:21
我滴天!还能这么玩!

举报

公子扶酥 | 资深设计师 | 发表于 2020-9-25 15:31:29
这个不错,动画可以用到。点个赞

举报

影子c | 资深设计师 | 发表于 2020-9-26 16:18:13
真是个不错的想法

举报

zjart | 设计师 | 发表于 2020-9-27 08:14:59
学习了!!

举报

徐土豆 | 实习生 | 发表于 2020-10-9 11:12:57

感谢楼主分享经验!!!!赞

举报

hikki | 设计助理 | 发表于 2020-10-17 13:24:50
这个光是怎么打的,好炫酷,很有感觉

举报

JW-LaoSong | 楼主 | 发表于 2020-10-17 13:34:52
hikki 发表于 2020-10-17 13:24
这个光是怎么打的,好炫酷,很有感觉

看视频 或者关注我wx公众平台

举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则