2015年8月28日 星期五

Adobe CC 2015 新功能發表會[筆記] (1/2)

因為看到一些跟發表會當天示範內容幾乎一模一樣的範例和影片,就跟著自己的筆記整理一下給大家,未來時效過去大概就會刪掉了。

通常是自己覺得有趣的才會筆記下來,因此本文中不一定包含當天發表會所有的內容。
我貼的時候大多還是英文的影片,不過請放心,內容都很簡單不聽旁白也大概知道它在幹嘛~

有一些影片我會貼從中間開始的,節省看的時間。不過我都是大概抓個點,因為發表會那天我都看過了,不想花時間從頭到尾再看一次。

這次Adobe有強調三個重點項目:

1. Adobe Creative Cloud (即你我都熟悉的桌面版軟體CC那些,再加上行動版輔助的小App,大多放在第二篇再介紹)

2. Adobe Marketing Cloud (這個我當天沒有聽很懂,還是他們根本就沒有解說?不過我估狗到一個官方影片還蠻好笑的,等下會分享!)

3. Adobe Document Cloud

先來把剛剛搜到的Adobe Marketing Cloud解決掉:


簡單翻譯一下:
  1. 火箭準備要發射了~
  2. 第一次電話進來,贊助商說數據表示:「Logo商標要再大一些。」
  3. 火箭準備要發射了~
  4. 第二次電話進來,數據表示:「他們 (誰?)不喜歡這個顏色,而且要有井字tag標籤。」
  5. 火箭準備要發射了~
  6. 第三次電話進來,搜尋數據表示:「火星不再有任何的交易,所以他們想要把火箭送到冥王星。」
  7. 「冥王星!?它甚至不是個行星!」
  8. 火箭準備要發射了~大家都很興奮
  9.  燈熄了... 「發生了什麼事?」
  10.  「抱歉夥伴們!他們預算用罄,我們得等到第四季才能發射...」
[結尾] 你真的知道市場在幹嘛嗎?我們可以幫你!

哈哈哈哈~

 ◎ Adobe Preview CC app + InDesign:

一開始介紹的是Preview CC app。這裡他們請了一位蘋果日報的設計師展示一下他使用InDesign設計線上數位雜誌Apple Fashion的經驗。大意是說排版過程中,搭配 Adobe Preview CC app 在裝置上即時預覽,可以讓他很放心地專注在數位內容的設計,而不用一直花時間上傳後測試、上傳後測試。

在InDesign中,(忘記哪個選單) 有個Publish online (Preview)的Check box,因此即使你還沒有自己的網頁空間,還是可以送到自己的Adobe Cloud雲端空間,實現你預覽的目的。

可惜目前這個App只有 iOS版,點此去看一下
我猜是因為Android系統的機子實在是太多,他們要統一即實預覽的設計也很難吧?Adobe加油!

我找到一個影片拍得不錯,可以看出來實際是如何運作。不過他搭配使用的是Photoshop的Artboard功能,如果聽不懂英文的話,從1:31開始看就好了。只要相同的 wi-fi or 接線接 cable 就可以在Device裝置上預覽。


※這樣真的很像以前開發任天堂遊戲時,開發機隨侍在側的感覺一樣啊~

  • 如果對Preview CC還有更多疑問,可以到這個中文頁面看看:
https://helpx.adobe.com/tw/mobile-apps/help/preview-faq.html

 ◎ Photoshop (Ps) 的Artboard 概念:

[影片] Sneak Peek: Artboards in Photoshop CC
https://youtu.be/qkgsGhwG7rI?t=1m31s

[影片] 官網影片感覺解釋得更清楚:
https://helpx.adobe.com/photoshop/how-to/design-with-artboards.html

以上是把 illustrator 的 Artboard 功能帶進來。我個人是覺得比較像 Layer Comp的進階版,總之就是一個組織圖層的方式。

如同前一個影片,這些Artboard 可以在裝置上即時測試。

  • 由於最近在教設計英文,Artboard 這個詞,Adobe官方是統一翻譯成「工作區域」,所以中文說明的關鍵字要找「工作區域」,我在這裡幫你找好了官方中文說明:
https://helpx.adobe.com/tw/photoshop/using/artboards.html

官方英文說明:
https://helpx.adobe.com/photoshop/using/artboards.html

 ◎ Dreamweaver (Dr) 直接連線裝置的預覽功能:

Preview and Inspect on Mobile Devices with Dreamweaver CC


只要裝置在同一個網域就可以連線。上面這個影片介紹連線到iPhone, Windows Phone and Android裝置上即時預覽,影片下方也有提供範例檔讓大家下載測試看看。他們把這個叫做「Responsive Design」。

這個在發表會那天本來有要示範,可是好像因為現場網路問題就先跳下一個展示,這個展示就被遺忘了。幸好今天找到影片。

[影片] Build Responsive Websites in Dreamweaver CC
https://youtu.be/3cAriTRxVB8?t=2m4s
這裡有我看到的那個各裝置尺規。不過 Dreamweaver 我沒有這麼常用,如果有需要我幫忙聽的段點再跟我說。

 ◎ Illustrator Technology Preview - CC Chart:

這裡所說的Technology Preview是指有些功能還沒有正式發表,但有官方正版訂閱CC的人可以先玩一下測試看看喜不喜歡此功能、或是用過後有沒有什麼意見、缺點需要改善的。感覺有點像封測啦~ 想當然爾也還沒有釋出官方中文說明。

英文官方中文說明可以看這裡:
Illustrator Help / Creative Cloud Charts (Preview)
https://helpx.adobe.com/illustrator/using/creative-cloud-charts-graphs-infographics.html

