卷轴展开动画的这些细节 卷轴展开动画( 二 )

  
   
  
     

卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   来看看我做过改进的效果吧:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   怎么样?好多了吗?  
   
  
   那么这种效果是怎么做到的呢?其实还是用的「劈裂」动画,但细节做了一些调整和优化 。让我们分别看看 。  
   

  
   
  
   
  
   01 卷轴厚度变化    复制卷轴材料,切断两端的端部,保留中间的纸部分,将宽度增加到适当的尺寸(以合并时无间隙为准),堆放在原卷轴的上层:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   注意这个时候下面其实有一个细小完整的卷轴:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   通过简单的去除,得出细卷轴和粗卷轴的宽度百分比——我的案例刚好是 60%。  
   
  
   添加粗卷轴「放大/缩小」动画,选择将水平降低到 60% ,然后添加与细卷轴相同距离的水平路径动画,以确保这两个动画的长度相等,从而确保卷轴在移动时变到终点时与细卷轴相同宽度 。  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   这部分动画窗格大概是酱紫:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   厚卷轴向两侧同步移动,粗卷轴逐渐变薄……(敲黑板)能理解吗?  
   
  
   OK,然后我们进入第二部分 。  
   
  
   
  
   02 改善「劈裂」的虚化效果    这部分的方法其实很简单 。可以说,只要你知道怎么做,你就能做到,因为操作一点也不难 。关键是大多数不研究动画的人根本不知道怎么做 。  
   
  
   我们只需要做「劈裂」或「擦除」多复制几个动画对象叠放在一起,组合在一起,为整个组合设置动画,可以很好地提高虚拟效果 。  
   
  
   例如,做矩形「劈裂」,两端的虚化效果大概是这样的:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   将矩形原位复制 10 份,与原矩形结合:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   然后设置整个组合「劈裂」动画,两端的虚拟效果大大削弱:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画
  
文章插图  
   
  
   经过这样的处理,底图再做「劈裂」当动画时,它将不再与卷轴分离:  
   
  
     
卷轴展开动画的这些细节 卷轴展开动画


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。