字体变形记！手把手教你用AI绘制Q版的萌萌哒字体

编者按：今天@畅游VC 的萌妹子来给同学们传授点字体设计经验，教同学们在依附现有字体的基础上，斧凿刀削，添砖加瓦，最终打造出萌萌哒的字体，特别适合木有字体设计基础的同学，来学习字体的变形过程吧。

学会了操作方法，就来学点创意让它锦上添花吧：《推荐：17种设计字体的创意方法》

设计工作中避免不了要和字体打交道，然而有时候更需要一个有些特别，至少不那么千篇一律形状的字形来表现主题传达品牌形象。BUT并不是每人都有字体设计基础，也不一定有那么充足的时间去重新定义一个字形，所以依附现有字体，在此基础上去调整修饰从而达到理想效果，也是个不错的选择。以下列个做Q版字体变形的过程与大家分享权当引玉之砖，字体设计路上的高手表扔太大石头，人家是弱女子承受不住啦~~~哈哈哈

一、确定风格找字体

接到一个需求看它是什么题材的内容，比如《新水浒Q传》这个游戏它整体的色调就是糖果、彩虹，风格也是Q萌。那我们先去找几款Q版字体作基本形。

现在选用一款字体作示例。打开AI新建画布，输入文字如下。

二、改变部首显特点

选中文字CRTL+SHIFT+O将文字创建轮廓,CRTL+SHIFT+G取消编组，使每个字成为一个单独的个体。

找出需要调整的点，可以将字体部首或某一点细化统一用一种形式表示。因系统字比较整齐，决定把字体里的撇\点统一用圆形表示，大的弯勾折勾用圆弧表示，使其更具张力及趣味性。

使用直接选择工具或删减锚点工具，修整\删除多余的部分，如下：

使用椭圆工具画一个圆（画圆时按下SHIFT键就能画出正圆了哦~），将其调至字体部首位置，保持字体的完整性。

画一个圆用添加锚点工具添加两个锚点，用直接选择工具选中其中一个锚点，按Delete键删除锚点。

根据实际情况在描边面板中设置描边的粗细值，并按下圆角端点选项使其端点保持圆滑状。

将画好的圆弧移动调整至字体中。

画一个圆并设置合适描边值，用直线段工具（按下SHIFT按可画一条直线，想学习类似技巧的同学来优设网搜120个Photoshop技巧哟），在描边面板内设置线条的粗细值，按下圆角端点选项使其端点保持圆滑状。使用对齐工作使圆与直线居中对齐，按CTRL+G键将圆与直线编成一组。

移动刚才画好的图形至字体中去

三、调整细节添节奏

至止对字体的基本变形已经完成，相对于原来固有的字体更活泼了些。接下来根据字意重点等实际情况调节字体大小角度等，使其更有节奏韵律。

四、页面效果

木有字体基础的同学来恶补咯！

知己知彼！帮你总结中文字体的类型特点！
《不会挑选字体？来看看字体的7种类型及特点》

将字体图形化你必须学习的精髓！
《创意汉字！把握字体图形化设计的精髓》

字体变形在Banner设计中的经验分享！
《玩转字体！BANNER设计经验分享之字形字体篇》

原文地址：vc.changyou
投稿者：@畅游VC

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量85万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：