藝術(shù)字，用AI和PS制作融化巧克力樣式的字體(3)

本篇教程通過(guò)AI和PS制作一款融化巧克力樣式字體，過(guò)程比較簡(jiǎn)單，適合設(shè)計(jì)任何廣告活動(dòng)或標(biāo)志設(shè)計(jì)，我們可以在后期設(shè)計(jì)中用到，這種字體制作起來(lái)需要有一定的AI和PS基礎(chǔ)，初接觸的同學(xué)們會(huì)覺(jué)得很難，具體這款巧克力字體如何制作，同學(xué)們一起來(lái)跟著教程學(xué)習(xí)一下。

效果圖：

操作步驟：

第1步

創(chuàng)建優(yōu)秀的作品的最簡(jiǎn)單方法是使用現(xiàn)有字體來(lái)創(chuàng)建新字體，再進(jìn)行修改和修飾。在這里，我們將利用名為CAC Pinafore的字體。

在新的A4 Illustrator文檔中，以150pt的字體輸入文字“You Are Sweet as Sugar”。將文本居中對(duì)齊，然后將其轉(zhuǎn)換為輪廓（Cmd / Ctrl + Shift + O）。

m.theoat.com.cn

第2步

也許令人驚訝的是，對(duì)于任一個(gè)免費(fèi)的字體，CAC Pinafore都能夠進(jìn)行非常有吸引力的操作。這次，我們即將改變一些字母，給它們一個(gè)更像手繪的外觀(guān)。使用畫(huà)筆工具（B），重做以紅色突出顯示的字母，然后用您制作的字母替換原始字母，確保覆蓋所有連接。

第3步

在文本周?chē)鷳?yīng)用4pt筆畫(huà)，使其看起來(lái)更顯眼。這種字體類(lèi)型也需要看起來(lái)更加流暢，所以我們加入一些裝飾，包括兩個(gè)大寫(xiě)字母S的擴(kuò)展終端，可以更好地將字母連接在一起，并在每個(gè)單詞的末尾連接字尾。

使用畫(huà)筆工具創(chuàng)建幾個(gè)快速漩渦筆畫(huà)，以查看它們?nèi)绾谓M合在一起。選擇其中的每一個(gè)，打開(kāi)畫(huà)刷面板（F5），然后單擊移除畫(huà)筆描邊按鈕，以便調(diào)整路徑，就如同使用鋼筆或鉛筆工具創(chuàng)建它們一樣。

第4步

當(dāng)你對(duì)每個(gè)筆畫(huà)所在的位置覺(jué)得滿(mǎn)意時(shí)，請(qǐng)轉(zhuǎn)到“筆畫(huà)”面板（F10），將筆觸寬度更改為11pt，并按下圓帽按鈕。這將使所有新元素看起來(lái)與原始字體相似。

完成后，使用寬度工具（Shift + W）放大或縮小某些線(xiàn)條的尖端，以使這些卷曲筆觸具有稍微多變的外觀(guān)。重復(fù)所有連接的過(guò)程，再次模擬手繪外觀(guān)。

第5步

復(fù)制并粘貼剛剛創(chuàng)建的一些環(huán)形尾部，并將它們放在該字體類(lèi)型的周?chē)�。運(yùn)用直接選擇工具（A），根據(jù)需要移動(dòng)曲線(xiàn)，調(diào)整其形狀以適合該類(lèi)型。

接下來(lái)，將所有內(nèi)容都轉(zhuǎn)換為一種元素，以便更容易地添加顏色和陰影。首先，選擇全部，然后點(diǎn)擊對(duì)象>路徑>輪廓描邊將所有元素轉(zhuǎn)換為填充形狀。再次選擇全部，進(jìn)入Pathfinder面板（Cmd / Ctrl + Shift + F9）并選擇Unite。通過(guò)刪除錨點(diǎn)來(lái)清理不完善的地方

第6步

要?jiǎng)?chuàng)建我們將添加內(nèi)部輝光風(fēng)格突出顯示的區(qū)域，轉(zhuǎn)到對(duì)象>路徑>偏移路徑，并使用-0.85m偏移。將此偏移路徑剪下并粘貼到主類(lèi)型旁邊，看到的結(jié)果會(huì)像項(xiàng)目文件Type.ai中的內(nèi)容。

第7步

反轉(zhuǎn)填充和筆觸顏色（Shift + X）并將4pt筆畫(huà)添加到形狀中。接下來(lái)，我們將創(chuàng)建要被合成到主文本上的流動(dòng)元素，使其看起來(lái)像粘稠的巧克力。

使用的方法是從輪廓線(xiàn)中刪除線(xiàn)條，讓該字體類(lèi)型具有運(yùn)動(dòng)感。使用直接選擇工具（A）并刪除部分線(xiàn)條和尾巴，通過(guò)轉(zhuǎn)到“描邊”面板，在“描述文件”下拉菜單中選擇“寬度描述文件1”，這樣一來(lái)，線(xiàn)條在兩端會(huì)變得很薄，而中間則很厚。

