神魂顛倒論壇logo

icon
首頁Adobe Animate CCFlash CC 新功能專區 → Flash CS4相關影片與資訊--Pixel Bender filter

雷射溶脂 | 瘦小腹 | 植髮 | 眼袋 | 玻尿酸 | 電波拉皮 | Flash | 購物車 | Flash Player 11.2 | 豐胸 |

下一主題 上一主題


Flash CS4相關影片與資訊--Pixel Bender filter


Flash CS4相關影片與資訊--Pixel Bender filter 簡版






Flash CS4相關影片與資訊--Pixel Bender filter

相關文章
Pixel Bender -- Flash CS4

Pixel Bender
Introduction to Pixel Bender
Get the Pixel Bender Toolkit and the Pixel Bender Plug-in for Photoshop CS4

Flash CS4 and Pixel Bender Overview
Embedding Pixel Bender Filters within a SWF


如何使用Pixel Bender filter


圖片:

系統需求

Any SWF that uses Pixel Bender must be published to Flash Player 10 and use ActionScript 3 as their language. For that reason the ActionScript 3 version of SlideShowPro for Flash is required to use this option. This document will walk you through the process of embedding a Pixel Bender filter in your FLA, and applying it to content loaded inside SlideShowPro. Let's get started.

步驟一: Obtain a filter

If you don't already have a Pixel Bender filter, there are a number of free ones you can download from the Pixel Bender Exchange. Pixel Bender filters come in two forms, a *.pbj file, and a *.pbk file. The pbk version is a kernel file, and is editable within the standalone Pixel Bender Toolkit (and is a good way to experiment with filter settings). The pbj file is a compiled bytecode file for embedding in a SWF. It's the pbj file we need for this walkthrough.

步驟二: Embed filter

If you haven't already created an FLA, do so now by launching Flash CS4 and selecting "Flash File - ActionScript 3.0". When open, drag an instance of SlideShowPro from the Components panel to the Stage. Open the Properties panel and assign the component an instance name of "my_ssp".

Next, copy the pbj file to the same directory as your FLA. For the purposes of this tutorial, we'll use the When finished, create a new timeline layer in your FLA, and in the first empty keyframe enter the following:

  1. import flash.display.*;   
  2. import flash.filters.*;   
  3. import flash.utils.ByteArray;    
  4. import flash.net.*;   
  5.   
  6. [Embed("grayscale.pbj", mimeType="application/octet-stream")]   
  7. var GrayscaleFilter:Class;   
  8. var grayShader:Shader = new Shader(new GrayscaleFilter() as ByteArray);            
  9. var grayFilter:ShaderFilter = new ShaderFilter(grayShader);  

This code embeds our pbj file in the SWF when published and creates a ShaderFilter for us to use with SlideShowPro.

步驟三: Apply filter

Now that our filter is created, you can assign it to slideshow content, thumbnail navigation links, navigation link previews, album previews, or all of the above. Each has their own filter parameter you can use to apply your Pixel Bender filter. For example, if we wanted to apply our grayscale filter to all slideshow content, we'd use the contentFilter parameter like so:

  1. my_ssp.contentFilter = [grayFilter];           

Note that our the filter we created is assigned as an array, which is why the brackets are included. Why an array? Well, here's the cool thing. An array means you can assign more than one filter to the same image. For example, if you used the sharpening filter, you could embed/setup the filter just like Step two above, then add the filter to the array for images that are both black/white and sharpened, like so:

  1. my_ssp.contentFilter = [grayFilter,sharpFilter];           

步驟四 (可選): Assign other filters

If you'd like to apply your filters to other images in SlideShowPro, you can do so with the albumPreviewFilter, navThumbLinkFilter and navLinkPreviewFilter parameters. For example:

  1. // album previews   
  2. my_ssp.albumPreviewFilter = [grayFilter];   
  3.   
  4. // navigation thumbnail links   
  5. my_ssp.navThumbLinkFilter = [grayFilter];    
  6.   
  7. // navigation thumbnail link previews   
  8. my_ssp.navLinkPreviewFilter = [grayFilter];  

步驟五: 發佈Publish


圖片:

Publish your SWF to ensure that your ActionScript is coded correctly. The first time you do so, Flash CS4 will ask to verify the path to the Flex SDK (shown right). This is because of the Embed metadata in our ActionScript. Click "Update library path" to continue.

Your SWF should now publish and display the results of your filter.

提示: Modifying parameters

As noted at the beginning, most filters have parameters that can be manipulated to modify their effect. To see these parameters, open the pbk file in the standalone Adobe Pixel Bender Toolkit that's installed with Flash CS4. Select File > Load Image to load an image to experiment with, then press the "Run" button at the bottom. The parameters will appear in the right column.

Every filter is different, so you may want to refer to the filter's readme or help documentation (if available) for specifics. To modify these parameters via ActionScript in our FLA, we make the adjustments on the Shader we create and pass values as arrays, like the following example which modifies the amount and radius parameters of the sharpen filter.

  1. [Embed("sharpen.pbj", mimeType="application/octet-stream")]   
  2. var SharpenFilter:Class;   
  3. sharpenShader = new Shader(new SharpenFilter() as ByteArray);   
  4. sharpenShader.data.amount.value = [6];   
  5. sharpenShader.data.radius.value = [0.1];   
  6. var sharpenFilter:ShaderFilter = new ShaderFilter(sharpenShader);        

參考資源

Grayscale filter by Mike Chambers: http://www.mikechambers.com/blog/2008/09/18/pixel-bender-grayscale-filter/

