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天:死亡
画完一些万圣节插画后,感觉画一幅亡灵节的插画也很不错。这幅亡灵女神的形象灵感来自电影《生命之书》。和其他插画一样,这幅画也配有创作过程的视频。
第90天:帽子里的兔子
我必须承认,今天的动画/绘画作品有点简单,但今天(可能明天也是)我时间不多,所以只能做得比较简单。不过,这里有一个制作过程的视频。
附加内容:回文图
尝试用我的名字(Alvaro)制作一个回文图。虽然还不够完美,但勉强能用:如果把图片旋转180度,它仍然会显示“Alvaro”这个词:
文章来源:https://dev.to/alvaromontoro/100-days-of-css-illustrations-81-90-1b6o










