1. 程式人生 > >Axure實現淡入淡出效果

Axure實現淡入淡出效果

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

               

       小夥伴們有可能在各大網站看到淡入淡出效果的動畫,比如淘寶、京東,淘寶每天會把各種打折促銷、今日推薦、限時搶購等做成淡入淡入或者向右活動等類似翻頁的效果放在首頁,吸引顧客的眼球,那麼如何使用Axure來實現淡入淡出的效果nie,在介紹具體實現的過程之前,小編先簡單介紹一下什麼叫做淡入淡出。 

       淡入淡出合稱淡,電影畫面的漸顯漸隱。畫面由亮轉暗,以至完全隱沒,這個鏡頭的末尾叫淡出,也叫漸隱;畫面由暗變亮,最後完全清晰,這個鏡頭的開端叫淡入,又叫漸顯。淡出淡入是電影中表示時間 空間轉換的一種技巧。在電影中常用“淡”分隔時間空間,表明劇情段落。淡出表示一場戲或一個段落的終結。淡入表示一場戲或一個段落的開始,能使觀眾產生完整的段落感。“淡”本身不是一個鏡頭,也不是一個畫面,它所表現的,不是形象本身,而只是畫面漸隱漸顯的過程。它節奏舒緩,具有抒情意味,能夠造成富有表現力的氣氛。這種技巧,最早是在拍攝時完成的。拍攝時,把攝影機中的遮光器逐漸開啟,便得到淡入的效果。當一個鏡頭將要拍完時,把遮光器慢慢關上,便得到淡出的效果。隨著洗印技術的發展,這種技巧轉由洗印時印製。接著,小編就來簡單的總結一下如何用Axure實現淡入淡出效果。

        第一步,我們來選擇一個rectangle來固定我們需要選擇圖片的大小,如下圖所示:

         

         第二步,我們把這個Rectangle轉換成動態面板,如下圖所示:

         

        第三步,我們給這個動態面板新增四個狀態,有需要的小夥伴,可以根據自己的需要來設定相應的狀態,具體操作如下:

        

        第四步,我們依次來為每個狀態新增圖片,如下所示:

        

        第五步,給每個狀態都各自新增一張圖片,如下圖所示:

        

        第六步,我們來設定事件,選擇載入時,如下圖所示:

        

        第七步,選擇完載入時後,我們選擇設定面板狀態,如下圖所示:

        

        第八步,小夥伴可以根據自己的需要,對效果進行相關設定,如下圖所示:

        

        其與的三個狀態的設定都是重複上面的步驟即可,最終的效果截圖如下,小夥伴也可以 點選開啟連結檢視效果哦:

        

       小編寄語:小編本來想著用FSCapture錄製一下動態的效果視訊,然後把這個視訊轉換成gif格式的,但是找了好久沒有找到合適的工具,可憐的小夥伴們就看不到動態的淡入淡出的gif圖片了,有哪位可愛的小夥伴有合適的工具,歡迎留言告訴小編,小編不勝感激,小編已經把淡入淡出的檔案上傳到網上,有需要的小夥伴可以點選進行下載

       Axure,在沒有實現具體的某個軟體或者系統之前,可以很好的幫助我們同客戶進行溝通,然後Axure的能力遠遠超過我們的想象,她不僅可以實現簡單的跳轉,顯示隱藏,還有很多很多,我們不曾發現的神奇魔力,而這些神奇效果的實現,都需要小夥伴們自己去親身實踐哦!提前祝各位小夥伴端午節快樂`(*∩_∩*)′。

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述