动效海报怎么做？创意动效海报设计教程！
发布时间：2022-12-30 09:57:23
动效海报怎么做？每逢重要节日，创意海报自然少不了，本期我们教大家利用原型交互动画来设计一款中秋动态海报，快来注册即时设计，跟着教程一起学习吧 。
静态海报绘制
1、填充底色
- 创建 1320*2240 px 的画板 。
- 渐变色参数由上至下 #FFCC80 - #FFDB97。
2、绘制地平面
- 绘制 2592*1118 px 的椭圆 。
- 渐变色参数由左下至右上 #FEA333 - #FFD183 - #FFF8C6 - #FFCE7B 。
- 添加阴影，参数值：0、-20、180、#FCC462
3、绘制月球
- 创建 926*926 px 的画板，圆角值最大。
- 颜色参数：径向渐变 由左上至右下 #FFFB87 - #FCCE4E - #FFB41F 。
4、绘制月球（月球表面）
- 绘制一个椭圆，颜色参数 #FFFFFF、透明度30%、高斯模糊 100 。
5、绘制月球（陨石坑）
- 绘制不同大小的圆形，放置在月球表面，如图所示 。
6、绘制月球（轨道）
- 绘制一个椭圆，参数：取消填充、描边 5、描边颜色 #6F1820。
- 选中当前形状，按「回车键」进入编辑模式，增加两个锚点，然后选择剪刀工具减去多余线条。
7、绘制月球（装饰）
- 添加一个星形作为元素（可使用提供的素材）
- 再次绘制海报内的文本内容（如图所示）
8、绘制表情
- 绘制一组脸部表情，可放置到月球中（为后期动效做准备，可使用提供的素材）
9、绘制耳朵
- 再次利用椭圆绘制一对耳朵，可自行调整参数，将耳朵置于图层底部～
10、添加噪点
- 使用「噪点生成」插件制作噪点图，为画面增加质感，进行到这一步，静态稿就绘制成完啦～·
- 教程里的参数供为参考，可根据实际场景灵活调整～
动态海报实现步骤
1、月球（轨迹）静态图准备
- 将画板 1 内的月球使用方向键移动到左侧画板外（保证图层离开海报区域还留在画板内）并旋转角度 -90 。
- 复制出画板 2 将月球移动到画板内(参考左侧示意图）并旋转角度 0 。
2、添加原型动效（月球轨迹）
- 选中画板 1，右上角选择原型，与画板 2 做连接，添加交互效果
- 定时、时长 50ms
- 智能动画
- 缓入 1000ms
3、月球（回弹效果）
- 复制出画板 3，将月球水平居中，旋转角度 -30 。
- 将画板 3 中的月球表面修改为表情样式（可使用素材）
- 定时、时长 1ms
- 智能动画
- 线性回弹(终点）600ms
4、耳朵（弹出效果）
- 在画板 3中将耳朵置于图层最底部，缩放至20%。
- 在画板 4中将耳朵以常显状态摆放。
- 定时、时长1ms
- 智能动画
- 线性回弹 300ms
5、文字（旋转弹出效果）
利用旋转角度与线性回弹再次把文本弹出效果更加自然的展现
- 在画板 4中将四周的文本移动到画板外侧(使用方向键移动,保证图层还在画板内）并旋转角度(可参考左侧示意图)
- 复制出画板5，在画板 5中将文本以常显状态摆放。
- 定时、时长1ms
- 智能动画
- 线性回弹 800ms
以上就是创意动效海报设计教程的全部内容，赶快自己动手尝试一下吧。点击注册即时设计，开启自己的在线UI设计之旅。