之前发布了一个中国风动态倒计时海报的作品,有人问是怎么做的。整好自己也想整理一下文件,其实很简单,就拖拖拉拉做了一篇教程出来了。

 首先找好素材用PS完成一份完整的设计稿,这是装逼的第一步,也是很重要的一步。确定整理风格,保证后期的美感。

考虑好你的画面要怎样“动”。

  例如这里我需要荷花微微摇摆,但是后面的荷叶不动,那就需要把荷花抠出来,把荷叶空白的地方补齐。

你未来会是一名专业的设计师吗?60秒完成性格测试获取免费学习资料:

  http://1t.click/dTt

(如无法点击,复制到浏览器打开即可,完成测试可获得相关学习资料一份)

接下来就是正片开始,简单的小白式动效教程。

  说明一下,AE目前是有官方中文版的。

  我使用英文版不是装逼,而是因为当初学的时候还没有中文,一直使用英文版,现在用中文一些翻译对不上号,有点不习惯。

  导入PSD。

  在AE中选择File-Import-File...(文件-导入-文件...),快捷键Ctrl+I,选择刚才保存的PSD。

  此时会弹出一个对话框,如下图

  选择Composition - Retain Layer Sizes(合成-保持图层大小)

  Editable Layer Styles(可编辑的图层样式)。

  点击OK之后,PSD就以一个合成的方式导入到了AE之中。

  AE的工作方式也是“层”,类似PS,很好上手。

  接下来就要开始做动效了,不过第一步我们要做一个预合成。

  选中荷花图层,然后菜单选择 Layer - Precompose...(图层 - 预合成...),快捷键Ctrl+Shift+C,

  此时会弹出一个对话框,选择Leave all attributes in“08”(将所有属性保留在“08”),点击OK。

  这样荷花图层就嵌套进了一个合成里面,我们再对这个合成加特效,

  至于为什么不直接对荷花图层加特效,你自己试试就知道了(懒癌发作)。

  至此,我们的整个合成结构应该是这样的。

  如果你进入“荷花 Comp 1”,会发现合成大小刚好是荷花大小,这样荷花摇动的时候就会“出界”,所以我们需要调整合成大小。

  点击合成08,双击【荷花 Comp 1】(确保你是双击,进入了此合成,而不是选中)。

  然后菜单选择 Composition - Composition Setitngs...(合成 - 合成设置),快捷键Ctrl+K。

  调整宽度和高度,让我们的小花有足够的空间去摇摆,然后点击OK。

  接下来添加特效,回到合成08,选中【荷花 Comp 1】

  然后菜单 Effect - Distort - CC Bend It(效果 - 扭曲 - CC Bend It)

  接下来特效控制台出现了,调整一下第一项数值试一试,荷花是不是已经摇摆起来了。纳尼,荷花方了?!不要方,我们再来调整。

  Start项按一下定位的小图标,

  再单击荷花的根部略低一些的位置,这是运动的起始点。

  End项同样,调整到荷花的顶部略高一些的位置,让荷花完整显示出来。

  接下来,神奇的表达式该出场了。我们不需要去key帧,一个表达式就可以让荷花随机摇摆。

  首先,Bend项的数据归零,然后按住Alt键,鼠标左键点击Bend前面的小秒表图标。

  你会发现数据变红了,并且时间轴下面多出来一串神秘代码。

  删掉这段代码,写上 wiggle(2,5)

  这段表达式就是让Bend这一项的数值随着时间轴随机变化,频率是每秒2次,幅度是5,你也可以根据你自己的情况来设置不同的数值。

  现在拖动一下时间轴,荷花已经摇摆摇摆了。

  接下来把花蕾也用同样的步骤摇摆起来,甚至荷叶也可以动一动,但是把握好尺度,不要太鬼畜。

  最后呢,再图层的最下面加点游来游去的小鱼素材,大功告成。

  啊不,还要导出。

  按合成设置,之前讲过,Ctrl+K,设置好时长,例如这里我需要6秒钟,将Duration设置为0:00:06:00,这里的意思是【小时:分钟:秒:帧】,点击OK。

  接下来按Ctrl+M,将合成添加到渲染队列。

  Render Settings这里我们不需要更改,Output Module这里为了保证效果我们也不做更改,默认的无损输出就好(输出结果会很大), Output To这里更改文件的导出位置,然后点击Render渲染。

  渲染完成后感受一下,6秒钟的视频就有八百多兆了。

  打开PS,把视频丢进去。没错,PS是可以直接处理视频文件的。储存为web所用格式,选gif,根据自己的需求调整一下大小和颜色。不要太大。

  储存,完成。

  整完之后发现好像忘了说文字的效果了,经过了两秒钟的思想斗争我决定下次再说。(懒癌再次发作)

  第一次写教程,为了没接触过AE的也能看懂,写得有点啰嗦。以后有机会的话会更一些更高级的内容。

