← 回到公開活動書架 ← 回到選擇

開場 + 講者一:Sam(陳柏宣)

平面設計師與視覺藝術家 · 用 Claude 為插畫做動態、建立分享工作流 · 自製 halftone 影像工具

謝謝大家!我是一名平面設計師,也是一名創作者。我今天想要講的主題是如何透過AI讓進派設計轉換為動態描寫。我會取這個主題是因為今天會有兩個項目要講。第一個是我轉發靜態的圖像成為動畫。另外一個是我做了一個叫做Half-Tone的影像轉換工具。影像的轉換工具是透過將影片轉換成點陣化影像, 裡面有參數可以調整, 最後就可以有不同的動態效果。

alt text

首先我會先, 這是我今天會講的流程, 一開始我會先簡單的自我介紹一下, 以及我個人的挑戰, AI是怎麼協助我的,MVD 展示, 回過頭看流程, 與兩項流程對應, 以及對應兩項項目。

個人介紹, 我是一個自由業的平面設計, 也是一位創作者,我專注的領域是在品牌視覺跟活動或是簡單的設計上面。我目前主要都是以原短的形式跟不同公司去進行配合。目前是在一個軟體業跟畫廊進行視覺的合作,我在之前也有參與過幾個個人的小型畫展。

alt text

好,那我們個人的挑戰, 挑戰的話總共會有三個, 第一個的話是因為我自己沒有動態或是程式相關的背景, 然後第二個的話是因為我自己接案的關係, 我實務上面幾乎都是以靜態為主,我學過一些程式,但因為我在實務上沒有用到, 它好像沒有辦法太過於深入。第三個是, 也因此我覺得我在創作上也會比較局限。那AI是怎麼去協助我?

alt text

第一個我覺得它最直觀的是它可以加速我創作的探索。我可以對於我不熟悉的領域跟它很直觀地去發問, 也可以立即獲得技術,也可以不停地去測試畫面跟互動。

alt text

第二個就是它可以讓我從原本的靜態作品延伸出不同的動態表現。

最後的話,它也可以讓我降低創作的門檻, 就是原本我看到有創意的東西或是有什麼靈感, 可能因為我技術的關係它就只能在我腦中, 但透過AI我可以降低門檻, 然後跟它溝通, 然後有機會可以被實現。接下來我會進到我的播放中。這是我做的網貼,這兩個就是我用我的Half-tone工具做出來的。我可以先看插畫的部分。我這次總共做了六個,然後他們會各自以不同的方式去做呈現。我等一下會以這個來去當作解說。

alt text

其實我覺得在靠AI上面,好像把它轉為動態並不是一件特別困難的事情, 可能取決於你的動態效果。我自己個人像這種物理的彈跳或是發散的效果都是蠻容易就可以拿到的。那這個Half-tone的工具,然後做了一個介面, 然後透過這個介面我們就可以把影片或是圖片放什麼的, 然後做到一些動態效果。在這裏可以選擇選擇的算法跟模式。在這裏也可以加入一些運鏡的概念, 像是像素故障的概念, 顏色錯位, 監視器的效果。這幾個功能可以輸出文字, 或是做任何詞彙的調整,最後可以輸出成平面或是動態的,這邊也是我做的另外一個範例。

如果今天是一個圖片而已的話,它一樣可以透過簡單的動態特效去做到一些效果, 這次的視頻是在下方的影片中,請留意。內在創作流程的話,一開始我會先描述畫面給AI,然後跟他一起去拆解動作,然後再修改,最後會製成各種不同的動畫。首先第一個的話是插畫轉動態的。這個的話,一開始我會先用詢問的方式問他說他有沒有看到我內容中的圖片, 因為我是先把Illustrator轉成SVG檔, 因為我覺得SVG檔的效果好像比JPG或是PMG更好一些。

alt text

此外, 其中一項是在這個項目中, 提供了三項的資料。這次的資訊是多大,裡面看到的元素。再次,我可以根據它所提供的元素去做一步一步的拆解, 跟它說我覺得這些東西要怎麼動。然後他就會依照我所提供的邏輯再去做加強的敘述。然後最後的話再去修正。那基本上我覺得在一般的動態效果, 像浮動啊, 或是一些碰撞, 我覺得都蠻容易就達到, 或是一些霧影的動態效果。

我主要是在這個頁面上花了比較多的時間, 因為他一開始都會一直用很像是遮色片的這種效果, 然後我很難去跟他描述說樹葉要怎麼用生長路徑的概念。其實我也透過了就是丟一些案例影片, 就是一些素材的影片的方式去跟他講, 那我覺得最後我們在幾次的修正之後也有達到我自己想像中的效果。

最後,它可以輸出各種檔案, 因為我覺得用圖片轉動開的話, 蠻消耗token的, 我很容易就不夠, 因為每一次修改必須要重新建立SVG檔, 特別是我的圖可能有各種材質或是有建成上面的底價,每次修改會消耗蠻多,所以我自己的方式是當它用成一個HTML之後, 我就會用螢幕錄影的方式把它錄下來。然後再,當我自己去看品質,我覺得它是可以適應在不同的畫面上, 就不會因為螢幕錄影的方式而讓畫質降低。

然後再來的話就是Half-Tone的影像轉換工具。我一開始其實沒有不像現在的界面這麼完整的需求, 我主要就是跟他說我想要一個可以把影片轉換成像素化點陣(halftone)的工具。然後他幫我做出來之後, 我就想說也許可以去調整一些參數, 可以讓整個功能更多。但是確切什麼參數其實我也不太了解, 那這部分他就會幫我去做一些分析, 在這段時間內, 其他人都覺得可以開展三個項目, 依照這項目可以有哪些功能。

alt text

最後修正的部分, 我主要是修正介面的外觀, 因為有時候AI工具生產的網頁會AI感比較重一點。我自己的方式是進到Claude Design裡面, 然後告訴他說我要把Google Material Design的guidelines也放進去, 請他參照那樣的樣式。他完成後的樣式確實會比較成熟一點。

最後就可以輸出成平面或是動態的。這是輸出成平面的版本。這是輸出成動態的版本。這個其實我只是用螢幕錄影跟文言來參數, 然後就可以加上音樂。

在這次的分享中, 大家可以看到我對於AI的感受和感受。我認為AI是一個能夠將實現門檻的工具。以往,如果以我作為影片設計師的工具, 我可能沒有辦法達到這些目的。這就是我對AI的感受。我覺得AI可以讓我更感動去創作,去想像一些新的東西。最後我的解釋就是,我覺得AI雖然能夠去模仿風格,或是它可以加快執行,但它始終無法真正理解作品背後的意義。謝謝大家。

← 回到選擇 下一個:講者二:Rong(芷瑢) →