Flash視覺特效:科技之光

來源:互聯網
上載者:User
特效    行為功能概述

  筆者相信,大家看了效果圖後一定會對這個效果感興趣。本例的效果是模仿小時候科學書籍上的造型設計的,視覺效果很強。

  在執行個體的製作中,只用到了簡單的複製語句和影片剪輯的_x(座標)、_rotation(角度)等屬性。

  執行個體並不複雜,但往往一個簡單而優美的圖形加上一段智慧的代碼就可以實現一個很酷的效果。不信我們來瞧瞧。

  效果圖

  開始製作前,請大家先設定情境的大小為300px×300px,背景為黑色,幀頻為30fps。

  一、設計元件。

  1.按快速鍵Ctrl+F8建立一個名為"元素"的影片剪輯元件。

  2.點選工具列裡的"直線"工具在"元素"元件的編輯情境種繪製一條高為5px的綠色的豎線(實線,線寬0.5)。再點選"橢圓"工具,在剛才線段左下方拉出一個黃色的圓來(按Shift鍵,直徑2px)。如圖1所示。



圖1

  3.建立一個名為"元素運動"的影片剪輯元件。按快速鍵Ctrl+L開啟庫,把庫中的"元素"元件拖拽到"元素運動"元件的編輯情境中。注意,"元素"元件在情境中的座標是(0px,-50px)。點選第45幀,按F6鍵插入主要畫面格,接著按右鍵"圖層1"的第1幀,在快顯功能表中選擇"建立補間動畫"命令,然後點選第10、25幀,按F6插入主要畫面格。如圖2所示。



圖2

  4.點選第10幀中的"元素"元件,然後在"屬性"面板的"顏色"下拉式功能表中選擇"進階選項"選項,然後單擊"設定"按鈕,在開啟的"進階效果"面板中如圖3所示進行設定。



圖3

  5.點選第25幀中的"元素"元件,按方向鍵將其向左和向下移動1個像素,接著在"屬性"面板裡設定其透明度為30%。

  6.第1、45幀中的"元素"元件不設定。

  效果中使用到的兩個元件到這裡就製作好了,下面我們來設計主情境。

  二、設計主情境。

  1.如圖4所示建立"指令碼"、"元件"兩層,各2幀。把電影剪輯"元素運動"剪輯元件從庫中拖拽到對應的"元件"層中。再點選它,在"屬性"面板中為其起個執行個體名稱"元素"。如圖5所示。



圖4



圖5

  2.選中"指令碼"層中的第2幀按F7鍵插入空白主要畫面格。然後分別選中兩幀後按F9鍵開啟"動作"面板,選擇專家模式,分別鍵入如下代碼。

  第1幀中的代碼如下:

  // Math.sin()方法是計算並返回以弧度為單位指定的角度的正弦值
  // Math.cos()方法是計算並返回以弧度為單位指定的角度的餘弦值
  元素._x = Math.sin(n)*60 + 150;
  元素._y = Math.cos(n)*60 + 150;
  // _rotation屬性可以改變執行個體的角度
  元素._rotation = i;
  // 複製"元素"執行個體
  duplicateMovieClip("元素", "元素", i);
  i += 3;
  n += 0.07;
  // 當變數i大於1080時,停止播放影片
  if (i>1080) {
    stop();
  }

  3.第2幀中的代碼如下:
  gotoAndPlay(1);

  好了,做到這裡這個效果就完成了,最後大家可以下載源檔案學習。

  .fla源檔案下載



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。