字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

編者按:今天@暢游VC 的萌妹子來(lái)給同學(xué)們傳授點(diǎn)字體設(shè)計(jì)經(jīng)驗(yàn),教同學(xué)們?cè)谝栏浆F(xiàn)有字體的基礎(chǔ)上,斧鑿刀削,添磚加瓦,最終打造出萌萌噠的字體,特別適合木有字體設(shè)計(jì)基礎(chǔ)的同學(xué),來(lái)學(xué)習(xí)字體的變形過(guò)程吧。

學(xué)會(huì)了操作方法,就來(lái)學(xué)點(diǎn)創(chuàng)意讓它錦上添花吧:《推薦:17種設(shè)計(jì)字體的創(chuàng)意方法》

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

設(shè)計(jì)工作中避免不了要和字體打交道,然而有時(shí)候更需要一個(gè)有些特別,至少不那么千篇一律形狀的字形來(lái)表現(xiàn)主題傳達(dá)品牌形象。BUT并不是每人都有字體設(shè)計(jì)基礎(chǔ),也不一定有那么充足的時(shí)間去重新定義一個(gè)字形,所以依附現(xiàn)有字體,在此基礎(chǔ)上去調(diào)整修飾從而達(dá)到理想效果,也是個(gè)不錯(cuò)的選擇。以下列個(gè)做Q版字體變形的過(guò)程與大家分享權(quán)當(dāng)引玉之磚,字體設(shè)計(jì)路上的高手表扔太大石頭,人家是弱女子承受不住啦~~~哈哈哈

一、確定風(fēng)格找字體

接到一個(gè)需求看它是什么題材的內(nèi)容,比如《新水滸Q傳》這個(gè)游戲它整體的色調(diào)就是糖果、彩虹,風(fēng)格也是Q萌。那我們先去找?guī)卓頠版字體作基本形。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

現(xiàn)在選用一款字體作示例。打開(kāi)AI新建畫(huà)布,輸入文字如下。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

二、改變部首顯特點(diǎn)

選中文字CRTL+SHIFT+O將文字創(chuàng)建輪廓,CRTL+SHIFT+G取消編組,使每個(gè)字成為一個(gè)單獨(dú)的個(gè)體。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

找出需要調(diào)整的點(diǎn),可以將字體部首或某一點(diǎn)細(xì)化統(tǒng)一用一種形式表示。因系統(tǒng)字比較整齊,決定把字體里的撇\點(diǎn)統(tǒng)一用圓形表示,大的彎勾折勾用圓弧表示,使其更具張力及趣味性。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

使用直接選擇工具或刪減錨點(diǎn)工具,修整\刪除多余的部分,如下:

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

使用橢圓工具畫(huà)一個(gè)圓(畫(huà)圓時(shí)按下SHIFT鍵就能畫(huà)出正圓了哦~),將其調(diào)至字體部首位置,保持字體的完整性。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

畫(huà)一個(gè)圓用添加錨點(diǎn)工具添加兩個(gè)錨點(diǎn),用直接選擇工具選中其中一個(gè)錨點(diǎn),按Delete鍵刪除錨點(diǎn)。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

根據(jù)實(shí)際情況在描邊面板中設(shè)置描邊的粗細(xì)值,并按下圓角端點(diǎn)選項(xiàng)使其端點(diǎn)保持圓滑狀。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

將畫(huà)好的圓弧移動(dòng)調(diào)整至字體中。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

畫(huà)一個(gè)圓并設(shè)置合適描邊值,用直線段工具(按下SHIFT按可畫(huà)一條直線,想學(xué)習(xí)類(lèi)似技巧的同學(xué)來(lái)優(yōu)設(shè)網(wǎng)搜120個(gè)Photoshop技巧喲),在描邊面板內(nèi)設(shè)置線條的粗細(xì)值,按下圓角端點(diǎn)選項(xiàng)使其端點(diǎn)保持圓滑狀。使用對(duì)齊工作使圓與直線居中對(duì)齊,按CTRL+G鍵將圓與直線編成一組。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

移動(dòng)剛才畫(huà)好的圖形至字體中去

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

三、調(diào)整細(xì)節(jié)添節(jié)奏

至止對(duì)字體的基本變形已經(jīng)完成,相對(duì)于原來(lái)固有的字體更活潑了些。接下來(lái)根據(jù)字意重點(diǎn)等實(shí)際情況調(diào)節(jié)字體大小角度等,使其更有節(jié)奏韻律。

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

四、頁(yè)面效果

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

木有字體基礎(chǔ)的同學(xué)來(lái)惡補(bǔ)咯!

知己知彼!幫你總結(jié)中文字體的類(lèi)型特點(diǎn)!
《不會(huì)挑選字體?來(lái)看看字體的7種類(lèi)型及特點(diǎn)》

將字體圖形化你必須學(xué)習(xí)的精髓!
《創(chuàng)意漢字!把握字體圖形化設(shè)計(jì)的精髓》

字體變形在Banner設(shè)計(jì)中的經(jīng)驗(yàn)分享!
《玩轉(zhuǎn)字體!BANNER設(shè)計(jì)經(jīng)驗(yàn)分享之字形字體篇》

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量85萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:

字體變形記!手把手教你用AI繪制Q版的萌萌噠字體

收藏 28
點(diǎn)贊 5

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。