如何使用AI工具和Fontsel工具創(chuàng)建一個彩色的手繪字體

知識庫/2017-12-05/4459次瀏覽/20人喜歡

Fontself是Adobe Illustrator和Photoshop CC的強大擴展，創(chuàng)建字體從來沒有像Fontself那么快，在本教程中，將學習如何制作彩色字體。

Fontself允許你用最專業(yè)的字體（字距，連字等）創(chuàng)建一個全功能的字體，最令人興奮的是它可以幫助你創(chuàng)建一個彩色字體！可以使你的想象力變得瘋狂，并為字體添加想要的任何形狀和顏色（包括漸變和其他效果）。

1.如何繪制字母A

步驟1

當我從頭開始創(chuàng)建一個字體的時候，通常是先畫一個大概的草圖，我們從每個字母的粗略素描開始，確保每個字母都是經過精心設計的，并保持統(tǒng)一的風格。我們將使用這個草圖作為在Adobe Illustrator中制作的輪廓指南。

請注意，Fontself Maker與Adobe Illustrator CC 2015.3及更新版本一起使用，但要使用彩色字體，將需要CC 2018，所以如果還沒有這樣做，請不要忘記更新！

步驟2

首先在RGB顏色模式下創(chuàng)建新文檔，讓我們從字母A開始，選取多邊形工具（您可以在與矩形工具（M）相同的下拉菜單中找到它），將面數設置為3并制作一個三角形。在“顏色”面板中將其“填充顏色”設置為“無”，并將其筆觸顏色設置為深紫色。現在，在“描邊”面板（“窗口”>“描邊”）中，將“粗細”設置為2.5像素，并將“端點”設置為“圓角”?，F在我們可以刪除我們不需要的形狀的底部，采取直接選擇工具（A），然后單擊三角形的底部邊緣，點擊刪除鍵（或Backspace，如果你在Mac上）刪除它。

步驟3、

選擇形狀，然后按Enter鍵打開移動窗口，將“水平”值設置為25像素，“垂直”設置為0像素，然后單擊“復制”以復制形狀并將其向右移動。

步驟4

保持兩個形狀的選擇，選擇形狀生成器工具（Shift-M），按住Alt，然后單擊右側的一塊刪除它。

步驟5

復制第一個形狀并調整大小以形成一個小三角形。把它放在底部，創(chuàng)造一個箭頭的羽毛，選擇形狀，按住Alt，然后向上拖動以創(chuàng)建副本，再添加兩個副本，并沿著三角形的左邊緣附加它們，把創(chuàng)建好的羽毛進行群組Control-G），然后選擇鏡像工具（O），選擇垂直軸，然后單擊復制將形狀翻轉到另一側。

步驟6

選擇橢圓工具（L），按住Shift，畫一個10×10像素的小圓，并復制兩個，放在字母的兩個端點。

步驟7

通過選擇該筆劃來復制筆劃，并在按住Alt的同時將其拖動到一邊。使用鋼筆工具（P）在行的中間添加一個錨點，然后使用刪除錨點工具（ - ）刪除筆劃頂部的點。

步驟8

使用鋼筆工具（P）或線段工具（\），按住Shift鍵畫一個橫的線段，復制（Control-C> Control-F）筆畫并將其拖放，用直接選擇工具（A）移動點使其縮短。

步驟9，使用鋼筆工具在字母的上方添加一些折線，讓字母看起來更加飽滿。

步驟10

現在，字母A的輪廓已經準備就緒，讓我們添加一些顏色！我們可以復制（Control-C> Control-B）該字母，并通過單擊小圖標隱藏“圖層”面板中的副本，以防萬一需要稍后使用這些輪廓，選擇可見副本并轉到對象>實時上色>建立。

步驟11、選擇油漆桶工具，對圖中方塊進行填色。

步驟12

現在讓我們轉到對象>實時上色>釋放，以便將每個彩色部分轉換為單獨的對象，然后使用直接選擇工具（A）拖出幾個元素，使組合更具動態(tài)性，這樣字母A就完成了。

其他字母制作方法與字母“A”相似，此處就省略了。

2.如何在Fontself中制作彩色字體

步驟1

現在我們終于可以使用Fontself Maker創(chuàng)建一個字體了，

首先，我們打開“圖層”面板，按字母順序從左到右放置所有字母，如果按照正確的順序放置，Fontself將自動分配正確的字符，我們可以重新命名底部指南，將其設置為基準。

步驟2

現在確保有的字母底部都對齊并放在基線上，選擇這些字符，然后在“對齊”面板中單擊“垂直對齊底部”，

步驟3

轉到窗口>擴展并運行Fontself Maker，擴展的緊湊窗口將加載，您可以通過拖動其底角來調整其大小，它有一個簡單和用戶友好的拖放界面，彈出提示和在線聊天助手，可以幫助解決遇到的問題。

步驟4

現在讓我們選擇我們的字母表并將其拖到Fontself窗口。，在這里我們有幾個選項可供選擇，如果已經準備好了所有的角色，可以使用“A-Z”區(qū)域并把字母放在那里， Fontself會自動按照正確的順序放置它們，給每個字母一個正確的名字，否則，如果還沒有完成所有的字符，請將鼠標光標放在“任何字符（批）”字段上，然后釋放鼠標鍵以上傳字符，在我們的例子中，我們正在制作一個大寫的字體，所以所有的字母在大寫和小寫都是一樣的。

步驟5

Fontself的優(yōu)點在于它非常的智能：一旦我們安排并對齊了字母，程序就會使用“層”面板中的信息以正確的順序放置它們，只要確保將所有內容拖放到一起，包括基線?，F在我們把每個字母放在自己的位置上，從這里，我們可以在“實時預覽”窗口中輸入內容，查看它的外觀，并根據需要使用“字母空間”，“線條空間”和“縮放”。點擊右側的小齒輪圖標，可以更改字體大小，對齊方式和背景顏色。還可以通過單擊每個預覽插槽左上角的小箭頭圖標（在下面的屏幕截圖中圈出）或雙擊該字形來擴展字母預覽窗口。

步驟6、

下一個重要的事情，你可能想要在你的字體和Fontself有這個功能是使用連字！

連字是一個符號中兩個或多個字母的組合。例如，在“tt”，“fi”和“ff”等常見組合中，我們可能想要改變字母的某些元素，例如crossbars，使它們看起來更好。而且，在使用彩色字體的同時，我們可以更有創(chuàng)意地使用連字，例如通過添加新的元素（如粒子，花朵或花飾）來使某些單詞或名稱看上去很花哨。在這種情況下，整個組合物可以用作符號。