ae效果英文版翻译对照表_用AE设计动态海报教程相关推荐

  1. processing动态代码大全_做一张动态海报需要多少步?

    人们习惯性地把程序员跟设计师分成两种不同性质的人,好像程序员就不会有美感,设计师逻辑思维就一定会很弱,但最近几年我们发现越来越多的程序员学设计,设计师学编程的跨界故事. 新媒体艺术家,邱伟豪也是其中一 ...

  2. ae制作小球轨迹运动_利用Ae制作出自由落地运动小球的详细步骤

    各位知道在Ae中如何制作出自由落地运动小球呢?不太会操作的用户可以去下文学习下利用Ae制作出自由落地运动小球的详细步骤. 我们先准备好小球图片素材,背景颜色为黑色.导入素材,新建合成.将素材拖拽的合成 ...

  3. ae制作小球轨迹运动_在AE里如何让物体沿着路径运动?

    如何让物体精确的沿着路径轨迹运动, 手动K帧也能创造出曲线运动,但控制比较麻烦,而且不精确, 用钢笔绘制运动路径可以精确的让物体沿着路径运动,控制简单. 一.创建物体 1.新建一个AE合成,选择HDT ...

  4. ae绘图未指定错误怎么办_早晨深化设计研究院47个快捷键50个CAD技巧助你神速绘图,玩转CAD...

    终于知道为什么别人用CAD总比我快了,原来他们早就掌握了这些实用的CAD技巧,还没看完我就默默地转了,总有用得到的时候. 一.47个快捷键 1. 创建直线的快捷方式是L+空格 2. 创建圆的快捷方式是 ...

  5. 官方的ae cs4英文版下载 含注册机 汉化补丁提供在线视频安装教程

    [ae cs4英文版下载]官方的ae cs4英文版下载 含注册机 汉化补丁提供在线视频安装教程 该ae cs4英文版下载的ae cs4软件,经过小编在网上大量筛选并亲自测试使用,是小编推荐目前最佳的3 ...

  6. ae破碎效果在哪_AE制作破碎效果的详细方法_如何使用AE制作碎片效果_碎片效果怎么使用_AE制作碎片爆炸效果2019完整版教程_9号资讯...

    第 2 页 AE制作破碎效果的详细方法 如何用AE制作破碎的效果? 1.首先,打开我们的软件,AE,小编用的是CS6版本的,不过即使版本不同,其中的操作也都是大同小异哦. 2.打开之后,我们需要新建一 ...

  7. Ae 效果详解:Mocha AE

    Ae菜单:效果/Boris FX Mocha/Mocha AE Effects/Boris FX Mocha/Mocha AE Ae菜单:动画/Track in Boris FX Mocha Anim ...

  8. camera AE 效果出现闪烁问题排除方式

    在调试图像 AE 效果时,如果出现某些场景闪烁的情况,应当怎么解决呢,下面根据之前遇到的实际情况给出一点建议: 确认曝光和增益设置的准确性,分别测试曝光和增益的线性度,确认效果是线性递增的 先通过曝光 ...

  9. ae制h5文字动画_大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

    前段时间听部门老大说,Airbnb出了个移动端的动画库Lottie,可以和一个名叫Bodymovin的AE插件结合起来,把在AE上做好的动画导出为json文件,然后以Android/iOS原生动画的形 ...

  10. AE脚本资源套装,玩转花式设计特效,后期合成师必备脚本

    今天给大家带来了 AE脚本-160种科技感赛博朋克动画 + AE脚本-1000个创意MG图标动画 + AE脚本更新2000+手机竖屏动画及音效 01 AE脚本-160种科技感赛博朋克 霓虹发光文字标题 ...

最新文章

  1. javascript 迁移 typescript 实践
  2. Dokcer安装Redis
  3. @ExceptionHandler
  4. ubuntu与mysql5.7设置外网可访问
  5. python的错误处理——try语句
  6. DeOccNet:国防科大提出阵列相机去除前景遮挡成像新方法
  7. 讨论一个比较有意思的业务需求
  8. 泰坦尼克号数据集_机器学习-预测泰坦尼克号生存概率
  9. docker 安装mysql_安装docker并使用docker安装mysql
  10. 10个有用的网站访问分析工具
  11. win10安装wsl2和图形化界面
  12. wap 横屏适配和竖屏适配的通用方案
  13. spring mvc 的ajax传参详解
  14. 腾讯云服务器地域节点IP速度测试表
  15. Java学习笔记:公司账目流水表生成报表1
  16. 批量导入数据将word文档转换成HTML文档
  17. 软件工程课程周进度报告 第六周
  18. 转:你不快乐是因为年少时得不到忘不了
  19. 关于加入@RequestBody后请求报错:Required request body is missing:
  20. 测度论与概率论基础学习笔记4——2.2外测度

热门文章

  1. ORA-04031:unable to allocate 4120 bytes of shared memory ‘obj stat mem’故障解决
  2. [摘录]第5章 谈判原则
  3. Windows XP pro with sp2(x64)VOL版(英文原版)光盘镜像 + 简繁中文语言包 + 有效安装密钥 一些网友都有这样的困惑,Windows XP sp3在安装
  4. cpp存储类型说明符(storage class specifier)
  5. Word2vec 详解
  6. c# mvc ajax 提交与 接收参数
  7. 【原】Web Polygraph 安装
  8. Redis集合 安装 哨兵集群 安全配置 redis持久化
  9. 如何在没有域的环境中搭建AlwaysOn(一)
  10. Android 贝塞尔曲线