您現在的位置是:電腦技術吧?>? 組裝維修 ??>??形狀補間怎么做,動作補間和形狀補間??>??正文詳情

形狀補間怎么做,動作補間和形狀補間

似經亙2019-11-11 10:20:33 人圍觀
簡介為什么無法創建補間形狀讓我們先看看效果:元素對最終效果的關鍵幀形狀修補動畫的要求:首先,它必須是矢量圖;其次,它必須是形狀狀態。選擇關鍵幀上的對象以顯示麻點的狀態

下面先讓我們來看效果吧:

  最終效果

  形狀補間動畫關鍵幀上元素的要求:一是必須是矢量圖,二是必須是形狀狀態。

選中關鍵幀上的物體時顯麻點狀態,在屬面板里顯示形狀。

  圖1

  如果使用圖形元件、按鈕、文字、對象繪制等,則必先打散再變形。

形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化。

下面通過制作搖曳的燭光進行形狀補間動畫的練習。

看效果演示:

  動畫效果預覽

  新建文檔,背景色黑色,其他默認。

  一、制作光圈元件

  1、點插入新建元件,影片剪輯,名光圈。

  圖2

  2、筆觸色禁止,填充色放射狀,三個色標:左FFFF00 Alpha100%,中FFFF6E Alpha77%,右FFFFCC Alpha0%,用橢圓工具畫個圓,全居中。

  圖3

  3、第15、第30幀加上關鍵幀,點中第15幀,再點修改變形縮放和旋轉,縮放150。

  圖4

  4、在圖層一上點一下,這樣整個圖層都被選中了(時間軸為黑色了),再在屬性面板里補間,選擇形狀。

  圖5

  釋放下鼠標,時間幀面板的背景色變為淡綠色,在起始幀和結束幀之間有一個長長的實線箭頭,表示形狀補間動畫創建好了。

  圖6

  二、蠟燭元件制作

  新建元件,影片剪輯,名蠟燭 。

  1、第1層,畫燭身。

禁止填充色, 筆觸色CF8453,點橢圓工具,在屬性面板里設置實線,大小2。

  圖7

  畫一個橢圓,選中圓按住ALT或者 CTRL拖出兩個擺放好,再用直線畫上兩條線。

  圖8

  刪掉多余的線條。

  圖9

  放射狀填充: F5B778、 F29437、 D74D1F、 923107。

色標的擺放如圖,用顏色桶填充后,再用填充變形工具調整顏色的位置。

  圖10

  放射狀填充:F29C48、F4C402、F2912F、F29437、D74D1F、923107。

填充后,再用填充變形工具如果調整顏色的位置。

  圖11

  線性填充:D74D1F、F29437、D14B26。

  圖12

  刪除多余的線條,用筆刷工具,顏色8C4F26,刷燭芯。

  圖13

  延長到30幀,圖層上鎖。

  2、新建圖層

  畫火苗。

筆觸色禁止,填充色線性:左FFFF99 Alpha100%,右FFFF1B Alpha30%,畫橢圓,整調形狀。

第30幀插入關鍵幀,創建形狀補間動畫。

第5幀插入關鍵幀,用選擇工具(黑箭頭工具)調整形狀,注意不能調整太過,以免變形不規則,第9幀插入關鍵幀,繼續調整。

以此類推,第 13,17,22,26幀都插入關鍵幀做調整,可以根據自己的感覺去調整,覺得怎么自然就怎么去調,可以只做火苗伸長和壓縮,做成上下竄動,也可以再加上左右擺動。

  我做的僅供參考,相信大家做的更好。

  圖15

  3、新建圖層

  點第1幀,從庫中把光圈拖入擺放好,用變形工具適當壓扁,在屬性面板里顏色里Alpha設置為50%。

  圖16

  現在回到場景中,從庫里把蠟燭元件拖到場景中,擺放好, Ctrl Enter 測試,另存為*.fla,導出影片*.swf。

  【擴展練習】

  簡單提示下:新建一個影片剪輯元件,用上面做好的蠟燭元件做心形運動。

