本節簡介:本小節開始以“音樂”圖標為范例演示并講解圖標的繪制過程,本小節主要教大家如何繪制出符合要求尺寸的圖標,以及如何制作本套圖標中最具特色的底紋圖案部分,鞏固并演示了路徑運算等基礎知識。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
寫實系圖標——高光、投影。拉選取,好拉輔助線保證貼合。
制作圓角矩形,用P按出鋼筆路徑,然后ctrl什么的。。。我忘了。。
想底紋有立體感:隱藏上一復制的圖層--打開圖層樣式--內陰影--角度 90--距離 2--阻塞 0--大小 2--確定。圖層樣式--正片疊底--復制的圖層打開--陰影--距離 1--擴展 0--大小 0--陰影的圖層樣式(柔光 )--顏色為白色--確定--矩形圖層改色
全選矩形圖層蒙版--ctrl+alt+shif--點方形塊的選取點--塊被排除了--只有底紋--剪切底紋--復制--選擇從形狀區域減去
想把矩形圖層蒙版跟圓形圖層蒙版里:P--ctrl+alt(全選點)--剪切--確定--激活【圓角矩形蒙版】--選區--粘貼圓--底紋和方塊在一起了。
圓角矩形的制作:圓的蒙版選區--P+ctrl--刪除
手繪板畫好的線稿處理:選擇填充工具--按住ctrl變為選取工具--然后選擇線條底紋--然后松開按ctrl--填充內部顏色。把線條轉變成面:先擴展再擴展--選擇路徑查找器,然后合并--選擇魔術棒工具--然后選擇灰色線條,刪除--然后就可以用。然后用選擇工具選擇全部--選擇復制--回到PS中--粘貼(一定選擇形狀圖層)
圓角矩形:先選擇矩形選框圖層--P--ctrl--選擇上下兩個點--Ctrl+T--然后橫向圓角矩形--數值130--另外選其他兩個點--就完成圖標的外輪廓
圓角矩形的制作方式是:通過變換圓角路徑垂直和水平方向兩側的描點來實現的。
什么是UI:用戶界面的意思(人與軟件之間的交互和體驗,還有界面的整體設計。UI包括【美化設計、圖形設計和用戶體驗設計】一個好的圖標要做好UI設計,要了解用戶的最佳體驗。圖標是附屬于UI設計之下的,兩個是相互相成的,缺一不可。一個好的ui設計會使軟件有特性,還會讓設計變得舒適和簡單)ICON的翻譯就是圖標。
此處刪除要按兩次,第一次是選中沒有閉合的兩個點然后刪除,等路徑上的點都變黑再按一次刪除才能達到效果
連接的時候要先把點變成直線點,不然連接的時候就會出現曲線,很難看
此處刪除兩個點按住ctrl+shift兩個點一起選中然后刪除
這里注意,p+ctrl+alt,后面不用這個很難過
路徑的操作最后一步才能達到按鈕所描述的功能,所以此處需要把路徑先剪切再粘貼,就是為了把背景和花紋融為一體,而不出現其他混亂的效果
鋼筆工具按住ctrl變為路徑選擇工具,再按住alt可以選擇整條路徑上的所有點
按p鍵,變成鋼筆工具,在按住ctrl,變成選擇工具,選擇上下兩個點,在按ctrl+T鍵
線條底紋需要轉換微面的底紋,轉換方式: 給線的底紋全選,選擇填充工具,按住ctrl鍵把線條全選,輸入ctrl 在底紋的內部填充上顏色。把線條擴展,再次擴展,路勁查找器,合并,就轉為面了,魔棒,選灰色線條,刪除,這樣的面就可以拿到PS去用,選擇小白,把所有的面復制,編輯,復制,回到PS中,編輯,粘貼,形狀圖層,確定,就復制過來了