臨摹播放條(2)
接下來(lái)是播放按鈕外框的頂層陰影。這里我用的方法比較復(fù)雜,如果有酷友有更好的方法歡迎指教。大概原理如下,按鈕外框ctrl+j復(fù)制一層,做一層內(nèi)發(fā)光的效果(好吧,還是內(nèi)發(fā)光),參數(shù)如下:
這樣之后就會(huì)把下面原先的遮住了,所以這時(shí)候這個(gè)復(fù)制圖層要被嵌入到原先當(dāng)中的圖層中,再把這個(gè)圖層稍微下移,這樣原先我們做的內(nèi)陰影的底層發(fā)光效果就出來(lái)了。如何嵌入也不贅述了。
Step3:播放按鈕
這三個(gè)按鈕的形狀做法也不說(shuō)了,旁邊兩個(gè)被咬掉一口的按鈕的做法,我一般是做蒙版,不過(guò)這次好像是直接拉描點(diǎn)的。仔細(xì)看一下,這三個(gè)按鈕上面還有半圈的高光,我覺(jué)得圖層樣式也是可以直接做出來(lái)的,但是我這里用了更麻煩的方法:也是底層按鈕復(fù)制一層,去掉漸變,改底色為白色,再在形狀圖層上按ctrl鍵單擊,進(jìn)入選區(qū),下移選區(qū)至合適的位置,蒙版一下,就完成了這層高光。之所以這么麻煩,是因?yàn)槲覉D層樣式一下子沒(méi)做出來(lái)。= =
播放鍵也需要做一些陰影效果,方法照著前面內(nèi)陰影的做法炮制一下即可。
播放進(jìn)度條之類的也不再說(shuō)了,方法基本相同,最后記錄一下進(jìn)度條里面的斜線。
以前很笨,斜線都是一個(gè)一個(gè)復(fù)制的TAT,自從知道了有了圖案填充之后仿佛找到了救星一般。
先建立一個(gè)正方形,45°拉一條斜線,在編輯里選擇“定義圖案”,如下:
名稱自己定;氐讲シ艞l文件里,接下來(lái)我們就可以用啦。
復(fù)制一層進(jìn)度條,選擇圖層樣式→圖層疊加→選擇我們剛剛保存的圖案,縮放看效果自己調(diào)。如果圖案背景不是透明的,混合模式這些都要注意選擇哦。
好了,就醬,一個(gè)播放條臨摹練習(xí)步驟記錄就寫到這里了,很多不精細(xì)的地方,以后慢慢改善。
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見(jiàn)的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 用ps制作豎列導(dǎo)航
- banner教程,用ps制作960*90的廣告圖片
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- 界面設(shè)計(jì),設(shè)計(jì)音樂(lè)播放器界面圖片
- 陰影效果,教你制作各類陰影教程