AI字體教程，設(shè)計(jì)西瓜主題文字教程

先看看最終效果：


夏天來(lái)咯，今天給同學(xué)們來(lái)一發(fā)西瓜字效的教程，關(guān)鍵是西瓜紋理的繪制，下了很多功夫，教程中提及不少操作技巧，字體素材也打包微盤，蓄勢(shì)待發(fā)，等你練手了。

譯者微信公眾號(hào)：六層樓那么高。歡迎關(guān)注呦

下面是教程中用到的素材：

Endutt字體、FatC字體、Lard！字體、圓角腳本

打包下載：http://vdisk.weibo.com/lc/2uZbBupj6LPj2I5Fbf 密碼：C7NA

新建文件，大�。�600*300px 單位：像素 顏色模式：RGB

編輯>首選項(xiàng)>常規(guī) 設(shè)置鍵盤增長(zhǎng)量為1px 編輯>首選項(xiàng)>單位

如下圖中所示設(shè)置單位。

制作字母形狀

Step 1

使用文字工具，設(shè)置文字?jǐn)?shù)值下圖所示。打上“SAMPLE”，但是A 和L稍后再創(chuàng)建。

Step 2

創(chuàng)建字母A。使用星形工具，制作一個(gè)如下圖所示數(shù)值的倒三角形。打開變形面板，選擇180垂直翻轉(zhuǎn)。

使用直接選擇工具，選擇底部的錨點(diǎn)，使用鍵盤下移9px，使用錨點(diǎn)轉(zhuǎn)換工具（Shift+C）點(diǎn)擊錨點(diǎn)然后移動(dòng)手柄。

Step 3

選擇點(diǎn)1，2。文件>腳本>圓角腳本 輸入調(diào)度為10的數(shù)值。這樣就得到兩個(gè)底部圓角。選擇點(diǎn)3，上移15像素�；蛘咭部梢允褂� 對(duì)象>變換>上移來(lái)完成這個(gè)操作。現(xiàn)在使用刪除錨點(diǎn)工具刪除4，5點(diǎn)。

Step 4

最后，使用轉(zhuǎn)換錨點(diǎn)工具制作頂部的小圓角

Step 5

將上面制作的A移到她的位置上。制作一個(gè)橢圓41*99大小，代表L。最好給這些字母多個(gè)副本，后面會(huì)用到很多次。

A和E的顏色不一樣。

Step 6

使用矩形工具，在A字母上畫一個(gè)矩形無(wú)填充色。矩形的寬和A字母底部最大寬度對(duì)齊。使用添加錨點(diǎn)工具在矩形底部添加一個(gè)錨點(diǎn)，選中此錨點(diǎn)拖動(dòng)與A字母底部對(duì)齊。使用轉(zhuǎn)換錨點(diǎn)工具將此點(diǎn)轉(zhuǎn)為平滑點(diǎn)。同樣使用這個(gè)工具轉(zhuǎn)化左右兩邊底部的錨點(diǎn)。

Step 7

到此，你的A字母應(yīng)如下圖所示，接下來(lái)，制作E字母。使用橢圓工具制作一個(gè)81像素圓，原型和E字母的左側(cè)應(yīng)該完美組合。

給上面創(chuàng)建的兩個(gè)形狀命名fakeA，fakeB 。復(fù)制一份備用。

Step 8

字母M，使用直線段工具在字母M上畫一條直線段。選擇字母M和這個(gè)直線段，在路徑查找器面板中選擇分割。取消組合（Ctrl+G），刪除掉小的形狀。使用直接選擇工具選擇圖示底部的錨點(diǎn)，然后向下移動(dòng)兩個(gè)點(diǎn)。

Step 9

使用橢圓工具畫出如圖的三個(gè)圓，組合他們（Ctrl+G），復(fù)制并且圖層置于最前（Control+F），然后選擇字母M副本和這三個(gè)橢圓組合的副本，在路徑查找器面板中選擇交集，重命名新得到的圖層為FakeM

Step 10

到現(xiàn)在，這些形狀已經(jīng)準(zhǔn)備差不多了。用刪除錨點(diǎn)工具選擇如圖所示的錨點(diǎn)刪除它。就OK了

制作西瓜樣式

Step 1

選擇字母S，填充綠色。外觀面板中添加新填色，改變填充色為深一點(diǎn)的綠色。效果>路徑>偏移路徑。輸入-0.84px的偏移。這樣可以得到一條細(xì)邊。

Step 2

跟上一步一樣，添加第三個(gè)顏色填充層，填充淺粉色。效果>路徑>偏移路徑，輸入-2.4px的偏移量。

Step 3

添加新的填充色層，填充紅色漸變?nèi)缦聢D數(shù)值。再給一個(gè)—6.3px的偏移量。效果如圖所示

Step 4

已經(jīng)算完成填充，現(xiàn)在還需要添加點(diǎn)描邊。選擇淺綠色的填充層的第一個(gè)描邊設(shè)置如下圖數(shù)值，效果>路徑>偏移路徑，輸入-2.8Px的偏移路徑。這一步是為了在深綠色旁邊得到一條細(xì)細(xì)淺綠色的邊，如果看不見你的描邊隨時(shí)調(diào)整偏移量。

Step 5

在外觀面板中，添加第二個(gè)描邊。選擇這個(gè)描邊，給一個(gè)-3.8px的偏移量。降低透明度60%.顏色不變。第二條描邊正好在第一個(gè)描邊旁邊。如果不在，你可以調(diào)整偏移量。

Step 6

添加第三層描邊，應(yīng)用-4.8px的偏移量，降低不透明度30%。

保存和應(yīng)用西瓜樣式

Step 1

打開圖形樣式面板，外觀面板在旁邊。從外觀面板中，將剛創(chuàng)建的西瓜樣式拖到圖形樣式面包中。保存

Step 2

選擇那些字母，應(yīng)用圖形樣式。

Step 3

選擇fakeA 和letterA，（至于最前）對(duì)象>剪貼蒙版>建立。在fakeM，letterM，fakeE和letterE上使用以上蒙版操作。如下圖操作所示。

給果仁部分添加紋理

Step 1

使用鉛筆工具在 每個(gè)字母上畫一些圈圈。兩個(gè)到四個(gè)取決于字母的大小。圈圈最好可以覆蓋果仁區(qū)域。鉛筆數(shù)值設(shè)置如下圖

Step 2

選擇上一步創(chuàng)建的所有路徑使用藝術(shù)筆刷描邊 “粉筆”。你可以在筆刷庫(kù)>藝術(shù)筆刷>藝術(shù)效果_粉筆。設(shè)置筆刷大小0.6pt.

Step 3

選擇所有筆畫路徑，設(shè)置混合模式為疊加.

Step 4

再次使用鉛筆工具如圖所示畫一些螺旋線，使用“ink spatter1”的畫筆來(lái)秒這些螺旋曲線。設(shè)置描邊大小為0.3pt.設(shè)置顏色為白色。

你可以看到下面的設(shè)置。在外觀面板中雙擊描邊層打開描邊設(shè)置框，輸入以下數(shù)值。

Step 5

設(shè)置剛剛創(chuàng)建的紋理混合模式為濾色，不透明度３０％

給果仁紋理添加剪貼蒙版

Step 1

在這一步，需要給那些筆刷紋理添加蒙版，清理干凈每個(gè)字母的邊緣。選擇字母S，對(duì)象>路徑>偏移路徑，使用-6px的偏移量�，F(xiàn)在你得到了一個(gè)小一些的紅色果肉區(qū)域。將這個(gè)形狀至于最前（Ctrl+Shift+]），然后在外觀面板中點(diǎn)擊清楚外觀按鈕，清除掉所有填色和描邊。待會(huì)兒需要使用這個(gè)形狀來(lái)添加蒙版。

對(duì)字母P重復(fù)以上操作。

Step 2

在最開始的時(shí)候，我們對(duì)所有形狀復(fù)制了一遍�，F(xiàn)在可以用這些副本了。選擇fakeA的副本。對(duì)象>路徑>偏移路勁 輸入-6px的偏移量。清除現(xiàn)存的外觀樣式。選擇letterA的一個(gè)副本選擇這兩個(gè)副本。在路徑查找器中點(diǎn)擊交集，你會(huì)得到一個(gè)果肉區(qū)的路徑如圖：

Step 3

接下來(lái)字母也是同樣的操作，選擇fakeM便宜-6px.同時(shí)選中FakeM和letterM，然后移除樣式。保持圖層是選中狀態(tài)，使用路徑查找器的交集按鈕。如下圖所示：

Step 4

接下來(lái)的E字母同樣的操作

Step 5

首先選擇剛剛修改后的那些路徑，置于最前。對(duì)象>排列>置于最前，選擇S，選擇果仁S和4個(gè)小圈一個(gè)羅圈路徑 對(duì)象>剪貼蒙版>建立。

重復(fù)上面的步驟，現(xiàn)在你的西瓜應(yīng)該入下圖所示：

Step 6

選擇letterM 的另一個(gè)副本，將此圖層置于最后。直接選擇工具選擇如圖所示的錨點(diǎn)下移如圖

制作西瓜種子

Step 1:

制作一個(gè)16*16大小的圓，無(wú)填充色，黑色描邊。使用直接選擇工具，選擇頂部的錨點(diǎn)使用鍵盤上鍵上移8px，拖動(dòng)兩邊的手柄，是他們短點(diǎn)。選擇左右兩邊的錨點(diǎn)使手柄更長(zhǎng)一點(diǎn)。命名此圖層為”seed-shape”

Step 2

選擇”seed-shape”層，對(duì)象>路徑>偏移路徑 輸入-2.5px的偏移量，得到一個(gè)更小的種子狀，網(wǎng)上移動(dòng)一點(diǎn)點(diǎn)。命名為“seed-middle”然后選擇”seed-shape”輸入-5.5px的偏移量。命名為”seed-small”。

Step 3

使用漸變填充上面的路徑。

Step 4

選擇”seed-shape” 復(fù)制粘貼最前.使用剪刀工具點(diǎn)擊如圖所示的兩點(diǎn)，剪開路徑。刪除上半部分的路徑，給下半部路徑秒白色的邊，使用混合藝術(shù)筆刷“白色混合藝術(shù)筆刷_細(xì)”，此筆刷在我另一個(gè)教程“創(chuàng)建多用途混合筆刷”中有介紹。設(shè)置描邊大小0.25pt，不透明度80%。完成后，選擇這個(gè)路徑 對(duì)象>擴(kuò)展外觀。選擇此種子上的所有圖層，組合（Ctrl+G）。命名為seed1

Step 5

復(fù)制seed1，選擇seed-small路徑。然后將它移到左邊，改變中間路徑的漸變。選擇組，在擴(kuò)展筆刷描邊之后降低這個(gè)描邊的透明度50%。，因?yàn)椴幌Ｍ赜蟹N子看起來(lái)都一個(gè)亮度。這個(gè)組命名為seed2

Step 6

選擇seed2 對(duì)象>變換>縮放，輸入22%，勾選復(fù)制。這樣我們得到了第三個(gè)種子，選擇此組的seed-middle，換掉漸變，選擇seed-small路徑將漸變換成白色填充。其他保持不變。名叫seed3

Step 7

遺憾的是我們不能將帶有漸變填充的圖形存成筆刷。但還是有辦法的。復(fù)制seed1，將此組的三個(gè)路徑都換成填充色如圖�，F(xiàn)在選擇新的種子，拖動(dòng)到筆刷面板存儲(chǔ)為離散種子筆刷。

在西瓜人上添加種子

Step 1

選擇第一個(gè)字母S，使用橢圓工具畫一橢圓，使用剛剛創(chuàng)建的種子筆刷描邊，雙擊筆刷 描邊打開筆刷選項(xiàng)窗口，你可以嘗試不同值，但需要沿著路徑轉(zhuǎn)動(dòng)。

Step 2

在字母M上畫兩條路徑，使用種子筆刷描邊，單開選項(xiàng)卡設(shè)置一下。

Step 3

