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

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

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

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

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

一、确定风格找字体

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

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

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

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

二、改变部首显特点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、调整细节添节奏

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

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

四、页面效果

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

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

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

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

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

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

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

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

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

点赞
收藏 5
继续阅读相关文章

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
1 收藏