再新建一個影片剪輯元件,把上面心形運動的元件拖入場景中,增加圖層2寫代碼:

  第1幀上:

  var i = 0;

  第2幀上:

  if (i =60)

  {

  duplicateMovieClip(mc, mc i, i);

  this[mc i]._alpha = 100 - 2 * i;

   i;

  }

  else

  {

  gotoAndStop(4);

  } // end else if

  第3幀上:

  gotoAndPlay(2);更多相關Flash教程:Flash制作閃閃發光動畫教程 Flash CS3制作飛舞的蝴蝶 Flash制作流動水波動畫效果 Flash制作可愛的小兔子蹺蹺板動畫

版權聲明:本文由 似經亙 整理編輯。

原標題:flash補間形狀過程,補間形狀

轉載注明出處:http://www.dn9ww09s.icu/assemble/11666.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦顯示屏模糊,電腦顯示屏模糊怎么辦

    電腦顯示屏模糊,電腦顯示屏模糊怎么辦 相關圖片電腦顯示器不亮計算機的出現給我們帶來了很多幫助和方便,但也會不時給我們帶來一些麻煩,而且計算機的顯示是模糊的。怎么了?不是故意傷害我們的。它會傷害我們的眼睛,就像...

  • 單元格合并,合并單元格在哪里

    單元格合并,合并單元格在哪里 相關圖片excel合并單元格怎么弄一。首先,創建一個新的HTML文件,只需選擇任何名稱,然后保存它2。您可以手動輸入代碼,也可以通過插入表3直接添加表。然后單擊導航欄中的“設計”按鈕,進...

  • 電腦如何設置密碼鎖屏,電腦設置鎖屏密碼

    電腦如何設置密碼鎖屏,電腦設置鎖屏密碼 相關圖片忘記電腦開機密碼事實上,我們都是獨立的個體。我們都有自己的主權意識。我們不喜歡別人。當我們不知道的時候,其他人就在我們自己的電腦上胡鬧。這樣,受傷的人往往是我們自...

  • 炫酷圖案,50種炫酷的圖案解鎖

    炫酷圖案,50種炫酷的圖案解鎖 相關圖片簡單圖案具體操作步驟如下:在柔化圓形筆劃的基礎上,圖1效果圖的補漆室中的元素調整一個筆劃,該筆劃的色相會隨著速度的變化而變化。(在筆劃的敏感度頁簽,色相速度)2修正實...

  • 聯想筆記本怎么進入安全模式,聯想筆記本進安全模式

    聯想筆記本怎么進入安全模式,聯想筆記本進安全模式 相關圖片聯想win10安全模式在安全模式下,我們可以解決一些問題,那么安全模式的工作原理是什么?實際上,我們可以在不加載第三方驅動程序的情況下啟動計算機,這樣我們就可以輕松地檢測...

  • Windows XP,Windows XP Mode

    Windows XP,Windows XP Mode 相關圖片Windows XP下載Windows XP SP3官方英文版(官方原件)下載軟件語言:多語言Microsoft Windows XP Service Pack 3(SP3)自2001XP免費升級win10...

  • 怎樣添加超鏈接,添加超鏈接怎么弄

    怎樣添加超鏈接,添加超鏈接怎么弄 相關圖片如何超鏈接一。若要添加超鏈接文本,請選擇“插入”菜單2中的“超鏈接”選項。在“超鏈接”對話框中,單擊鏈接3后面的文件夾圖標。選擇要鏈接的web文件,然后單擊“確定”4。單...

  • 顯示屏不亮主機正常,電腦顯示屏不亮但是主機已開機

    顯示屏不亮主機正常,電腦顯示屏不亮但是主機已開機 相關圖片開機顯示器不亮隨著科學技術的飛速發展,計算機已成為我們生活中不可缺少的對象。但電腦也會給我們帶來一些意外。不幸的是,許多用戶都會遇到電腦開機,顯示器不亮的情況。任...

  • 自己制作發光字,PS制作發光字效果

    自己制作發光字,PS制作發光字效果 相關圖片ps制作led發光字效果渲染11 1。在您最喜歡的字體中鍵入一個200px的金色字符(我使用富超級歌曲),然后查看下面的操作圖2 2。這是最核心的一步,就是利用搖擺變形的參數增量來產生...

  • 筆記本電腦找不到無線網絡,筆記本電腦無線網絡連接不上

    筆記本電腦找不到無線網絡,筆記本電腦無線網絡連接不上 相關圖片筆記本收不到無線網絡科技改變了我們的生活。如今,無線網絡無處不在。手機和電腦通過無線連接上網非常方便。但一些用戶也會遇到筆記本電腦無法搜索無線網絡的情況。顯然,這...

