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從入門到精通(視頻教程)
至此就完成啦!