Fireworks CS4 beta – quick note with lot of images

In General   May 27, 2008 - 6:20 pm

抽空稍徵玩了一下,主要是想試看看它 workflow 整合部份做的如何,下面是隨手速記。

-CS3 標準介面

Picture 1.png

之前曾經提過我愛死了這個 CS3-style 的介面,每一個 panel, panel group 都很有彈性,這次 CS4 裡感覺又修掉了不少毛邊,原本 CS3 裡的一些缺點已經改正了,我想用 C 搞這種事大概真的不容易吧,但這次做的非常好,因此也可以推斷未來 Flash, Photoshop, Illustrator 等也會換上這個新介面。

-Scale-9 transform

Picture 2.png Picture 3.png Picture 4.png

scale-9 不是新東西了,但這次更進一步做成 transform 工具之一,這樣要快速修圖做 mockup 時又更方便了,大大加分啊。

-demo prototype

Picture 5.png

這個功能很貼心,可以快速將作品輸出成一個可在網頁上觀看的作品(當然是 swf 格式囉),然後還內建了小小控制器可 play, next, prev,也可以 toggle fullscreen,用起來感覺還滿殺的,設計師們應該會很愛。

-export fxg

Picture 6.png

release notes 裡的這段話讓我非常好奇:

This is an export script that generates vector graphics code for future use with next-generation Flash Player authoring applications. Currently, we are not looking for feedback on this command.

感覺似乎背後有什麼有趣的大計畫在進行呢,或許跟 Degrafa 做的事很類似吧,只是可能玩的 native-level 一點。

從上面的擷圖裡可以看出它基本上是在描述向量圖形每個 point 的 (x,y) 座標,並且也記錄了 path style (color and stroke),因此將來要用程式再還原出來應該也不難,現在只差不知道 Adobe 想玩到什麼程度了。

-新的 color palette

Picture 7.png

這個 palette 看起來很複雜,原本我一直以為 painter 的已經是世界無敵亂的呢~不過重點是,把玩的過程中一直在懷疑這整個介面似乎是用 flash (or even flex ?)寫出來的,因為在 cs4 的其它地方也有看到類似的介面,例如下面這個。

Picture 12.png

如果我的猜測屬實,那這件事就非常有趣了,例如可以想想:

  1. 為何一群 C/C++ 專家會願意選擇用 actionscript 來完成這些功能?是否因為用 as3 做這件事確實有比較簡單又省時?
  2. 這是否代表 flash/flex 可能用另一種面貌/方式呈現在 desktop app 上?
  3. 這種另類用途是否為傳統的 win32/cocoa 編程環境打開了全新的一條路?

-flex prototype and properties panel

Picture 8.png

之前三不五時會用 fireworks 做點快速 prototype,但那時它的 properties 面板實在難用的很有特色,這次終於改的比較像樣了,至少可以 resize 了啊。

-create air package

Picture 11.png

原本我是為了測試這個功能才急著裝起來玩一下,以為有什麼神奇的 fireworks <-> air 交互能力,結果試完才發現,這個功能只是讓人將作品輸出成一個 air 檔然後寄給客戶,讓他可以在桌面上看到 prototype,呃,這個流程怎麼想都不太對勁啊,或許正式 release 前還要多想想該怎麼改進。

比較有趣的是下面這張,這驗證了前面我猜測 fireworks 裡很多對話框都是用 flash 寫成的,從下圖中的 alert window 可以看出那是標準的 flex style,所以這是直接將一個 flex app embed 在一個 cocoa 程式裡,由它獨立完成許多事吶,嘖嘖嘖,這件事實在太有趣了…

Picture 9.png

下面這張是輸出後的 air 程式,跑起來後就長這個樣,實際價值在哪裡目前未知,希望有一天會明瞭 XD

Picture 10.png

by admin

3 Comments Add your own

  • 1. Y.Boy&hellip  |  May 27th, 2008 at 10:16 pm

    fireworks 裡很多對話框是用flash做的, 以前的版本也有flash, 但这次CS4这个版本里的应该是flex做的了…哈… 这次很漂亮了.

  • 2. Jerrynet&hellip  |  May 28th, 2008 at 6:26 pm

    沒錯,根據John Neck在其Blog的說法,未來CS4應用程式panel會改用swf呈現畫面
    http://blogs.adobe.com/jnack/

    而且Flash Player10的API裡有寫到說可以將 Graphics的內容轉成Vectortype儲存,還可以由Vector轉成Graphics.

  • 3. admin&hellip  |  May 28th, 2008 at 7:45 pm

    嗯,看到這篇: http://tinyurl.com/67yfbx

    結果文章下面的 comments 更有趣啊,不過這似乎代表我也可以來學學怎麼用 flex 惡搞 photoshop 了啊 XD

留言回應

hidden

您的留言會先經過站長認証後才刊登在網站上。
your comments will be approved by Administrator before appearing on the page.

Trackback this post  |  Subscribe to the comments via RSS Feed

mobile phone