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