tft每日頭條

 > 生活

 > 字體設計的12種技巧内附示例

字體設計的12種技巧内附示例

生活 更新时间:2024-11-13 09:10:31

轉自公衆号:字體設計

今天,和大家分享一篇猴子老師在一周前編寫的字體設計教程:西文中用。這次沒有Logo教程,但是純唠嗑你們肯定也不能樂意看,那就整一篇字體分享吧,話不多說我們開整。

字體設計的12種技巧内附示例(五個案例教會你)1

大家在平時做字的時候,無論是練習稿還是商業項目,我們最難處理的是什麼呢?是不是筆畫擺放的位置反複糾結?設計感更是無從下手,筆畫的造型怎麼調整都感覺不合适?其實總結起來就是結構和筆形的問題了,那麼這裡分享一些簡單的小技巧來幫助大家解決這個問題。

我們先來看幾組學生作品,大家可以觀察一下這幾組作品的的共性處理。

字體設計的12種技巧内附示例(五個案例教會你)2

字體設計的12種技巧内附示例(五個案例教會你)3

大家應該有所發現,有很多英文的影子存在,不管是添加局部的特征,還是直接用英文來拼成一個完整的字,這四組字體都有用到英文來做結合,同樣的我們也可以采用這種手法來進行設計,這種處理方式的好處就在于不用我們再去冥思苦想反複橫跳去尋找筆畫的特征了,英文字庫自帶的特征就足以,且英文字庫的數量和種類都非常龐大,各種姿勢應有盡有,就看你怎麼去開發。

字體設計的12種技巧内附示例(五個案例教會你)4

所以我們此次分享的方法就叫做“西文中用”。本文中的案例采用猴子老師前段時間的一篇站酷首頁作品來作為思路分享與講解,下面我們直接進入分享環節。

字體設計的12種技巧内附示例(五個案例教會你)5

那麼剛剛提到我們主要需要解決的就是結構和筆畫特征,結構我們可以采用墊底字的方法來快速解決,筆畫特征自然是通過英文字母來處理了,第一個案例我們先來做一個簡單一些的黑體類型的字,先放出最終稿看一下效果。

字體設計的12種技巧内附示例(五個案例教會你)6

字體設計的12種技巧内附示例(五個案例教會你)7

首先,我們可以選擇一個思源黑體作為墊底字來解決結構部分的基礎問題,其次,我們需要對英文字庫大緻的觀察分析一下,來提取我們所需要的基礎筆畫,以便于我們後續的拼字過程,那麼最常用的就是橫、豎、撇、捺、點,以及橫豎轉折的處理了,其他的部分我們都可以基于這些筆畫來進行延展出來。

字體設計的12種技巧内附示例(五個案例教會你)8

橫的筆畫不用想的太複雜,直接提取出它的粗細畫條直線即可。

字體設計的12種技巧内附示例(五個案例教會你)9

豎筆的部分可提取的處理就稍多了一些,這裡我們先都列舉出來,至于最終會用到哪個還要等具體拼字的時候才會确定。

字體設計的12種技巧内附示例(五個案例教會你)10

撇捺點的部分可選項不是很多,這裡就放到一起來提取了,且這三個筆畫的處理都可以更加靈活一些。

字體設計的12種技巧内附示例(五個案例教會你)11

轉折處的處理同樣需要進行嘗試後最終敲定,(這裡捺的處理我們把撇筆畫直接鏡像即可)。

字體設計的12種技巧内附示例(五個案例教會你)12

最後我們把筆畫彙總一下,形成自己的一個筆畫素材庫,就可以開始拼字了。

字體設計的12種技巧内附示例(五個案例教會你)13

首先搭建基礎的結構,但結構可能離我們想要的效果還有些差距,所以下一步還需要對結構進行一輪微調優化。

字體設計的12種技巧内附示例(五個案例教會你)14

微調結構,使整體的外部撐得更飽滿,接近标題字形的處理方式,該對齊的對齊。

字體設計的12種技巧内附示例(五個案例教會你)15

進行一些不同筆畫處理的嘗試,這裡就不一一去嘗試了,大家在做的時候可以先選擇一個字來進行嘗試不同的處理方式,這樣會節省很多試錯的時間。

字體設計的12種技巧内附示例(五個案例教會你)16

最後,選擇更為合适的一組,調整一下細節,對齊筆畫,統一粗細,統一處理方式等。

字體設計的12種技巧内附示例(五個案例教會你)17

字體設計的12種技巧内附示例(五個案例教會你)18

字體設計的12種技巧内附示例(五個案例教會你)19

雖說有了自帶特征的英文,我們可以不用過多去思考筆畫的造型,但還是要多去嘗試不同的造型和處理方式所帶來的整體感覺,下面我們繼續。

