數位電腦媒材: 10月 2012

2012年10月29日星期一

作業四：聲音剪輯

使用SoundBooth 剪輯，為先前Motion Graphics影片配合"音樂"及"自行錄製"聲音
運用cross-fade
.fla 及SoundBooth檔寄給助教
檔名： HW4_學號姓名.fla HW4_學號姓名.asnd

2012年10月22日星期一

PJ1_B9842106 孫培剛

http://youtu.be/B8yUFmDwy84

轉成avi之後就甚麼都看不到.....也不知道為什麼會這樣
在下面附上上傳雲端硬碟之後的網址

一樣是做tpa獲得LOL世界冠軍的主題
不過是對於冠軍戰的對手：來自韓國的azubu frost
其中每一場的出賽陣容及比數作了簡單的介紹
http://stweb.cgu.edu.tw/~b9842106/champion.html

B9942119 PJ1 - Mermaid

http://www.youtube.com/watch?v=Q8KUbku5SxY&feature=youtu.be

美人魚悠游海中，剔透的氣泡環繞，魚群也隨之起舞

SWF: http://stweb.cgu.edu.tw/~b9942119/mermaid.swf

PJ1_B9942105_林雅嫻_From Deep Cuts_更新說明

http://stweb.cgu.edu.tw/~b9942105/PJ1_b9942105.html (html較YouTube正常，建議觀看這個~)

此影片之靈感來自於Erik Johansson的攝影作品Deep Cuts（在影片最後）及他在TED的演講，並為這幅作品加上了前導的「自編」故事，最後呈現出Deep Cuts這幅作品及TED片段，算是對大師的致敬吧！延續上次的小作業繼續做完，以下分述其故事內容及手法。

故事內容分成六個場景：

影片開頭（第一場景）帶領觀眾進入故事的情境。像小飛俠彼得潘一樣，由空中自由落下後，故事中的瑞士村莊（作者為瑞士人，所以他的作品多有瑞士元素）慢慢浮現，再向前飛進村莊中。

手法：將多張網路上蒐集的圖片用Photoshop修圖、去背後，將PS圖層匯入元件庫，轉成元件，用Flash預設的移動效果加以改造，製作移動、形狀補間動畫，並改變加速度、透明度，增加立體及真實感。

（天空往上移-放大-村莊遠景上移-村莊遠景下移、放大、變淡-村莊近景放大、變深）

第二場景述說這平和小村莊中的日常瑣事。就跟平常一樣，農夫們辛勤的工作，小孩們快樂的玩耍，農場動物們也非常自在的生活著。

手法：此場景若單純為敘述或靜態圖片，總覺得有點無聊，所以想用「紙娃娃」演出的方式呈現，增加趣味性及動態感。將PS圖層匯入，用了Flash預設的移動效果加以改造，移動、形狀補間動畫，加速度、透明度。

第三場景為轉折。但是有一天，這平和小村莊發生了變化，開始天搖地動，「平凡將變得不平凡」。

手法：觀者視野由戶外全景拉到室內（移動、形狀補間），因為發生變異，所以躲到室內，由窗內向外看出（遮色片，並用移動、形狀、顏色補間做加速度及色相變化），最後用Flash預設效果加以改造，製造震驚感。

第四場景交代發生的事。原來是有一龐然大物劃破天空，墜入土地，並將村莊中的小屋切成了兩半。

手法：將龐然大物的墜落過程化為觀眾的視野，製造臨場感，動畫手法與上差不多。

第五場景將觀眾化為故事中的一員，從天搖地動中甦醒過來，眼睛慢慢張開，視線由朦朧逐漸清晰，並自問：「那龐然大物到底是什麼？」

手法：眼皮為黑色色塊的形狀變形動畫，圖像由模糊轉清晰，由於還不會濾鏡，所以用PS做一張模糊的（放上層）、一張清晰的（放下層），模糊的做顏色補間慢慢變淡，所以清晰的就慢慢浮現了。

第六場景呈現事情的原委，也就是Erik Johansson的作品Deep Cuts。原來是一把「大剪刀」將屋子切成了兩半，那為什麼我字幕上寫「It’ s our imagination.」呢？此靈感來自於Erik Johansson在TED演講中的結語「The only thing that limits us is our imagination.」我將它隱喻成：其實要將平凡（的小村莊）生活變得不平凡，靠的就是生活中的想像（這把大剪刀），有點像「天外飛來一筆」的意思，所以才將這句結語和他的作品做聯想，編出了這個故事。

手法：遮色片、移動、形狀補間、加速度、透明度、匯入影片（TED結尾片段）

發生問題：

1.發佈後有些元件跑不出來或不會動，原因不詳（皆有轉成元件，Flash裡播放正常）

