前言
任何對扁平化風(fēng)靡之初頗有印象的朋友也許和當(dāng)時的我一樣，腦海中想起了“世界突然清靜了”的聲音，
用AI打造扁平化航海風(fēng)格文字
。從此我們仿佛告別了擬物時代。做過設(shè)計(jì)的人都不得不承認(rèn)，簡單是很復(fù)雜的，而復(fù)雜反而很簡單。當(dāng)我在思考記錄這個扁平化風(fēng)格文字制作過程的時候，主要想記下的是這三個記憶點(diǎn)。
一、如何用AI里的圖案鋪展背景，并修改圖案的樣式
二、任何字體都需要自己的再加工，值得認(rèn)真對待的一個個錨點(diǎn)去修飾
三、如何制作一個有頭有尾的圖案筆刷
一、制作背景
STEP 01
打開AI，新建一個600*600px的文檔。先畫一塊大小同文檔大小一樣的矩形，填充為藍(lán)色，關(guān)閉描邊。由于我們是航海風(fēng)格主題，因此，藍(lán)色是第一選擇的顏色。當(dāng)然，實(shí)際項(xiàng)目中，你也可以換其他顏色，如果是食物主題，橙色和紅色都是不錯的選擇。如果是自然主題，那么綠色也是不容忽視的色彩。具體的背景色選用，我們會留到今后色彩的運(yùn)用中去詳細(xì)講解。
純色背景也許已經(jīng)夠了，對于扁平化風(fēng)格來講，大部分背景都為純色。但在這里，我們希望能更加豐富一點(diǎn)，可以為背景增加一點(diǎn)細(xì)膩的紋理。讓我們再在藍(lán)色背景層之上再建一個圖層，圖層這時可以是任意顏色，同時，打開色板面板，在色板里打開色板庫，選中其中一個圖案。打開圖案的路徑為【打開色板庫>圖案>基本圖形>紋理】。具體可以參考下圖。
在圖案中選中“砂子”這個圖案。這時，我們會發(fā)現(xiàn)，圖案的紋理是黑色填充的，但如果我想要的是白色的紋理該怎么做呢?沒錯!我們需要先對這個圖案進(jìn)行擴(kuò)展。
擴(kuò)展后，大家會看到圖案中的紋理變成了路徑，但這時仍然不能直接調(diào)換砂子的顏色。我們還需要在上方的工具欄左側(cè)，點(diǎn)擊“編輯內(nèi)容”的小圖標(biāo)，這時，砂子才變?yōu)榱丝梢越o我們編輯的內(nèi)容。你會發(fā)現(xiàn)這時的填充色為黑色。
其實(shí)文字這部分內(nèi)容相對比較簡單，只要準(zhǔn)備好相應(yīng)的文字內(nèi)容再進(jìn)行字體篩選，適當(dāng)進(jìn)行排版即可。
我在這里設(shè)計(jì)的主題是航海，因此，我準(zhǔn)備的文字是“暢游.Deep sea”，再附上“ifeiwu.com”的域名地址。在開始動手之前，可以先通過鉛筆在紙上探索一下最佳的設(shè)計(jì)排版。
我在此選用的中文字體是“方正粗倩體”，英文字體是具有手寫風(fēng)格的“Mission Script”，這兩種字體都有筆畫接合部分比較圓潤的特點(diǎn)，中文較為正式，而英文貼近手寫，更加溫暖�？瓷先ワL(fēng)格搭配協(xié)調(diào)。而ifeiwu.com的域名采用是“futura LT”，這種英文字體有未來體之稱，看上去簡潔而清晰，在扁平風(fēng)里常會被用到。
STEP 04
先用文字工具寫上“暢游”二字，這兩個字我安排了230pt的大小，將其安排在左上方，和邊框線完美地貼合。這種構(gòu)圖的方式，充分?jǐn)U大了內(nèi)部空間，讓整個排版布局更加廣闊。文字色彩為白色。
再寫上英文字體，放置于中文下方。“Deep sea”的大小為120pt，“ifeiwu.com”的大小為16pt。Deep sea的文字與中文進(jìn)行右對齊，然后再把域名地址放到Deep那個P字母下伸部分的右側(cè)空白處。
STEP 06
選中文字，然后點(diǎn)擊右鍵“創(chuàng)建輪廓”，這時，你可以放大文字的路徑，利用鋼筆工具，對任何你不滿意的地方進(jìn)行修飾，
電腦資料
《用AI打造扁平化航海風(fēng)格文字》(http://www.solarmaxlimited.com)。這一過程要更多的耐心。接下來，我想要在底部加上一根頭尾打結(jié)的繩索，就像航海帆船的纜繩。可能大家會覺得這一步驟很簡單，事實(shí)上，我們要制作的繩索不是畫出來，而是通過制作一個圖案畫筆，然后就可以無限地使用它們。這種一勞永逸的事情，前期相對比較復(fù)雜。
STEP 07
畫上一個長寬為3.8px*6.6px，半徑為5px的圓角矩形。復(fù)制矩形向右移動6個像素，再移動一次。這樣就排列了三個圓角矩形。
將這三個圖形向右下方傾斜17度。
這時，請確保你已經(jīng)打開了智能參考線，在這對圖形左右兩邊分別畫上一個矩形，矩形和左右兩個圖形分別相交于圖形的中線處。然后打開路徑管理器，點(diǎn)擊左上第二個圖標(biāo)，即“減去頂層”來重塑圖形。
將左一、左二兩個圖形復(fù)制一份到右邊進(jìn)行拼接，請看圖示。
利用鋼筆工具的增加錨點(diǎn)的功能，以及對路徑的編輯，將最右邊的圖形進(jìn)行重新塑造，讓它變成一個類似繩結(jié)的圖形。然后再將這個繩結(jié)以及它左邊的圖形(也是圓角矩形的一半)進(jìn)行復(fù)制并移動。
STEP 12
接下讓我們畫三個矩形，這三個矩形的邊框要與圖形的邊緣對齊。操作時需要輔助智能參考線，具體的形狀如下。這三個矩形應(yīng)該關(guān)閉描邊，但我在這里為了展示給大家看得清楚的就打開了描邊。希望大家注意到這一點(diǎn)。
STEP 13
選中中間這一組，也就是沒有繩結(jié)的這一組。然后進(jìn)入到畫筆面板，點(diǎn)擊下方的新建畫筆的圖標(biāo)，在彈出的選項(xiàng)卡里選擇“圖案畫筆”，然后點(diǎn)擊確定。在圖案畫筆的設(shè)置選項(xiàng)中我用了默認(rèn)的設(shè)置，將畫筆名稱改為繩子。
STEP 14
讓我們接下選中右邊的那一組，按住“alt”鍵拖到畫筆的最右的格子里。這時屏幕又彈出了畫筆的設(shè)置面板。面板中的“終點(diǎn)拼貼”變?yōu)榘咨�，我們可以選擇默認(rèn)，也就是直接點(diǎn)擊確定按鈕。
右側(cè)的繩結(jié)處理好后，左邊的做法也類似，只是這時按住“alt”鍵拖往的是靠右第二個格子。屏幕又彈出畫筆的設(shè)置面板，面板中的“起點(diǎn)拼貼”也變?yōu)榱税咨�。我們保留默認(rèn)設(shè)置，點(diǎn)擊確定。
畫筆的制作雖然過程較繁瑣，但可以重復(fù)利用，并且根據(jù)不同的需求改變造型。這是普通的路徑作畫無法比擬。完成后再看看我們開始前提出的記憶點(diǎn)，你學(xué)會了多少呢?