发布于 2026-01-06 0 阅读
0

100 天 CSS 插图(81-90)

100 天 CSS 插图(81-90)

以下是我过去十天里创作的十幅插图/绘画作品。点击图片即可查看包含代码的完整插图点击此处可查看包含所有作品及一些变体的 CodePen 合集

这是第一批配有创作过程视频的插画作品。想观看更多此类视频,请订阅我的YouTube频道

第81天:雪中咖啡

受到Hadi Kurnia在 Dribbble 上的作品“冬季服装 - 矢量插画的启发……我很喜欢这个想法,然后从零开始,以那幅插画为灵感,创作了这幅作品……以及一段展示创作过程的视频

一幅卡通画,画中人身穿冬装,手拿咖啡纸杯。背景是白雪皑皑的冰山。

第 82 天:小怪物

一幅完全原创的万圣节主题卡通画。这里是插画绘制过程的视频

卡通形象:一个咧嘴笑着的怪物,头和身体都很大,只有一只眼睛,没有胳膊,两条腿,还有两只角。

第83天:男人的脸

这是另一幅完全从零开始绘制的画作。以下是这幅插图的绘制过程

一个留着胡子、绿眼睛的男人的卡通形象

第84天:女人和叶子

Bujar Ljubovci在 Dribbble 上未使用的方案启发,这幅插图仅使用了 3 个 div 元素(可以轻松减少到 2 个)。我已在 YouTube 上上传了制作过程的视频

标志是一位闭着眼睛、手捧树叶的女子。

第 85 天:卡通人物(v3)

又一个从零开始创作的卡通人物。这个人物的风格隐约让我想起了老版的阿奇漫画……虽然并非有意为之……还有另一幅插图,附带一段“幕后花絮”视频

戴眼镜的人的卡通形象,面带微笑

第 86 天:人员编码(v2)

起初,我打算画一幅以太平洋西北地区为主题的画,但后来我意识到时间不够,就匆匆忙忙地画了一幅略显粗糙的作品……我还录制了一段制作过程的视频。

一个边使用笔记本电脑边微笑的人

第87天:蝴蝶

这幅插图最初源于我在 YouTube 上的一条评论,但我必须说,我真的很享受绘制这只蝴蝶的过程……
我还制作了另一个视频来讲解它的代码是如何编写的

用线条和点绘制的蝴蝶卡通图

第 88 天:CSS 女巫

今天是万圣节之夜,所以我决定再画一部万圣节主题的动画:一个邪恶的女巫。这部动画制作时间比较长,所以我做了两个视频版本:一个长版和一个短版

一个面带微笑的绿皮肤女巫,头戴尖顶帽,手持扫帚。

第89天:死亡

画完一些万圣节插画后,感觉画一幅亡灵节的插画也很不错。这幅亡灵女神的形象灵感来自电影《生命之书》。和其他插画一样,这幅画也配有创作过程的视频

墨西哥传统人物“亡灵节女神”(La Muerte)的漫画形象,与亡灵节相关。

第90天:帽子里的兔子

我必须承认,今天的动画/绘画作品有点简单,但今天(可能明天也是)我时间不多,所以只能做得比较简单。不过,这里有一个制作过程的视频。

一幅非常简单的插图,一顶高顶礼帽,帽檐上伸出两只兔子耳朵。

附加内容:回文图

尝试用我的名字(Alvaro)制作一个回文图。虽然还不够完美,但勉强能用:如果把图片旋转180度,它仍然会显示“Alvaro”这个词:

阿尔瓦罗 (Alvaro) 一词的双向图

文章来源:https://dev.to/alvaromontoro/100-days-of-css-illustrations-81-90-1b6o