圖/文 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。
實時圓角工具在CC及以上版本中自帶。 最後,紅色形狀是這樣的。
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,之後增加第二層填充 選中新的填充,更改混合模式為柔光,增加如圖所示的線性漸變。
恭喜! 完成啦!