當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

圖層樣式,PS圖層樣式中混合顏色帶的使用技巧(3)

來(lái)源:UI中國(guó) 作者:洛顏 學(xué)習(xí):27021人次

以音樂(lè)ICON為例,讓我們來(lái)分析一下:

1、我們把小ICON各個(gè)部分都放在一個(gè)組里(名為“音樂(lè)-形狀”),組里我想把白色隱藏;需注意:不想被隱藏的部分的顏色需要和白色拉開(kāi)對(duì)比,這樣才不會(huì)受到影響;在這里不想被隱藏的部分我選的是橙色“#f66d08”

整個(gè)組顏色混合帶的設(shè)置:

圖層樣式,PS圖層樣式中混合顏色帶的使用技巧_tgudhdp.cn

2、如上設(shè)置完成以后,我們組里所有帶白色的部分都會(huì)被隱藏起來(lái);分析一下動(dòng)畫(huà):

a、首先最下面的大圓形(108*108px)先出來(lái),我們?yōu)槠涮砑右粋(gè)白色的漸變疊的樣式(填充不用變成0,因?yàn)榘咨Ш缶妥屗@示出來(lái)),用上面學(xué)到的倒計(jì)時(shí)動(dòng)畫(huà)方法,為它添加一個(gè)動(dòng)畫(huà);

b、然后我們想把大圓挖空,做一個(gè)圓形(94*94px,什么顏色無(wú)所謂),將填充改為0,同樣的方法為其添加一個(gè)白色漸變疊加的動(dòng)畫(huà),將它開(kāi)始的時(shí)間放在大圓之后;免費(fèi)學(xué)習(xí)PS教程請(qǐng)到16xx8.com教程網(wǎng)

c、最后我們想讓唱片的高光出來(lái),那么在它的上面做一個(gè)圓形(90*90px,什么顏色無(wú)所謂),將填充改為0,同樣的方法為其添加一個(gè)白色漸變疊加的動(dòng)畫(huà),將它開(kāi)始的時(shí)間放在唱片遮罩之后。

圖層樣式,PS圖層樣式中混合顏色帶的使用技巧_tgudhdp.cn

圖中數(shù)字分別代表動(dòng)畫(huà)的出場(chǎng)次序,只要童鞋們理解混合顏色帶的特點(diǎn),細(xì)心調(diào)整時(shí)間軸,一定會(huì)很容易的做出來(lái)一個(gè)精致的小動(dòng)畫(huà)。
 

最后再在“音樂(lè)-形狀”組上再建一個(gè)組(為整體添加樣式必須再嵌套一個(gè)組),這個(gè)組是為了整體調(diào)整icon的樣式的,在這里我為它添加了漸變疊加和投影,不用具體糾結(jié)是什么效果,大家可以發(fā)揮創(chuàng)造力來(lái)做不同的效果。

一些小的使用技巧和同學(xué)們分享,在日后的使用中希望同學(xué)們能學(xué)以致用,做出更多的作品。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
青春、一個(gè)夢(mèng)2020-04-05 02:52
1111111
相守夢(mèng)傾盡2018-02-04 02:48
看了一天教程了
泡堂號(hào)2018-02-04 01:49
看了一天教程了
王累大蝦2018-02-04 11:15
謝謝分享!。
因?yàn)槲亿s時(shí)間2018-02-04 08:51
學(xué)習(xí)下 新手 不會(huì) 觀摩觀摩 3Q
再笑又哭那顆星2018-02-04 07:01
不明白
黑色之神2018-02-04 06:32
制作的很好。謝謝老師

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!