LOGOPhotoshop平面設計基礎任務2繪制手機日歷圖標項目3圖標設計2134目錄任務描述知識技能任務實施任務小結RENWUMIAOSHUZHISHIJINENGRENWUSHISHIRENWUXIAOJIE任務描述RENWUSHISHI1任務描述繪制手機日歷圖標

近期華為發(fā)布新手機，受到廣大民眾“遙遙領先”的一致好評，小民看到老師展示各種品牌手機類APP圖標時，他覺得手機圖標越來越扁平化和相似。他想自己設計一個具有辨識度的手機日歷圖標，請大家?guī)椭黄鹜瓿稍O計。本任務用到了形狀工具的繪制，變化和添加圖層效果，配合部分鋼筆工具的使用，最后完成效果如圖所示。知識技能ZHISHIJINENG2知識技能

學會利用繪制路徑的工具、選擇工具等進行繪制路徑、編輯路徑進行繪制圖形，最終完成簡單的圖標設計。01繪制路徑的工具常用繪制路徑的工具有鋼筆工具、形狀工具、畫筆工具等。鋼筆工具：是最常用的路徑繪制工具，可以創(chuàng)建直線、曲線等路徑；形狀工具：可以通過它創(chuàng)建相對應形狀的路徑圖形；畫筆工具：除了繪制路徑，還可以通過設置畫筆的屬性來調整路徑的粗細、平滑度。知識技能02選擇工具組

單擊長按“選擇工具”，即可彈出選擇工具組，選擇工具組包括“路徑選擇工具”、“直接選擇工具”，如圖所示。

圖“選擇”工具組

如果想要刪除不需要的路徑，可以使用“路徑選擇工具”點擊并拖動路徑到畫布上的任意位置，然后按下<Delete>鍵，就可以刪除該路徑。

如果想要調整路徑的位置或形狀，可以使用“直接選擇工具”點擊并拖動路徑上的節(jié)點（錨點）或者線段。當你拖動錨點或線段時，路徑的位置和形狀會隨之改變。任務實施RENWUSHISHI3任務實施繪制手機日歷圖標底色、添加效果樣式01繪制日歷圖標外框、添加效果樣式02繪制日歷圖標內部、添加效果樣式03任務實施—1.繪制圖標底色01繪制橢圓（1）單擊工具箱中的“默認前景和背景色”按扭，將前景和背景色為白色。（2）單擊工具箱中的“矩形工具”，填充顏色為淺紫色，色值為“eddbfe”，無描邊，高和寬各設置256像素，在背景上繪制一個矩形，如圖所示：（3）拖拽矩形里的圓點調整圓角半徑為80像素，如圖所示：任務實施—1.繪制圖標底色01繪制橢圓（4）新建圖層將該圖層命名為“底色”，單擊工具欄中的“矩形工具”，設置填充白色，無描邊，寬215像素，高215像素。拖動圓點調整圓角半徑為80像素，使圖形變成圓角矩形。將該圓角矩形拖至正中心。（5）雙擊“底色”圖層，添加圖層樣式“內陰影”，顏色數值“651ec7”，其他項設置參考如圖所示：任務實施—1.繪制圖標底色01繪制橢圓

添加圖層樣式“漸變疊加”，設置混合模式為：濾色，不透明度50%，勾選反向和與圖層對齊，角度145度，縮放100%。如左圖所示。

點擊漸變疊加的“+”添加圖層樣式“漸變疊加”，設置混合模式為：正常，不透明度100%，勾選“反向”和“與圖層對齊”，角度90度，縮放150%。如右圖所示：任務實施—1.繪制圖標底色圖層樣式，漸變疊加數值左側數值為c587fe，如圖3-2-10所示，圖層樣式，漸變疊加數值右側數值為7b2fff，如圖3-2-11所示：01繪制橢圓

圖層樣式，漸變疊加設置數值如圖3-2-9所示：圖層樣式，漸變疊加數值左側數值為c587fe，如左圖所示，圖層樣式，漸變疊加數值右側數值為7b2fff，如中圖1、2所示：

圖層樣式確認后，底色繪制完成，如下圖所示：

