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

工具

工具：AI(Adobe illustrator)

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

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

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

比起細(xì)膩豐富的傳統(tǒng)畫法，極簡(jiǎn)的幾何平涂造型所創(chuàng)作的水果，看起來(lái)有著別樣的生動(dòng)的特質(zhì)，擺脫了對(duì)水果表面質(zhì)感的依賴，轉(zhuǎn)向?qū)π紊奶剿鳎潜馄讲瀹嫷幕A(chǔ)思維。

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

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

常見(jiàn)蘋果的畫法可以是圓形起步，也可以是從方形開(kāi)始。

STEP 01

打開(kāi)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)槭噶刻菪蔚穆窂剑绻麤](méi)有做這一步，這個(gè)形狀看似是梯形，其實(shí)還是原來(lái)正方形的矢量路徑。分辨真假梯形也很簡(jiǎn)單，只要選擇這個(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é)的魔力

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

STEP 04

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

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

STEP 05

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

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

這也是我在這一風(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í)如果沒(méi)有較強(qiáng)的結(jié)構(gòu)感，整個(gè)畫面就會(huì)看起來(lái)”平淡“甚至”無(wú)趣“。

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

STEP 06

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

STEP 07

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

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

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

STEP 08

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

STEP 09

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

STEP 10

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

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

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

作者：飛屋睿
來(lái)源：飛屋睿（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)手操作一下哦！

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

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

我們開(kāi)始今天的教程吧

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

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

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

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

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

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

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

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

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

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

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

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

我們看看給它們換換色是什么樣的感覺(jué)？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

TIPS：

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

● 好看的文字編排

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

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

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

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

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

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

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

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

● 文字組自由組合

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

色塊分割版面

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

● 置入處理過(guò)的文字組

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

作者：NDS丨阿貴
鏈接：https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
來(lái)源：站酷
著作權(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ì)。在該描邊上新增效果，選擇“變換”。打開(kāi)“變換效果”對(duì)話框，調(diào)整數(shù)值。

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

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

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

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

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

3）然后“添加新描邊”，設(shè)置描邊粗細(xì)為2px，點(diǎn)擊“添加新效果”按鈕，選擇“高斯模糊”（模糊>高斯模糊）。打開(kāi)“高斯模糊”對(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)常使用到，簡(jiǎn)單易學(xué)。

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

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

2）繪制兩個(gè)圓，尺寸分別5*5px和2*2px。再全選它們，執(zhí)行“對(duì)象”>“混合”>“建立”，再雙擊“混合”工具打開(kāi)“混合選項(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）打開(kāi)“變換效果”對(duì)話框，設(shè)置水平和垂直縮放為91%，旋轉(zhuǎn)角度為10，副本為25，如上圖所示。

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

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

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

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

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

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

做法依然用到的是混合命令，接下來(lái)跟我動(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ò)展命令，然后打開(kāi)漸變窗口（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è)字體翻頁(yè)效果就做出來(lái)了。我們還可以繼續(xù)調(diào)整細(xì)節(jié)，做出更多有趣的嘗試。

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

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

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

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

作者：君小陽(yáng)  來(lái)源：這logo怎么了（ID：wtf-logo）

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

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

三十秒過(guò)去了……

OK，時(shí)間到。

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

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

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

看下混合后的效果。

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

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

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

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

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

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

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

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

作者 | 君小陽(yáng)
來(lái)源 | 這logo怎么了（id:wtf-logo)

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

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

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

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

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

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

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

混合軸可以通過(guò)相關(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ì)效果：

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

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

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

作者：鄧海貝
來(lái)源：藝海拾貝Design（ID：YHSBds）

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

在字體幫的投稿作品中，我們經(jīng)常看到此類相關(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è)白色顏色填充和黑色描邊：

給頂層字體部分換回原來(lái)的顏色：

最后給字體添加一些裝飾，做出適當(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)在來(lái)給它上色，先從字的正面開(kāi)始，先任意選中一個(gè)筆畫，選擇→相同→填色和描邊：

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

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

畫完之后我們用吸管工具開(kāi)始吸，按住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)在我們來(lái)給它上色，選中一個(gè)黑色筆畫，在菜單欄中點(diǎn)擊選擇→相同→填充顏色：

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

step3

③接下來(lái)我們給這兩層字體編個(gè)組，然后向左下方復(fù)制一層。復(fù)制的過(guò)程中注意對(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)擊合并，如果沒(méi)有路徑查找器面板可以在窗口中找到：

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

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

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

然后，簡(jiǎn)單排版，完活！

方式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

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

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

step4

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

組合在一起:

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

?劉兵克工作室字體教程

本篇作者：熊偉、張高馳

INS：bohangraphic

01

02

03

04

05

06

07

08

09

步驟/教程：

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

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

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

04、完成！