第8步

在Photoshop中創(chuàng)建一個(gè)新的A4縱向CMYK文檔。復(fù)制并粘貼原始填充文本，在“粘貼”對(duì)話(huà)框中選擇“形狀圖層”，使其成為一個(gè)向量元素，后續(xù)縮放會(huì)更快，更容易。

雙擊“圖層”面板中的形狀圖層的縮略圖，然后將顏色更改為C56 M89 Y83 K74以獲得真正的巧克力外觀(guān)，將此圖層命名為“字體類(lèi)型”層。

第9步

為了讓主要形狀具有三維外觀(guān)，這里將使用混合模式來(lái)裝飾字體和內(nèi)部陰影。雙擊“字體類(lèi)型”圖層的名稱(chēng)，彈出圖層樣式面板，并設(shè)置如圖所示的斜角、浮雕和內(nèi)陰影效果。

第10步

現(xiàn)在，引入Illustrator文檔中的流動(dòng)元素，將其粘貼到主對(duì)象的頂部，并將不透明度設(shè)置為30％。將此元素的顏色更改為深褐色以匹配其后面字體類(lèi)型的顏色。這個(gè)層稱(chēng)為“流”。

第11步

現(xiàn)在，我們將應(yīng)用高光，使其看起來(lái)好像照明來(lái)自右上方的一個(gè)光源。選擇畫(huà)筆工具，進(jìn)入“畫(huà)筆預(yù)設(shè)”面板并選擇一個(gè)不透明度和流量都為10％的軟圓刷，并打開(kāi)“形狀動(dòng)力學(xué)”和“噴槍”。從“字體類(lèi)型”圖層的矢量路徑中進(jìn)行選擇，以確保字母之外不會(huì)出現(xiàn)任何額外的白色。將混合模式設(shè)置為疊加，創(chuàng)建一個(gè)名為“高光”的新圖層�，F(xiàn)在刷上白色的亮點(diǎn)，記住光線(xiàn)來(lái)自哪里。

第12步

接下來(lái)是添加陰影。選擇“類(lèi)型”圖層進(jìn)行復(fù)制（Cmd / Ctrl + J），調(diào)用結(jié)果“陰影”并將其移動(dòng)到圖層堆棧的頂部。將其顏色更改為C21 M35 Y56 K6，并將混合模式設(shè)置為線(xiàn)性刻錄（這將使所有字體類(lèi)型非常暗，但不要擔(dān)心，因?yàn)槲覀冎粚⑺鼞?yīng)用于陰影）。

第13步

回到Illustrator中并選擇主要的字體類(lèi)型形狀。添加一個(gè)1pt白色筆畫(huà)，并將其作為智能對(duì)象復(fù)制并粘貼到Photoshop中，將這個(gè)層稱(chēng)為“發(fā)光”。通過(guò)“層”面板中的“混合選項(xiàng)”按鈕添加白色外發(fā)光，再次圍繞該字體類(lèi)型創(chuàng)建一個(gè)選區(qū)，并擦除大部分光暈，將最亮點(diǎn)留為白色。

第14步

重復(fù)上一步，這次使用較粗的線(xiàn)進(jìn)行設(shè)置，以解決主要字體類(lèi)型的陰影問(wèn)題。

第15步

在Illustrator中，從主元素中創(chuàng)建一對(duì)筆劃偏移量。選擇主要元素，并使用正偏移值（嘗試3毫米）點(diǎn)擊對(duì)象>路徑>偏移路徑。重復(fù)這個(gè)步驟，使用一個(gè)偏移值，讓初始值增倍。

這兩個(gè)結(jié)果將在背景中用作輕微的波浪，如同這種類(lèi)型被放入牛奶中一般。要達(dá)到此效果，請(qǐng)將它們復(fù)制并粘貼到圖層堆棧底部的Photoshop中，將它們的顏色更改為白色，然后在“圖層樣式”對(duì)話(huà)框中使用“內(nèi)陰影”和“外發(fā)光”來(lái)凸顯外觀(guān)。

第16步

最后，對(duì)整個(gè)圖像進(jìn)行建廠(chǎng)，并對(duì)細(xì)節(jié)進(jìn)行重新處理。

例如，顏色可能很好，但仍然不如自己感覺(jué)的那么神奇。要解決這個(gè)問(wèn)題，請(qǐng)?jiān)趫D層堆棧的最頂部添加色調(diào)/飽和度調(diào)整圖層。將飽和度設(shè)置為+40，將亮度設(shè)置為-5，可能會(huì)有很大的不同。

完成：

制作起來(lái)整體還是比較有意思的，同學(xué)們可以在設(shè)計(jì)中找到樂(lè)趣。