信封圖標,用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
選擇你的紅色形狀,注意頂部的兩個描點。 選擇直接選擇工具(-),選中左邊的描點,直接拖到中間位置,即距離右側120px處。
選擇刪除描點工具(-),選擇右側描點,刪除之。 現(xiàn)在,紅色形狀如下圖的第二張圖所示。
Step 3
我們繼續(xù)調(diào)整紅色形狀,選擇直接選擇工具(A)。 選中下圖中黑色圓圈圈出的三個描點,在利用圓角工具,設置10px的圓角。
回到形狀,選擇下圖中藍色圓圈圈出的兩個描點。 返回圓角工具,設置20px。
實時圓角工具僅在CC及以上版本中自帶。 對于CC以下版本用戶來說,最好的實現(xiàn)該效果的途徑是采用任意圓角腳本(http://theoat.com.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復制一下。 同時選中復制后的紅色和黃色,打開窗口-路徑查找器,選擇交集。
4.給黃色形狀添加陰影和高光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,設置沿外側描邊。
注意矩形的底部,切換到直接選擇工具(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,將其放置在如圖所示位置。
選中藍色矩形,注意頂部兩個描點。 選擇直接選擇工具(-),選擇左側描點,將其拖到中間(距右側描點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)
選中底部的紅色填充,打開效果-風格-投影 按下圖中的左側參數(shù)設置,點擊確定,增加其他的四個投影。
10. 對藍色和黃色部分做一些最終調(diào)整
Step 1
選中黃色形狀,填充顏色 R=211 G=45 B=47
Step 2
選中藍色形狀,打開外觀通道。 首先,將填充顏色改為R=211 G=55 B=57,之后增加第二層填充 選中新的填充,更改混合模式為柔光,增加如圖所示的線性漸變。
恭喜! 完成啦!
下圖是最終效果圖。 試試給最終效果圖上增加一些郵票或圣誕裝飾吧!