信封圖標(biāo)，用AI設(shè)計(jì)紅色的懷舊信封圖標(biāo)教程(9)

這個(gè)紅色圣誕信封有點(diǎn)寫實(shí)的風(fēng)格，繪制的十分好看，教程比較長(zhǎng)，而且還是翻譯教程，界面是英文的，學(xué)習(xí)起來(lái)對(duì)新手可能有點(diǎn)難度，但對(duì)于陰影、線性漸變等用法有很大提升，有興趣的可以試一試。

1. 創(chuàng)建新文件，設(shè)置網(wǎng)格

點(diǎn)擊Ctrl+N，創(chuàng)建新文檔 在單位下拉菜單中選擇像素，同時(shí)設(shè)置寬高為600px，之后點(diǎn)擊高級(jí)按鈕。 選擇RGB，屏幕（72ppi），確認(rèn)使新建對(duì)象對(duì)齊到網(wǎng)格未處于選中狀態(tài)。點(diǎn)擊確定。

顯示網(wǎng)格和參考線。選擇視圖-顯示網(wǎng)格以及視圖-對(duì)齊網(wǎng)格。 為提高工作效率，建議新手設(shè)置網(wǎng)格間距，選擇編輯-首選項(xiàng)-參考線和網(wǎng)格，設(shè)置網(wǎng)格線間隔為5px，設(shè)置次分隔線為1。之后點(diǎn)擊確定。 學(xué)會(huì)利用網(wǎng)格工具將有效提高工作效率，密集恐懼癥患者可以隨時(shí)Ctrl+‘顯示或隱藏網(wǎng)格。

可以和網(wǎng)格配合使用實(shí)時(shí)顯示形狀的大小和位置，選擇窗口-信息，即可顯示信息面板。 選擇編輯-首選項(xiàng)-單位，將所有單位均設(shè)置為像素。 好啦，在接下來(lái)的實(shí)際制作過(guò)程中，你將發(fā)現(xiàn)以上這些設(shè)置將極大提高工作效率。

2. 創(chuàng)建紅色形狀

Step 1

在工具欄中選擇矩形工具（快捷鍵M） 設(shè)置描邊效果為無(wú)，設(shè)置填充顏色為R=211 G=45 B=47。 利用矩形工具畫一個(gè)240x250px的矩形，體會(huì)一下網(wǎng)格和對(duì)齊網(wǎng)格帶來(lái)的便捷。

確保紅色形狀處于選中狀態(tài)，選擇添加描點(diǎn)工具（+），在如下圖所示的位置單擊添加兩個(gè)描點(diǎn)。

Step 2

選擇你的紅色形狀，注意頂部的兩個(gè)描點(diǎn)。 選擇直接選擇工具（-），選中左邊的描點(diǎn)，直接拖到中間位置，即距離右側(cè)120px處。

選擇刪除描點(diǎn)工具（-），選擇右側(cè)描點(diǎn)，刪除之。 現(xiàn)在，紅色形狀如下圖的第二張圖所示。

Step 3

我們繼續(xù)調(diào)整紅色形狀，選擇直接選擇工具（A）。 選中下圖中黑色圓圈圈出的三個(gè)描點(diǎn)，在利用圓角工具，設(shè)置10px的圓角。

回到形狀，選擇下圖中藍(lán)色圓圈圈出的兩個(gè)描點(diǎn)。 返回圓角工具，設(shè)置20px。

實(shí)時(shí)圓角工具僅在CC及以上版本中自帶。 對(duì)于CC以下版本用戶來(lái)說(shuō)，最好的實(shí)現(xiàn)該效果的途徑是采用任意圓角腳本（http://m.tgudhdp.cn/）。 將鏈接中的腳本工具保存到本地，返回AI，確認(rèn)當(dāng)前工具為直接選擇工具（A）。 選擇之前步驟中的描點(diǎn)，選擇文件-腳本-其他腳本 找到并打開(kāi)本地的Round Any Corner Script，分別設(shè)置所需數(shù)值，點(diǎn)擊確定。 最終效果可能看起來(lái)有點(diǎn)兒不太一樣，可以根據(jù)需要自行調(diào)整半徑值。 最后，紅色形狀是這樣的。

3. 創(chuàng)建黃色形狀

Step 1

使用矩形工具（M），創(chuàng)建一個(gè)240x160px的矩形，填充顏色值R=255 G=200 B=0，將黃色形狀放在最上層。

確保黃色形狀處于選中狀態(tài)，在頂部使用添加描點(diǎn)工具（+），如下圖一所示，在中間位置添加描點(diǎn)。

切換到直接選擇工具（A），選擇新添加的描點(diǎn)，將其向下拉90px。 最終，黃色形狀應(yīng)該是如圖二所示。

