下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps設計經典的ICON音樂圖標

          ps設計經典的ICON音樂圖標

          時間:2024-03-07 09:01作者:下載吧人氣:23

          在Photoshop中圖層樣式是最為直觀的東西,所有的效果都能量化,以數值的形式表現出來,就是各種晦澀難懂的等高線也可以用數字來表現。利用圖層樣式中的混合模式可以得到千變萬化的效果,很多的UI和icon絢麗的效果大多數是靠圖層樣式來實現的。

          今天我的臨摹的iTunes圖標是一個非常經典的icon,不過現在你們看不到了。現在的版本只能說是走火入魔,推崇扁平化,說它漂亮也談不上,說難看也不至于,下面是我完成的效果圖,不過我對它的外輪廓作了一些惡搞性質的變化。這個外形介于正方形和圓形之間,它跟圓角矩形不是一個概念,迎合了現在的審美觀。

          效果圖:

          ps設計經典的ICON音樂圖標

          下面開始臨摹過程,首先我百度了一張原圖作為參考

          ps設計經典的ICON音樂圖標

          新建一個1000X1000的新畫布~

          ps設計經典的ICON音樂圖標

          粘貼剛才復制的iTunes原圖,移動到角落上作為參考

          ps設計經典的ICON音樂圖標

          按ctrl+r打開標尺,右鍵標尺選擇百分比

          ps設計經典的ICON音樂圖標

          快捷鍵alt+v+e在垂直位置輸入50%

          ps設計經典的ICON音樂圖標

          繼續橫向位置也是50%

          ps設計經典的ICON音樂圖標

          設置好參考后點擊圖層欄下面的快捷按鈕添加一個漸變調節層

          ps設計經典的ICON音樂圖標

          選擇你認為比較合適的顏色搭配。本來我打算給出顏色的代碼,后來想想還是算了,每個人都有自己的獨好。我認為好看的你不一定也認同,所以這里你大可不必按照我的選擇

          ps設計經典的ICON音樂圖標

          在圖形工具里選擇橢圓根據

          ps設計經典的ICON音樂圖標

          以參考線的交叉點為中心畫一個大小差不多跟畫布大小的圓形。至于它的顏色大可不必在意,任何顏色都可以,我只要的是它的形狀

          ps設計經典的ICON音樂圖標

          右擊“選擇工具”,選擇“直接選擇工具”,也就是白色的箭頭。如果你比較熟悉這個工具的話可以結合ctrl建快速轉換

          ps設計經典的ICON音樂圖標

          框選水平方向的兩個錨點

          ps設計經典的ICON音樂圖標

          右鍵選擇“自由變換點

          ps設計經典的ICON音樂圖標

          在"設置水平縮放"里輸入80%大小。這時候你看到這個圓形變成一個橢圓

          ps設計經典的ICON音樂圖標

          同樣框選垂直方向的兩個錨點,在垂直方向輸入80%。現在你看到的形狀跟我頂樓的差不多了

          ps設計經典的ICON音樂圖標

          按ESC隱藏路徑。雙擊打開圖層樣式,添加一個漸變。如果你的想象力足夠豐富的話,可以隨意填充你認為漂亮的顏色組合

          ps設計經典的ICON音樂圖標

          繼續添加描邊。其實用斜面浮雕效果也差不多,不過我認為用線性漸變的描邊來模擬“倒角”更加細膩

          ps設計經典的ICON音樂圖標

          ctrl+j復制一層,ctrl+t自由變換。打開“保持長寬比”,同比例縮小為95%

          ps設計經典的ICON音樂圖標

          重新修改它的圖層樣式數值,首先是漸變填充

          ps設計經典的ICON音樂圖標

          它同樣也有一個線性漸變的描邊,注意它的顏色要加深

          ps設計經典的ICON音樂圖標

          ctrl+j復制一層,在圖層縮略圖上右鍵清除圖層樣式

          ps設計經典的ICON音樂圖標

          ctrl+t自由變換。同樣要打開“保持長寬比”縮小為95%

          ps設計經典的ICON音樂圖標

          按ESC或者點擊矢量蒙版隱藏路徑。雙擊進入圖層樣式,添加一個徑向漸變。每個人的口味不同,這里我想盡量模擬原圖的風格,所以選擇了接近原圖的顏色

          ps設計經典的ICON音樂圖標

          添加內發光,我們要摒棄一個概念,“發光”不一定是亮的,有時候也可以的暗的

          ps設計經典的ICON音樂圖標

          再次添加“投影”,現在我得到一個邊緣看上去比較柔和的效果。其實這里你盡可使用“外發光",效果是一模一樣的,不過投影的控制更加靈活,它還有”距離“的選項,”外發光“相比之下比較死板

          ps設計經典的ICON音樂圖標

          還有這個形狀下面的反射效果,以前我在別的網站見過ps愛好者臨摹這個icon的時候比較拘謹,他另外使用選區的減除來實現這個效果,這里我覺得可以鄙視一下,相比之下他對圖層樣式的理解沒有我透徹,我就這樣吹一下牛大概不會影響到我的光輝形象吧,開啟內陰影模擬下面的反射效果,這里我要提醒各位注意”使用全局光“的選項

          ps設計經典的ICON音樂圖標

          繼續復制一層,在圖層上右鍵清除圖層樣式

          ps設計經典的ICON音樂圖標

          ctrl+t把這個形狀縮小至98%

          ps設計經典的ICON音樂圖標

          單獨選擇下面的錨點往上移動

          ps設計經典的ICON音樂圖標

          結合shift選擇左右兩個錨點,右鍵選擇”自由變換點“編輯這個形狀的外形

          ps設計經典的ICON音樂圖標

          雙擊這個結果編輯的形狀進入圖層樣式,添加線性黑白漸變,注意混合模式的變化

          ps設計經典的ICON音樂圖標

          還有白色的”內陰影“模擬高光

          ps設計經典的ICON音樂圖標

          接著是icon中的音符,這里要使用到圖形工具。先畫一個橢圓,大小隨意,到時候我們可以編輯

          ps設計經典的ICON音樂圖標

          用”疊加模式“畫一個矩形,記得要用第二個的疊加按鈕,這樣能保證它們在一個圖層里

          ps設計經典的ICON音樂圖標

          選擇”路徑選擇工具“,框選這兩個形狀后按ctrl+alt+t復制移動到合適的位置~

          ps設計經典的ICON音樂圖標

          同樣還是選擇”路徑選擇工具“,點擊任意一個矩形,ctrl+alt+t自由變換,把它設為音符橫向

          ps設計經典的ICON音樂圖標

          點擊上面的”組合“合并

          ps設計經典的ICON音樂圖標

          選擇鋼筆中”刪除錨點工具“,刪除右邊多余的錨點

          ps設計經典的ICON音樂圖標

          選擇”添加錨點工具“,在橫條中間增加兩個錨點

          ps設計經典的ICON音樂圖標

          ctrl+t編輯這個音符,在垂直斜切里輸入-11度,這里沒有硬性規定必須要11度。我只是目測它大概是這個角度

          ps設計經典的ICON音樂圖標

          使用”直接選擇工具“選擇這兩個剛剛添加的錨點,往上移動一些距離

          ps設計經典的ICON音樂圖標

          雙擊這個音符圖層打開圖層樣式,先添加一個徑向漸變

          ps設計經典的ICON音樂圖標

          添加斜面浮雕效果

          ps設計經典的ICON音樂圖標

          外發光,我使用了”柔光“模式以強化它的通透效果

          ps設計經典的ICON音樂圖標

          這個音符的外發光還有更深的一層,既然我已經用過了”外發光“,只好使用投影來實現,不過我前面說過了,用投影來實現一點也不遜色于外發光

          ps設計經典的ICON音樂圖標

          接著用一個內發光來強化這個音符。這里我墨跡幾句,個人認為圖層樣式里最強大的功能不是投影,也不是斜面浮雕,而是等高線。如果你的觀察力足夠強的話你會發現我使用了一個很特別的等高線

          ps設計經典的ICON音樂圖標

          選中所有可移動的圖層,往上一動一段距離

          ps設計經典的ICON音樂圖標

          最后一步,我用Photoshop力最基礎的畫筆來制作它的陰影,畫筆是Photoshop里最強大的功能,而且沒有之一。如果沒有畫筆你什么都干不了,忘記某個菜鳥說什么鋼筆是Photoshop最重要的這個謬論,那個傻逼把Photoshop當成 AI 和CD使了。

          在漸變背景層上新建一層,用一個硬度為0,差不多120大小在底下點一下

          ps設計經典的ICON音樂圖標

          ctrl+t自由變換,水平拉伸

          ps設計經典的ICON音樂圖標

          不要確認這個操作,繼續右鍵選擇變形,仔細的把它調成這個形狀

          ps設計經典的ICON音樂圖標

          稍微往上移動

          ps設計經典的ICON音樂圖標

          選擇這個陰影層,開啟圖層欄上面的”鎖定像素“按鈕,給它填充比漸變背景上更深的顏色

          ps設計經典的ICON音樂圖標

          選擇畫筆,減少透明度和流量,在最接近圖標的地方涂抹更深的顏色

          ps設計經典的ICON音樂圖標

          完成

          ps設計經典的ICON音樂圖標

          標簽圖標,教程,軟件,藍色,選擇,一個,這個,樣式,效果,_pr

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: asmr国产一区在线| 人妻无码第一区二区三区| 国产一区二区三区电影| 精品一区二区视频在线观看| 国产一区二区成人| 国产成人久久一区二区不卡三区 | 末成年女AV片一区二区| 精品国产鲁一鲁一区二区| 精品人妻一区二区三区浪潮在线| 97精品国产一区二区三区| 福利一区二区在线| 亚洲av无码一区二区三区不卡| 国产91大片精品一区在线观看| 亚洲av综合av一区二区三区| 麻豆视传媒一区二区三区| 国产亚洲综合一区柠檬导航| 亚洲国产精品无码第一区二区三区| 国内精品视频一区二区三区八戒| 一区二区三区无码高清| 97av麻豆蜜桃一区二区| 日韩精品一区二区三区中文3d| 中文乱码精品一区二区三区| 国产免费一区二区三区| 精品免费久久久久国产一区| 亚洲国产福利精品一区二区| 视频在线一区二区三区| 亚洲蜜芽在线精品一区| 一区免费在线观看| 亚洲一区二区观看播放| 中文无码精品一区二区三区| 久久一区二区三区精华液使用方法| 亚洲一区视频在线播放| 久久中文字幕无码一区二区| 国产精品视频一区二区三区四 | 中文无码一区二区不卡αv | 无码精品人妻一区二区三区人妻斩| 久久精品无码一区二区三区免费| 国模无码人体一区二区| 国产一区二区三区小向美奈子| 无码乱人伦一区二区亚洲| 中文字幕一区二区视频|