這篇文章我們將運(yùn)用嚴(yán)謹(jǐn)?shù)膸缀涡蝸硭茉焖男蜗?，通過巧妙的形色組合、形狀本身透明度的疊合，表現(xiàn)具有簡約、大方、時(shí)尚感的鮮果派對(duì)插畫海報(bào)。

工具

工具：AI(Adobe illustrator)

適合：零基礎(chǔ)入門

扁平風(fēng)的基礎(chǔ)思維準(zhǔn)備：幾何形組合造型

幾何形一直被視作是抽象造型的基礎(chǔ)元素，通過幾何形有意識(shí)的相互疊加組合，就可以使得這個(gè)造型呈現(xiàn)出可識(shí)別的對(duì)象，比如我們?cè)谶@個(gè)教程里所表現(xiàn)的那樣：用幾何形畫水果。

比起細(xì)膩豐富的傳統(tǒng)畫法，極簡的幾何平涂造型所創(chuàng)作的水果，看起來有著別樣的生動(dòng)的特質(zhì)，擺脫了對(duì)水果表面質(zhì)感的依賴，轉(zhuǎn)向?qū)π紊奶剿?，是扁平插畫的基礎(chǔ)思維。

常用的幾何形是：圓、方、三角，在這個(gè)教程里，我們就運(yùn)用矢量軟件AI(Adobe illustrator)進(jìn)行創(chuàng)作，接下就開始來打造我們的《鮮果派對(duì)》海報(bào)吧。

用方形塑造蘋果基礎(chǔ)形

常見蘋果的畫法可以是圓形起步，也可以是從方形開始。

STEP 01

打開AI，新建一個(gè)文檔，運(yùn)用粉色畫出一個(gè)正方形，這就是蘋果的起始形。起始形非常重要，它決定了接下這個(gè)蘋果的形狀走向。

然后，我們把這個(gè)正方形改變?yōu)樘菪危淖兊姆椒ㄓ泻芏喾N，這里我們利用變形工具，進(jìn)入【效果>變形>弧形】，在變形工具的面板里，將垂直這個(gè)滑塊調(diào)整為-15%。

STEP 02

在選中上一步所變形成為的梯形的基礎(chǔ)上，進(jìn)入到【對(duì)象>擴(kuò)展外觀】對(duì)它做一次擴(kuò)展外觀。

擴(kuò)展外觀就是讓這個(gè)形狀真正變?yōu)槭噶刻菪蔚穆窂?，如果沒有做這一步，這個(gè)形狀看似是梯形，其實(shí)還是原來正方形的矢量路徑。分辨真假梯形也很簡單，只要選擇這個(gè)形狀，看到路徑的走向仍然是正方形，那就是假性梯形，這就需要為它做一次擴(kuò)展外觀。

STEP 03

然后再選中這個(gè)梯形的基礎(chǔ)上，單擊左邊的工具欄里的【直接選擇工具】，就會(huì)看到四個(gè)角內(nèi)分別帶有四個(gè)很小的圓點(diǎn)（仔細(xì)看是一個(gè)同心圓），拖動(dòng)它，你會(huì)發(fā)現(xiàn)它會(huì)控制這個(gè)角，將它從銳利的角變?yōu)閳A弧。

根據(jù)圓弧離形狀中心的距離多少，弧度也會(huì)相應(yīng)發(fā)生變化。

好了，蘋果的基礎(chǔ)形就完成啦~

細(xì)節(jié)的魔力

我們開始為蘋果增加葉片，葉片的畫法首先也是要從基礎(chǔ)幾何形開始慢慢演變而成。我們?cè)谌~片這個(gè)部分提供的基礎(chǔ)幾何形同樣是正方形。

STEP 04

用藍(lán)紫色畫出一個(gè)正方形，然后再復(fù)制一個(gè)正方形，將這個(gè)復(fù)制的正方形旋轉(zhuǎn)45°，變?yōu)榱庑?。再?fù)制第一個(gè)正方形。于是我們得到了兩個(gè)正方形和一個(gè)菱形，將它們像下圖所示拼起來。

然后再選中這個(gè)組合造型，進(jìn)入到【窗口>路徑查找器】，在路徑查找器的面板中運(yùn)用【聯(lián)集】將它們拼合成一個(gè)獨(dú)立的封閉的路徑。

STEP 05

然后再利用控制形狀角度的小圓點(diǎn)，就像STEP 03那樣分別選中下方以及左右兩邊的圓點(diǎn)，將角轉(zhuǎn)為弧形。一片葉子就這樣制作而成。

