" /> Jimmy Hsia: May 2007 Archives

« September 2005 | Main | June 2007 »

May 23, 2007

線上調色盤kuler

Adobe和Macromedia合併後,除了原本的平面設計及影像處理的調性外,也多了一些網路元素進來,例如Adobe Labs這樣的網站,研發團隊會先將一些進行中的計畫或技術放到這個網站,雖然大多還在Alpha或Beta階段,藉由熱心的使用者及開發人員提供的意見,開發這些技術的時候可以更貼近End user的需求,甚至也包括了一些重量級的產品像是Photoshop CS3,之前的beta測試也是放在Adobe Labs。

此外,去年年底Adobe Labs也釋放了一個新的服務kuler,這是一個線上調色盤,整個網站都是用Flash和 Actionscript 3製作出來,可以讓你知道全世界的設計人員的配色方式,你也可以自己創造你的色票與其他人分享,它的口號就是color(explore+create+share),如果你喜歡某個人的配色,你還可以給他高評價4顆星或5顆星,使用界面非常簡易上手,趙英傑在他的網站有一篇詳細的介紹-"需要配色靈感?快上Adobe Kuler網站!"各位可以參考,另外kuler網站也有Flash步驟教學


kuler除了網站很酷,最近還推出幾種小工具,第一個是Mac用的widget(下載處),kuler widget透過RSS feed可以直接呈現kuler網站最受歡迎、最新、評價最高的顏色,你也可以按下放大鏡的圖樣,輸入顏色的Tag,找到對應的顏色,有兩種方式可以取用這些顏色:


kuler_w.png



第一種,按下顏色圖樣,widget下方會出現HEX值,可以直接copy就可用在HTML/CSS/Dreamweaver中了


按下顏色旁的向右三角形,這時會連回到kuler網站,使用Adobe免費的帳號登入,可以將配色轉成*.ASE格式,這是Adobe的色票交換格式,可以在CS2/CS3中的Photoshop/Illustrator/InDesign的色票面板->載入色票就可用在海報/刊物/DM上了


第二個方法PC、Mac都可以用,就是Apollo


什麼是Apollo?根據這份FAQ的定義:


Apollo 是由 Adobe 開發的 RUNTIME(執行程序), 允許開發者使用他們現有的 web 開發技術 (如Flash、flex、HTML、JavaScript、Ajax) 來建立和部署跨作業系統的桌面豐富型網路應用程式。


看完還是不太了解嗎?沒關係,我們裝了kuler就比較清楚了,


Photoshop產品行銷經理John Nack在他的blog有介紹,如果你是第一次使用Apollo,需要先去下載Apollo runtime,記得要勾選已經閱讀,裝好後我們再把kuler desktop下載,啟用後如圖。


kuler_a.jpg


kuler desktop功能和widget幾乎ㄧ樣,John Nack還提供了一段影片教學,所以透過這兩種方式,都可以取得各種不同風格的配色方式,同時Illustrator CS3的新功能Live Color也提供了近似的概念,更強大的功能, kuler這個網站結合了Adobe和Macromedia兩家的技術和長處,可以說是目前的最佳示範。



註1 Mac的使用者要注意kuler desktop會裝在<使用者>的<applications>中,而不是一般的<應用程式>

May 13, 2007

Photoshop CS3 Extended的3D功能

自從Adobe在網站上發表了新版的Creative Suite 3後,Photoshop可能會讓人覺得有點困惑,因為有兩個版本:Photoshop CS3以及Photoshop CS3 Extended。基本上Photoshop CS3 Extended(延伸版?)除了Photoshop CS3本身的功能外,還多了:

  • 置入3D圖檔成為3D圖層,並可調整紋理及貼圖
  • 視訊圖層Video Layer
  • 支援DICOM(Digital Imaging and Communications in Medicine用在醫療上的數位影像通訊協定)

因為這個3D的功能,可能有人會問:Photoshop CS3 Extended和3D軟體的差別在那兒呢?

最近AECNEWS出現了一篇報導- New Adobe Photoshop Understands 3D ,標題下的很好,Photoshop CS3 Extended並不是3D軟體,它只是可以輸入、了解並修改3D格式的圖檔。Photoshop CS3 Extended可以輸入以下幾種3D格式:

  • 3DS:3D Studio的格式,大多數的3D軟體都可以支援
  • OBJ:常見的3D物件檔案格式,Alias、MAYA、3D Studio、Poser都可以支援
  • U3D:Acrobat 7、Acrobat 8、Acrobat 3D都支援的格式,閱讀一份PDF時可以和3D圖檔互動
  • KMZ:Google Earth 的檔案格式
  • COLLADA:製作Game常用的格式,讓3D資料以XML的型態儲存,也可從Google SketchUp轉存

所以一間建築師事務所或室內設計公司,可以把原先在3D軟體的圖檔,輸入Photoshop CS3 Extended,調整角度、光線、3D物件的材質(Yes! 以上動作都可以在Photoshop CS3 Extended做到),然後就可以放到精美的型錄上,對他們的客戶做簡報或印刷DM了。

之前的工作流程: 3D軟體>設定光源及物件材質>算圖Render(可能要2小時)>存成2D格式(TGA或TiFF) >進入Photoshop>發現角度不對、光線想要偏黃、物件質感像塑膠>回去3D軟體>以上流程再來一次、一次又一次

CS3的工作流程: 3D軟體>設定光源及物件材質(不用算圖Render)>存成3D格式(以上5種) >進入Photoshop CS3 Extended>發現角度不對、光線想要偏黃、物件質感像塑膠>在Photoshop CS3 Extended直接修改到完成階段

這兩種流程有一個最大的差別:時間。傳統的流程花了很多時間在算圖上,所以萬一修改3次,最後光是算圖就去了6個小時;但是如果你用Photoshop CS3 Extended,把這個不確定因素放到流程的最後,利用Photoshop CS3 Extended節省大量的時間成本。

不過,我也得說,這也是Photoshop CS3 Extended的硬體需求很高的原因,Photoshop CS3 Extended 中的部份 3D 功能需要具備 64MB 以上的 VRAM 以及 Microsoft DirectX 9 功能的顯示卡 ,但是相較於時間成本,硬體成本的投資很快就回收,因為可以把時間省下來。所以CS3除了整合Design、Web、Video三塊領域,還跨到了3D或CAD的面向,可以看的出來這些前端的工具的發展會越來越偏重工作流程的改善及整合。

如果想了解這兩個版本更詳細的功能比較,可以參考Adobe網站

May 08, 2007

第2回合

回顧在這裡寫的第一篇的Adobe Blog 已經是一年半前的事了,雖然也曾在Yam寫了一些東西,終究並沒有定期更新,通常只是為了辦教師研習營把檔案放在Blog給人下載,自從Yam和Roodo分家後,原先的Blog也已經掛了,所以還是回到自己公司的Blog,紀錄一些工作上的想法,所以...

 

    1. 用中文書寫(其實Adobe產品的英文資料是很多的,中文就....)
    2. 會偏重在Creative Suite(要談這十幾個產品就寫不完了)

 

以上,夏幾米部落格第2回合開始。

 

P.S. 附帶提一點,為了擋垃圾留言,這個Blog用了Six apart的TypeKey,如果要留言,請先加入會員 就可以留話了。(我的回覆會在晚上,請留言的朋友多多擔待!)