Step 2

選擇紅色形狀，按Ctrl+C，Ctrl+F復(fù)制一下。 同時(shí)選中復(fù)制后的紅色和黃色，打開(kāi)窗口-路徑查找器，選擇交集。

4.給黃色形狀添加陰影和高光

Step 1

再次選中紅色形狀，重做一次復(fù)制粘貼（Ctrl+C，Ctrl+V） 選中黃色形狀，選擇對(duì)象-路徑-偏移路徑。 輸入1px的偏移量，點(diǎn)擊確定按鈕。 同時(shí)選中新的黃色形狀和上一步中的復(fù)制形狀，通過(guò)路徑查找器再次選出交集。

確認(rèn)上一步的結(jié)果處于選中狀態(tài)，選擇窗口-外觀。 將填充顏色置為黑色（R=0 G=0 B=0），之后打開(kāi)設(shè)置透明度。 將圖層透明度降低到10%，得到下圖圖三中的投影效果。

Step 2

重新選中紅色形狀，再次做復(fù)制粘貼。（Ctrl+C，Ctrl+F） 選中黃色形狀，再次設(shè)置對(duì)象-路徑-偏移路徑輸入3px偏移量，選擇確定按鈕。 同時(shí)選中本步驟中復(fù)制的形狀和剛才的新創(chuàng)建形狀，在路徑查找器面板中選擇交集。

確認(rèn)得到的形狀處于選中狀態(tài)，打開(kāi)外觀通道。 將填充顏色置為黑色，將透明度降低為5%

Step 3

在本步驟中，需要1px間距的網(wǎng)格設(shè)置。選擇編輯-首選項(xiàng)-參考線與網(wǎng)格，在網(wǎng)格間距中輸入1.

采用矩形工具（M），創(chuàng)建一個(gè)288x108px的形狀，如下圖圖一所示。 同樣，為了方便后續(xù)操作，別忘了設(shè)置顯示網(wǎng)格和對(duì)齊網(wǎng)格。 確認(rèn)新得到的形狀處于選中狀態(tài)，之后在外觀面板進(jìn)行設(shè)置。

將顏色填充置為無(wú)填充效果，選擇描邊。 選擇顏色 R=57 G=181 B=74，選擇描邊。 將描邊寬度選擇為6px，設(shè)置沿外側(cè)描邊。

注意矩形的底部，切換到直接選擇工具（A）。 選擇底部的兩個(gè)描點(diǎn)，選擇對(duì)象-路徑-平均（或直接采用快捷鍵Alt+Ctrl+J） 選擇兩者兼有，點(diǎn)擊確定。 這將使你的矩形變?yōu)槿鐖D二所示的三角形。

Step 4

確認(rèn)黃色形狀處于選中狀態(tài)，Ctrl+C，Ctrl+F進(jìn)行復(fù)制操作。 重新選中三角形，選擇對(duì)象-路徑-輪廓化描邊。 同時(shí)選中結(jié)果圖形和黃色形狀，通過(guò)路徑查找器選擇交集。

確認(rèn)結(jié)果形狀處于選中狀態(tài)，之后設(shè)置外觀。 將填充顏色置為黑色，降低透明度至20%，將圖層混合模式選擇為柔光模式。

Step 5

隱藏網(wǎng)格（Ctrl+‘）并取消對(duì)齊網(wǎng)格（Shift+Ctrl+’），選擇編輯-首選項(xiàng)-常規(guī)，確認(rèn)鍵盤增量為1px

重新選中黃色形狀，復(fù)制粘貼兩次（Ctrl+C，Ctrl+F，Ctrl+F） 選中最上層的復(fù)制結(jié)果，用鍵盤上的方向鍵將其向下移動(dòng)1px.

選中兩個(gè)復(fù)制結(jié)果，在路徑查找器面板選擇減去頂層。 將結(jié)果形狀填充為黑色，降低透明度為3%，將圖層混合模式選為柔光。

Step 6

再次選擇黃色形狀，做一次復(fù)制（Ctrl+C，Ctrl+F），向下輕移1px. 確認(rèn)最新的復(fù)制層處于選中狀態(tài)，并再次復(fù)制（Ctrl+C，Ctrl+F） 選擇新復(fù)制層，向下輕移1px.

同時(shí)選中兩個(gè)復(fù)制層，路徑查找器-減去頂層。 如下圖所示，將結(jié)果圖形添加線性漸變，降低透明度至70%，將圖層混合模式改為柔光。

請(qǐng)注意漸變?cè)O(shè)置圖中的黃色數(shù)值代表透明度百分值，藍(lán)色數(shù)值代表位置百分值。

5.創(chuàng)建藍(lán)色形狀

Step 1

顯示網(wǎng)格（Ctrl+‘）和對(duì)齊網(wǎng)格（Shift+Ctrl+’）。 將網(wǎng)格間距重新設(shè)置為5px。編輯-首選項(xiàng)-參考線和網(wǎng)格，在網(wǎng)格間距中輸入5px。

使用矩形工具（M），創(chuàng)建一個(gè)240x90px的形狀，填充 R=39 G=170 B=225，將其放置在如圖所示位置。

選中藍(lán)色矩形，注意頂部?jī)蓚�(gè)描點(diǎn)。 選擇直接選擇工具（-），選擇左側(cè)描點(diǎn)，將其拖到中間（距右側(cè)描點(diǎn)120px）位置。 選擇刪除描點(diǎn)工具，將藍(lán)色矩形右上角的描點(diǎn)刪除。

切換到直接選擇工具（A），選中頂部描點(diǎn)。 利用圓角工具，設(shè)置半徑10px. 最終，藍(lán)色形狀形如圖三。

Step 2

選中紅色形狀，再次復(fù)制粘貼（Ctrl+C，Ctrl+F） 同時(shí)選中復(fù)制后的紅色和藍(lán)色形狀，利用路徑查找器，選擇交集。

6.給藍(lán)色形狀添加陰影和高光

Step 1

再次復(fù)制紅色部分（Ctrl+C，Ctrl+F） 選中藍(lán)色部分，執(zhí)行對(duì)象-路徑-偏移路徑 輸入偏移路徑1px，點(diǎn)擊確認(rèn)。

將新創(chuàng)建的形狀與復(fù)制的紅色形狀通過(guò)路徑查找器取交集。 將得到的形狀填充黑色，降低透明度至3%。

Step 2

再次復(fù)制紅色部分。（Ctrl+C，Ctrl+F） 確認(rèn)藍(lán)色形狀處于選中狀態(tài)，再次執(zhí)行對(duì)象-路徑-偏移路徑 輸入偏移量3px，點(diǎn)擊確認(rèn)。

同時(shí)選中新建的形狀和紅色的形狀，執(zhí)行路徑查找器-交集 將得到的形狀填充為黑色，降低透明度至3%

Step 3

取消顯示網(wǎng)格和對(duì)齊網(wǎng)格。

確認(rèn)藍(lán)色形狀處于選中狀態(tài)，復(fù)制粘貼兩次。（Ctrl+C，Ctrl+F，Ctrl+F） 將最上一層的復(fù)制形狀向下移動(dòng)1px。 同時(shí)選中剛才的兩個(gè)復(fù)件，執(zhí)行路徑查找器-減去頂層。 填充得到的形狀為白色（R=255 G=255 B=255），降低透明度至30%，更改混合模式為柔光。

Step 4

調(diào)出顯示網(wǎng)格（Ctrl+’）和對(duì)齊網(wǎng)格（Shift+Ctrl+‘）。

選中藍(lán)色形狀，復(fù)制（Ctrl+C，Ctrl+F） 選中復(fù)制的結(jié)果，向下移動(dòng)10px. 選中，選擇外觀面板

將填充顏色置為不填充，選擇描邊效果 將描邊的顏色設(shè)為（R=0 G=148 B=68），打開(kāi)描邊效果通道 將描邊寬度設(shè)為6px，設(shè)置內(nèi)部填充。

Step 5

選中藍(lán)色形狀，執(zhí)行Ctrl+C，Ctrl+F，同時(shí)選中最新的復(fù)制層和綠色秒板，執(zhí)行對(duì)象-路徑-輪廓化描邊。 選中結(jié)果圖形和剛才的復(fù)制形狀，執(zhí)行路徑查找器-交集

將結(jié)果形狀填充為黑色，降低其透明度至20%，更改圖層混合模式為柔光。

7. 創(chuàng)建一張紙，添加文字

Step 1

使用矩形工具（M），創(chuàng)建一個(gè)190x140px的矩形，填充顏色（R=250 G=250 B=240）,位置如圖所示

確認(rèn)新圖形處于選中狀態(tài)，查看外觀通道。 選中現(xiàn)有填充，執(zhí)行效果-風(fēng)格化-內(nèi)發(fā)光 填充設(shè)置如圖所示，點(diǎn)擊確認(rèn)按鈕。

Step 2

確定矩形處于選中狀態(tài)，選擇外觀通道，點(diǎn)擊添加填充，再次填充一個(gè)顏色。

選中新做的填充，更改圖層混合模式為柔光，將現(xiàn)有填充顏色增加一層線性漸變，漸變參數(shù)如圖。 下圖中漸變中黃色的“0”代表透明度百分值。

Step 3

確認(rèn)矩形仍然處于選中狀態(tài)，在外觀面板中選擇描邊。

