信封圖標，用AI設計紅色的懷舊信封圖標教程(9)

這個紅色圣誕信封有點寫實的風格，繪制的十分好看，教程比較長，而且還是翻譯教程，界面是英文的，學習起來對新手可能有點難度，但對于陰影、線性漸變等用法有很大提升，有興趣的可以試一試。

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

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

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

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

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

Step 1

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

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

Step 2

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

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

Step 3

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

回到形狀，選擇下圖中藍色圓圈圈出的兩個描點。 返回圓角工具，設置20px。

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

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

Step 1

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

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

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

Step 2

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

Step 1

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

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

Step 2

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

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

Step 3

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

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

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

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

Step 4

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

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

Step 5

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

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

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

Step 6

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

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

請注意漸變設置圖中的黃色數(shù)值代表透明度百分值，藍色數(shù)值代表位置百分值。

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

Step 1

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

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

選中藍色矩形，注意頂部兩個描點。 選擇直接選擇工具（-），選擇左側(cè)描點，將其拖到中間（距右側(cè)描點120px）位置。 選擇刪除描點工具，將藍色矩形右上角的描點刪除。

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

Step 2

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

6.給藍色形狀添加陰影和高光

Step 1

再次復制紅色部分（Ctrl+C，Ctrl+F） 選中藍色部分，執(zhí)行對象-路徑-偏移路徑 輸入偏移路徑1px，點擊確認。

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

Step 2

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

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

Step 3

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

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

Step 4

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

選中藍色形狀，復制（Ctrl+C，Ctrl+F） 選中復制的結果，向下移動10px. 選中，選擇外觀面板

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

Step 5

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

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

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

Step 1

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

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

Step 2

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

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

Step 3

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

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

Step 4

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

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

Step 5

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

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

Step 6

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

點擊文字路徑，執(zhí)行效果-風格化-圓角 輸入圓角半徑5px，點擊確認按鈕。

Step 7

選擇文字工具（T），打開文字樣式。（窗口-文字-文字樣式）

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

Step 8

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

Step 9

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

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

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

Step 1

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

Step 2

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

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

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

Step 1

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

Step 2

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

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

Step 3

確認紅色形狀處于選中狀態(tài)，打開外觀通道，選擇描邊，使用復制選中項目復制一次。

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

Step 4

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

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

Step 5

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

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

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

Step 1

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

Step 2

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

恭喜！ 完成啦！

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

全教程完,學完記得交作業(yè)。如果本教程對您有所幫助，請推薦給你的朋友。