走路的路飞 —— AE基础教程

用户头像
北京/UI设计师/9年前/3873浏览
走路的路飞 —— AE基础教程

本教程属于AE入门教程,适合刚开始学习的人喔~(本文是我学习之后自己理解及多次练习写出的步骤,希望对大家有帮助)http://doyoudo.com/p/5001074.html 为我学习的视频网址,有兴趣可以看

『 先看下效果吧  』


06f45877480aa801219c77811019.jpg


『 动画分析 』

    形状分析

    由身体(帽子、帽檐、帽檐线、脸部、上衣、裤子、肩部)、手、腿、阴影组成

    动画分析

    身体运动 —— 按照一定频率上下跳动(腿迈到最远处身体最低,腿伸直身体最高)
    腿和手运动 —— 右腿在前,左腿在后,左手在前,右手在后;左腿在前,右腿在后,右手在前,左手在后;右腿伸直,左腿弯曲向前的趋势,左手伸直,右手弯曲向前趋势;左腿伸直,右腿弯曲向前的趋势,右手伸直,左手弯曲向前趋势;
    阴影 —— 身体在最低处时最大,在最高处时最小,跟随身体变化


『 难点 』

    分解行走的过程(详见动画分析,需要好好理解)


『 需要学会的技巧 』

    在时间轴上打标记 ~^o^~


『 需要注意一下的事情 』

  1. 身体的重心应该在腰部,腿的重心也在腰部,手的重心在肩部

  2. 腿和手的parent为身体

  3. 左手在身体之后



『 一起行动起来吧 』

  1. 新建一个工程

  2. 新建合成,命名为 —— 《走路的路飞》

  3. 身体形状绘制:


    请注意:该步骤中的形状均在 #同一图层# 


    脸部 —— 矩形工具,120160,#f6d4a3,图层命名为身体,修改Rectangle 1为脸部(养成一个好习惯啦~)
    上衣 —— 复制脸部,大小不变,#db4134,调整位置,修改脸部为上衣
    裤子 —— 复制上衣,改变大小120
    100,#5da2e3,调整位置,修改上衣为裤子
    帽子 —— 圆形工具,大小120120,#f3a435,调整位置,修改形状为帽子(细节:帽子的重心应该高于脸部上边缘一点点,预留帽檐和帽檐线的位置)
    帽檐 —— 复制脸部,改变大小160
    6,#f3a435,调整位置,修改脸部为帽檐
    帽檐线 —— 复制帽檐,改变大小1206,#db4134,调整位置,修改帽檐为帽檐线
    肩部 —— 圆形工具,大小50
    50,#f6d4a3,调整位置,修改为肩部


  4. 调整图层身体的重心与腰部 ,并给头部画上刀疤-钢笔工具


  5. 腿部与手部形状绘制:
    右腿 —— 钢笔工具,调整合适的宽度,#f6d4a3,图层命名为左腿
    左腿 —— 复制右腿图层,加深颜色#e3ba7d,调整位置
    右手 —— 钢笔工具,调整合适的宽度,#f6d4a3,图层命名为左手
    左手 —— 复制右手图层,加深颜色#e3ba7d,调整图层位置与身体下


  6. 选择左腿、右腿、左手、右手四个图层,设置parent为图层身体( !!!很重要


    5dcd5877485ba801219c776699e3.jpg


  7. 动画绘制:


    必须先做第一步:时间轴上打标记 —— 第1帧:右腿;第4帧:1;第8帧:左腿;第12帧:2;第6帧:右腿; (标记的好处:右腿或左腿表示相对应的腿在前且是最大宽度处,1和2表示有一只腿处于伸直状态,方便之后动画调整)


    9c9d587748cfa801219c77d19121.jpg


    图层身体 —— 第1帧:当前位置;第4帧:上移20px;第8帧:当前位置;第12帧:上移20px;第16帧:当前位置;并调整第4和12帧Eeasy Ease


    307658774926a801219c77df65c7.jpg


    图层右腿 —— 第1帧:在前且最大宽度处;第4帧:伸直(接触地面);第8帧:在后且最大宽度处;第12帧:弯曲向前迈的状态;第16帧:在前且最大宽度处;并调整第4和12帧Eeasy Ease
    图层左腿 —— 与右腿相反的动作,第1帧:在后且最大宽度处;第4帧:弯曲向前迈的状态;第8帧:在前且最大宽度处;第12帧:伸直(接触地面);第16帧:在后且最大宽度处;并调整第4和12帧Eeasy Ease
    图层右手 —— 第1帧:在后且最大宽度处;第4帧:弯曲;第8帧:在前且最大宽度处;第12帧:弯曲;第16帧:在后且最大宽度处;
    图层左手 —— 与右手相反的动作,第1帧:在前且最大宽度处;第4帧:弯曲;第8帧:在后且最大宽度处;第12帧:弯曲;第16帧:在前且最大宽度;


    如下五图:







  8. 阴影绘制:
    阴影形状 —— 钢笔工具,调整合适大小,#000000,调整透明度T为50%左右
    阴影动画 —— 调出S大小,第1帧:S最大;第4帧:S最小;第8帧:S最大;第12帧:S最小;第16帧:S最大;并调整第4和12帧Eeasy Ease


  9. 新建合成,#fe6425,拖入合成《走路的路飞》,调整合适大小即完成。


54
阅读原文
|
举报
|
113
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面插画设计女孩喝咖啡
城市园林平面布局航拍
倒计时,海报,平面
平面设计 吊牌设计
中国传统纹样创新图案设计
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
平面书法字手写
平面男孩喝咖啡插画设计
城市园林平面布局航拍
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面插画情侣/矢量
牛奶乳液层次梯田平铺平面
城阙凡花
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
古风平面仕女与瓷器
平面人物插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
空的平台平面和自然景观
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册