Sunset

110405065
·
(修改过)
·
IPFS
這週不是死線戰士了!二修走路小人 + 新專案毛毛落日

簡綱

二修版 Walk 🔗:openprocessing.org/s...

(初版 Walk 🔗:openprocessing.org/s...

本週 - 毛毛落日 Sunset 🔗:openprocessing.org/s...

這週終於不再是死線戰士了!有時間慢慢打紀錄 & 心得真好_(:_」∠)_ 這個禮拜其實沒什麼靈感,很想直接把二修 Walk 的歷程當本週的心得,但在良心的敦促下還是生出ㄌ姑且算是新的成品~

二修 Walk

上週在壓壓壓死線的情況下,完成了初版的 Walk,我很喜歡 Walk 最終的呈現效果,不過仍然有些小地方讓我感到遺憾,於是這週便找時間把它再進一步調整~。

初版 Walk - 幾何背景
初版 Walk - 山水背景

上週主要不滿意的點有兩個,山水背景版太白、太淺,容易和背景底色融在一起,使「剪紙」動畫的感覺不明顯,而另一個則是幾何圖形版背景的顏色不是很喜歡。

於是這週首先先調整山水背景的線的深度、密度,讓背景的山水輪廓更顯眼,接著再嘗試幫整張圖都加上一層 noise,原本是想營造下雨的感覺,結果放上去後發現超有老舊紙張的感覺,而且也讓人物整體的輪廓變清楚了!

接著再調整幾何圖形的部分,當初我提到希望配色有和風的感覺,於是這次我直接找到一個日系配色網站,在網站中隨機找幾個喜歡的顏色放入陣列中,每次繪圖時再從陣列隨機抽取顏色填入,實際配出來的顏色其實還是沒有很和風,不過整體更鮮明、更有變化,所以我最後決定保留新的改動~

左)在背景加上 noise 後瞬間很有剪紙的感覺(超like!) 右)新配色!

作品連結🔗:openprocessing.org/s...

以上就是 Walk 的二修歷程小紀錄!接下來便是本週新專案 Sunset ㄉ紀錄~

發想

這週在想能應用毛毛技術做什麼作品的時候,腦海裡第一個想到的畫面就是梵谷的作品,不過很顯然,臣妾做不到~~於是我繼續聯想,想到了夕陽落在海面上的畫面,海浪、陽光映在海面上波光粼粼的畫面感覺正好可以用毛毛來呈現。

於是乎,雖然海面上的夕陽感覺是個老套的題材了,但我還是決定本週就來做這個~(畢竟我也沒其他靈感⋯⋯(ノ_<))

初構

一開始的構想是上半部畫布用 noise 做天空,下半部用毛毛畫海,中間再用毛毛畫太陽(把毛毛原本的矩形改成圓形),成品大概長醬:

初版成品,毛毛海是基於課堂程式碼小調整完成,太陽則是把毛毛的形狀改成圓形 & 筆刷統一橫向

呃⋯⋯看起來只能說有點車禍,至於這是一個海上的日落ㄉ部分,只能說就算説它是抽象畫也看不出來@@。

調整 - 分層

雖然當下我覺得這個專案沒救了,但還是硬著頭皮試著調整。

首先我最不滿意的地方是太陽和海重疊的位置變成幾乎黑色(我期望的畫面是藍色的海帶點橘紅的陽光在上層),於是我想起這幾週用到的分層 —— 使用 creatGraphics 建立多層畫布,畫完後再整合起來。此外,我也把色彩模式由 HSB 改為 RGB,如此一來就可以更容易地調整顏色的透明度~調整完的成品如下:

瞬間沒那麼混亂邪惡ㄌ!

調整 - 海面

確認分層畫圖的形式可行、成品也堪看後,我便開始進行畫面方面的調整,雖然海浪的毛毛會有不同角度的變化,但整體還是太平整了,沒有海的感覺,於是我調整毛毛海浪 Y 座標的設定,讓毛毛海變得有波浪起伏。

調整完海浪後,我也幫海面加上陽光,陽光的寫法類似毛毛太陽,只是把圓形再換成三角形,調整完的成品大致如下:

開始有 fu 了!港動~

收尾調整

完成大致的程式碼後,剩下最後的微調,首先我希望把整體畫面往上移,讓海在畫面中的佔比變大,於是我先把天空往上移⋯⋯結果發現,好像在畫面上留些白反而比較好看,於是最後也沒有再動太陽跟海,只移動了天空。

忘記什麼時候到美術課老師有提到過山水畫裡留白的重要性,雖然可能不是用在這,但感覺留白後確實比較好看_(:_」∠)_

接著我再調整海浪,目前海浪有時平滑,有時很抖,太抖其實感覺有點像泡麵,所以我把海浪的參數重新修改,讓它整體都會是平滑、只有小起伏的,並且也把海浪稍微地調整更整齊。

變整齊的海浪

不過海浪變整齊後也出現了新問題,背景可能會破洞!於是乎,我又基於天空背景的 function 做了一個海浪版,墊一層藍色的 noise 在海浪下面,如此一來破洞的地方就不會那麼明顯,而且超出海浪上方的 noise 還可以當成浪花的感覺~

左)noise 墊在背景拆解圖 右)組合起來的效果,noise 還可以當浪花!

完成 & 動畫效果

上面差不多就完成整個作品了,但因為我對「能動起來」莫名有種執著(?)所以最後也再一步調整,把程式調整成動畫(其實就是把原本寫在 setup() 的東西移去 draw(),並且每次都 clear() 掉原先的繪圖內容就好了~),畫面會一直生成不同的波浪和太陽,有海面波動的感覺~

(不過完成後我覺得這個作品好像其實就靜態也很好,沒有很必要做成動態。)

總之,最後也是終於完成了~好耶!

作品連結🔗:openprocessing.org/s...

成品四宮格

小結 & 心得

這週其實真的沒什麼靈感,而且一開始做的時候還車禍現場實在很讓人眼前一黑,不過後面一次一次地慢慢修,最後成功把一開始ㄉ抽象畫調整成現在(終於可見人)的成品模樣,中間的進化歷程回頭看還是蠻讓我感動ㄉ(這樣講起來怎麼有點肉麻,而且我怎麼好像每週都在感動@@)~

總之,以上便是本週ㄉ週記紀錄~希望我下禮拜靈感會回來_(:_」∠)_

* 題外話,怎麼感覺這兩週週記缺交率直線上升,我這週甚至只需要評 7 篇(死線戰士的小確幸⋯⋯?)。講到互評,也很謝謝很多同學們會用心看完我的週記並且給我回饋跟鼓勵,有時候真ㄉ會覺得暖暖ㄉ~(尬的今天到底為什麼這麼肉麻><)Anyway,謝謝大家,以上!

CC BY-NC-ND 4.0 授权

喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!