嗨,大家,夏天在这里。大概每个人在夏季吃得最多的水果是西瓜,尤其是当天气炎热时,您可以吃一口冰西瓜,并且瞬间非常口渴。整个人都令人耳目一新。这篇文章绘制了可爱的西瓜卡通人物。在举重时,我想表达的是,在夏天,进食,喝酒和享用食物,不要忘记运动,主要使用HTML+CSS来实现它。角色的形象是一个更有趣和可爱的图像。凭借一副太阳镜,太阳镜的光片使闪烁的效果,凉爽的感觉,hee hee?。
https://code.juejin.cn/pen/7101178244073783332
本文的内容是一个可爱又有趣的西瓜卡通人物。生产分为两个部分:一个是完成西瓜卡通人物的生产;另一个是在举重的凉爽动画效果中完成卡通字符。
卡通西瓜人物的实施方法是先画西瓜的形状,涂上西瓜皮,西瓜种子,然后绘制卡通图像,太阳镜,笑声,最后画小腿和小手。
西瓜绘画的形状仍然有点美丽。红色部分用三角形绘制。底部的绿色西瓜皮采用椭圆形绘画,而另一个椭圆面膜看起来像弧。
html:
风格:
瓜子的实现由许多椭圆形成。它是通过定位和旋转不同角度来实现的,这相对简单。
html:
风格:
太阳镜的实现由两个矩形链路和一条弯曲线组成。镜头添加了两部灰色灯电影,很酷,我是这条街上最美丽的婴儿,哈哈?
html:
风格:
嘴的实现由半圆形组成,有些线在半圆形中绘制。
html:
风格:
小脚更简单,具有长矩形+椭圆形组成。在右侧复制副本以调整左侧。
html:
风格:
小手由两个矩形+椭圆形组成。在右侧复制一个,然后在180度的Y轴上旋转。只需将其定位以修改它即可。
卡通西瓜动画的几部分添加了动画,小手动画,太阳镜动画和嘴动画。
小型手动动画的困难是,当它是动画时,因为它是两个关节,您需要在移动它时调整角度。我需要将其关闭。我已经调整了很长时间。最终的效果是上面的代码块的显示效果。当我举起手臂时,它是拉直的。在这里,我在制作第二个关节之前做了第一个关节。旋转的动画效果通过定位基点来控制。
风格:
通过控制高变化,可以实现口腔动画。这并不困难。
风格:
太阳镜闪闪发光的动画是一个控制左值的移动过程。速度节点更重要。从缓慢到快速动画过程,前距离之间的距离相对较短。
风格:
本文主要介绍西瓜的创意动画。我希望今年夏天,我们可以冻结一个夏天,西瓜可以吃,看着这个可爱的西瓜动画更香。我感觉很好,给我一个赞美和支持!交叉点比心(??`)
原始:https://juejin.cn/post/7101563507396575268