字體設計的12種技巧内附示例(五個案例教會你)20

第二個案例我們再做一款黑體類型的字,相較上一款會稍微複雜一丢丢,但方法都是相通的,我們往下來看一下這組字。

字體設計的12種技巧内附示例(五個案例教會你)21

字體設計的12種技巧内附示例(五個案例教會你)22

依然是尋找一個墊底字,以及分析英文的特點,這種方法一定要把英文自帶的最大或者最好看的特征給呈現出來,不然我們選擇西文中用就毫無意義了。

這裡依然可以選擇思源黑體作為墊底字的,根據英文的粗細程度,我們可以選擇粗一些的。且可以适當調整墊底字的高矮胖瘦來達到自己想要的效果,這裡我稍微壓扁了一些。

字體設計的12種技巧内附示例(五個案例教會你)23

提取出基本的筆畫特征,這裡我就不再列舉提取來源了,直接以文字的形式描述吧,大家可以一一去對照着看一下。

橫筆的部分除了常規的橫線,還可以提取出大寫字母E的特征,上下是有一個角度上的呼應的。此外就是蜜蜂二字的蟲字部分最下邊的連筆處理,選擇了數字7放倒的形式,算是做了一個特殊的處理。

豎筆的部分除了常規的豎線還可以選擇小寫字母t的形式,也算是與橫筆的特征做一個統一。

撇捺點的形式依然比較靈活,數字7的豎筆,數字1的左上角部分都可以作為撇捺的處理形式。小寫字母i上方的點或是短豎線也都可作為點的處理。

轉折處的處理會稍微靈活些,可以有一個比較多的嘗試。

字體設計的12種技巧内附示例(五個案例教會你)24

下面,我們開始搭建基礎的結構以及嘗試筆畫的初步形态。

字體設計的12種技巧内附示例(五個案例教會你)25

大體的感覺出來了,但個别部分的處理還是有些僵硬,如杜字的木字旁,捺的筆畫處理,鵑字右側鳥字右下的橫折鈎的筆畫,都比較呆闆,所以針對這兩處進行優化。優化的大體思路可以考慮結合更多的英文特征進來。

字體設計的12種技巧内附示例(五個案例教會你)26

下面我們還需要對結構進行一輪優化,使整體更加飽滿,整體的布白也可以進一步優化,說人話就是調整筆畫的位置以及粗細,來達到正負空間更均勻的狀态。

字體設計的12種技巧内附示例(五個案例教會你)27

最後可以進行一些不同的細節小嘗試。

字體設計的12種技巧内附示例(五個案例教會你)28

嘗試過後發現橫豎轉折處不适合做其他處理,所以還是回到初稿,鳥字上方的一瞥原本是豎線的處理改為圓點,與蜜字頂部的一點可以做一個區分,值得一提的是鵑字左上方的口字部分直接替換為數字2的處理解決掉了比較僵硬呆闆的問題。

字體設計的12種技巧内附示例(五個案例教會你)29

字體設計的12種技巧内附示例(五個案例教會你)30

字體設計的12種技巧内附示例(五個案例教會你)31

字體設計的12種技巧内附示例(五個案例教會你)32

第三個案例我們來做一寬宋體類型的字,相較前面的兩款字會需要更多些思考與調整,照例先看最終稿。

字體設計的12種技巧内附示例(五個案例教會你)33

字體設計的12種技巧内附示例(五個案例教會你)34

先來看一下這次選擇結合的英文字形以及墊底字的選擇,墊底字肯定是要選一款宋體了,這裡我選擇的是一款日本的字體,英文選擇了一款特征非常強的字形,尤其是連筆的處理效果非常好,所以這也是我們這款字結合的重點,要想方設法的搞裡頭,搞不裡去就自己找原因。

字體設計的12種技巧内附示例(五個案例教會你)35

繼續拆解基礎筆畫,這部分不再多說了,相信大家對這一步已經輕車熟路了。

字體設計的12種技巧内附示例(五個案例教會你)36

乍一看好像英文的最大特征并不能結合多少,這時候就要去思考問題了,像英文中的一些細線的變化非常像連筆的形式,所以我們可以在中文當中去尋找一些可以做連筆的位置,來借鑒英文的特征結合進去。可以結合墊底字大緻畫一下草圖進行嘗試。

字體設計的12種技巧内附示例(五個案例教會你)37

不需要畫的很細緻,隻需表達出筆畫的大緻的走向,重點是連筆位置的造型要清晰出來,蟲字沒畫草圖這裡先不講。

字體設計的12種技巧内附示例(五個案例教會你)38

這組字可以做的瘦高一些會更能凸顯英文特征的氣質,所以我們可以适當調整一下,下面開始搭建基礎字形。

字體設計的12種技巧内附示例(五個案例教會你)39