問：感覺似乎這樣的方式比較麻煩，為什么不直接用鋼筆工具畫呢？

這也是我在這一風(fēng)格的畫法中想要重點(diǎn)強(qiáng)調(diào)的：盡量避免使用鋼筆工具，而用幾何形進(jìn)行轉(zhuǎn)化，是保持扁平風(fēng)格中幾何感和抽象感的訣竅。

因?yàn)槭謩?dòng)畫出的路徑畢竟不會(huì)特別嚴(yán)謹(jǐn)，這時(shí)就難免讓扁平風(fēng)格失去了它本身的風(fēng)格特點(diǎn)，而這時(shí)如果沒有較強(qiáng)的結(jié)構(gòu)感，整個(gè)畫面就會(huì)看起來”平淡“甚至”無趣“。

其實(shí)葉片的造型也可以探索出其他的幾何方式進(jìn)行組合構(gòu)造，本文只表現(xiàn)一種方法。其他的方法，可以留給你下去嘗試。

STEP 06

這時(shí)，把這個(gè)葉片的形狀的混合模式改為“正片疊底”，利用疊加的視覺效果增加畫面的幾何感和時(shí)尚感，這是在我們過去寫過的文章《超級(jí)可愛！插畫萌新必學(xué)的PS極簡馬克筆簡筆畫：盆栽篇》以及相關(guān)系列文章也都運(yùn)用過類似的技法。

STEP 07

最后，用線條增加最后的細(xì)節(jié)。這里所用的線條是較細(xì)的3px的黑色線條。這里的線條粗細(xì)要根據(jù)形狀本身的尺寸大小比例來確定?？傊?，對(duì)細(xì)節(jié)的描繪可以克制一些，不要太過復(fù)雜。

利用線形的組合以及形狀疊加的視覺效果，扁平風(fēng)的簡約蘋果元素就畫好了。

準(zhǔn)備好元素，完成海報(bào)

STEP 08

藍(lán)莓的畫法從矩形起步，對(duì)矩形的組合以及成形的演變方法，是我們重點(diǎn)要訓(xùn)練的對(duì)象。中間的步驟我們已在文章前面詳細(xì)敘述過了，這里就不再重復(fù)?？梢岳^續(xù)用這個(gè)方法演練下去。

STEP 09

畫草莓的時(shí)候，運(yùn)用了兩個(gè)梯形進(jìn)行組合。利用葉片造型進(jìn)行疊加，也能增加圖形的魅力。

STEP 10

我們把其他的水果元素也畫好，我這里準(zhǔn)備了一些比較可愛的櫻桃、西瓜之類，你也可以畫點(diǎn)菠蘿、芒果之類，注意要把握每一個(gè)水果的基礎(chǔ)形特點(diǎn)，然后在細(xì)節(jié)的部分加以強(qiáng)調(diào)。

把每個(gè)水果元素放到海報(bào)的設(shè)計(jì)中時(shí)，要考慮的還有對(duì)水果元素之間的間隙的疏密均勻程度，元素可以較大，有些元素甚至可以滲出到海報(bào)之外，這樣會(huì)讓視覺效果更為延伸。

本文的不用手繪就能設(shè)計(jì)出扁平幾何風(fēng)基礎(chǔ)插畫就介紹到這里，如果經(jīng)過路邊有家鮮果店，掛上這樣一張海報(bào)，應(yīng)該效果是不錯(cuò)的吧~ 先自我陶醉一波~

作者：飛屋睿
來源：飛屋睿（ID：ifeiwu81）

● 內(nèi)容呈現(xiàn)

NO.1 神奇的Ai變形工具

NO.2 玩轉(zhuǎn)Ai像素功能

NO.3 扭曲和變換新玩法

NO.4 Ai混合工具新玩法

NO.5 Ai漸變半調(diào)效果

本次教程就到這里了，希望對(duì)你有所啟發(fā)，看完記得動(dòng)手操作一下哦！

作者：阿貴 | 來源：胡曉波工作室 (id:ziyou-design)

先看看這幾個(gè)使用illustrator做的效果圖設(shè)計(jì)，設(shè)計(jì)感還是不錯(cuò)的呢，對(duì)嗎？推薦大家收藏學(xué)習(xí)起來！

我們開始今天的教程吧

今天我們來學(xué)習(xí)一下日常設(shè)計(jì)中及其常見的海報(bào)形式之一：偽立體字海報(bào)。先來看看網(wǎng)上類似的案例。

這是很早之前做的一個(gè)字體用到的，也是偽立體字的視覺呈現(xiàn)。

