[Work]-自行開發的Flash CS3控制面板 ~ Kuler Panel

因為這幾天都在研究怎麼自己開發一個Flash Panel
也就是Flash IDE中的控制面板
像軟體內建的對齊、組件、顏色等控制面板一樣
所以~今天下午我就花了一點時間寫了一個小工具
叫做~Kuler Panel

我想大家應該都知道Adobe的Kuler
他是一個專門提供色彩配置方案的網站
目前也有提供Kuler API讓大家使用
雖然目前官方網站已經有Kuler的AIR版本
但是我想如果可以直接在Flash中使用Kuler不是更好嗎!!!
所以ㄋ~我就寫了一個Kuler的Flash Panel
讓大家可以直接在Flash中使用Kuler提供的顏色配置方案
而這個Kuler Panel會直接去抓取目前網站上最熱門的配色方案
將他依照熱門排行順序顯示在Flash中的Kuler Panel中
讓你隨時想用Kuler的時候就可以馬上使用
超級方便的阿!!!!!!
以下就來介紹一下我開發的這個Kuler Panel怎麼使用啦

首先當然是先下載安裝我開發的Flash擴充套件啦 ~ Kuler Panel

下載完KulerPanel_MitchBox.mxp檔案之後
請在檔案上點兩下滑鼠左鍵進行安裝
安裝時會出現上方的視窗~Adobe Extension Manager
安裝完成後就會看到清單中多了一項Kuler Panel
點選Kuler Panel這個選項會看到下方視窗顯示使用方式的說明文字

安裝完成之後,如果你剛剛有開啟Flash的話
請關掉再重開
接著依照第一個步驟選擇 視窗>其他面板>Kuler Panel
就可以開啟Kuler Panel了

一開始會先從網站上載入資料(記得要連上網路才可以使用喔!!)
載入完成後就會顯示色票了
要看下一個系列的色票請在Kuler Panel視窗中點滑鼠左鍵就可以了

最後,來介紹一下怎麼擷取Kuler Panel中的顏色值
下圖是將Kuler色票套用到場景背景顏色上
左邊視窗是Kuler Panel,右邊是Flash文件屬性設定中的背景顏色設定
利用背景顏色設定的滴管工具來選取Kuler Panel中的顏色值
這樣就可以直接把Kuler Panel中的色票顏色值套用到場景背景色上囉
很方便的啦!!!!!!

下圖是將Kuler色票套用到物件上
點選場景上的物件
再選取物件屬性設定中的顏色設定
一樣透過滴管工具去擷取Kuler Panel中的顏色值即可

目前這個Kuler Panel算是第一個雛型版本
功能很簡單明瞭
但是卻很方便
希望大家會喜歡!!
如有任何使用上的意見或建議
請不要吝於賜教喔!!謝謝!!

P.S.
今天已經把這個作品上傳到Adobe官網了
目前在等審核通過
審核通過後會在把下載連結更新成官網的網址

另外,請勿直接連結此Flash擴充套件檔案的下載位址
如有需要,請各位直接連結本文章的網址
十分感謝!!^^

標籤:, , , ,

4 responses to “[Work]-自行開發的Flash CS3控制面板 ~ Kuler Panel”

  1. 阿白 says :

    好作品阿!能夠在flash裡面直接參考Kuler的確是很方便。創意十足、驚喜無限奔放呀 ~ 期待第二版出來。建議的話,點一下把色碼記錄到clipboard不錯,然後能列出名稱的話也不錯,然後一次show五條可以比較快選到要的風格。

    而且米奇大大玩到寫擴充套件去了,真是厲害!還有FlV播放器、電路板、愛兜妞、AIR、AJAX … 偶越來越追不到你了!Orz .~~~

  2. mitchbox says :

    呵呵~白大形容得太誇張啦!!
    第二版一定會把白大建議的功能全部加上去的啦!!
    一次秀五條其實剛開始寫有想到說~
    但是時間有限阿~XD
    等下一版再來擴充啦!!

    噗噗~其實是我一直追不到白大XD

  3. KT says :

    好厲害!! 好厲害!! 好厲害!!

  4. mitchbox says :

    呵呵~
    學妹也太誇張了~^^

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: