恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
超简单系列|当Ai绘画遇见动画
2.5°
2023-08-04 原创文章 教程 举报 882 9 5 2

hello大家~   今天我们来做一个非常非常简单的小汽车动画

最终效果如下:

小汽车是用Ai绘图软件Midjourney画的,垫图加上关键词得到的

垫了一张这样的图:

关键词如下:

Side View::2,solid color background,Cute, Car,Illustration, Icon, Minimalist, Joyful, Toy Car, Design --v 5.2

很多时候不是一次就能生成满意的图,垫了图后要刷好多次,如果还没有想要的图的话,拿着垫图之后得到的图,再垫上去,反复的刷,最终找到自己想要的角度和形状

这是我生成的原图:

然后把这个图的背景去掉,这是个抠图网站:https://clipdrop.co/remove-background,把图片拖进去就好了

最终得到一张这样的无背景图

然后进入今天的动画环节了~


01.  打开AE,新建合成,命名为“小汽车”,并设置各参数


02.  把抠好的图拖进AE里,命名图层为“汽车”(重命名快捷键:enter)

03.  调整“缩放”至你认为合适的尺寸


04.  右击画布,新建一个纯色,命名为“背景”


05.  放在图层最下面,点击小锁锁住图层


06.  复制“汽车”图层(复制快捷键ctrl+d),改名字为“轮胎-右”(重命名快捷键enter)


07.  选中“轮胎-右”图层,用“椭圆工具”,按着ctrl+shift在轮胎上画一个圆蒙版,把汽车轮胎框出来


08.  选中“轮胎-右”图层,复制一个,改名为“轮毂-右”,双击画的蒙版路径,等比缩放,把轮毂轮廓框出来


09.  右击“轮胎-右”,选中“曲线”


10.  把曲线往下拉,加重轮胎颜色,尽量让轮胎上的高光淡化(如果高光太明显的话,后面轮胎旋转时高光也会360度旋转,这样不太对。如果你的图没有光照的话,则不需要这一步)


11. 右击图层,添加“图层样式—斜面浮雕”(给轮胎加点质感)


12. 选中“锚点工具”和“对齐”,把锚点放在中心位置


13. “轮毂-右”也是同样的方法,把锚点放在中心


14.  复制“汽车”图层,改名为“轮胎-左”,以同样的方法,做出“轮胎-左”和“轮毂-左”的样式


15.  选中“轮胎-左”,时间线放在初始位置,点击“旋转”码表打上一个关键帧


16.  时间线放在1秒位置,把“旋转”数值改为-2(旋转两圈)


17.  同样的旋转数值,同样的位置,也加给“轮毂-左”“轮胎-右”“轮毂-右”,最终如下图(不选中任何图层情况下,按u键可以展示出所有打过的关键帧)


18.  把“汽车”图层独奏选项点开(独奏点开后只会展示此一个图层,方便操作)


19.  选中“汽车”图层,用“椭圆工具”在两个轮胎上画两个蒙版,把两个轮胎框出来


20.  蒙版的模式改为“相减”,变为如下图


21.  取消“汽车”图层的独奏,时间线放在0帧,给“位置”属性打上一个关键帧


22.  在第6帧处,把“位置”的Y轴数值减去5(这个数值不固定,根据自己图像来定),让汽车下移一点


23.  在12帧处,Y轴数值再加5;18帧处再减5,1秒处把第一个关键帧复制过来(ctrl+c,ctrl+v),让首尾位置一样


24.  不选中任何图层的情况下,用“钢笔工具”画一条线,命名为“地面”


25.  在第0帧,点击“路径”码表,打上一个关键帧


26.  在第6帧,分别框选左右两个锚点,各自往两边延长使地面变长


27.  在第12帧处,把第0帧的关键帧复制过来;在第18帧,把第6帧的关键帧复制过来;在1秒处,把第0帧的关键帧复制过来


28.  不选中任何图层的情况下,用“钢笔工具”画一条小线段(假装是窗外的风景…)


29. 复制出几个,分别放在不同的位置


30.  ctrl+shift+c打一个预合成,命名为“风景”


31.  不选中任何图层的情况下,用“矩形工具”画一个长方形(把风景框在这里面),命名为“遮罩”


32. “风景”预合成的轨道遮罩表单,选择“Alpha遮罩“遮罩””


33. 时间线放在第0帧,把“风景”往左边拖至遮罩区域外,并打上一个位置关键帧


34. 在第10帧处,把“风景”拖到遮罩右边区域外


35. 把“风景”和“遮罩”图层放在“汽车”图层下面


36. 拖着工作区末端拖至1秒处,让动画截止到1秒

完成啦~

阅读原文

Powered by Froala Editor

更新:2023-08-04

收藏

9人已收藏

  • 18

    作品

  • 463

    粉丝

  • 4

    关注

  • 当Ai绘画遇见动画,真香~
  • 动效教程|duang~duang~duang
  • 【AE教程】星球加载动画
  • UI动效教程|一个优美的翻页

    猜你喜欢

      2023-08-04 原创文章 教程 举报 882 9 5 2

      超简单系列|当Ai绘画遇见动画

      2.5°

      你确定要举报超简单系列|当Ai绘画遇见动画

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      9
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录