可以看到偽立體充當(dāng)視覺主體非常的出效果，接下來詳細(xì)介紹下用到的工具和操作。

這個(gè)案例用到的是 AI 的 3D 工具，我們先看下海報(bào)的一個(gè)雛形。

我們先簡單的給偽立體字簡單的上個(gè)色。

重點(diǎn)部分：偽立體字體效果步驟解析。

這是一個(gè)二維的平面效果，我們選出合適的英文字體轉(zhuǎn)曲 （Ctrl+Shift+O），由于其他英文的制作方法一樣，

這里就單獨(dú)舉例 2022。

最后再到 PS 調(diào)色，以及雜色的添加，豐富畫面。具體步驟：菜單欄-圖像-調(diào)整-色相/飽和度

到此這個(gè)偽立體字海報(bào)就完成了，是不是灰常的簡單！

先看看大致的一個(gè)海報(bào)編排效果。

上面的縮略圖可能看的不是很清楚，我們放大看一下并為其添加黑色背景。

我們看看給它們換換色是什么樣的感覺？

可以看到我們不管是換填充色還是換描邊的顏色給人的感覺都是不一樣的，亦或者是增加描邊的粗細(xì)程度。

下圖是我把描邊增加到 4pt 可以明顯的看到缺失的細(xì)節(jié)比較嚴(yán)重，所以此處不建議大家把描邊的粗細(xì)增大。

我們換個(gè)宋體和楷體試試。

不同氣質(zhì)的字體做出來的感覺各不相同，最終還是建議用黑體比較好，更加的干凈簡潔。

好了這樣的嘗試還有很多種，后面大家多去嘗試吧，動(dòng)動(dòng)手操作起來。

還是先看看大致的一個(gè)海報(bào)編排效果。

簡單的看看這種效果的呈現(xiàn)方式，就是密集的波點(diǎn)有種類似像素化的趕腳，這里我拿人物做了個(gè)簡單的示范。

拿之前做的舉個(gè)栗子，再看看圖形加上這種效果是不是別有一番風(fēng)趣，形式感足足。

這是未做半調(diào)效果處理的，我感覺一般，于是我打開了 PS。

對(duì)圖片進(jìn)行后期處理。

● 半調(diào)效果步驟示范

看到這里你學(xué)會(huì)了嗎？

先看看大致的一個(gè)海報(bào)編排效果~

先看看幾組網(wǎng)上的案例，是不是還不錯(cuò)，大多數(shù)是色塊緊湊的相連或者相互疊壓，以下我總結(jié)了幾點(diǎn)做這類的思路。

TIPS：

● 配色一定要好看，看起來不能臟（冷暖對(duì)比居多）

● 好看的文字編排

● 與色塊相結(jié)合要構(gòu)成某一種構(gòu)圖

先從配色開始吧！首先是版面色彩的設(shè)定。

● 3 種顏色自由組合（根據(jù)個(gè)人喜好看整體的配色感覺）

接著是構(gòu)圖部分，這個(gè)案例我們大致可以看做色塊分割或者緊密的拼接形成的分欄式構(gòu)圖即下圖的 #01。

然后就是文字編排部分與裝飾圖形以及線條的置入，版面文字組組合與字體搭配。

● 中文思源黑體、英文 Acid Grotesk

● 文字組斷行左對(duì)齊（常規(guī)）到簡單的移位處理（靈活）

● 文字的粗細(xì)關(guān)系（主標(biāo)題的中英文搭配，視覺上粗細(xì)一致即可）

● 文字組自由組合

● 隨意裝飾的線條、點(diǎn)元素、裝飾圖形

色塊分割版面

● 拼接分割的同時(shí)也相對(duì)應(yīng)的產(chǎn)生構(gòu)圖

● 置入處理過的文字組

到這我們的海報(bào)就編排完成了。

作者：NDS丨阿貴
鏈接：https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

效果圖：

使用軟件：Adobe Illustrator 2021版本    操作難度：????

教程/步驟：

01. 使用“文字工具”輸入文字，字體為ＤＦＰ超極太楷書體，字號(hào)為30pt，再去掉原本文字的顏色。

02. 使用“外觀”面板新增填色，然后更改描邊顏色和粗細(xì)，以及填色的顏色。

03. 再新增新描邊，更改描邊顏色和粗細(xì)。在該描邊上新增效果，選擇“變換”。打開“變換效果”對(duì)話框，調(diào)整數(shù)值。

