企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > After Effects >AE交互动画：动态长投影制作

AE交互动画：动态长投影制作

发布时间：2018-11-17 19:57:24
　　AE表达式，天生具备数字的严谨和唯美，它带给动画灵动的生命力。在这篇文章里我们一起来探寻数字掌控画面之美的技巧。
 
　　最终效果图
 

 
　　技术要点
 
　　Ps 形状工具、路径查找
 
　　AE 表达式基础、表达式绑定控制层、文字-编号、投影叠加深度叠加、  图层混合模式
 
　　准备工作
 
　　在Ps或者AI绘制好图形元素（如此处的钟表和dribbble logo），按照这篇教程的思路整理好图层，并导入AE得到素材合成。 
  
　　构图
 
　　Ctrl+N新建一个400x300的合成，将dribbble logo和时钟拖到位置；
 

 
　　新建一个空文本图层，添加效果-文本-编号，设置如下：
 
　　这样我们就得到了一个可以自定字符样式的时间码；
 
　　此时的合成视图应该是这样的：
 

 
　　舞台视图：
 

 
　　新建一个空对象作为控制层，并且添加效果-表达式控制-角度控制
 

 
　　在效果控件窗口对应属性右击，使属性在时间轴上显示，方便我们添加表达式。
 

 
　　在时间轴窗口按住Alt，左击角度左侧的秒表，给角度属性添加如果所示的表达式Math.floor(time*10),表示对当前时间的十倍取整，我们只需控制时间轴，使得到的值在0~360°之间即可。在该实例中，我们将投影的方向参数与之绑定（具体方法qing请翻看系列一），即可得到一个随时间360°旋转的投影；此外，大家注意到gif图中的钟表也在旋转，它们也是和该值绑定的：
 
　　舞台效果图如下
 

 
　　时间轴效果图
 

 
　　注意到minute图层的旋转表达式最后乘了12，显然，分针的速度是时针的12倍。
 
　　而在如下实例中：
 

 
　　该表达式所得值还可以和中间度数的文字源内容绑定。
 
　　下面我们一起来做这个尖锐干净的动态的长投影
 
　　只发布不说话，大家默默感受感受下（构图完成后所得的"start"合成ctrl+D复制出来作为"shadow"合成，接下来操作均在"shadow"合成里操作，保留"start"合成作为表层）
 

 

 
　　其实这样做了以后，17个图层是不够的，我是以5px为单位叠加，会得到如下的结果
 

 
　　锯齿感很明显，追求完美的你怎么能罢休呢？难道我们以1px为单位，像若干年前前在PS里面做伪3D效果一样？答案是否定的，因为从GUI到交互动画设计的朋友PS都很熟悉，而AE又号称是动态的PS，要消除这个锯齿，静态图片的处理方法大家思考下。我的思路是，高斯模糊使锯齿间距混合，Alpha色阶调整使边缘干净锐利。所以，新建两个调整图层，分别添加高斯模糊和色阶效果：
 

 

 
　　得到如下效果：
 

 
　　添加上之前的构图合成，可以得到：
 

 
　　可以看出边缘有轻微的发光效果，是因为"shadow"合成里使用了高斯模糊的缘故，除投影外源图层是白色，不同于阴影的颜色所以发光了，解决的办法很简单，将shadow合成颜色叠加，统一原图层和阴影的颜色。
 
　　新建一个合成，将"start"和"shadow"都扔进去，并且添加一个背景，添加颜色叠加效果，该效果绑定一个控制图层，该控制图层，添加 效果-表达式控制-颜色控制，并且添加关键帧动画
 

 
　　大功告成！
　
　　PS
 
　　·大家可以给shadow添加蒙版并羽化使之有衰减效果；
 
　　·男神tczhang说这样可以产生如太阳般光辉的长投影效果
 

 

 

 
　　我很喜欢，很风骚。男神就是男神！！但，我还是愿意守住这份可控的、轻微的，小清新……

上一篇 AE表达式制作手表指针动画

下一篇 After Effects制作蝴蝶纷飞动画

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作QQ : 1336151628
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定