熱評文章

  • 電腦如何設置密碼鎖屏,電腦設置鎖屏密碼

    電腦如何設置密碼鎖屏,電腦設置鎖屏密碼 相關圖片忘記電腦開機密碼事實上,我們都是獨立的個體。我們都有自己的主權意識。我們不喜歡別人。當我們不知道的時候,其他人就在我們自己的電腦上胡鬧。這樣,受傷的人往往是我們自...

  • 3D,3D跨度

    3D,3D跨度 相關圖片福彩3D論壇先看效果:步驟:打開xara3d,軟件到處都是,搜索引擎可以搜索到它,我這里使用的是下載6。一。按AA鍵,輸入需要創建的文本,然后設置字體。在這里我輸入L字體為3d膽碼...

  • 0x000000a藍屏代碼,藍屏代碼0x00000c5

    0x000000a藍屏代碼,藍屏代碼0x00000c5 相關圖片藍屏代碼0x000001e如果電腦使用時間長了,用戶又不注意,就容易發生一些故障。沒有用戶會遇到藍屏的情況。相信電腦藍屏,大家都覺得很習慣。不過,有些用戶遇到電腦店會跑去維修...

  • 如何設置路由器密碼,手機怎么設置路由器密碼

    如何設置路由器密碼,手機怎么設置路由器密碼 相關圖片192168.1.1路由器設置很多用戶在安裝和配置路由器時,都不會注意修改路由器的登錄密碼,所以在這種情況下,別人很容易登錄到我們的路由器管理界面,導致網絡賬號和密碼被盜,造成...

  • 創建菜單,創建菜單快捷菜單用

    創建菜單,創建菜單快捷菜單用 相關圖片vb創建菜單網頁中最重要的元素是鏈接。今天小編先介紹如何在Dreamweaver中添加超鏈接,選擇要添加超鏈接的文本,然后在“超鏈接”對話框的“插入”菜單中選擇超鏈接選項,access創建...

  • 電腦顯示器花屏是什么問題,電腦顯示器黑屏

    電腦顯示器花屏是什么問題,電腦顯示器黑屏 相關圖片電腦顯示器近日,在后臺,一位用戶反映,自己的電腦顯示器正處于倒位、無序、屏幕抖動、失真等狀態,并詢問是怎么回事?怎么解決?其實,這是典型的電腦顯示屏,那么如何解決...

  • 簡單的小制作,人物模型制作

    簡單的小制作,人物模型制作 相關圖片手工科技小制作簡單的首先,讓我們欣賞我們美麗逼真的玉:1。用面圓工具畫一個圓,如下圖所示:2。用漸變填充剛畫的圓,選擇星型輻射(適當調整漸變的不透明度),然后選擇紋理...

  • 筆記本風扇噪音,風扇噪音小的筆記本

    筆記本風扇噪音,風扇噪音小的筆記本 相關圖片筆記本風扇響我們都知道風扇是筆記本電腦的主要散熱片。當筆記本電腦工作時,里面產生的熱量會被風扇排出。但也有部分用戶遇到了筆記本風扇的噪音,在這種噪音環境下工作很長...

  • mac遠程桌面連接在哪,mac連接遠程桌面

    mac遠程桌面連接在哪,mac連接遠程桌面 相關圖片遠程桌面連接在Windows系統上,我們可以通過遠程桌面或QQ遠程控制對方的電腦。但對于一個使用蘋果Mac的小朋友來說,這并不容易。因為蘋果Mac的特殊性,還想操作,怎么操win7遠程桌面...

  • 同框,陰陽師哪些框有特效

    同框,陰陽師哪些框有特效 相關圖片動畫制作視頻線框文本效果也是非常簡單的效果之一。在生產過程中,效果如圖1所示。為了達到這種文本效果,具體操作如下:圖11。創建新電影,在屬性面板中將其大小設置為290px8特...

關注微信

变脸官网查询