04. 繼續(xù)新增新描邊，更改描邊顏色和粗細(xì)。在該描邊上新增效果，選擇“變換”。打開“變換效果”對(duì)話框，調(diào)整數(shù)值，完成。

05. 可隨意更改文字內(nèi)容和字體。這個(gè)絕技超贊哦，跟著做！零基礎(chǔ)也能搭出完美絕配，讓你花最少時(shí)間做出高品質(zhì)畫面。

06. 實(shí)現(xiàn)霓虹燈字體效果（可編輯）：

1）使用“文字工具”輸入文字，字體為“可口可樂在乎體 楷體”，字號(hào)為70pt，并去掉原本文字的顏色，然后點(diǎn)擊“添加新描邊”按鈕。

2）接著選中描邊那項(xiàng)，點(diǎn)擊“添加新效果”按鈕，選擇“投影”（風(fēng)格化>投影）。打開“投影”對(duì)話框，設(shè)置參數(shù)如上圖所示。

3）然后“添加新描邊”，設(shè)置描邊粗細(xì)為2px，點(diǎn)擊“添加新效果”按鈕，選擇“高斯模糊”（模糊>高斯模糊）。打開“高斯模糊”對(duì)話框，設(shè)置數(shù)值為2。接著更改描邊的不透明度為80%。

4）繼續(xù)“添加新描邊”，設(shè)置描邊粗細(xì)為2px，顏色為紅色，添加“高斯模糊”（模糊>高斯模糊），設(shè)置數(shù)值為4。

5）繼續(xù)“添加新描邊”，設(shè)置描邊粗細(xì)為4px，顏色為紅色，添加“高斯模糊”（模糊>高斯模糊），設(shè)置數(shù)值為8。

6）繼續(xù)“添加新描邊”，設(shè)置描邊粗細(xì)為5px，顏色為紅色，添加“高斯模糊”（模糊>高斯模糊），設(shè)置數(shù)值為12，完成！

完成后，即便更改文字內(nèi)容和字體，也不會(huì)影響效果。而且這款特效字在電商設(shè)計(jì)或品牌設(shè)計(jì)中也經(jīng)常使用到，簡單易學(xué)。

07. 點(diǎn)狀螺旋漩渦圖形

1）使用“橢圓工具（L）”繪制一個(gè)尺寸為100px*100px的圓形，再使用“剪刀工具（C）”把圓剪開四段，位置如上圖的紅色線。

2）繪制兩個(gè)圓，尺寸分別5*5px和2*2px。再全選它們，執(zhí)行“對(duì)象”>“混合”>“建立”，再雙擊“混合”工具打開“混合選項(xiàng)”對(duì)話框，設(shè)置間距為指定的距離，數(shù)值為6px。

3）將圓點(diǎn)混合后的對(duì)象，復(fù)制粘貼為4個(gè)。再選中一個(gè)圓點(diǎn)混合對(duì)象和被剪后的1/4的圓形，執(zhí)行“對(duì)象”>“混合”>“替換混合軸”命令。如此類推，完成另外3/4的圓形替換混合軸命令。

4）完成替換混合軸命令后，全選對(duì)象并編組。然后執(zhí)行“效果”>“扭曲和變換”>“變換”命令。

5）打開“變換效果”對(duì)話框，設(shè)置水平和垂直縮放為91%，旋轉(zhuǎn)角度為10，副本為25，如上圖所示。

設(shè)置水平和垂直縮放為85%，副本為25，如上圖所示。

設(shè)置水平為91%，垂直縮放為100%，副本為70，如上圖所示。

設(shè)置水平為90%，垂直縮放為95%，副本為77，如上圖所示。

這次分享夠給力了吧！好了，看完之后記得要去實(shí)操一下哈，不然很容易會(huì)忘記。我們下期再見，喜歡的話按贊分享呦～

作者：周妙妍    來源：版式設(shè)計(jì)很簡單（ID：format_design）

這種翻頁效果也常見于海報(bào)設(shè)計(jì)中，如下：

做法依然用到的是混合命令，接下來跟我動(dòng)手做一下吧。

教程/步驟

第一步

①打出想要呈現(xiàn)的文字，建議黑底白字。

②對(duì)文字執(zhí)行創(chuàng)建輪廓命令（ctrl+shift+O），如下：

③選中文字后，用透視變換工具（E）單擊定界框右上方（左上方也可以）的錨點(diǎn)，然后按住ctrl+shift+alt鍵的同時(shí)，向外拖動(dòng)左鍵，完成透視。

看下動(dòng)圖操作。

第二步

①將透視結(jié)果垂直向下復(fù)制一份，并適當(dāng)壓扁。

