將兩個圖層放在一個組里時,對組進行操作,組內的所有圖層被看作為一個整體。
重點:假如組內,上面圖層的透明部分蓋住了下面圖層不透明的部分,則下圖層會被上圖層直接“挖空”,而顯示出最底層(背景或透明層),和普通圖層顯示不同,請熟記。下面將會用到這個特點來制作動畫。
在做小icon隱藏顯示的動畫之前,我們需要先了解一下倒計時動畫效果的制作方法:
注意:一定要將填充改為“0”,在漸變疊加里選擇“角度”。將漸變條上方兩個控制不透明度的滑塊,一個改為:0%(白滑塊),一個保持:100%(黑滑塊);并將一個滑塊完全壓在另一個上面(無過渡區,使邊界清晰);單擊兩個滑塊重疊的部分可以切換黑白滑塊,也就是“完全顯示”和“完全隱藏”之間的切換;
將兩個滑塊從漸變條最左端拖拽最右端的過程,就是走完一圈(360°)的過程。
我們了解了上面兩個知識,那接下來的小案例將會變得非常簡單。
以音樂ICON為例,讓我們來分析一下:
1、我們把小ICON各個部分都放在一個組里(名為“音樂-形狀”),組里我想把白色隱藏;需注意:不想被隱藏的部分的顏色需要和白色拉開對比,這樣才不會受到影響;在這里不想被隱藏的部分我選的是橙色“#f66d08”
整個組顏色混合帶的設置:
2、如上設置完成以后,我們組里所有帶白色的部分都會被隱藏起來;分析一下動畫:
a、首先最下面的大圓形(108*108px)先出來,我們為其添加一個白色的漸變疊的樣式(填充不用變成0,因為白色消失后就讓它顯示出來),用上面學到的倒計時動畫方法,為它添加一個動畫;
b、然后我們想把大圓挖空,做一個圓形(94*94px,什么顏色無所謂),將填充改為0,同樣的方法為其添加一個白色漸變疊加的動畫,將它開始的時間放在大圓之后;免費學習PS教程請到思緣教程網www.09yu.com
c、最后我們想讓唱片的高光出來,那么在它的上面做一個圓形(90*90px,什么顏色無所謂),將填充改為0,同樣的方法為其添加一個白色漸變疊加的動畫,將它開始的時間放在唱片遮罩之后。
圖中數字分別代表動畫的出場次序,只要童鞋們理解混合顏色帶的特點,細心調整時間軸,一定會很容易的做出來一個精致的小動畫。
3、最后再在“音樂-形狀”組上再建一個組(為整體添加樣式必須再嵌套一個組),這個組是為了整體調整icon的樣式的,在這里我為它添加了漸變疊加和投影,不用具體糾結是什么效果,大家可以發揮創造力來做不同的效果。