AI教程/文件夾圖標

2020-03-22     GSan設計


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從入門到精通(視頻教程)


至此就完成啦!

文章來源: https://twgreatdaily.com/F97OAXEBfwtFQPkddFzP.html