②用混合工具（w）分別點(diǎn)擊兩個(gè)對(duì)象進(jìn)行混合操作，之后雙擊混合工具圖標(biāo)，在彈窗中完成參數(shù)設(shè)置。

③對(duì)混合結(jié)果執(zhí)行對(duì)象-擴(kuò)展命令，然后打開漸變窗口（ctrl+F9），點(diǎn)擊線性漸變按鈕，調(diào)整漸變角度為-90°，可將白色滑塊適當(dāng)向右拖動(dòng)（讓字體中的白色顯示更多），如下：

④右鍵取消編組，選中最上層文字，將其適當(dāng)上移，讓文字顯示的更全一些。

⑤將結(jié)果向下復(fù)制一份，利用鏡像工具（O）將其垂直翻轉(zhuǎn)（按住shift+左鍵從上向下拖動(dòng)即可完成垂直翻轉(zhuǎn)），然后對(duì)好位置即可。

至此，這個(gè)字體翻頁效果就做出來了。我們還可以繼續(xù)調(diào)整細(xì)節(jié)，做出更多有趣的嘗試。

比如我們可以刪掉其中的幾個(gè)字母和數(shù)字（刪除前記得取消編組），營造一種殘缺的美感。

也可以刪除后重新做混合，營造一種不規(guī)則感。

還可以將某些字母和數(shù)字改變顏色，強(qiáng)調(diào)主題。

好啦，關(guān)于混合的酷炫玩法還有很多，大家一定要?jiǎng)邮侄鄧L試鴨~我們下期再見！

作者：君小陽  來源：這logo怎么了（ID：wtf-logo）

該logo為網(wǎng)絡(luò)搜集，版權(quán)及創(chuàng)意歸原作者所有，本文只探討做法。

老規(guī)矩，觀大思法。

三十秒過去了……

OK，時(shí)間到。

這個(gè)圖形通過線條造型（疏密、粗細(xì)）的過渡，營造出高低不一的地表變化，與品牌業(yè)務(wù)高度契合。

既然是過渡，我們自然會(huì)想到混合命令，而這個(gè)圖形就是通過繪制abcde這5根關(guān)鍵的首尾線條，然后再兩兩混合完成的，如下：

混合操作也很簡單，直接用混合工具（W）分別點(diǎn)擊兩條線，間距選擇指定的步數(shù)，數(shù)值為6，如下：

看下混合后的效果。

繪制過程中，需要注意兩點(diǎn)：一是線條的粗細(xì)不同，其中a是2pt，bcde是1pt；二是線條的錨點(diǎn)盡量放到極值點(diǎn)，方便調(diào)整，如下：

混合過程中，如果發(fā)現(xiàn)混合結(jié)果和原圖不一致，也不用著急。如下圖所示，我混合后就發(fā)現(xiàn)有兩段（ab和cd）和原圖的造型不同。

這時(shí)我們可以通過增加錨點(diǎn)的方式控制線條的混合結(jié)果，看下動(dòng)圖操作。

關(guān)于錨點(diǎn)添加的位置，仔細(xì)分析兩條線段錨點(diǎn)的位置分布就不難理解了，大家多多嘗試便能深諳其中的奧義。

再舉個(gè)例子，如果你在混合的時(shí)候出現(xiàn)了下面這種情況：

說明你這兩條線段的繪制起始點(diǎn)不在同一側(cè)，如下：

此時(shí)只需要用鋼筆工具（P）點(diǎn)擊線段b的最左端錨點(diǎn)，即可將其定義為起始點(diǎn)，混合效果就正常了，如下：

好啦，今天的抽象藝術(shù)LOGO案例教程就講到這里，操作和原理比較簡單，建議大家動(dòng)手實(shí)操，這樣才能發(fā)現(xiàn)問題，解決問題。我們下期再見鴨~

作者 | 君小陽
來源 | 這logo怎么了（id:wtf-logo)

選擇需要混合的對(duì)象，按快捷鍵Ctrl+Alt+B即可進(jìn)行混合。

通常可以對(duì)兩個(gè)或以上的對(duì)象進(jìn)行外觀（效果、填色、描邊）、顏色、透明度的過渡。

雙擊“混合工具”即可彈出混合選項(xiàng)菜單，“間距”分別有3個(gè)選項(xiàng)：平滑顏色、指定步數(shù)、指定距離。

1、平滑顏色：自動(dòng)計(jì)算混合的步驟數(shù)。

2、指定的步數(shù)：自定義混合對(duì)象之間的數(shù)量。