綠字左下的連筆不太合适,有點糊掉了,虎字的連筆有些問題,最左側的豎撇沒能體現出來,所以要重新考慮連筆的位置,甲字的造型也不是很美觀,蟲字的下邊在開始觀察英文的時候就發現了小寫字母g的下邊可以替換,所以草圖部分就不再做過多考慮了。

字體設計的12種技巧内附示例(五個案例教會你)40

下面針對出現的問題我們逐一解決掉,綠字左下的連筆去掉,正常做,虎字的連筆可以考慮一個另類的位置,從最外側的豎撇最下端開始連,會很大程度上避免糊的問題,甲字上半部分的處理方式從字母P中提取到靈感,從而做出結合。

字體設計的12種技巧内附示例(五個案例教會你)41

字體設計的12種技巧内附示例(五個案例教會你)42

小結Tips:

不難發現,這種方式其實并無太多難點,我們再來回顧一下重點。

1.英文的選擇很重要,要具有鮮明的特征。

2.與中文做結合時要把英文最強的特征結合進來。

3.同一個筆畫可能有不同的處理,要多去嘗試,擇優選擇。

4.當中文中無法直接結合英文時,要考慮适當變形中文筆畫,或是結合英文特征去進行處理筆畫。

5.橫着看豎着看,鏡像看倒着看英文,會得到不一樣的結果。

下面我們再快速的簡短的再分享兩個案例,方法都是類似的。

字體設計的12種技巧内附示例(五個案例教會你)43

字體設計的12種技巧内附示例(五個案例教會你)44

第四個案例我們再來做個特别一點的字形,英文字形越複雜,我們結合起來的困難也就越大,當然困難點是各不相同的,照例看一下最終效果我們再來解析。

字體設計的12種技巧内附示例(五個案例教會你)45

字體設計的12種技巧内附示例(五個案例教會你)46

通過上面的最終效果大家應該看得出來了,這一組字主要難在曲線的調整上,我們來具體看一下所選的英文字形以及墊底字的選擇。

字體設計的12種技巧内附示例(五個案例教會你)47

可以觀察到這一組英文字的特征是極其強烈的,分析其主要特征,整體字形瘦高,非常多的位置都是類似S形的曲線,且帶有粗細變化,這是主要難點,也是需要結合的一大特征。墊底字依然選擇思源黑即可,YYDS。下面我們拆分筆畫,調整墊底字。

字體設計的12種技巧内附示例(五個案例教會你)48

下面進入拼字環節,根據英文的特征,我們把中文的結構也設定為瘦高的,适當調整墊底字。

字體設計的12種技巧内附示例(五個案例教會你)49

這一組幾乎沒有什麼嘗試的過程了,拆分出的筆畫拼出的基礎字形特征已經足夠強烈,說幾個需要注意的點,枯字右下的口字部分的處理,這裡為了契合整體,選擇把正常的口字設定直接放倒并拉伸至合适的比例,随即調整比例以及筆畫的粗細程度,以達到與整體協調的粗細。這裡把原字庫的錨點情況給大家看一下,你們感受一下。

字體設計的12種技巧内附示例(五個案例教會你)50

可以看到右側我是簡化了非常多的,否則無法進行下去...

字體設計的12種技巧内附示例(五個案例教會你)51

其餘就沒有過多的一個調整了,都是類似的方法去簡化曲線,使其更好調整,橫筆的特征可根據整體的空間來調整大小,如果全是一樣大的,則非常難擺放。

字體設計的12種技巧内附示例(五個案例教會你)52

字體設計的12種技巧内附示例(五個案例教會你)53

最後一組案例我就不再講解了,因為都比較簡單,直接給大家看一下具體使用的哪些字母。

字體設計的12種技巧内附示例(五個案例教會你)54

字體設計的12種技巧内附示例(五個案例教會你)55

字體設計的12種技巧内附示例(五個案例教會你)56

字體設計的12種技巧内附示例(五個案例教會你)57

即使隻是用了幾個基礎的筆畫來回使用,最終的效果也是很有特點的。

字體設計的12種技巧内附示例(五個案例教會你)58

雖說看起來沒什麼難度,因為操作上沒啥難點,主要還是在于多去發現,多去觀察字母與漢字筆畫的關系,甚至這個思路可以延伸至任何地方任何事物,都可以成為你處理筆畫的一個思路來源。

字體設計的12種技巧内附示例(五個案例教會你)59

字體設計的方法和形式非常多,西文中用隻是其中的一種。大家隻有不斷的嘗試,把不同的字體、不同的設計技巧進行組合,才能設計出完美與合适的字體。

本文轉自字體設計,圖片來源:猴子,版權歸原所有者所有,本文僅供分享交流,如有侵權,請聯系我删除,謝謝!

,

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

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

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