简单几步,100行代码用Python画一个蝙蝠侠的logo

菜鸟学Python

共 700字,需浏览 2分钟

 ·

2022-03-23 10:55

大家好 我是菜鸟哥!又到周末啦!

新蝙蝠侠的电影已经上映,蝙蝠侠作为DC漫画的核心人物(算是台柱子了),一直都受到广大粉丝的喜爱。这次电影上线,不知道有没有小伙伴观看,目前豆瓣评分7.8分,还不错。

其实菜鸟哥对科幻片都很喜欢看,漫威的整个系列的电影我都看过,也是忠实粉丝啦。今天我们就用Python来画一个蝙蝠侠的logo,大概就是下图这个样子:


图1. 蝙蝠侠的logo


这次作图全程用matplotlib,IDE用的是Spyder,系统是Windows7


1).首先导入各种库


2).然后设置一下画图板

图片坐标系为X轴和Y轴都在0—100的范围。patches变量后面会用到。


3).接下来再画两个椭圆

第一个椭圆是黄色的,宽64,高34,放在最下面,第二个是黑色的,宽60,高30,放在第一个椭圆之上,两者的中心都是坐标为(50, 50)的点。

es1 = Ellipse([50, 50], width=64, height=34, facecolor='yellow', zorder=1)

es2 = Ellipse([50, 50], width=60, height=30, facecolor='black', zorder=2)

大概就是下面的效果。

图2. 两个椭圆的效果图


  • 然后画出图片左上部分的缺口,这部分用来显示蝙蝠的头部和翅膀。

  • 这里我们用了3阶贝赛尔曲线,Path的CURVE4方法就代表3阶贝塞尔曲线,CURVE3则是2阶。3阶贝赛尔曲线需要4个坐标点,我们就设置好4个坐标点;

  • 最后还要把这块图的边线宽度设为0,否则会有黑色边线出现影响效果。这个缺口图设置为黄色

  • 这样就和下面的第一个椭圆的颜色一样,就能产生缺口效果。

#lw是边线宽度为0

大体效果如下图。

图3. 第一个缺口的效果图


4).接下来再画出图片的第二个缺口

位于图片左下方,这次我们用的是2阶贝塞尔曲线,就是Path的CURVE3方法,这里需要3个坐标点。其他设置和patch1类似。大体效果如下。这里我们可以看到形成了一些不规则部分,不用担心,后面会把这些不规则的地方去掉。



图4. 第二个缺口的效果图


5).画第三个缺口

然后在左下方的第一个缺口旁边再画一个缺口,也就是本图的第三个缺口。方法和上一个缺口类似,都是2阶贝塞尔曲线,只是坐标点不同,其他都一样。


第三个缺口形成的效果如下图。

图5. 第三个缺口的效果图


至此,本图基本上完成了一半,看到这里大家基本上可以看出蝙蝠标志的大概意思了,这就是蝙蝠的左翼,如果还没明白的话,把右侧再画完,就可以看清楚了。因为蝙蝠标志是左右对称的,所以我们只要在本图的右侧再依葫芦画瓢,对称画这几个缺口就可以了。


6).对称的画出右边部分

我们的坐标系是0至100的范围,图片中心坐标是(50, 50),所以右侧缺口的所有x坐标为100减去左侧缺口的对应x坐标的结果,所有y坐标不变。下面直接放上右侧3个缺口的代码,和左侧是完全对应的,patch4是右上的缺口,patch5是右下边最右侧的缺口,patch6是右下边靠中间的缺口。


#右下1

path_data5 ,path_data6都是类似的,完成两翼的绘制之后,大体效果如下。


图6. 完成两翼后的效果图


7).画出头部的效果

这时候看起来还不太像蝙蝠,倒有点像烤乳鸽,没事再画完蝙蝠头部就OK了。蝙蝠头的代码如下,就是画出一个倒立的梯形,上底边长一些,下底边短一些,用的是Path的MOVETO方法,需要设置四个坐标点。颜色还是黄色,边线宽度还是0。


头部效果如下图所示。

图7. 完成头部后的效果图


到这里整个蝙蝠侠logo的蝙蝠部分就画完了,但是还有一些细节部分要处理一下:

比如再加个黑色边框,然后再把不规则的部分去掉;

黑色边框仍用一个椭圆,这个椭圆命名为es3,和第一个黄色椭圆大小一样,但不填充,只设置边线宽度为4,默认为黑色;

然后再画一个椭圆es4,仍不填充,边线宽度设置为10,设为白色,这样就能把那些不规则的地方隐去;


代码如下:

es3 = Ellipse([50, 50], width=64, height=34, fill=False, lw=4, zorder=2) #不填充,同时边线宽度设置为4,默认为黑色

es4 = Ellipse([50, 50], width=68, height=38, fill=False, lw=10, edgecolor='white', zorder=2) #不填充,同时边线宽度设置为10,边线设为白色

最后的完成图效果如下。

图8. 完成效果图


至此,一个蝙蝠侠的logo完全搞定,我们再放上一个猛男配色和一个蓝色的logo,分别给蝙蝠女和罗宾,只需要把上面的黄色替换为粉色和蓝色即可。蝙蝠家族就算完成了。


图9. 蝙蝠女logo

图10. 罗宾logo


Python还是很有趣的,真的是无所不能!除了爬虫,数据分析,自动化测试,自动化办公,后端网站开发,人工智能机器学习,现在还能做画酷酷的画。真的很少有一门语言能如此简单而强大,学一门Python可以干好多事情,值了。




有兴趣的同学可以火速加入我们的星球
3周零基础入门提供10节课程
全年12节趣味实战项目含源码,
每月奖励优秀的Top3同学送书
专业的答疑群,大厂的老师保姆式的教学

如果不满意,三天内随意退款!一年88,现在优惠16元



扫码加入,3周零基础入门






推荐阅读:

入门: 最全的零基础学Python的问题  | 零基础学了8个月的Python  | 实战项目 |学Python就是这条捷径


干货:爬取豆瓣短评,电影《后来的我们》 | 38年NBA最佳球员分析 |   从万众期待到口碑扑街!唐探3令人失望  | 笑看新倚天屠龙记 | 灯谜答题王 |用Python做个海量小姐姐素描图 |碟中谍这么火,我用机器学习做个迷你推荐系统电影


趣味:弹球游戏  | 九宫格  | 漂亮的花 | 两百行Python《天天酷跑》游戏!


AI: 会做诗的机器人 | 给图片上色 | 预测收入 | 碟中谍这么火,我用机器学习做个迷你推荐系统电影


小工具: Pdf转Word,轻松搞定表格和水印! | 一键把html网页保存为pdf!|  再见PDF提取收费! | 用90行代码打造最强PDF转换器,word、PPT、excel、markdown、html一键转换 | 制作一款钉钉低价机票提示器! |60行代码做了一个语音壁纸切换器天天看小姐姐!


年度爆款文案

点阅读原文,看B站22个原创视频!

浏览 77
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报