3、指定的距離：指定一個(gè)對(duì)象到下一個(gè)對(duì)象之間的距離。

連接混合對(duì)象間的路徑稱為混合軸：

混合軸可以通過相關(guān)路徑工具進(jìn)行編輯：

還可以繪制新路徑替換混合軸：框選對(duì)象和路徑，執(zhí)行“對(duì)象-混合-替換混合軸”命令。

使用文字工具輸入文字，填充白色，描邊為黑色，大小選擇1pt。復(fù)制一個(gè)字向右下角移動(dòng)，描邊改為0.5pt。

選擇兩個(gè)文字按快捷鍵Ctrl+Alt+B進(jìn)行混合。

雙擊“混合工具”彈出混合選項(xiàng)菜單，“間距”選擇”指定步數(shù)”:100。

使用同樣的方法制作其他三個(gè)文字的混合效果：

最后加入文字排版：

給“混合軸”添加新錨點(diǎn)，再使用路徑工具進(jìn)行調(diào)整，可以得到如下效果：

使用同樣的方法調(diào)整其它三個(gè)文字的混合效果，重新進(jìn)行文字排版，第二個(gè)海報(bào)設(shè)計(jì)完成：

重新繪制新路徑，框選對(duì)象和路徑，執(zhí)行“對(duì)象-混合-替換混合軸”命令。

得到新的混合效果：

另一個(gè)字也使用相同的方法制作，最后加入文字排版，第三個(gè)方案設(shè)計(jì)效果：

重新更改混合效果：前方文字填充改為無，描邊為1pt的白色；后方文字縮小，把填充和描邊都改為0，得到如下效果：

其它文字也使用相同的方法制作，最后加入文字排版，第四個(gè)方案設(shè)計(jì)效果：

利用混合工具還可以制作出很多有意思的效果，大家可以靈活運(yùn)用并舉一反三設(shè)計(jì)出更多優(yōu)秀作品。

作者：鄧海貝
來源：藝海拾貝Design（ID：YHSBds）

給字體增添立體效果，字體會(huì)更有立體感和質(zhì)感，更有沖擊力，視覺效果往往會(huì)更吸睛。

在字體幫的投稿作品中，我們經(jīng)?？吹酱祟愊嚓P(guān)作品，同時(shí)，也有很多同學(xué)，一直想學(xué)習(xí)制作這樣的效果。

今天，我們就做一次總結(jié)和分享，使用AI軟件，分5種方式，設(shè)計(jì)出獨(dú)具一格的立體字！

方式1-案例A

先看最終效果

step1

① 在AI中把做好的字形復(fù)制兩層，第一層填充紅色，第二層填充一個(gè)從黑到白的漸變并添加一個(gè)白色描邊：

step2

② 選中紅色字形，在菜單欄選擇，效果→3D→凸出和斜角，在面板中把三個(gè)軸的參數(shù)都設(shè)置為0，把透視和凸出厚度都直接調(diào)到最大，然后點(diǎn)擊確定：

然后就得到了下面這樣這樣的效果：

step3

③ 再次選中字形，按Ctrl+c，ctrl+f，粘貼一層在前面，再把前面一層的混合模式改成顏色減淡，這樣就亮了許多：

step4

④ 框選中紅色的字形，按ctrl+shift+【，把它置于底層，再把它和黑白漸變的字形水平居中對(duì)齊：

最終完成，是這樣的！當(dāng)當(dāng)當(dāng)當(dāng)！

方式1-案例B

先看最終效果

step1

① 在AI中給做好的字形先添加一個(gè)顏色和描邊：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個(gè)軸的參數(shù)，分別是 20、5 、0，凸出厚度為50pt：

點(diǎn)擊確定后，得到以下效果：

step2

②全選中字體對(duì)其擴(kuò)展外觀，選中頂層字體將其鎖定。然后全選下方厚度色塊，點(diǎn)擊路徑查找器中的聯(lián)集，將其合并且置于底層，更換一個(gè)顏色。最后給它添加一個(gè)圓頭圓角的描邊，對(duì)齊描邊選項(xiàng)為（使描邊外側(cè)對(duì)齊）：

底層部分添加描邊后會(huì)出現(xiàn)一些參差不齊的部分，需要我們?nèi)ナ謩?dòng)調(diào)整一下細(xì)節(jié)，調(diào)整效果如下：

調(diào)整完細(xì)節(jié)之后，給頂層灰色字體部分描邊更改一個(gè)顏色。復(fù)制粘貼最底層的字體并且再次置于底層，然后向右下方位移幾下，填充一個(gè)比背景色略深的顏色作為投影：

