如何用Auxre制作網易雲音樂聽歌識曲交互動效呢？一起來文中看看~
效果展示：
分析交互動效
打開網易雲音樂，截圖，然後我們可以看到，這個就像水波的動效是這樣組成的：
- 由中間的小圓圈逐漸擴大
- 不透明度由100%逐漸變0%
- 一共有兩個圓循環，當第一個放到最大時，第二個放大到二分之一
制作交互動效
1. 制作第一個圓動效
①畫背景：純黑色、375*667
②圓圈：紅色、250*250、命名“紅圈1”
③動态面闆：創建一個動态面闆，設置兩個狀态，命名“控制”（由于需要循環動效，所以用動态面闆，這個主要用來控制紅圈1的大小和透明度）
設置交互：設置紅圈1尺寸變大至878*878錨點居中，動畫線性1000ms→不透明為0%，動畫線性1000ms→等待1000ms→設置尺寸和透明度為原來大小，具體參數如下：
④添加熱區：250*250，設置交互：單擊時，設置“控制”動态面闆下一項，循環間隔1500mm
⑤瞅瞅效果
2. 增加另一個紅圈2
①這裡紅圈2不需要直接畫，直接複制紅圈1和控制動态面闆（注意：要同時選中這連個元件複制，這樣能把交互關系也一起複制過來，命名控制2和紅圈2），然後熱區設置到頂層。
②修改控制紅圈2的交互
隻需要在最前面增加等待500ms即可，這個的意思就是紅圈1執行交互放大後，過500ms，紅圈2執行交互。
③設置熱區添加控制2動态面闆交互
④瞅瞅效果咋地
3. 添加其他元素
①複制一個紅圈，放在在中間覆蓋紅圈1和紅圈2上，添加錄音圖标，組合紅圈和錄音圖标，命名紅圈3。感興趣的朋友可以自行做出點擊文字修改提示和紅圈3點擊動效，這裡不再做教學。
最最最終效果
好了，今日教學就到這裡，大家有哪個步驟不懂可以留言或下載源文件研究。下期要來個比較難的交互動效，再會！
鍊接：https:///s/1gR-C_q98-9IrIPGDB9OZOw
提取碼：k88s
本文由 @索大佩羅娜 原創發布于人人都是産品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
,
au錄歌用到的效果
更新时间：2024-11-11 20:46:59
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations,
you may see comments from our Community Managers.
Sign up to post
Show More Comments
推荐阅读
香辣炸雞塊的做法
香辣炸雞塊的做法?主要食材：雞翅根(500g)，花生(100g)，油(80毫升)，鹽(3克)，幹辣椒(5個)，生抽(20毫升)，生粉(15克)，小蔥(适量)，生姜(适量)，料酒(15毫升)，大蒜（5瓣)，現在小編就來說說關于香辣炸雞塊的做法...
2024-11-11
使命召喚幽靈2為何沒了
使命召喚幽靈2為何沒了?目前沒有任何關于幽靈2的消息，幽靈的制作組InfinityWard也沒有表示過是否會制作幽靈2，今天小編就來聊一聊關于使命召喚幽靈2為何沒了?接下來我們就一起去研究一下吧!使命召喚幽靈2為何沒了目前沒有任何關于幽靈2...
2024-11-11
适合學生瘦身的方法
适合學生瘦身的方法?爬樓梯：除了正常的上下爬樓梯外，你還得每周抽三至四天專門上下樓梯，每次連續半個小時，便可消耗約800卡路裡熱量，同時還能鍛煉小腿、大腿和臀部肌肉，下面我們就來聊聊關于适合學生瘦身的方法?接下來我們就一起去了解一下吧!适合...
2024-11-11
加濕器對室内的危害
加濕器對室内的危害?當覺得室内的空氣過于幹燥，居住起來很不舒服的時候，就可以在室内放一台加濕器，那麼，室内加濕器怎麼使用?現在在北方家庭或是冬季幹燥的季節裡，加濕器運用的也比較頻繁，很多人都覺得它有好處，那麼，加濕器的危害有哪些?，接下來我...
2024-11-11
春秋戰國宋國的曆史
晉朝汝南國（277-420年），國君姓司馬晉朝汝南國曆代國君1、司馬亮（？-291年，文成王，武帝之叔）2、司馬钜（？-291年，懷王（追封），文成王之子）3、司馬祐（？-326年，威王，懷王之子）4、司馬統（？-？年，恭王，威王之子）5、...
2024-11-11
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