繼續(xù)字母P，使用橢圓工具，使用同樣的描邊。不要擔(dān)心重疊的種子，因?yàn)槟愦龝?huì)兒可以刪掉他們。

Step 4

字母E

Step 5

到目前為止你的西瓜應(yīng)該入下圖所示，如果你對(duì)系改裝不滿意，可以對(duì)剛剛創(chuàng)建的所有描邊路徑 對(duì)象>擴(kuò)展對(duì)象。這樣就可以調(diào)整每個(gè)種子了。

Step 6

現(xiàn)在你需要對(duì)種子重新著色，選擇seed1，直接選擇工具選擇一個(gè)綠色形狀然后 選擇>相同>填充色�，F(xiàn)在所有的綠色形狀都選中了。選擇吸管工具，使用它從原始圖層復(fù)制漸變。

Step 7

選擇紫色部分，用同樣的辦法選擇全部的紫色形狀，然后改變所有的漸變。

Step 8

對(duì)于黃色區(qū)域重復(fù)以上操作。

添加剩下的種子

Step 1

還記得之前創(chuàng)建的seed1，seed2，seed3嗎？你可以添加一些seed2和seed3來(lái)使西瓜更自然疊加一些seed2和seed3放置一些。降低不透明度50%-70%，下面有些例子可以參照。

Step 2

在A的頂部放置一些seed1.然后再放置少量seed2，seed3。不透明度調(diào)成70%.

Step 3

選擇字母M，E，重復(fù)以上操作。

Step 4

最終你的西瓜字應(yīng)該看起來(lái)是這樣的。

創(chuàng)建字母L的外觀

Step 1

三步就能完成此操作。選擇橢圓工具，填充放射狀漸變，然后用鋼筆工具畫三條路徑如圖。，使用藝術(shù)筆刷來(lái)描邊這個(gè)路徑，“brush1”設(shè)置大小“0.25Pt”.

Step 2

選擇這三個(gè)路徑，對(duì)象>擴(kuò)展外觀， 效果>扭曲和變形>粗糙，輸入如圖所示的數(shù)值，再次選擇擴(kuò)展外觀，然后填充漸變?nèi)鐖D。

Step 3

將橢圓形狀復(fù)制，置于最前（Ctrl+F）或者通過(guò)對(duì)象>排列>置于最前（shift+Ctrl+}）去掉漸變填充。選擇三條花紋和橢圓路徑副本 對(duì)象>創(chuàng)建剪貼蒙版>建立（ctrl+7） 到此字母L算是差不多了。

添加高光

Step 1

使用鋼筆工具在在西瓜的邊緣畫一些路徑。我畫了四條，你可以多條，隨意。使用混合藝術(shù)筆刷>白色混合藝術(shù)筆刷100*3筆刷，設(shè)置筆刷大小0.5pt，降低不透明度75%。

制作果汁滴

Step 1

創(chuàng)建一個(gè)和seed-shape相似的橢圓，填充漸變，角度50.設(shè)置混合模式color burn。復(fù)制此圖層至于最前，網(wǎng)左上角移動(dòng)。用黑白漸變填充，混合模式為綠色。

Step 2

使用鋼筆工具在果汁滴左上角畫一條路徑，使用之前使用的藝術(shù)筆刷設(shè)置0.5pt大小描邊。選擇擴(kuò)展外觀，Ctrl+G 組合果汁滴，復(fù)制一份。像下圖中所示那樣排列。

制作背景

Step 1

首先創(chuàng)建一個(gè)矩形，命名為“background“，放射漸變，色值如下圖。

Step 2

復(fù)制粘貼置于最前，效果>扭曲>玻璃，設(shè)置數(shù)值如下圖，混合模式為正片疊底，40%不透明度。

添加陰影

在這一步，你需要復(fù)制一份字母路徑。置于最后，對(duì)象>排列>置于最后（Shift+Ctrl+[）.移除現(xiàn)有的外觀 ，效果>風(fēng)格化>投影。如下圖所示的設(shè)置。

恭喜，你完成了！

希望從此教程中你能學(xué)到很多有用的知識(shí)和技巧。