下面是我完成的效果圖,但是我對它的輪廓做了壹些惡搞的改動。這個形狀介於正方形和圓形之間,和圓角矩形不是壹個概念,迎合了當下的“審美”:
讓我們開始生產過程。先買了個原圖參考~
創建壹個1000*1000的新畫布~
粘貼妳剛復制的iTunes原圖,移到角落裏參考~
按ctrl+r打開標尺,右鍵標尺選擇百分比~
快捷鍵alt+v+e(按住alt,按v再按e)在垂直位置輸入50 %~
繼續水平位置也是50%~
設置參考後,點按層欄下方的快捷按鈕以添加漸變調整層。
選擇妳認為比較適合的配色。本來是要給色碼的,後來想了想。每個人都有自己的愛好。我覺得妳不壹定贊同漂亮的,所以在這裏妳也不用跟著我選。
在圖形工具中選擇橢圓工具~
以參考線的交點為中心,畫壹個畫布大小的圓。別管它的顏色,什麽顏色都行,我要的只是它的形狀~
右鍵“選擇工具”,選擇“直接選擇工具”,即白色箭頭。如果妳熟悉這個工具,可以結合ctrl建立壹個快速轉換~
水平方向選兩個錨點~
右鍵選擇“自由變形點”~
在“設置水平縮放”中輸入80%的尺寸。這時妳會看到圓變成了橢圓。
同樣,在垂直方向上檢查兩個錨點,並在垂直方向上輸入80%。現在妳看到的形狀和我頂樓的差不多~
按ESC鍵隱藏路徑。雙擊打開圖層樣式,添加漸變。如果妳的想象力足夠豐富,妳可以填上任何妳認為漂亮的顏色組合~
繼續加筆畫。其實斜面浮雕的效果也差不多,但是我覺得用線性漸變筆觸模擬“倒角”更細膩~
Ctrl+j復制壹層,ctrl+t自由變換。打開“保持長寬比”,同樣比例縮小到95%~
重新修改它的圖層樣式值,先漸變填充~
它還有線性漸變的筆觸,註意它的顏色要加深~
Ctrl+j復制壹個圖層,右鍵圖層縮略圖清除圖層樣式~
Ctrl+t自由轉換。同樣打開“保持長寬比”降低到95%~
按ESC鍵或單擊矢量蒙版來隱藏路徑。雙擊進入圖層樣式,添加徑向漸變。每個人都有不同的口味。我想盡量模擬原圖的風格,所以選了壹個接近原圖的顏色~
補充壹下內部發光,要拋棄壹個概念“發光”不壹定是亮的,有時候可以是暗的~
再次添加“投影”,現在我得到了壹個邊緣看起來更柔和的效果。其實這裏可以用“外光”,效果也是壹模壹樣的,只是投射的控制更加靈活,而且還有“距離”的選項,“外光”相對來說比較死板~
還有就是這個形狀下的反射效果。以前我也見過PS粉絲在其他網站復制這個圖標的時候比較謹慎。他還使用選定區域的減法來實現這壹效果。我覺得在這裏可以鄙視壹下。相比之下,他對圖層樣式的理解不如我透徹。我大概會這樣吹牛,不影響我的光輝形象。打開內部陰影,模擬下面的反射效果。在這裏我要提醒妳“使用全局光”這個選項~
繼續復制壹個圖層,右鍵圖層清除圖層樣式~
Ctrl+t把這個形狀縮小到98%~
選擇下面的錨點向上移動~
結合shift選擇左右錨點,右鍵“自由變換點”編輯這個形狀的形狀~
雙擊此結果編輯的形狀進入圖層樣式,添加線性黑白漸變,註意漸變模式的變化~
還有白色的“內影”模擬高光~
然後是圖標中的註釋,這裏使用了圖形工具。隨便畫個橢圓,到時候我們可以編輯~
在“疊加模式”下畫壹個矩形,記得用第二個疊加按鈕,這樣才能保證它們在壹層~
選擇“路徑選擇工具”,框住這兩個形狀,然後按ctrl+alt+t復制移動到合適的位置~
同樣,選擇“路徑選擇工具”,點擊任意矩形,ctrl+alt+t自由變換,設置為筆記水平方向~
點擊上方“合並”即可合並~(合並形狀組件,不同版本顯示不同,不要糾結)
選擇鋼筆中的“刪除錨點工具”刪除右邊多余的錨點~
選擇“添加錨點工具”,在欄中間添加兩個錨點~
Ctrl+t編輯此註記,在垂直斜切處輸入-11度。沒有硬性規定壹定是11度。我只是目測大概是這個角度~
用“直接選擇工具”選擇這兩個新添加的錨點,向上移動壹段距離~
雙擊這個音符圖層打開圖層樣式,先添加徑向漸變~
添加斜面浮雕效果~
外部光線,我用了“柔光”模式來增強它的透明效果~
這個音符還有更深壹層的外發光。既然用了“外發光”,那就只能用投影來實現了,不過我之前說過,壹點也不遜色於外發光~
然後使用內部發光來加強音符。我在這裏寫了幾個字。個人認為圖層樣式中最強大的功能不是投影或者斜面浮雕,而是輪廓線。如果妳的觀察力足夠強,妳會發現我用了壹條很特別的輪廓線~
選擇所有可移動層,向上移動壹段距離~
最後壹步,我用Photoshop中最基礎的筆刷做它的陰影。畫筆是Photoshop中最強大的功能,沒有之壹。如果沒有筆刷什麽都做不了,在漸變背景層新建壹層點擊底部硬度為0,差不多120 ~
Ctrl+t自由變換,橫向拉伸~
不要確認這個操作,繼續右鍵選擇變形,仔細調整成這個形狀~
稍微上移~
選中這個陰影圖層,打開圖層欄上方的“鎖定像素”按鈕,用比漸變背景更深的顏色填充~
選擇筆刷,降低透明度和流動度,塗上最接近圖標的深色~
搞定了。