tft每日頭條

 > 生活

 > 胖胖字體的教學

胖胖字體的教學

生活 更新时间:2024-08-06 18:10:46
關于教程

哈喽,條友們大家晚上好!

今天,設計教程,又主動送上門了呢!這次,我們依舊誠意滿滿,一起來做一下這樣的胖胖體:

胖胖字體的教學(字體教程第一彈)1

上面的幾張作品,是字體幫往期的幾份投稿字體,都是可愛的胖胖體風格。這類風格,這兩年的出鏡率很高,很有市場,很招人喜歡。

幾個關鍵詞,我們總結一下這類字體的特點:

胖乎乎、肉嘟嘟、可愛、有趣、搞怪……

這類字體的最大難點,在于筆畫之間的細節處理上:筆畫到底該怎樣省略?相鄰的兩處筆畫,到底誰該在上,誰該在下?

隻要解決了這些問題,胖胖體,就瞬間變得輕松容易了!為了把事情交代清楚,本文總共準備有8個案例。

事不宜遲,開整!

胖胖字體的教學(字體教程第一彈)2

案例 #01

先看最終效果圖

胖胖字體的教學(字體教程第一彈)3

第一步:

用“AI”軟件中的“鋼筆”工具繪制字體筆畫,鋼筆端點選擇圓頭,然後将其擴展,給填充和描邊分别選擇不同的顔色,也就是内白外黑。

胖胖字體的教學(字體教程第一彈)4

第二步:

用繪制好的筆畫搭建字體結構,注意筆畫與筆畫之間的疊加關系。

胖胖字體的教學(字體教程第一彈)5

以“内”字和“王”字為例,筆畫之間的疊加關系是内部筆畫覆蓋住外部筆畫,這樣的疊加關系會使字體辨識度更高,看上去更舒服。

胖胖字體的教學(字體教程第一彈)6

“卷”字和“者”字屬于上下結構,此次案例,用下面結構覆蓋住上面結構,辨識度明顯更高。

胖胖字體的教學(字體教程第一彈)7

第三步:

将處理好的字體填充色關閉,隻留描邊色,将會得到這種效果!

胖胖字體的教學(字體教程第一彈)8

第四步:

利用“AI”軟件當中的“剪刀”工具,對上一步的描邊進行剪切處理,由于筆畫疊加原因,顯得錯亂複雜,剪切過程中,可以參考第二步梳理好的筆畫疊加關系,挑選某些位置剪切出穿插的感覺。

胖胖字體的教學(字體教程第一彈)9

什麼是穿插?

就是你中有我,我中有你,筆畫相親相愛,交融在一起的感覺!

胖胖字體的教學(字體教程第一彈)10

第五步:

因為命題是“内卷王者”,所以根據命題含義,将相關的元素(螺旋線)融入到筆畫當中,使其更好地表達字意,就這樣,卷起來了!

胖胖字體的教學(字體教程第一彈)11

看這個内卷的姿勢,像不像大家在字體幫投稿時的樣子。

不得不說,字體幫最近的上榜字體,是真的卷到不行啊!

胖胖字體的教學(字體教程第一彈)12

額~~~言歸正傳。

這個字,最後加入文案排版,更換顔色,搞定!

胖胖字體的教學(字體教程第一彈)13

案例 #02

先看最終效果圖

胖胖字體的教學(字體教程第一彈)14

第一步:

用“鋼筆”工具勾勒出基本字形,端點和拐角都選擇圓頭,字面大小相同,重心一緻,結構協調,嗯,這一步,就是很常規的造字,簡單到不行嘛~

胖胖字體的教學(字體教程第一彈)15

第二步:

将字體加粗處理,因為是胖胖體,所以筆畫一定要粗到填滿字體内部的空間,這樣才有胖的感覺……

胖胖字體的教學(字體教程第一彈)16

胖胖字體的教學(字體教程第一彈)17

第三步:

将加粗的字體執行“擴展”命令,隻給描邊填充黑色。

胖胖字體的教學(字體教程第一彈)18

第四步:

複制一組字體粘貼到描邊字體圖層下方,并填充和描邊圖層不同顔色,便于觀察。

胖胖字體的教學(字體教程第一彈)19

第五步:

将填充的字體圖層鎖定起來,對描邊字體圖層進行剪切處理,剪切的過程中注意筆畫的疊加關系,并将穿插的效果融入其中。

胖胖字體的教學(字體教程第一彈)20

第六步:

給每個字體填充圖層更改不同顔色,最後用“鋼筆”工具繪制高光線條,一組胖胖體就搞定了!

胖胖字體的教學(字體教程第一彈)21

再來看一下排版之後的效果:

胖胖字體的教學(字體教程第一彈)22

案例 #03

先看最終效果圖

胖胖字體的教學(字體教程第一彈)23

面對這三個字,我有足足20多年的親身體會和經驗,我猜我一定可以做得很好!

胖胖字體的教學(字體教程第一彈)24

第一步:

用“矩形”工具搭建字體結構,矩形填充白色,描邊為黑色。

胖胖字體的教學(字體教程第一彈)25

第二步:

給字體内部結構進行簡化處理,制造出筆畫疊加和穿插效果。

胖胖字體的教學(字體教程第一彈)26

胖胖字體的教學(字體教程第一彈)27

第三步:

将字體直角結構用“圓角”工具修改為圓角,使字體更加柔和。

胖胖字體的教學(字體教程第一彈)28

嗯,正是在下,一隻溫柔而多情的單身狗。

胖胖字體的教學(字體教程第一彈)29

第四步:

給字體更換填充色,然後拉近字距,營造字與字之間的疊加效果,最後繪制高光線條,一組字就完成了!

胖胖字體的教學(字體教程第一彈)30

來,再瞅一眼最終效果:

胖胖字體的教學(字體教程第一彈)31

案例 #04

先看最終效果圖

胖胖字體的教學(字體教程第一彈)32

第一步:

用鋼筆工具勾出字體結構,注意筆畫的疊加關系。

胖胖字體的教學(字體教程第一彈)33

第二步:

圖中标注紅色筆畫略顯複雜,将其合并簡化,同時對筆畫加粗處理,讓字體更飽滿,此時字體有些偏高,粗暴地壓扁一下,更符合胖胖體的感覺。

胖胖字體的教學(字體教程第一彈)34

胖胖字體的教學(字體教程第一彈)35

第三步:

将“撸”字向左旋轉5度,再将“兒”字向右旋轉5度,使字體版面看上去更活潑,拉近字距,營造字與字之間的疊加效果,最後再放大。

胖胖字體的教學(字體教程第一彈)36

第四步:

給整組字體增加細節,并且制造出筆畫的穿插效果,使字體看上去更精緻,再多一丢丢細節!

胖胖字體的教學(字體教程第一彈)37

胖胖字體的教學(字體教程第一彈)38

第五步:

字體填充顔色,并且繪制高光和陰影,讓整組字看上去更可愛有趣。

胖胖字體的教學(字體教程第一彈)39

第六步:

繪制一個底座,再添加肉串和酒瓶作為裝飾,有了這樣的氛圍之後,這組字看上去也更有食欲,這組胖胖體到這就設計完了!

胖胖字體的教學(字體教程第一彈)40

來,搞個排版,完事!

胖胖字體的教學(字體教程第一彈)41

胖胖字體的教學(字體教程第一彈)42

感謝大家閱讀,第一彈的技巧大家先消化一下,試着練一練!我們下期再見喲~

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved