台灣最大程式設計社群網站
線上人數
2041
 
會員總數:246277
討論主題:189812
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> FLASH的動態攝影效果是怎麼做的?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
FLASH的動態攝影效果是怎麼做的?
價值 : 60 QP  點閱數:3447 回應數:14
樓主

Feelings
中級專家
4821 23
2340 777
發送站內信

http://www.noedesign.com/2005/index.html
進去這個網站,然後點一下人,它整頁翻轉的效果是怎麼做的呢?有沒有哪位大大可以回答一下
轉是沒有什麼問題,但是小弟想知道的是關於"動態攝影"效果的技巧,FLASH是怎麼處理的呢?
小弟先猜一下..是不是先做好一個和網頁外觀一樣的圖片,然後先用繪圖軟體處理成"動態攝影"效果
再放入元件使用,然後再適當的時候呼叫這張圖片元件出來轉一圈,是這樣嗎?

本篇文章發表於2005-09-05 21:22
1樓
回應

一尾兄
檢舉此回應
那是連續圖檔播放,

首頁剛進入是使用10~20張3D處理圖檔匯入flash連續播放,我這裡可以找到.fla原始檔,你要的話,可以copy這段出來給你.

而內頁翻面的動作,他是先擷取flash最後停住的畫面到photoshop裡處理"放射霧化"的效果,在匯入flash做翻轉的動作..
本篇文章回覆於2005-09-07 20:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

一尾兄
檢舉此回應
我確認過了....
首頁剛進入是使用10張,翻面的動作它是使用7張...
但我覺得翻面的動作1張就夠了,用flash本身的翻轉動作就可以了,只是缺點是圖檔會出現剧齒狀的情形,有好有壞
本篇文章回覆於2005-09-07 21:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

Feelings
檢舉此回應
好多年前小弟看了這個網站http://www.neostream.com/
裡面大約用了一半的"動態攝影"效果,因此對flash能做出這項技巧覺得好奇
後來也是用photoshop處理成霧化後再去flash試轉過,當時還搭配漸層殘影效果語法下去轉一圈,但是轉出來的效果並不好..(只能搖頭)
原因是因為圖檔一張就超過100kb以上,而且除了會停格以外,執行的速度並無法像它這麼快這麼順暢,所以小弟才認為應該不是單純用圖檔去處理
如果是圖的話,應該也是只有一張才對
也想過是不是用半透明化後再去重疊而產生的效果,不知道有沒有一個的小小範例來參考一下,除了用圖檔處理之外是否還有其他方法呢
本篇文章回覆於2005-09-07 22:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

一尾兄
檢舉此回應
關於http://www.neostream.com/這個網站我也有原始檔= ="
我確定都是使用圖檔匯入flash連續播放...那之小黑的一個轉身必須用掉10~20張的連續3D圖檔,"動態攝影"效果完全是靠圖去展現出來的.

至於你說的順不順暢,這二個的frame rate都是50fps,所以在快速播放之下必需使用更多的圖檔來播放才會順.
當然要做預載的動作,不然放到一半就卡在讀圖的時間.

有沒有其它的方法去做"動態攝影"效果,我覺得flash本身是沒有這麼強..必須借由別的軟体去加強.
本篇文章回覆於2005-09-07 22:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

Feelings
檢舉此回應
原始檔? 是fla嗎?
你是怎麼抓到原始檔的?小弟也只聽過有軟體最多可以從swf中抓出as語法,但是還沒有聽過可以抓下整個原始檔的
本篇文章回覆於2005-09-07 23:12
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

一尾兄
檢舉此回應
我把http://www.noedesign.com/2005/index.html翻面的動作copy出來重覆執行

我放在http://www.webdesign.com.tw/111.htm你參考看看

我framerate改為20fps(放慢一點),使用7張圖(完全是他的圖我沒動到),flash大小為234K,影格使用14張播放它...
本篇文章回覆於2005-09-07 23:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

Feelings
檢舉此回應
咦?你轉的圖,小弟看起來執行速度不錯
但你說是用他的圖去轉是指,包括"動態攝影"的部份也是用他的圖嗎,也就是說
只能完全去用繪圖軟體處理"動態"效果,然後一張一張的在FLASH裡撥放是嗎?FLASH 對於這項效果方面真的連一點輔助的作法都沒有嗎?
或者是不是有可以用特效方面的語法來減少使用圖檔的數量

本篇文章回覆於2005-09-07 23:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

一尾兄
檢舉此回應
恩...對..包括"動態攝影"的部份全是它的圖展現出來的..
我在flash只是做播放的動作而已..

我是覺得有預戴的動作的話,你圖檔使用的數量是可以不用在意...
要在意的是圖檔是否有壓縮更小,flash有提供壓縮,因為是動態連續帶過,所以圖的品質可以壓小一點.

如果真的只是為了減少圖的數量,flash裡的"modify/shape/soften fill edges"可以把向量圖霧化..利用"白色半透明"的方式放在你要展現的物件上..
看你要怎麼動,物件上的"白色半透明"物件也要依物理原理去展現,不過這個動作要很細心,美工底子也要很好才有辦法做到比較好的效果.
晚一點我在貼一個運用到soften fill edges的範例給你
本篇文章回覆於2005-09-07 23:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

一尾兄
檢舉此回應
我做了一個大概類似的範例,比較簡單的....
沒有圖檔,使用soften fill edges霧化的方式展現,但應用在"動態攝影"的範圍不大

http://www.webdesign.com.tw/222.htm

另外關於fla原始檔,是有軟体可以直接抓下整個fla原始檔,包括所有as語法
本篇文章回覆於2005-09-08 00:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

Feelings
檢舉此回應
to:一尾兄
霧化後的邊框確實可以看出有動態的影子,你的那個翻轉有沒有下漸層殘影的as語法?
如果是圖片的話,是不是連圖片內容也可以有這樣的效果呢,明天小弟用你的方法去實作看看

另外你說的那個抓原始檔的,是不是可以抓fla,但是只能將fla的元件轉換成圖片元件
也就是說,該軟體只是將[影片元件]的影格轉換成[圖片元件]的影格來表示,元件庫是看不到[影片元件]的
如果是這樣的話,你說用圖片去做這個效果是指你看到的原始檔是元件庫裡的[圖片元件]還是指[.jpg]的元件呢?
如果是jpg的話,那你說的應該就是用圖片沒錯了
本篇文章回覆於2005-09-08 02:11
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
最有價值解答

一尾兄
檢舉此回應
我沒有使用as語法,只是單純讓霧化的向量圖翻轉.
至於有沒有as語法可以控制我就不知道了....(應該是有)

但這個效果不能直接使用在圖片= ="
但你可以在圖片運動的地方加入類似殘影的向量圖..

恩..沒錯,我看到的元件庫裡是[.jpg]的檔案,所以我確定這二個網站是用大量的圖片去跑出"動態攝影"囉
本篇文章回覆於2005-09-08 22:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
作者回應

Feelings
檢舉此回應
to:一尾兄
小弟有一套軟體只能抓as和圖片元件的,影片元件顯示不出來,都會被解析成圖片元件
而且失敗率又高
是否方便告訴小弟你是用哪一套軟體?
如果這裡不方便講,email告知一下也行,有空交流一下
本篇文章回覆於2005-09-11 01:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓
作者回應

Feelings
檢舉此回應
小弟的email
feelings@so-net.net.tw
本篇文章回覆於2005-09-11 01:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
14樓
回應

一尾兄
檢舉此回應
寄給你囉^^
本篇文章回覆於2005-09-13 21:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.