而CC chart的功能大概是說,Illustrator中的長條圖圖表,可以即時抓Adobe雲端中Excel檔的數據隨時更新,也可以隨時更換條圖的圖形和對齊方式使它們更活潑。

總算找到兩個合適的影片,一個是在雲端調整變化,一個是在以拉理面調整變化,但數據都從雲端抓:





 ◎ After Effects CC (Ae),3D tracking的大幅改善:

說起來感覺AE有很多更新,但我實在找不到一個短短的影片快速介紹我當天看到的Demo,所以就分別找不同的影片顯示一下我那天看到的重點。
  •  Adobe Mercury Playback Engine 強化預覽表現:
    因為這個水星引擎的關係,AE、Premiere、Illustrator 等等數個應用程式的預覽和捲動都變快了。發表會當天是沒有講很多,我剛剛自己搜一搜大概瞭解一下:水星引擎大致上是使用CUDA技術,和OpenCL有關 (注意不是OpenGL),也就是說要 NVIDIA 顯示卡的某些型號才有支援~ ( 詳細情形Google 一下有些英文資料,我對硬體沒有很懂,就不在這裡多嘴惹...)
  • 大幅改善的Motion Tracking!
  • 真正的3D Camera Tracking!
下面這個影片就是強調可以一邊播放一邊更新的預覽功能

所以臉上事後加變妝眼鏡、建築物上的大破洞、未來頭盔表面的假電腦畫面設計 (Fake UI),都可以隨時增加或減少且「即時預覽」。

下面這個影片展示大幅改善的Motion Tracking,不過因為影片太長,重點也挺多,所以我只貼連結以及重點需要看的影片時間點:
[影片] After Effects CC: What's New:
https://youtu.be/wqf_KdleLj0?t=4m59s
  • Motion Tracking的部分,從5:00的地方開始看就好。
  • 6:00的地方,臉部Tracking的點可以細到眉毛、眼睛、鼻子、嘴巴等等更細的細節。(因為此功能的長足進步,順便帶出下面一個軟體叫Adobe Character Animator。)
  • 如果我沒記錯的話,tracking 的 mask 可以設定排除眼睛(因為會眨)。
  • 7:00的地方,更進一步將Tracking的結果套上一個面具,而套上面具後,因為眼睛動作變得不清楚,所以還把眼睛變大一些。
  • 7:50的地方,是介紹共享資料庫(Library)。可以把行動版app擷取的資料及其它Adobe應用程式製做好的圖像透過資料庫隨時取用。可算是Bridge的更新吧?
    (行動版app會在第二篇介紹)
  • 大約到8:00的地方,有我下一篇筆記介紹的行動版app,現場抓色。10:36的地方,就是將現場抓到的色調直接從Library抓進來套用 (調光很方便呢!)
  • 這個影片有點長,影片後段主講從官方授權的圖像資料庫下載圖片來使用,也有永不間斷、可以一邊播放一邊更新的預覽功能 (即前一個影片),有興趣的再自己看看。

下面這個影片則是我找好久才找到比較簡短的新功能介紹影片,也有談一點跟Premiere之間的關連。AE重度使用者看這個可能比較節省時間。



最後,AE的部份我想補充一個比較清楚展示真正3D Camera Tracking的影片。這個影片很長,但因為是一個特效工作室拿專案來講解,所以前中後都有挺酷的Demo,我就不花時間解說了,有興趣的可以自己看看。

[影片] After Effects CC: Motion Tracking the Impossible
https://youtu.be/vIEdhlS-zYA

 ◎ Adobe Character Animator (Ch) - Technology Preview:

[影片] Character Animator: Breathing Life into 2-D Animation

https://youtu.be/jAcTtmn-pBc?t=7m51s
先大概看從7:50~ 10:00左右的地方,就可以大致了解這個功能。

請注意右上方的人怎麼說話怎麼動頭,攝影機就即時捕捉並直接反應在魚的rig上。
魚是在 PSD 中做好的分層元件(圖層名稱有命名規則),import PSD into Ch,在 Ch 裡設定 rig。

主要原因是 AE 的 Motion Tracking 功能有大幅改善,強到連眼睛有沒有眨都可以追蹤,所以就應用到這邊來了。不過這有點令我擔心打擊到Reallusion公司的Crazy Talk。

如同前面介紹的CC Chart,這個軟體還是 Technology Preview 版本 (連beta都算不上),還沒正式發佈,但已經付費套裝CC的使用者可以使用,將聽取使用者回饋、改善之後才會正式上架。

*注意:
你問我動畫師有沒有因此感受到威脅?

我是不知道其它人啦!我自己是覺得沒有。到目前為止動態捕捉讓我比較感覺不出來的只有電影Avartar而已。不過我們也不會說那是動畫,那是一種很棒的動態捕捉技術。人工調的數位動畫、人工中割的紙上動畫,永遠不會被動態捕捉技術取代。這就像 Photoshop 和 Painter 所模擬的油畫效果不管有多強,都取代不了油畫。(照像機出來了這麼多年,油畫還是存在!)等你到我這個年紀就知道了。

 ◎ Lightroom CC - Dehaze 除霧、增霧功能:

[影片] Sneak Peek of Lightroom CC "Dehaze"
https://youtu.be/QhM2br4InHw?t=16s

下面有人留言說:什麼?你好不容易拍到美麗的霧你要把它除掉? ...

(哈哈哈~)

另外,如果當場我沒聽錯的話,是說Ps裡面也會加進這個功能。


※續篇寫好了,在這裡

官方新聞稿詳細的內容可以看這篇文章:
http://chinese.vr-zone.com/151130/20150617-adobe-creative-cloud-2015/

沒有留言:

張貼留言