繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

2019-03-08 00:00:00 來源/作者: PS網(wǎng) / 哲振 己有:528人學(xué)習(xí)過

現(xiàn)在扁平化時代,很多同學(xué)可能都忘了怎么用圖層樣式塑造擬物效果了,今天這枚教程帶同學(xué)們來回顧一下,作者是P大點S微博里的高手,對于圖層樣式有很多精辟獨到的見解,讓人大開眼界,來學(xué)習(xí)一下。

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

今天的iTunes圖標(biāo)是一個非常經(jīng)典的icon,不過現(xiàn)在你們看不到了?,F(xiàn)在的版本只能說是走火入魔,推崇扁平化,說它漂亮也談不上,說難看也不至于。

下面是我完成的效果圖,不過我對它的外輪廓作了一些惡搞性質(zhì)的變化。這個外形介于正方形和圓形之間,它跟圓角矩形不是一個概念,迎合了現(xiàn)在的“審美觀”:

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

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

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

新建一個1000*1000的新畫布~

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

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

 

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

按ctrl+r打開標(biāo)尺,右鍵標(biāo)尺選擇百分比~

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

快捷鍵alt+v+e(按住alt,依次按V再按E)在垂直位置輸入50%~

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

繼續(xù)橫向位置也是50%~

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

設(shè)置好參考后點擊圖層欄下面的快捷按鈕添加一個漸變調(diào)整層。

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

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

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

在圖形工具里選擇橢圓工具~

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

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

繪制立體圓潤iTunes軟件圖標(biāo)的PS教程

 

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