Sharpen filter: http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1698056

Pixel Bender Exchange: http://www.adobe.com/cfusion/exchange/index.cfm?event=productHome&exc=26&loc=en_us

Pixel Bender on Twitter: http://twitter.com/pixelbender





自體脂肪隆乳 | 回到頂部
Icon
網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1

簡版







濾鏡概觀

AdobeR FlashR CS4 Professional 濾鏡 (圖像特效) 可讓您將有趣的視覺特效加入至文字、按鈕和影片片段。 Flash 有一個獨特的功能,可讓您使用移動補間動畫,將套用的濾鏡製成動畫。

Flash 混合模式可以讓您建立複合影像。 「複合」是指對兩個或以上的重疊物件,變化其透明度或顏色互動的過程。 混合模式也會將控制項的尺寸加入至物件與影像的不透明度。 您也可以使用 Flash 混合模式來建立亮部或陰影,以便展示下層影像的細節,或是讓影像的顏色看起來更飽和。

關於將濾鏡動畫化

您可以在時間軸中將濾鏡製成動畫。 位於不同關鍵影格上而以補間動畫結合的物件,在中間影格上也有對應的補間動畫濾鏡參數可用。 如果濾鏡在補間動畫的另一端沒有相符的濾鏡 (相同類型的濾鏡),程式會自動增加一個相符濾鏡,以確保該特效會出現在連續動畫的結尾。

為了防止補間動畫因某端遺失濾鏡,或兩端以不同的順序套用濾鏡,而導致移動補間動畫不正確運作,Flash 會進行下列調整:

  • 如果您在已套用濾鏡的影片片段上套用移動補間動畫,當您在補間動畫的另一端插入關鍵影格時,影片片段便會於補間動畫的最後一個影格處,自動套用與補間動畫的起始處堆疊順序相同的同一組濾鏡。

  • 如果您將影片片段放置在兩個分別套用不同濾鏡的影格上,再將移動補間動畫套用至兩個影格之間,Flash 會優先處理擁有濾鏡數較多的影片片段。 接著 Flash 便會將套用在第一個影片片段上的濾鏡,和第二個影片片段所使用的濾鏡進行比較。 如果在第二個影片片段上沒有發現相符的濾鏡,Flash 便會產生一個不具現有濾鏡參數和顏色的虛擬濾鏡。

  • 如果兩個關鍵影格之間有移動補間動畫,而且您在某個關鍵影格中為物件增加濾鏡,當影片片段到達補間動畫另一端的關鍵影格時,Flash 會自動將虛擬濾鏡增加至影片片段。

  • 如果兩個關鍵影格之間有移動補間動畫,而且您從某個關鍵影格中的物件移除濾鏡,則當影片片段到達補間動畫的另一端關鍵影格時,Flash 會自動從影片片段中移除相符的濾鏡。

  • 如果移動補間動畫開始和結束的濾鏡參數設定不一致,Flash 會將開始影格的濾鏡設定套用至漸變影格。 若補間動畫的開始與結束之間設定下列不同的參數時,便會出現不一致的設定:去底色、內陰影、內光暈,以及漸層光暈和漸層斜角的類型。

    例如,如果您利用投影濾鏡建立移動補間動畫,並在補間動畫第一個影格上套用去底色的投影,並在最後一個影格上套用內陰影,Flash 便會修正移動補間動畫中濾鏡不一致的使用方式。 在這樣的情況下,Flash 會套用用於補間動畫第一個影格上的濾鏡設定,也就是去底色的投影效果。

關於濾鏡與 Flash Player 效能

套用至物件的濾鏡類型、數量和品質,會影響 SWF 檔播放時的效能。為了正確顯示您建立的視覺特效,在物件上套用了越多濾鏡,AdobeR FlashR Player 就必須處理更大的計算量。 因此,AdobeR 建議您不要在指定的物件上套用太多濾鏡。

每個濾鏡都包含控制項,可以讓您調整套用之濾鏡的強度和品質。 使用較低的設定,可以改善在較慢電腦上播放的效能。 如果您要建立的內容會在各式各樣的電腦上播放,或是您不確定觀眾電腦的運算能力等級,請設定「低」品質等級,以獲得最佳的播放效能。

關於 Pixel Bender 濾鏡

Adobe Pixel Bender? 是由 Adobe 所開發的程式語言,讓使用者能夠建立自訂濾鏡、特效和混合模式以應用於 Flash 和 After Effects 中。Pixel Bender 與硬體無關,其設計原理可自動在各種 GPU 和 CPU 架構上有效率地執行。

Pixel Bender 開發人員只需撰寫 Pixel Bender 程式碼,並將程式碼儲存於副檔名為 pbj 的文字檔,即可建立濾鏡。撰寫完成後,Pixel Bender 濾鏡便能供任何 Flash 文件使用。利用 ActionScriptR 3.0 則可載入濾鏡與使用濾鏡控制項。

如需有關使用 ActionScript 處理 Pixel Bender 的詳細資訊,請參閱「ActionScript 3.0 程式設計」。





雷射溶脂 | 回到頂部
Icon
網路的事情,讓網路解決

[ 逛網路就像是在探險 ]

    神 魂 顛 倒 T W G

http://bbs.flash2u.com.tw

http://tw.myblog.yahoo.com/flash2u-twg

http://flash-silverlight.blogspot.com/

http://flash2u.spaces.live.com/?_c02_owner=1
下一主題 上一主題