2.發佈後和匯出成影片後，錯誤的問題點不同，多次嘗試後無法解決。（例：發佈後某圖只會閃過，其餘正常；但匯出影片後，某圖正常移動了，但某字幕不動）

3.匯出成avi和QuickTime也會有些許不同，例：時間差、流暢度

影片網址
http://youtu.be/xrAsHhXdu4Y

PJ1_B9942101黃珞鈺

http://stweb.cgu.edu.tw/~b9942101/b9942101-bj1.html

愛麗絲在樹下睡著了，朦朧間感覺到了某種花的香味
還有花瓣輕拂過肌膚的感覺
是很久很久以前，小時候記憶深處的花香
伸手想要抓住，卻發現花香像蝴蝶
從手中飛了出去

所用到的鏡頭語言主要是 "拉近拉遠" "淡出淡入"
使用的移動技巧有:"傳統補間動畫"--穿插於許多放大縮小的畫面
"逐格動畫"--------愛麗絲呼的動作頻率
"形狀補間動畫" -開頭文字
"移動補間動畫"--花向下飛落 (花還有調整旋轉的圈數和速度)

蝴蝶的飛舞是使用第二次作業的方式，將舞動的蝴蝶製作成一個元件
視覺的移動大都是用到放大縮小和旋轉的功能。

HW3 b9942211應宗樺

http://www.youtube.com/watch?v=ruj1QT2kDoA&feature=youtu.be

期中作業_B9942123曾怡雯

ENTER THE DRAGON/ movie poster

將平面作品(電影"龍爭互鬥"海報＆DVD封面設計)轉換成另一種表達的方式
將原本作品的排版和其中的文字、元素做成類似動畫,加入移動、旋轉和速度感等等
並且運用補間動畫結合電子檔案和實際輸出照片做出過場的感覺
最後呈現完整的作品

html/
http://stweb.cgu.edu.tw/~b9942123/PJ3-3.html

b9942217_陳寬樺

貪食蛇的故事。
http://www.youtube.com/watch?v=cVysKaQedPU

PJ1_B9942126 藍昱淳

http://www.youtube.com/watch?v=-oWoZJXtFPo&feature=youtu.be

MIAMI HEAT-WAY TO CHAMPION

力求NBA衛冕的MIAMI HEAT 將於下星期開賽

http://stweb.cgu.edu.tw/~b9942126/002.swf

2012年10月21日星期日

ＰＪ１_b9942122翁于婷

http://www.youtube.com/watch?v=pi42WDkzTOM&feature=plcp
youtube畫質較差有些動畫跑掉
附上HTML:http://stweb.cgu.edu.tw/~b9942122/PJ1.html

概念來自愛麗絲夢遊仙境裡的兔子先生
總是被時間追趕
猶如我們時常被作業追趕的那種感覺
再匆忙的生活中休息一下想想自己追求的是什麼?
就可以繼續下去!

裡面用許多移動補間讓圖片更生動有節奏
將前幾周所教的技巧運用在影片中

PJ1_B9842114林禎惠

連結
http://stweb.cgu.edu.tw/~b9842114/PJ1_B9842114林禎惠.swf

b9942104 范健栩 pj1

http://www.youtube.com/watch?v=nsLkyOpfe4M&feature=youtu.be

枝上的小鳥互傳愛意，在春天裡，在花園裡，在浪漫可人的氛圍裡成雙成對

http://stweb.cgu.edu.tw/~b9942104/b9942104-4.swf

PJ#1 B9942117 柯甫翰

Youtube畫質較差且有部分片段出錯建議用下面網址觀看
http://stweb.cgu.edu.tw/~b9942117/HAPPINESS.html

幸福的定義因人而異
擁有了健康財富和愛
未必因此而幸福
有珍惜把握當下才是真摯的幸福

pj1__b9942110王亮心

http://www.youtube.com/watch?v=kCnX0Wv3_Rg&feature=youtu.be
轉成avi檔很多片段都不見了

附網址
http://stweb.cgu.edu.tw/~b9942110/LIFE%20IS%20SIMPLE%20(end).0.html

*製作與概念 :

擷取海報上的文字內容
搭配簡單的圖畫
傳達 "人生其實很簡單"的訊息
由於是很常見的主題
因此改用動物為主角
感覺比較有趣

主要運用遮色片、補間動畫和淡入淡出三個手法
並搭配幾次鏡頭移動讓畫面看起來更生動

最後以移動的腳印作結束
為故事留下一些想像空間

PJ1_B9942218張家瑜

http://www.youtube.com/watch?v=B_2mslHwoqU&feature=youtu.be

這是藍精靈的故事
發現了一個站在屋子旁的小女孩
鏡頭跟著她發現他去摘了一束花
原來她拿去送給了一個小男孩!
這樣一個動作可是讓小男孩開心了一整天!

運用畫面的放大縮小和遮色片效果來訴說鏡頭語言

pj1_b9942216 林詩宜

