我們在日常平凡的上彀瀏覽電腦網頁的過程中,經常會看到一種聚光燈掃過的文字動畫結果,像這種近似的網頁動畫的話一般來說都是經由過程flash二維動畫軟件來進行建造實現的,在flash中建造這種近似的動畫結果的話,也很是的簡單,只要用到的常識點就是flash中遮罩層的應用,可是具體要怎么操作呢?今天我們就來建造一個實例的用光掃過呈現文字的動畫結果來告訴大師這種結果在flash中實現過程吧。下面請看結果圖與具體的步調。
雙擊打開電腦上的flash二維動畫的軟件,選擇新建一個動畫項目,設置動畫項目標巨細為1000*600像素,幀頻為25,布景顏色為白色,然后點擊確定進行建立。
選擇矩形東西,設置矩形的填充顏色為線性漸變的填充,勾選對象繪制,然后在舞臺的中心位置繪制一個巨細合適的矩形出來;在選擇東西欄中的漸變變形東西,將矩形進行翻轉,并調整一下漸變顏色。
找到并打開flash中的對齊面板,勾選與舞臺對齊,點擊程度中齊與垂直中齊,然后在點擊匹配舞臺的寬與高。使得漸變填充的矩形填滿整個畫布。
選擇flash中的文字東西,在flash的舞臺中輸入文字內容“光源掃過呈現文字”,選中輸入的文字,打開屬性窗口,設置文字的字體,字號巨細以及字體顏色等響應的文字屬性。
再次選中輸入的文字,仍是打開屬性窗口,我們來給這個文字添加一個濾鏡結果,在添加濾鏡按鈕中增添一個投影的結果,然后設置投影的恍惚X為7像素,距離為8像素。
用鼠標框選選中布景與文字,直接按鍵盤上的快捷鍵F8,將其轉換為元件,在彈出的轉換元件窗口中,選擇將其轉換為圖形元件,點擊確定;選中圖層1將其復制一個圖層出來,并將復制的圖層改為圖層2。
將圖層2進行埋沒,選中圖層1中的文字,執行分手操作;零丁選平分離后的文字,將其的填充顏色改為一個深灰色;在將圖層2進行顯示,埋沒圖層1,將圖層2進行分手;零丁選平分離后圖層2的布景,打開顏色窗口,將漸變顏色的黑色一邊改為灰色。
選中圖層1與圖層2,在兩個圖層的第90幀位置都按F5各插入一個幀;然后在新建一個圖層,定名為“遮罩”;選中新建的遮罩層,用橢圓東西繪制一個巨細能蓋住文字的正圓出來,設置正圓的顏色為紅色,不透明度為50%。
選中正圓,按F8將其轉換為圖形元件;然后在三個圖層的第90幀位置和第180幀位置都插入一個幀,選中遮罩層,在第90幀位置將正圓程度移動到右側;然后在遮罩層的1到180幀之間建立傳統補間動畫。
選中遮罩圖層,右鍵鼠標將其轉換為遮罩層;然后按回車鍵播放動畫進行預覽,可以看到一個用光掃過呈現文字轉變的動畫結果就建造完當作了。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!