字体设计教程!霜降节气主题插画字体设计

时间:2021-10-27
类别:手绘教程
水平:进阶
观众:5.3k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

字体设计教程!霜降节气主题插画字体设计

教程作者:小雨 & 刘兵克(授权转载自公众号:字体帮

教程来源:刘兵克工作室

交作业去这里→#优设每日作业#

关于教程

知识重点:插画字体设计

操作工具:数位板 | Photoshop

操作难度:比上次的简单多啦!

大家好,我是小雨,今天又是勤劳的我,在变态的兵哥的催促下,又给大家带来一篇新的教程。

前几天,我和工作室哥几个正在吃瓜拉呱嗑瓜子,兵哥突然走进来,堆着笑脸跟我讲:过几天要霜降了啊,大家要记得穿秋裤了,说完,伸手就要给几个男同事检查秋裤……

字体设计教程!霜降节气主题插画字体设计

然后,躲在角落里的我,突然被点名了,兵哥笑眯眯的说:

霜降,是个比较重要的节气,不画一张海报出来,你良心上肯定会过意不去的,对吧?

又画海报?

这不是很简单吗,上次那张挖掘机的海报,也就一支烟的功夫,一会就画完了。

我刚要答应的时候,兵哥又补充了一句:

人家想要一张字体和插画结合起来的海报,上次挖掘机海报那个,是我和挖掘机的合体,这次,要插画和字体做到合体!

字体设计教程!霜降节气主题插画字体设计

真是听哥一席话,如听一席话,兵哥的话,我不敢怠慢,我把烟头一掐,把电脑一开,开画!!!

#01 需求分析

霜降是中国24节气之一,是秋季的最后一个节气,是秋季到冬季的过渡。

霜降时节,万物毕成,毕入于戌,阳下入地,阴气始凝,天气渐寒始于霜降。

以上知文字源于度娘……

打完这串字,吹来一阵凉飕飕的秋风,在我即将瑟瑟发抖之际,兵哥朝我投来了温暖而坚毅的目光,然后就把我吓得一激灵~

中国古人将霜降分为三候:一候豺乃祭兽;二候草木黄落;三候蜇虫咸俯。

此时豺这类动物开始捕获猎物过冬;树叶都枯黄掉落;冬眠的动物也藏在洞中不动不食进入冬眠状态中。

霜降节气主要有赏菊、吃柿子、登高远眺、进补等风俗。

我们可以从中提取到一些关键词,草木黄、吃柿子、赏菊花等等,找好了相关元素,然后接下来要做的,就是把这些元素巧妙的融入到霜降两字中去。

做到所谓的字画合一!

字体设计教程!霜降节气主题插画字体设计

#02 绘制草图

又到了人见人爱的灵魂草图环节,这一步,就是把脑海中的想法画出来,用霜降有关的元素来结合笔画,比如,用霜花代替了雨字头右边的两个点,木和一些框架的笔画都用树枝结合,上面的横画,我机智的画成一个房顶。

字体设计教程!霜降节气主题插画字体设计

霜字的<目>,降字右边的笔画,稍稍有点复杂了,这个时候,门口又吹过来一阵冷风,我突然想到,如果我也能和动物一样冬眠就好了,就不用可怜的给兵哥搬砖,也不用偷偷摸鱼了……

字体设计教程!霜降节气主题插画字体设计

在白日梦的梦醒之际,我恰好发现<目>字,是一个封闭状的笔画,所以可以变成一个洞穴,里面可以搁一只冬眠的小雨,不,是冬眠的小熊……

字体设计教程!霜降节气主题插画字体设计 字体设计教程!霜降节气主题插画字体设计

三下五除二,熊也被我画好了!

大家看我画的这个熊样,是不是跟我一样可爱呢?

降字的右边部分,我试着放了一些怒放的菊花,因为这个季节是赏菊的时候嘛。

上面,结合中国风的元素,我加了一只鹤从房檐上飞过,现在,整个字体的感觉已经出来了,秋高气爽,草木黄落,霜花满天,望穿秋水,别忘穿秋裤……

接下来就是细化草图,这一步要找一些参考,比如别人家的仙鹤好像养的更胖一点,所以,我也要画的丰满一点,这个时候,我有点头疼,不知道到底该画多胖才合适。

这个时候,兵哥又偷偷摸摸的站在我身后,英明神武、胆大心细的他,似乎猜出了我的疑虑。

他问道:是不是不知道怎么把鹤画胖?

我答到:是的,我太瘦了,从来不知道胖是什么样子。

兵哥朝我挤眉弄眼,眼神不断撇向我的右边,意思是让我看看坐在我身旁的小武同学。

我恍然顿悟,茅厕顿开!

原来,这就是胖!

灵感来了!挡也挡不住!

我几秒钟就把仙鹤画的胖了一些,也可爱了一些!

同时,我把树枝藤蔓的结构也找了一下,结合笔画的走势进行了全面的调整。

再把房子的细节加上,砖瓦画的细致清楚一些。

雨字的两点,显得有些许空旷,所有,我就用山的图形,来替换掉了,这样画面更加均衡一点。还有,本来计划的菊花展也只开了一朵,剩下的还是用枝丫代替了,这样更简洁一些。

这个时候,兵哥又溜了过来,看着柿子树上面只有一个果子,他感觉太寒酸了,说这根本不够吃,说咱们工作室毕竟有些人挺能吃,多画几个柿子吧,免得有人不开心。

老人的要求必须满足啊,然后我马上又挂了几串柿子上去,兵哥欣慰的咯咯咯笑个不停。

字体设计教程!霜降节气主题插画字体设计

#03 绘制线稿

然后又到了愉快的勾线环节

这一步没什么好说的,就是画画画画画画画画画就完事了!

字体设计教程!霜降节气主题插画字体设计

勾线没别的难度,还是比较废手,我也就抽筋了十几次吧~

字体设计教程!霜降节气主题插画字体设计

这样那样,那样这样之后,线稿就完成了!

#04 上色过程

配色时要注意画面颜色的和谐,让画面达到一种明确的氛围感,比如温馨的,热烈的,清冷的等等。

为了达到明确的氛围感,可以运用大量的邻近色,使画面的色调统一,加上对比色点缀画面,使整体画面和谐又不死板。

字体设计教程!霜降节气主题插画字体设计

画面主色定为蓝色和赭色,点缀红色和橙黄色,给寒冷的天气增加一点温暖。

整体的色调氛围,就这么愉快的确定了。

字体设计教程!霜降节气主题插画字体设计字体设计教程!霜降节气主题插画字体设计

将线稿置于顶层,新建图层,再逐一上色就可以啦。

上色用画笔工具钢笔工具都可以,看你的习惯,看你的心情。

字体设计教程!霜降节气主题插画字体设计

#05 细节刻画

因为这幅插画的线稿已经比较细致,所以后面的细节刻画就只有一点点啦,用柔边画笔给色彩增加一个过渡,主要是为了让画面多一些渐变,多一些立体感,会更真实一些:

字体设计教程!霜降节气主题插画字体设计

接下来用磨砂画笔,再增加一层肌理感,选择比原本颜色亮一点和深一点的邻近色进行刻画,这个柿子突然变得诱人起来了呢:

字体设计教程!霜降节气主题插画字体设计

仙鹤的翅膀尾羽,也同样增加明暗层次,云朵也是。

字体设计教程!霜降节气主题插画字体设计

又发现小熊这一部分的细节不太多,所以,给它多画一点毛毛,不至于赤裸裸的着凉了。

字体设计教程!霜降节气主题插画字体设计

其他的,同理,把细节一步步完善出来。

然后啊!

这两个字体就完成了!!!

字体设计教程!霜降节气主题插画字体设计

#06 效果展示

最后一步!

加上文案文字,稍微排一下版,一幅字体+插画相结合的海报就这么快速的搞定!

字体设计教程!霜降节气主题插画字体设计

竖版的完成了之后,我又临时奉命,改了一个横版的,作为公众号封面来用:

字体设计教程!霜降节气主题插画字体设计

当我把这份作品交给兵哥的时候,兵哥又开心的傻笑起来,合不拢嘴,直扭自己的大腿。

我呵呵一笑,把烟头往兵哥手背上一掐。

说道:

至于这么激动吗?这都不是事!

字体设计教程!霜降节气主题插画字体设计

好了,今天的教程就到这里。

话说今天周五,又要双休了,又可以两天见不到兵哥了,想想就开心的很。

也祝各位周末愉快,我们下次见。

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
笔刷2.11MBkl5g 点此复制 登录下载
9 收藏 10

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片