1.創建新文檔並設置網格
Ctrl-N來創建一個新文檔。啟用網格（“ 視圖”>“顯示網格”）和“ 對齊網格”（“ 視圖”>“對齊網格”）。
2.創建封面
步驟1
選擇矩形工具（M），然後將焦點放在工具欄上。從筆劃中刪除顏色，然後選擇填充並將其顏色設置為R = 247 G = 148 B = 30。移動到畫板上，只需創建290 x 150像素的矩形。
專注於此橙色矩形的底部，然後切換到直接選擇工具（A）。選擇左錨點並將其向右拖動45 px，然後選擇右錨點並將其向左拖動45 px。
步驟2
返回到工具欄，將現有的填充色替換為R = 249 G = 193 B = 72，然後將焦點放在現有形狀的左上角。
使用矩形工具（M）創建130 x 25 px的形狀並將其放置在第一個圖像中。切換到直接選擇工具（A），然後將焦點放在此新矩形的右側。選擇頂部錨點，然後將其向左拖動10 px。
步驟3
重新選擇到目前為止製作的兩個形狀，打開“ 路徑查找器”面板（“ 窗口”>“路徑查找器”），然後單擊“ 合併”按鈕。
步驟4
繼續關注您的形狀，選擇直接選擇工具（A），然後選擇第一張圖像中黑圈突出顯示的三個錨點。移動到頂部欄，“ 圓角”15像素。
步驟5
禁用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'），然後轉到“ 編輯”>“首選項”>“常規”，並確保將“ 鍵盤增量”設置為1 px。
確保選擇了黃色形狀，並在前面進行兩份複印（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本，然後使用鍵盤上的向下箭頭按鈕將其向下移動5像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。確保選擇了結果形狀，並用R = 39 G = 170 B = 225替換現有的填充色。
步驟6
確保選擇了您的藍色形狀，並在前面製作兩份（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本，然後使用鍵盤上的向上箭頭按鈕將其向上移動1 px。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，並集中在“ 外觀”面板（“ 窗口”>“外觀”）上。用簡單的白色（R = 255 G = 255 B = 255）替換現有的填充顏色，然後單擊該文本“ Opacity ”以打開“ 透明”彈出面板。將混合模式更改為柔光，並將不透明度降低到50％。
步驟7
確保選擇了您的藍色形狀，並在前面製作兩份。選擇頂部副本，然後使用鍵盤上的同一向下箭頭按鈕將其向下移動1 px。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，然後將焦點放在外觀面板上。用簡單的黑色（R = 0 G = 0 B = 0）替換現有的填充色，將其不透明度降低到30％，並將混合模式更改為柔光。
步驟8
確保選擇了藍色形狀，然後在正面進行復制。選擇此副本，將其向上移動1 px，然後將其複製。選擇此新副本並將其向上移動1 px。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，然後將焦點放在外觀面板上。用簡單的黑色替換現有的填充色，將不透明度降低到30％，並將混合模式更改為柔光。
步驟9
確保您的藍色形狀保持選中狀態，並集中在外觀面板上。首先，選擇填充並將現有顏色替換為R = 249 G = 193 B = 72。接下來，使用“ 添加新填充”按鈕為該形狀添加第二個填充。
選擇此新填充，將其混合模式更改為柔光，然後添加下圖所示的複雜線性漸變。請記住，漸變圖像中的黃色零代表不透明度百分比，而藍色數字代表位置百分比。最後，事情應該看起來像第二張圖片。
步驟10
確保選擇了您的主要黃色形狀，並在前面製作了兩個副本（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本並將其向上移動7像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。用黑色填充生成的形狀，將其不透明度降低到5％，並將混合模式更改為柔光。
步驟11
確保仍選擇您的主要黃色形狀，並用下圖所示的線性漸變替換現有的填充顏色。
選擇到目前為止製作的所有形狀，然後單擊Ctrl-G將它們分組。移動到“ 圖層”面板，打開現有圖層，雙擊組的名稱，並將其重命名為“ frontCover ”。
3.創建封底
步驟1
啟用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'）。使用矩形工具（M）創建280 x 150 px的形狀，將填充顏色設置為R = 39 G = 170 B = 225並將其放置在第一個圖像中。
專注於此新矩形的底部，然後切換到直接選擇工具（A）。選擇左錨點並將其向右拖動45 px，然後選擇右錨點並將其向左拖動45 px。如第二張圖片所示，這會將您的藍色矩形變成一個簡單的梯形。確保它保持選中狀態，並且直接選擇工具（A）保持活動狀態，將焦點放在頂部欄上，然後在“ 角落”框中輸入15 px。
步驟2
禁用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'）。
確保選擇了您的藍色形狀，並在前面製作兩份（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本並將其向下移動5像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。確保選擇了結果形狀，並用R = 57 G = 181 B = 74替換現有的填充色。
步驟3
確保選擇了綠色形狀，並在前面製作兩份（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本並將其向上移動1像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，然後將焦點放在外觀面板上。用簡單的白色替換現有的填充色，將不透明度降低到50％，並將混合模式更改為柔光。
步驟4
確保選擇了綠色形狀，並在前面製作兩份（Ctrl-C> Control-F> Ctrl-F）。選擇頂部副本並將其向下移動1像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，然後將焦點放在外觀面板上。用簡單的黑色替換現有的填充色，將不透明度降低到30％，並將混合模式更改為柔光。
步驟5
確保選擇了綠色形狀，然後在正面進行復制（Ctrl-C> Ctrl-F）。選擇此副本，將其向上移動1 px，然後將其複製（Ctrl-C> Ctrl-F）。選擇此新副本並將其向上移動1 px。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。
確保結果形狀保持選中狀態，然後將焦點放在外觀面板上。用簡單的黑色替換現有的填充色，將不透明度降低到30％，並將混合模式更改為柔光。
步驟6
確保您的綠色形狀保持選中狀態，並將焦點放在外觀面板上。首先，選擇填充並將現有顏色替換為R = 249 G = 193 B = 72。接下來，使用相同的“ 添加新填充”按鈕為該形狀添加第二個填充。
選擇新的填充，將其混合模式更改為柔光，然後添加下圖所示的複雜線性漸變。請記住，漸變圖像中的黃色零代表不透明度百分比，而藍色數字代表位置百分比。最後，事情應該看起來像第二張圖片。
步驟7
重新選擇您的藍色形狀，並將現有的填充色替換為R = 244 G = 151 B = 45。選擇此橙色形狀以及用於突出顯示它的其餘形狀並將它們分組（Ctrl-G）。
確保已選擇此新組，然後使用Shift-Ctrl- [鍵盤快捷鍵將其發送回。移動到“ 圖層”面板，找到這個新組，然後將其重命名為“ backCover ”。
4.創建文件
步驟1
啟用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'）。使用矩形工具（M）創建250 x 115 px形狀，將填充顏色設置為R = 39 G = 170 B = 225並將其放置在第一張圖像中。
專注於此新矩形的底部，然後切換到直接選擇工具（A）。選擇左錨點並將其向右拖動30 px，然後選擇右錨點並將其向左拖動30 px。確保此藍色形狀保持選中狀態，並且直接選擇工具（A）保持活動狀態，將焦點放在頂部欄上，然後在“ 角落”框中輸入10 px。
步驟2
禁用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'）。
確保選擇了您的藍色形狀，並在前面製作兩份（Ctrl-C> Ctrl-F> Ctrl-F）。選擇頂部副本並將其向下移動1像素。重新選擇在此步驟中製作的兩個副本，然後從“ 路徑查找器”面板中單擊“ 減號”按鈕。確保選擇了結果形狀，並用簡單的白色替換現有的填充顏色。
步驟3
確保您的藍色形狀保持選中狀態，並集中在外觀面板上。選擇填充並將現有顏色替換為R = 245 G = 245 B = 240。為該形狀添加第二個填充，將其混合模式更改為柔光，並添加下圖所示的線性漸變。
步驟4
重新選擇下圖中突出顯示的兩個形狀並將它們分組（Ctrl-G）。確保已選擇此新組，然後使用Control- [鍵盤快捷鍵將其發送回去。移至“ 圖層”面板，找到在此步驟中創建的組並將其重命名為“ file ”。
5.添加細微陰影併為圖標重新著色
步驟1
啟用網格（Ctrl-'）和對齊網格（Shift-Ctrl-'）。對於此步驟，您需要每1 px有一個網格，因此請轉到“ 編輯”>“首選項”>“參考線和網格”，然後在“ 每個網格線”中輸入1。使用矩形工具（M）創建一個188 x 4 px的形狀，使其變黑，然後如下圖所示放置它。
步驟2
確保您的黑色矩形保持選中狀態，使用Shift-Ctrl- [鍵盤快捷鍵將其發送回去，然後移至“ 外觀”面板。
選擇現有的填充，將其不透明度降低到20％，然後轉到“ 效果”>“模糊”>“高斯伯”。輸入5 px的Radius，單擊“ 確定”，然後返回到“ 外觀”面板。添加第二個填充，使其變黑並將其不透明度降低到3％。繼續關注外觀面板，確保選擇了整個路徑（只需從面板頂部單擊該“ 路徑 ”文本），然後轉到效果>風格化>圓角。輸入2 px半徑，然後單擊確定按鈕。
步驟3
最後，這是您可以輕鬆為整個圖標重新著色的方法。一張一張地選擇四個黃色形狀，然後簡單地用下圖所示的藍色替換三個黃色。
步驟4
如果您喜歡紅色版本，可以使用以下顏色。隨意嘗試不同的顏色。推薦：AI從入門到精通(視頻教程)
至此就完成啦！
閱讀更多 GSan設計 的文章
