Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果?
我要評(píng)論Axure中想要制作云層滾動(dòng)的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、首先從網(wǎng)上搜索一個(gè)云層的線條，或者會(huì)PS的可以自己制作一個(gè)云層的波浪線效果，在制作原型的時(shí)候會(huì)用到。
2、素材準(zhǔn)備完成后，打開原型工作，新建一個(gè)圖層，在工作區(qū)域內(nèi)制作一個(gè)藍(lán)天的效果，添加矩形，并填充顏色。
3、藍(lán)天效果制作完成后，在藍(lán)天的底部加入動(dòng)態(tài)面板，用于制作云層使用。
4、將動(dòng)態(tài)面板命名為云層，目前動(dòng)態(tài)面板里只有一個(gè)State，我們先把這個(gè)制作好，然后再?gòu)?fù)制。
5、打開State1，新增一個(gè)熱區(qū)放到最左邊。
6、然后將背景圖片導(dǎo)入進(jìn)來(lái)，這里要用到剛剛準(zhǔn)備好的素材，導(dǎo)入進(jìn)來(lái)后就能看到波浪的云層了。
7、重新打開云層動(dòng)態(tài)面板，并將剛剛做好的State復(fù)制一份，并將其復(fù)制，分別改名為1和2，這個(gè)名字隨便取。
8、然后我們點(diǎn)擊云層動(dòng)態(tài)面板，給它加事件，這里主要給載入時(shí)和狀態(tài)改變時(shí)加屬性事件。我們先給載入時(shí)加入事件，判斷面板狀態(tài)為1時(shí)，等待，然后設(shè)置動(dòng)態(tài)面板為2并向左滑動(dòng)，詳細(xì)如圖所示。
9、然后我們?cè)诮o狀態(tài)改變時(shí)加入事件，詳見圖片所示，主要是讓云層動(dòng)起來(lái)。
10、兩個(gè)事件都制作完成后，F(xiàn)5預(yù)覽一下，此時(shí)云層就會(huì)動(dòng)起來(lái)了，如果不好看，可能是素材選擇的不太好。
以上就是Axure制作云層滾動(dòng)的動(dòng)態(tài)效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure怎么設(shè)計(jì)開關(guān)按鈕效果?
Axure怎么制作雷達(dá)圖? Axure雷達(dá)圖的畫法
相關(guān)文章
Axure RP 8怎么設(shè)置樹狀菜單？Axure中制作菜單的時(shí)候，想要制作一個(gè)樹狀菜單，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-23
Axure RP 8怎么使用日期函數(shù)獲取年月日時(shí)分秒數(shù)據(jù)?
Axure RP 8怎么獲取年月日時(shí)分秒數(shù)據(jù)？Axure RP 8中想要設(shè)計(jì)一個(gè)可以獲得年月日時(shí)分秒數(shù)據(jù)的功能，該怎么獲得呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-22
Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?
Axure RP 8怎么添加表格并添加統(tǒng)計(jì)功能?Axure RP 8中想要繪制表格填充數(shù)據(jù)并添加統(tǒng)計(jì)功能，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-22
Axure RP 8怎么畫簡(jiǎn)單的心形圖案？Axure RP 8中自帶了很多圖案，想要繪制心形圖案，該怎么繪制呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-22
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)?
Axure RP 8怎么用按鈕控制文本框顯示數(shù)字或星號(hào)？想要制作一個(gè)輸入密碼時(shí)候顯示密碼或者顯示星號(hào)的效果，如果點(diǎn)擊明文按鈕就顯示密碼，點(diǎn)擊暗文就顯示星號(hào)，該怎么實(shí)現(xiàn)呢？2018-01-18
Axure RP 8怎么模擬手機(jī)界面顯示應(yīng)用圖標(biāo)的效果?
Axure RP 8怎么模擬手機(jī)界面顯示應(yīng)用圖標(biāo)的效果？Axure RP 8中想要設(shè)計(jì)一個(gè)手機(jī)屏幕顯示應(yīng)用圖標(biāo)的效果，該怎么繪制這種界面呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可2018-01-17
Axure RP 8對(duì)象怎么組合和取消組合？Axure RP 8中的元素需要組合到一起，該怎么組合或者取消組合呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-17
Axure RP 8怎么設(shè)計(jì)注冊(cè)頁(yè)面的網(wǎng)頁(yè)原型?
Axure RP 8怎么設(shè)計(jì)注冊(cè)頁(yè)面的網(wǎng)頁(yè)原型？很多網(wǎng)站都會(huì)有注冊(cè)頁(yè)面，想要設(shè)計(jì)一款注冊(cè)頁(yè)面，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-15
Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏？Axure中想要制作單擊按鈕觸發(fā)圖片顯示出來(lái)的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-01-15
Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個(gè)柱狀圖，該怎么繪制呢？下面我們就來(lái)看看Axure繪制柱狀圖的教程，很簡(jiǎn)單，需要的朋友可以參考下2018-01-14
