播放器制作,用PS加AE制作一個(gè)“山寨”網(wǎng)易云音樂播放界面(3)
再畫兩個(gè)圓角矩形:
接下來添加一些細(xì)節(jié),給桿以及兩個(gè)圓角矩形添加圖層樣式-斜面與浮雕,參數(shù)大家看著來:
給大圓添加外發(fā)光:
再畫兩個(gè)裝飾,方法不贅述啦,實(shí)在不會(huì)看源文件吧:
桿畫完以后打個(gè)組,統(tǒng)一加一丟丟投影:
大體就差不多了,剩下的一些圖標(biāo)想畫就畫吧,不想網(wǎng)上找圖標(biāo)也可以。
Ps畫確實(shí)太麻煩了點(diǎn),所以我是用Ai畫了拖進(jìn)去的,不過畫的也不怎么樣。
然后加點(diǎn)文字之類,最后大概這個(gè)樣子:
因?yàn)槲覀兒竺嬉鰟?dòng)圖,這里的進(jìn)度條組先復(fù)制出來一個(gè),后面會(huì)用到:
接下來打開Ae,把psd文件拖進(jìn)去,選擇的類型如圖:
大家知道,野郎的老牛機(jī)能力有限,我們就暫定把視頻動(dòng)畫都設(shè)置為4秒吧。
在項(xiàng)目面板里找到唱片底座,然后選中高光,在變換里選中旋轉(zhuǎn),然后鼠標(biāo)右鍵添加關(guān)鍵幀:
將滑標(biāo)移動(dòng)到4秒的位置,然后將旋轉(zhuǎn)的角度改為360度旋轉(zhuǎn)一周,高光如果你覺得過于明顯可以調(diào)整它的不透明度噢:
同理在項(xiàng)目面板里找到網(wǎng)易云,然后把cd封面旋轉(zhuǎn)一周,這里就不贅述了:
接下來雙擊紅色方框出的進(jìn)度條拷貝組:
作者公眾號(hào):
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 野鹿志
- 動(dòng)畫閃字
- 播放器制作
- 網(wǎng)易云音樂
- 播放器界面
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫效果
- 融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果
推薦教程
- [IR動(dòng)圖教程] Imageready蝶戀花 動(dòng)畫制作教程
- ps設(shè)計(jì)平板電腦應(yīng)用程序動(dòng)畫模擬
- 動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法
- 教你如何用PS做動(dòng)畫簽名圖片
- 動(dòng)畫圖片,怎么把視頻做成GIF圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果
- [IR動(dòng)圖教程] 【為美女林志玲制作眨眼效果!
- Photoshop打造唯美雨景動(dòng)畫
- 3D效果,利用TIKUWA軟件制作3D立體效果