zoukankan      html  css  js  c++  java
  • AE教程:学会这个,你做的Logo就可以单独出道了

    一、确定所需要做的动效

    1、制作logo背景形状动效 2、制作U的动效 3、制作I的动效 4、制作消失动效

    二、制作logo背景形状动效1、”合成 - 新建合成“ 新建一个1000*800的合成

    2、“图层 - 新建 - 纯色”创建一个#00A8FF的图层

    3、在AI中绘制一个六边形,具体怎么绘制就自己百度吧

    4、复制AI中的这个形状,粘贴到AE中,一个六边形就出来啦

    5、选中纯色图层,选择“S”,在初始点打上关键帧并且调整为0,然后选择“R”,在初始点打上关键帧,然后选择“U”即可显示所有的活动帧

    6、在“15F”处将缩放调整到100,旋转调整到1X

    7、可以打开"Form"调整“缩放”的动画曲线具体教程可以看“AE教程:汽车开动&弹性动画【重要】”:

    http://www.ui.cn/detail/361480.html

    8、打开运动模糊可以减少生硬感

    三、制作U的动效由于要用钢笔进行描边,所以可以将UI中国logo放进AE合成中用钢笔工具“G”进行描边

    打开添加后的“修剪路径”

    打开修剪路径,在“15F”处打上“结束”的关键帧,并且调整为0,然后在01:10f处调整为100,打开“Form”选择缓动曲线替换上去

    接下来需要创建圆球掉落的效果,新建一个圆形,“图层 - 新建 - 新建形状图层”,然后在添加中选择“椭圆”、“填充”

    将其圆点缩放到适合大小并且放到U上方

    将其红点改为白点,打开位置“P”属性,在15F处打上关键帧,然后在01:00F处移到U的上方

    打开"Form"选中缓动曲线替换上去

    可以选择“效果 - 时间 - 残影”并且调整参数,残影时间“-0.001”数量“50”

    接下来调整U的时间轴,将其后移。

    四、制作I的动效首先制作I的动效 可以按照上面做U的步骤继续用钢笔沿着I进行描边,并且做出动效,可以在I加上一个缓动,由快到慢

    接着可以绘制圆点的位置,从U的右侧飞上后掉到I的上部

    可以复制之前掉落的那个小圆球,删掉之前的动画后移到右侧U的右侧顶部

    现在来想办法如何让圆球按照之前的轨迹进行移动

    首先“图层 - 新建 - 纯色”新建一个纯色图层,然后用钢笔进行绘制一个半圆形

    选中纯色的蒙版下方的蒙版路径,Ctrl+C进行复制

    选择点下方的位置属性粘贴其路径

    可以看到有几个问题

    1、圆点应该需要先消失等U形走完再出现2、圆点的移动太过于缓慢3、圆点的右侧会有明显的拐角

    首先解决第一个问题 在U形走完的时候,选择这个圆点,按下“T”调整不透明度为0,1帧后调整为100%

    接下来解决第二个时间缓慢的问题 可以看到圆点的起始点和终点,将终点往左挪动,整体的时间点即可减少

    继续解决第三个圆点拐角的问题 选择画板的第四个点或者时间轴的第四个点进行删除,拐角即可消失

    进行最终的调整 将I的时间轴往后进行调整,让右侧圆点掉落的时候I才会运动

    为了让整体的运动有个循环,需要让整体旋转并缩放到0

    可以将所有图层选中,右键预合成处理

    选中预合成后选中“T”在I运动结束后面1秒打上关键帧,并且在15f处调整透明度到0

    这个教程也是我现学现卖,希望大家能一起进步

    编辑:千锋UI设计

    作者:UILEO

    来源:UI中国主页

  • 相关阅读:
    mojo 接口示例
    MojoliciousLite: 实时的web框架 概述
    接口返回json
    centos 6.7 perl 版本 This is perl 5, version 22 安装DBI DBD
    centos 6.7 perl 5.22 安装DBD 需要使用老的perl版本
    商业智能改变汽车行业
    商业智能改变汽车行业
    读MBA经历回顾(上)目的决定手段——北漂18年(48)
    perl 升级到5.20版本
    Group Commit of Binary Log
  • 原文地址:https://www.cnblogs.com/leolei/p/9378128.html
Copyright © 2011-2022 走看看