Photoshop CS5(00)
當您覺得 Photoshop 5.5 → 7 → CS4 已經夠好用時,未來大概也不會再有啥令人驚豔的功能時
筆者倒是持相反的意見:
‧因為 OpenGL 的功能已徹底融入 Photoshop CS5,所以未來 Photoshop 會內建更多的 3D 功能
‧因為把更複雜的高等數學合理運用 ( Content-Aware, 內容感知 ),所以未來 Photoshop 肯定會推出更多超級實用的修圖功能
‧因為對筆刷有更全面的解析 ( 不只是繪圖用的筆刷,而是像 Spot Healing Brush 等滑鼠應用 ),未來 Photoshop 肯定會推出更多筆刷的創新功能
‧因為已經可以輸出視訊檔,所以未來 Photoshop 肯定會推出更多簡易的視訊功能 ( 甚至是輸出 SWF 檔 )
‧因為 ……,所以未來 Photoshop 肯定會推出更多的 ……
以下就來看看 Photoshop 新功能的新觀念:Seam Carving
■ Initial
■ Fake Photoshop CS5
■ Seam Carving
■ Seam Carving in Flash / Flex
■ Seam Carving Softwares
在 Adobe CS5 的系列產品中,最早推出的就是 Flash Builder ( 可見得 Adobe 有多重視 Flash Builder / Flex )
而 Photoshop CS5 的啟始畫面,與 Flash Builder 類似,看起來很酷 ( Adobe CS5 的啟始畫面都是以這一類的視覺為主軸 )
網路上很多測試版的 Photoshop CS5,都與正式版有點差距:
譬如本例筆刷的筆桿,正式版是 白色,但網路流傳的是 金黃色:只是顏色的差距,倒無傷大雅
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
本例則比較離譜
一開始只說是 Adobe 與一些大學合作的新技術、接著也只提到 Photoshop CS4 的 內容感知比率
一看下圖的界面就知道不是 Photoshop,偏有一堆文抄公的部落客說這是 Photoshop CS5 的新增功能:
這種新的技術叫做 Seam Carving ( 接縫雕琢 )
Seam Carving 的技術可以使用在 圖檔,也可以使用在 視訊檔 ( 視訊檔其實就是連續的圖檔 )
這讓 Seam Carving 變成未來 Bitmap 與 Video 等編製軟體所不可或缺的重要功能
再看一例,就更好懂了:
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
Seam Carving 的學術名詞是 接縫雕琢,Photoshop 給它取了一個比較易懂的名詞 Content-Aware, 內容感知
從 Photoshop CS4 的 內容感知比率 ( Content-Aware Scale ) 來看 Seam Carving 會比較好懂:
當把圖檔拉寬 / 拉窄時,會產生很多畫素間的 縫隙 ( Seam ),把這些縫隙接合得很順暢,就是 雕琢 ( Carving )
Photoshop CS5 則再增加了 Content-Aware Fill:( 選取區就是接縫,填入就是雕琢 )
Seam Carving 的用途很廣:
■ Retargeting:把圖檔拉寬 / 拉窄,譬如 Photoshop CS4 的 Content-Aware Scale ( 內容感知比率 )
■ Inpainting:以筆刷在不要的地方塗抹,然後自動填入周圍相關的畫素,如 Photoshop CS5 的 Spot Healing Brush + Content-Aware
■ Reshuffling:下圖的建築物就是 Reshuffling ( Rearrangement ),也就是前面那個離譜的 Fake Photoshop CS5 ( Adobe Photoshop CS5 - PatchMatch )
Photoshop CS5 目前並無此功能,但肯定會再下個版本加入
( Seam Carving, PatchMatch, Content-Aware, ...,名詞永遠很難統一,但最後大家都會以 Photoshop 為準 )
看看下面的視訊檔,對於 Reshuffling 就比較有概念了:
■ Composition:下圖則是更複雜的內容感知 ( Seam Curving, Content-Aware ) 了
Photoshop CS5 目前並無此功能
上述四種 Seam Carving 只是 〝基本款 〞,每一款都還可以再有一些功能與變化 ( 視軟體而異 )
別忘了 Seam Carving 也可以用在視訊檔:
After Effects CS5 的 Rotoscope with Rotobrush 也是 Seam Carving 的一種應用:( 前述的 Inpainting )
微軟也有很先進的視訊技術,但問題是沒有商品化,而 After Effects CS5 已經推出了:( 技術和商品化完全是兩回事,這類的技術還很多,難是難在商品化 )
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
如果您想更瞭解 Seam Carving,可以參考 Computer Vision Lab
不管是稱為 Seam Carving, PatchMatch, Retargeting, ... 還是 Content-Aware,都有不少論文:
Seam Carving for Content - Aware Image Resizing
Shift-Map Image Editing
Automatic Image Retargeting
Image Retargeting Using Mesh Parametrization
CAIR - Content Aware Image Resizer
如果您想要 以 Flash 來編製 Seam Carving,可以參考 Optimizing Seam Carving 這一篇
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
接著來看看以 Flex ( Flash Builder ) 編製的 Seam Carving 網站:Resizer
本例有點是把 Retargeting 與 Inpainting 雙效合一的味道
蝦米 ?! HTML 5 + CSS3 想要取代 Flash Player ( Flash Player + Flash + Flash Builder + Flex ),下輩子唄:
HTML 4.0 是 1999 年的東東,11 年才改版,HTML 5.0 未來也好不到哪裡
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
另一個有 Seam Carving 功能的網站,就是 Foto Flexer:( 上面的 Resizer 只有單一功能,本例則是多功能的影像編輯網站 )
Foto Flexer 雖然功能眾多,但是在 Seam Carving 的功能確比不上 Resizer 好用,所以筆者就不搞視訊教學了
在 Premiere 那一篇中,筆者提到過 10 個線上影像編輯的網站:( 其中就有 Foto Flexer )
■ Picnik
■ Photoshop Express ( Photoshop.com )
■ flauntR
■ Pixlr
■ Splashup
■ Sumo Paint
■ FotoFlexer
■ Lunapic
■ PiZap
■ Pixenate
內建 Seam Carving 功能的軟體則有很多:
■ Photoshop CS5 的 Content-Aware Scale ( 內容感知比率 )
■ Photoshop CS5 的 Content-Aware Fill
■ GIMP 的 Plug-Ins:Liquid Resizer,有了 Photoshop CS5 就不必管 GIMP 了
■ Xara Xtreme 的 Content Aware Scaling,有了 Photoshop CS5 就不必管 Xara Xtreme 了
■ Seam Carving GUI
■ Liquid Resize Retarget
看了上述兩例,您一定會覺得為啥這兩個 Content-Aware Scale ( 內容感知比率 ) 的小軟體都有筆刷的功能,而 Photoshop CS 4 / 5 卻沒有 !!
其實是有的,只不過 Photoshop CS 4 / 5 是以 Channel 來行之:
■ Photoshop Elements
很少人知道 Photoshop 有個精簡版 - - Photoshop Elements,而且在國外賣得非常好
本例就來看看 Photoshop Elements 的 內容感知比率 有多好用:比 Photoshop CS5 還好用 !!
2010‧0513
2010‧0515:
Photoshop CS5 中文測試