AI教程/雅緻的信封圖標

圖/文 Andrei Marius

註：此教程為英翻教程，新手請謹慎嘗試哦！

1. 創建新文件，設置網格

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

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

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

2. 創建紅色形狀

Step 1

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

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

Step 2

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

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

Step 3

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

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

3. 創建黃色形狀

Step 1

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

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

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

Step 2

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

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

Step 1

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

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

Step 2

重新選中紅色形狀，再次做複製粘貼。（Ctrl+C，Ctrl+F） 選中黃色形狀，再次設置對象-路徑-偏移路徑輸入3px偏移量，選擇確定按鈕。 同時選中本步驟中複製的形狀和剛才的新創建形狀，在路徑查找器面板中選擇交集。確認得到的形狀處於選中狀態，打開外觀通道。 將填充顏色置為黑色，將透明度降低為5%

Step 3

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

採用矩形工具（M），創建一個288x108px的形狀，如下圖圖一所示。 同樣，為了方便後續操作，別忘了設置顯示網格和對齊網格。 確認新得到的形狀處於選中狀態，之後在外觀面板進行設置。

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

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

Step 4

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

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

Step 5

隱藏網格（Ctrl+『）並取消對齊網格（Shift+Ctrl+』），選擇編輯-首選項-常規，確認鍵盤增量為1px

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

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

Step 6

再次選擇黃色形狀，做一次複製（Ctrl+C，Ctrl+F），向下輕移1px. 確認最新的複製層處於選中狀態，並再次複製（Ctrl+C，Ctrl+F） 選擇新複製層，向下輕移1px.

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

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

5.創建藍色形狀

Step 1

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

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

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

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

Step 2

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

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

Step 1

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

將新創建的形狀與複製的紅色形狀通過路徑查找器取交集。 將得到的形狀填充黑色，降低透明度至3%。

Step 2

再次複製紅色部分。（Ctrl+C，Ctrl+F） 確認藍色形狀處於選中狀態，再次執行對象-路徑-偏移路徑 輸入偏移量3px，點擊確認。

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

Step 3

取消顯示網格和對齊網格。

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

Step 4

調出顯示網格（Ctrl+』）和對齊網格（Shift+Ctrl+『）。

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

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

Step 5

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

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

7. 創建一張紙，添加文字

Step 1

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

確認新圖形處於選中狀態，查看外觀通道。 選中現有填充，執行效果-風格化-內發光 填充設置如圖所示，點擊確認按鈕。

Step 2

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

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

Step 3

確認矩形仍然處於選中狀態，在外觀面板中選擇描邊。

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

Step 4

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

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

Step 5

確認矩形處於選中狀態，打開外觀通道，點擊增加新描邊增加第三層描邊。

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

Step 6

確認矩形處於選中狀態，仍舊打開外觀通道。

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

Step 7

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

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

Step 8

確認文字工具（T）處於激活狀態，在畫板上拉出一塊文字輸入區域。如下圖所示。 如圖二所示，添加你想要的文字。 文字字體和顏色與上一步相同，將文字大小設置為10px。

Step 9

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

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

8. 創建背景形狀

Step 1

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

Step 2

確認方形處於選中狀態，打開外觀通道，添加新填充顏色。

這一層填充需要嵌入圖案。點擊窗口-圖形樣式庫 將會打開一個內嵌圖案庫 確認之前的輔助填充層處於選中狀態，將混合模式改為覆蓋？，選擇「Sand」圖案。

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

Step 1

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

Step 2

確認紅色形狀處於選中狀態，從外觀面板選擇描邊

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

Step 3

確認紅色形狀處於選中狀態，打開外觀通道，選擇描邊，使用複製選中項目複製一次。

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

Step 4

確認紅色形狀處於選中狀態，打開外觀通道，增加第三層描邊。

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

Step 5

確認紅色形狀處於選中狀態

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

10. 對藍色和黃色部分做一些最終調整

Step 1

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

Step 2

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

最終效果圖

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！