三隻開心的小豬在愉快的散步後
回家後遇到大野狼
還是無法及時逃脫大野狼的魔爪!

不知為何youtube畫質有點差,附上swf網址:

http://stweb.cgu.edu.tw/~b9942216/pigs.swf

2012年10月15日星期一

PJ1: Motion Graphics

30秒完整作品
務必運用鏡頭語言
轉為影片檔，再上傳至YouTube，取得嵌入程式碼
在課程網站發佈，含主題、想法、連結(如http://stweb.cgu.edu.tw/~b98422xx/fish.html)以及嵌入YouTube影片
10/21前.fla及.swf寄給助教檔名： PJ1_學號姓名.fla及.swf
10/22進行口頭報告

hw_3 b9942101 黃珞鈺

在安靜的樹林小徑依稀可以聽見跳舞的聲音

http://stweb.cgu.edu.tw/~b9942101/silencieux.html

作業三b9942105林雅嫻

http://stweb.cgu.edu.tw/~b9942105/HW3.html

以Erik Johansson的攝影作品Deep Cuts為靈感，
將它編成一個故事......
(未完待續)

作業3 B9942120 汪彥圻

http://stweb.cgu.edu.tw/~b9942120/hw3.swf

介紹台北有趣的5個私房景點

2012年10月14日星期日

作業三 B9842106 孫培剛

http://stweb.cgu.edu.tw/~b9842106/tpa.html

hw3_b9942217_陳寬樺

http://stweb.cgu.edu.tw/~b9942217/hw3_10142012.swf

奇怪的文字配上奇怪的遮照方式

作業三 b9942110王亮心

http://stweb.cgu.edu.tw/~b9942110/LIFE%20IS%20SIMPLE.html

b9942119 作業三劉韻慈

http://stweb.cgu.edu.tw/~b9942119/003.swf

youtube http://youtu.be/Xq3iUmaNd6Y

小女孩Dora 認識新朋友

HW3 B9942126 藍昱淳

http://stweb.cgu.edu.tw/~b9942126/HW3.swf

YOUTUBE

http://www.youtube.com/watch?v=wlQ6i3kP-xI&feature=plcp

NBA 12-13 球季將於10月底正式開賽
去年冠軍 MIAMI HEAT 力求衛冕
分別簡單的介紹先發陣容

hw3_b9942216林詩宜

http://stweb.cgu.edu.tw/~b9942216/hw3.swf

以俄羅斯娃娃來象徵人類現今過度食入不好的食物的現象
下一次作業會以這個主題來做一個小短片

作業3_B9942218張家瑜

http://stweb.cgu.edu.tw/~b9942218/motion.swf

作業3 B9942122翁于婷

http://stweb.cgu.edu.tw/~b9942122/3%20naughty%20boy.html
前面利用第一人稱的角度進入畫廊
再將鏡頭轉換成眼睛
仔細欣賞牆上的經典畫作
主角現身惡搞了牆上的畫!

2012年10月13日星期六

作業No.3 B9942117 柯甫翰

http://stweb.cgu.edu.tw/~b9942117/TAINAN.html
透過簡單的圖片
介紹屬於這城市的美
讓熱情散播在每個到訪的遊客心中~

b9942104 范健栩作業三

http://stweb.cgu.edu.tw/~b9942104/flash.swf

http://youtu.be/yT4i4kzYeaA

2012年10月12日星期五

作業#3_B9942123曾怡雯

Motion Graphic (short)
http://stweb.cgu.edu.tw/~b9942123/Motion.html

2012年10月8日星期一

作業三：鏡頭運動Motion Graphics

說明一件事實或故事(一句話)30秒以內
運用各種鏡頭語言(比例、角度、攝影機運動、剪輯)
內容包括照片、文字、圖形等元件

轉為影片檔，再上傳至YouTube (可用你的Google Account登入)，取得嵌入程式碼
在課程網站發佈，含主題、想法、連結(如http://stweb.cgu.edu.tw/~b99422xx/fish.html)以及嵌入YouTube影片
.fla寄給助教，檔名： HW3_姓名學號.fla

作業一 B9842106 孫培剛

https://vimeo.com/33480080

藉由不斷變換2D.3D的效果
不斷的挑戰我們的視覺
就像是平常做設計的時候，
老師給定的主題就像是動畫開場的一張紙
但是經由許多巧思，平面可以變立體，白色可以變黑色也可以灰階
也有可能變得不像是原本那張正方形的紙，而變成長條狀
更可能因為擺放的放是不同而有不同的觀感，
設計不就是如此嗎?
在有限的主題內做無限的想像
那怕只有一點點小變動，只要呈現的手法有趣了
或是做到讓人驚奇，就會是個好設計

即使沒有巧手也沒關係，只要思想奔放了，意念飛翔了
人人都可以是魔術師