繼續(xù)更改一下顏色：

最后給字體添加一些裝飾，排版一下，搞定！

方式2-案例A

先看最終效果

step1

① 在AI中給做好的字形先添加一個(gè)顏色：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個(gè)軸的參數(shù)，分別是 -13、-30、3，凸出厚度為65pt：

點(diǎn)擊確定，然后就得到了下面這樣這樣的效果：

step2

②選中3d效果字進(jìn)行擴(kuò)展，擴(kuò)展之后，全選字體，給字體添加一個(gè)白色顏色填充和黑色描邊：

給頂層字體部分換回原來的顏色：

最后給字體添加一些裝飾，做出適當(dāng)排版，搞定！

方式2-案例B

先看最終效果

step1

① 先準(zhǔn)備好字形，隨便上一個(gè)自己喜歡的顏色：

然后在菜單欄在菜單欄選擇，效果→3D→凸出和斜角，面板中三個(gè)軸的參數(shù)分別是 -18、-28、8，凸出厚度為200：

點(diǎn)擊確定

step2

② 選中字形，點(diǎn)擊 對(duì)象→擴(kuò)展外觀，再右擊→取消群組：

然后框選中字形給它添加一個(gè)描邊：

step3

③現(xiàn)在來給它上色，先從字的正面開始，先任意選中一個(gè)筆畫，選擇→相同→填色和描邊：

這樣我們就選中了字的正面，現(xiàn)在把字的填充換成亮一點(diǎn)的顏色：

然后是側(cè)面，先在下面畫幾個(gè)自己想要的顏色，然后添加和字一樣大小的描邊粗細(xì)：

畫完之后我們用吸管工具開始吸，按住shift點(diǎn)擊側(cè)面，點(diǎn)后用吸管工具吸下面的黃色：

然后同樣的方法繼續(xù)吸：

再吸：

繼續(xù)吸：

老習(xí)慣，做出適當(dāng)排版，搞定！

方式3-案例A

先看最終效果

step1

① 在AI中給做好的字形先添加一個(gè)顏色和描邊：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個(gè)軸的參數(shù)，分別是5 、-15、0，凸出厚度為28pt：

點(diǎn)擊確定，然后就得到了下面這樣的效果：

step2

②全選字體擴(kuò)展，現(xiàn)在我們來給它上色，選中一個(gè)黑色筆畫，在菜單欄中點(diǎn)擊選擇→相同→填充顏色：

這樣我們就選中了所有的黑色色塊，然后給它更換一種顏色。并且添加黑色描邊：

step3

③接下來我們給這兩層字體編個(gè)組，然后向左下方復(fù)制一層。復(fù)制的過程中注意對(duì)齊關(guān)系，將第一層文字貼合隱藏到第二層文字的下方。然后置于底層，如下圖所示：

然后就得到了這樣的效果：

我們選中將最上面兩層文字按住ctrl+2鍵對(duì)其進(jìn)行鎖定，然后選擇最底層的粉色筆畫，在菜單欄中點(diǎn)擊  選擇→相同→填充顏色，給其更改一個(gè)顏色：

運(yùn)用上述方法繼續(xù)向下復(fù)制幾層更改顏色：

最后給字體添加一些裝飾，完成！

方式3-案例B

先看最終效果

step1

① 把做好的字形填充一個(gè)紅色：

然后在菜單欄選擇，效果→3D→凸出和斜角，面板中三個(gè)軸的參數(shù)，分別是8、8、0，凸出厚度為200：

點(diǎn)擊確定：

step2

②選中字形點(diǎn)擊菜單欄 對(duì)象→擴(kuò)展對(duì)象，然后右擊取消群組：

取消群組之后點(diǎn)擊任意一個(gè)筆畫，在菜單欄中點(diǎn)擊  選擇→相同→填充顏色：

選中之后先ctrl+G群組，然后按住alt向下拖動(dòng)復(fù)制一層：

然后框選上面的字，在路徑查找器點(diǎn)擊合并，如果沒有路徑查找器面板可以在窗口中找到：

step3

③合并之后給上面的字填充綠色+描邊，下面的填充紅色+同樣的描邊，然后再按住alt向上拖動(dòng)，復(fù)制一層綠色的字，現(xiàn)在一共三層：

選中第一層綠色的字，點(diǎn)擊填充，然后點(diǎn)擊左下角的儲(chǔ)色板→圖案→基本圖形→基本圖形-點(diǎn)，然后在基本圖形-點(diǎn)面板中選擇第一個(gè)：

