教程主要會用PS的圖層樣式,圖層樣式基本上一直是圖標或者字體制作的??停瑢W們根據(jù)教程來學習一下吧,相信可以完成的很好,但是要動起手來噢。
本篇教程通過PS制作一款干凈清新的時鐘圖標教程,做起來也不復雜,但是不管復雜不復雜的東西,都必須動手制作才行,會用到圖層樣式,圖層樣式基本上一直是圖標或者字體制作的常客,同學們根據(jù)教程來學習一下吧,相信可以完成的很好,但是要動起手來噢。
效果圖:
先在PS里面新建一個800*800的畫布,顏色用#f3fbff(淡藍色)鋪滿!
1.新建一個圖層畫出560*560的圓角矩形(顏色為純白色),圓角為90,參數(shù)如下
2.然后調(diào)整圖層形狀的斜面浮雕參數(shù)和投影參數(shù)
3.畫出時鐘的內(nèi)表盤,新建一個318*318的正圓并調(diào)整它的斜面浮雕參數(shù)、內(nèi)陰影參數(shù)以及漸變疊加參數(shù),如圖:
4.調(diào)整完內(nèi)表盤和外表盤的效果圖如下:
5.接下里我們畫時間刻度;新建一個7*7的正圓(顏色為#595f70),給它加個內(nèi)陰影,具體參數(shù)如下
現(xiàn)在我們要畫12個刻度讓他平均分配到對應的時間點上,怎么畫呢?我們可以用動作來實現(xiàn)它
操作步驟:F9打開動作窗口,新建一個動作,開啟錄制——選中一個圓點執(zhí)行ctrl+t,然后按住Alt鍵拖動中心點至畫布的中心,然后松開alt,按住shift,旋轉30°,結束動作錄制即可——最后再復制多個圖層,分別執(zhí)行動作即可
最后我們再把四個點替換成文字,就可以得到如下圖象:
6.最后我們再來做指針(指針我參考的是DW經(jīng)典款的指針),指針用形狀堆疊而成,再給指針加上投影就好了,最后旋轉復制時針、分針、秒針即可;
指針顏色為#69728b,投影看參數(shù)
7.指針的軸是用了三層員堆疊而成,大家可以看看細節(jié)
8.把這些全部整合到一塊即可,別忘了每個圖層命名,最終效果如圖
本篇要主要的就是圖層樣式的運用和動作錄制的運用,心態(tài)也很關鍵,不要中途覺得難就不做了,練習一下吧。
首選先來分析一下教程的效果圖,教程主要分為三個部分來完成,具體如下底座、內(nèi)圓、指針,其它問題都不大,主要是指針部分、需要用到多個圖層及圖層樣式,來表現(xiàn)圖標的立體感,教程的視頻和源文件已經(jīng)打包了,感興趣的朋友一起來學習吧。
最終效果:
先看看效果圖:
步驟一:首先新建畫布400px*300px畫布,命名為時鐘,填充背景顏色# 63d7a6。
步驟二:使用圓角矩形、繪制一個190px*190px,圓角半徑為40px的底座,并為它添加圖層樣式。
步驟三:現(xiàn)在我們來繪制內(nèi)圓部分吧,選擇橢圓工具繪制一個154px*154px的正圓吧,并為它添加一下圖層樣式。
步驟四:繼續(xù)選擇橢圓工具,繪制一個132px*132px的正圓吧,并為它添加一下圖層樣式。
步驟五:現(xiàn)在我們來繪制三角位置,選擇多邊形工具邊數(shù)設置為3,繪制一個顏色白色三角形,并將混合模式設置為疊加,命名為下側三角。
步驟六:復制下側三角執(zhí)行自由變換命令,調(diào)整中心點至畫布中心,旋轉90度并執(zhí)行重復上一命令并復制,shift+ctrl+alt+t復制出另外兩個三角形狀,將上側三角混合模式設置為柔光,透明度設置為70%,左右兩側三角混合模式正常。
步驟七:現(xiàn)在我們將指針的位置繪制一下吧,選擇圓角矩形工具,畫兩個圓角矩形,旋轉放到合適的位置。
步驟八:接下來我們?yōu)閮蓚€指針添加一下相同的圖層樣式吧。
步驟九:現(xiàn)在我們繪制秒針吧,選擇矩形工具,繪制一個顏色為#ff5758長寬2px*24px的矩形,并添加圖層樣式。
步驟十:指針完成之后我們選擇橢圓工具繪制一個20px*20px的正圓吧,并為它添加一下圖層樣式。
步驟十一:現(xiàn)在我們趕緊來繪制最后一個圓吧,使用橢圓工具繪制一個10px*10px正圓,給它起名叫小內(nèi)圓吧,并為它添加圖層樣式。
圖片來源/百度