（6）新建圖層命名為“日歷1”，在工具找到矩形工具，填充顏色選擇白色，無描邊，寬10像素，高38像素，繪制形狀，拖動矩形內圓點成如圖所示：（7）點擊“日歷1”圖層，按<Ctrl+J>組合鍵復制圖層，命名為“日歷2”，單擊“日歷2”圖層拖拽至右邊，如圖所示：

（8）

新建圖層命名為“日歷外框”，在工具欄中選中“矩形工具”，填充色選擇為無，描邊為6像素，寬119像素，高110像素。繪制形狀，向內拖動圓點改變形狀。如圖所示：任務實施—2.繪制日歷外框

（9）選中“日歷外框”圖層，單擊右鍵，選擇柵格化圖層，如右圖所示：（10）選中“日歷外框”圖層，在工具欄中選中“鋼筆工具”，如右圖上所示，在上面的屬性欄中改為路徑，如右圖下所示：

（11）按<Ctrl+r>組合鍵調出參考線，拖動參考線如圖所示。使用“鋼筆工具”，在圖層外框上畫一個長方形，再按<Ctrl+Enter>組合鍵調出選區(qū)，按<Delete>鍵刪除，再按<Ctrl+d>組合鍵取消選區(qū)，得到如右圖依次所示：任務實施—2.繪制日歷外框

（12）使用鋼筆工具，在圖層外框右側畫一個長方形，再按<Ctrl+Enter>組合鍵調出選區(qū)如右圖所示：（13）選區(qū)調取成功后，按<Delete>鍵刪除，再按<Ctrl+d>組合鍵取消選區(qū)。在菜單欄中找到“參考線”選擇“清除參考線”，得到如右圖所示：任務實施—2.繪制日歷外框

（14）新建圖層命名為“日歷內部”，找到鋼筆工具，左上角改為形狀，繪制115×73像素的長方形，填充白色，無描邊，如右所示：（15）選擇“橢圓工具”，填充色為任意色，大小為17×17像素，如右所示：（16）找到“底色”圖層，選中后，單擊右鍵，選中拷貝圖層樣式；（17）找到剛剛繪制的橢圓圖層，選中后，單擊右鍵，選中粘貼圖層樣式，如右圖依次所示：任務實施—3.繪制日歷內部（18）粘貼圖層樣式后，得到如下圖層樣式，如圖所示（19）選中“橢圓”圖層，<Ctrl+J>組合鍵復制后，向右拖拽，如圖所示：（20）選中“橢圓”圖層，<Ctrl+J>組合鍵復制后，向右拖拽，如圖所示：（21）選中前2個“橢圓”圖層，<Ctrl+J>組合鍵復制后，向下拖拽，通過調整每個圖層到適宜的，圖標繪制完成，如圖依次所示：任務實施—3.繪制日歷內部任務小結RENWUSHISHI4在本任務中，用到了形狀工具、鋼筆工具。

通過工具的顏色填充、大小的改變、添加圖層樣式，完成了日歷圖標的繪制。

在接下來的任務中我們著重使用鋼筆工具，在拓展任務中我們多使用鋼筆工具。任務小結01新建文件02繪制底部橢圓陰影03繪制底部橢圓在Photoshop主頁面界面內點擊左側的“新文件”或按<Ctrl+N>組合鍵彈出新建對話框，在該對話框內設置參數315×315像素，分辨率100。在工具欄中選擇橢圓工具，單擊畫布，在彈出的“繪制橢圓”屬性中輸入寬度和寬度各250像素，填充色為“3a4fbb”，命名該圖層為“底圓陰影”。復制“底圓陰影”圖層，更改名為“底圓”。單擊該圖層選擇橢圓工具，填充選擇漸變，左色標值為“c9a2ff”，右色標值為“647fff”。拓展任務—繪制相機圖標04添加高光立體圖層新建“左高光圖層”，單擊橢圓工具，填充色改為純色“白色”。將不透明度更改為22%，適當調整大小和位置給圖片增加光照立體感。05復制高光圖層06繪制機身07繪制鏡頭復制“左高光圖層”，更改名為“右高光圖層”，將圖層拖動到右邊適當位置。新建圖層命名為“相機機身”，用鋼筆工具勾勒出相機外框形狀，建立選區(qū)并填充顏色色值為“cdb6fb”，長按“選框工具”選取“橢圓選框工具”，在“相機機身”圖層鏡頭的位置繪制一個正圓，并按<Delete>鍵刪除選取區(qū)域。