這樣我們就得到了一個(gè)點(diǎn)填充的圖案：

然后把三層都一起選中，進(jìn)行左對(duì)齊和頂對(duì)齊，這樣就基本完成了：

最后，排版裝飾，完工！

方式4-案例A

先看最終效果

step1

①把做好的字形填充一個(gè)黃色：

然后在菜單欄在菜單欄選擇，效果→3D→凸出和斜角，在位置這里選擇等角-上方，混合步驟改為1，其他參數(shù)不動(dòng)：

點(diǎn)擊確定之后點(diǎn)擊 對(duì)象→擴(kuò)展，然后取消群組：

給取消群組后的字體添加一個(gè)描邊，然后再把側(cè)面有多余豎線的地方合并：

step2

②合并之后開始上色，按住shift選中頂部的筆畫，把填充調(diào)成亮一點(diǎn)的顏色：

用同樣的方法修改側(cè)面的填充：

然后，簡單排版，完活！

方式4-案例B

先看最終效果

step1

① 在AI中對(duì)做好的字形進(jìn)行切割移位，這里使用的是相同角度的切割：

選中切割后的字形，先給它填充一個(gè)顏色：

step2

②在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個(gè)軸的參數(shù)，分別是 48、-10、0，凸出厚度為50pt：

點(diǎn)擊確定，然后就得到了下面這樣的效果：

切割后的筆畫使用3D效果，位置距離上會(huì)出現(xiàn)一些偏差，需要我們?nèi)ナ謩?dòng)的調(diào)整對(duì)齊一下，調(diào)整效果如下：

step3

③選中3d效果字進(jìn)行擴(kuò)展，擴(kuò)展之后，將字體厚度部分填充另一種顏色。（顏色的明暗變化直接參考3D效果所帶的明暗變化。）然后給字體整體添加一個(gè)1(pt)的黑色描邊：

選中綠色顏色部分字體，復(fù)制一層將其合并。然后置于底層。填充一個(gè)比背景色略深的顏色。移動(dòng)其位置，將其作為投影：

給字體添加一個(gè)版式，完成！

方式5-案例A

先看最終效果

step1

① 在AI中給做好的字形添加一個(gè)顏色和描邊：

選中一個(gè)字體復(fù)制粘貼一個(gè)，然后置于底層移動(dòng)到合適的位置：

將移動(dòng)后的字體縮小，并且填充一個(gè)和原字體描邊顏色的相同的顏色：

step2

②框選兩個(gè)字體，用工具欄中的混合工具分別點(diǎn)擊兩個(gè)字體，得到如下效果：

框選住混合后的字體，按住ALT鍵然后點(diǎn)擊鼠標(biāo)左鍵調(diào)出混合工具面板。下拉選項(xiàng)，選中指定的距離一欄，參考數(shù)值如下。（具體數(shù)值根據(jù)實(shí)際情況調(diào)整，數(shù)值越小，混合距離越密集。數(shù)值越大，混合距離越松散。）

點(diǎn)擊確定后，得到以下效果：

step3

③給其他字體添加相同效果，并且填充和底層字體顏色相同的背景色。

便得到一個(gè)由大到小，由實(shí)到虛的一個(gè)字體效果：

舉一反三，很快完成了！

方式5-案例B

先看最終效果

step1

①把做好的字復(fù)制三層，填充兩個(gè)鏡像漸變加白色描邊，和一個(gè)純色加白色描邊：

step2

②框選中前面兩個(gè)帶漸變的字，選擇混合工具，依次點(diǎn)擊框選中的第一個(gè)字和第二個(gè)字:

選中混合后的字體，再雙擊混合工具，在面板中選中指定步數(shù)，步數(shù)15:

step3

③把混合后的字和沒有混合的字進(jìn)行右對(duì)齊，然后選擇混合的字，右擊→排列→置于底層:

最后再用直接選擇工具選中末端的字，移動(dòng)他的位置就完成了:

step4

④用同樣的步驟做出剩下的字:

組合在一起:

再來個(gè)排版，搞定！

?劉兵克工作室字體教程

本篇作者：熊偉、張高馳

INS：bohangraphic

01

02

03

04

05

06

07

08

09

步驟/教程：

01、繪制兩個(gè)相同的圖形；

02、其中一個(gè)使用效果 → 模糊 → 高斯模糊，調(diào)整模糊數(shù)值按下確定；

03、圖形的其中一半制作成毛玻璃效果，與另一個(gè)圖形疊合；

04、完成！