將現(xiàn)有填充顏色替代為線性漸變，將透明度降低為50%，將圖層混合模式改為柔光，打開(kāi)描邊效果。 確認(rèn)描邊寬度為1px，選擇沿內(nèi)部描邊。

Step 4

將矩形選中，選擇外觀面板，增加一層描邊。

選中該描邊，將其填充顏色改為線性漸變，將混合模式改為柔光，打開(kāi)描邊通道。 將描邊寬度設(shè)為1px，確認(rèn)描邊形式為沿內(nèi)部描邊。

Step 5

確認(rèn)矩形處于選中狀態(tài)，打開(kāi)外觀通道，點(diǎn)擊增加新描邊增加第三層描邊。

選中第三層描邊，將顏色設(shè)置為黑色，降低透明度至2%，打開(kāi)描邊效果通道。 確認(rèn)描邊寬度為1px，確認(rèn)沿內(nèi)部描邊。

Step 6

確認(rèn)矩形處于選中狀態(tài)，仍舊打開(kāi)外觀通道。

點(diǎn)擊文字路徑，執(zhí)行效果-風(fēng)格化-圓角 輸入圓角半徑5px，點(diǎn)擊確認(rèn)按鈕。

Step 7

選擇文字工具（T），打開(kāi)文字樣式。（窗口-文字-文字樣式）

點(diǎn)擊，輸入文字“Dear Santa” 設(shè)置文字顏色（R=38 G=34 B=98），設(shè)置字體 5 years old font ，文字大小設(shè)置為15px。

Step 8

確認(rèn)文字工具（T）處于激活狀態(tài)，在畫板上拉出一塊文字輸入?yún)^(qū)域。如下圖所示。 如圖二所示，添加你想要的文字。 文字字體和顏色與上一步相同，將文字大小設(shè)置為10px。

Step 9

選中兩段文字和紙張，Ctrl+G組合一下。

選中組合，Shift+Ctrl+[ 將其置于底層 選擇紅色形狀，將其置于底層。 最終形狀的次序關(guān)系如圖三所示。

8. 創(chuàng)建背景形狀

Step 1

使用矩形工具（M），創(chuàng)建一個(gè)邊長(zhǎng)為610px的方形，填充顏色 R=255 G=232 B=217 Shift+Ctrl+[ 將方形置于底層。調(diào)整方形位置，使信封處于方形的中間位置。

Step 2

確認(rèn)方形處于選中狀態(tài)，打開(kāi)外觀通道，添加新填充顏色。

這一層填充需要嵌入圖案。點(diǎn)擊窗口-圖形樣式庫(kù) 將會(huì)打開(kāi)一個(gè)內(nèi)嵌圖案庫(kù) 確認(rèn)之前的輔助填充層處于選中狀態(tài)，將混合模式改為覆蓋？，選擇“Sand”圖案。

9. 給紅色部分增加陰影和高光

Step 1

選擇紅色形狀，打開(kāi)外觀面板 填充顏色R=191 G=25 B=27，增加新的填充圖層。 對(duì)第二個(gè)圖層增加如下圖所示的線性漸變。

Step 2

確認(rèn)紅色形狀處于選中狀態(tài)，從外觀面板選擇描邊

將描邊顏色改為白色，降低透明度至30%，混合模式改為柔光，打開(kāi)描邊通道。 將描邊寬度改為6px，確認(rèn)內(nèi)部描邊。

Step 3

確認(rèn)紅色形狀處于選中狀態(tài)，打開(kāi)外觀通道，選擇描邊，使用復(fù)制選中項(xiàng)目復(fù)制一次。

選中新增加的描邊，將透明度改為50%，將描邊寬度改為1px。

Step 4

確認(rèn)紅色形狀處于選中狀態(tài)，打開(kāi)外觀通道，增加第三層描邊。

填充黑色，透明度為5%，打開(kāi)描邊通道。 確認(rèn)描邊寬度為1px，沿內(nèi)部描邊。

Step 5

確認(rèn)紅色形狀處于選中狀態(tài)

選中底部的紅色填充，打開(kāi)效果-風(fēng)格-投影 按下圖中的左側(cè)參數(shù)設(shè)置，點(diǎn)擊確定，增加其他的四個(gè)投影。

10. 對(duì)藍(lán)色和黃色部分做一些最終調(diào)整

Step 1

選中黃色形狀，填充顏色 R=211 G=45 B=47

Step 2

選中藍(lán)色形狀，打開(kāi)外觀通道。 首先，將填充顏色改為R=211 G=55 B=57，之后增加第二層填充 選中新的填充，更改混合模式為柔光，增加如圖所示的線性漸變。

恭喜！ 完成啦！

下圖是最終效果圖。 試試給最終效果圖上增加一些郵票或圣誕裝飾吧！