2012年12月24日星期一

Merry Christmas 這句簡單的話在聖誕節裡從每個人口中重覆地說著但總是能令大家一次又一次地開懷地笑起來的。這種充滿著奇蹟的感覺我試著把種感覺用Flash 的表現出來。

在這次制作中，我留意到要做好flash 對時間的敏感與準確要非常有概念，特別在做一些比較有活力的動畫題目如我這次挑選的聖誕節。花掉最多的時間往往是在鋪排那種令人驚喜和有感到有活力的畫面
為了在場境交換的時候變得更流暢，特意用上特寫角色作為移場景的方法。
凡有生命的角色也做了移動補間去增加那種生命力，而不只像—張紙作品。
另外在音樂和文字上也做了淡入淡出的處理。

PJ2--B9942119劉韻慈

http://stweb.cgu.edu.tw/~b9942119/wild nature.swf

WILD NATURE以獨具特色的非洲音樂開始探索非洲謎樣的風情與動物的多樣性，在非洲地圖上遊走的長頸鹿、大象與駱駝，追趕的鴕鳥與獵豹...帶出原野上的生命力

動物移動的速度上是最需要注意的地方，而且為了增加剪影移動的感覺，因此加上了疊影，為了增加神秘感還加上明暗的光影

介紹非洲特色的動物，再透過向望遠鏡的鏡頭，望向非洲大草原，動物的動作，像是獵豹跳躍都是利用兩個圖像之間變化產生的。

最後以地圖上鏡頭的轉換與跳躍地動物們展現非洲大陸的遼闊。

2012年11月24日星期六

pj2_b9942216_林詩宜

http://stweb.cgu.edu.tw/~b9942216/PJ2_B9942216_THE%20WIND%20AND%20THE%20SUN.swf

電子書:北風與太陽

2012年11月21日星期三

PJ#2_B9942123曾怡雯

http://stweb.cgu.edu.tw/~b9942123/SCENEtest.html

繪本配音：
波波夫和運動會

在平面的繪本上加上小動畫或有變化的元素,配合說故事的音調跟節奏,呈現出可以讀也可以聽的繪本。

PJ1-陶可邦-B9942210

http://stweb.cgu.edu.tw/~b9942210/PR1-B9942210.swf

介紹BMW的歷史

2012年11月19日星期一

HW#5_B9942123曾怡雯

按鈕練習

http://stweb.cgu.edu.tw/~b9942123/hw5.html

2012年11月16日星期五

HW4 B9942107 李雨芹

http://stweb.cgu.edu.tw/~b9942107/hw4.html

除了瑪莉歐大家熟悉的配樂
再搭配有趣的罐頭特效
增加影片的豐富性

PJ1 B9942107 李雨芹

http://stweb.cgu.edu.tw/~b9942107/PROJECT1.html

一隻笨瑪莉歐的故事

像電動遊戲裡一樣跑跳的瑪莉歐
多了一些雜技
以鏡頭縮放和平移
記錄瑪莉歐一路上的趣事

2012年11月12日星期一

PJ2: 故事與音效

在Flash運用畫面和聲音說一段故事，至少三分鐘以上。
使用SoundBooth 剪輯，配合音樂及自行錄製聲音。
.fla、SoundBooth檔、"原始聲音檔"寄給助教，檔名： PJ2_學號姓名.fla PJ2_學號姓名.asnd
11/26 口頭報告

HW4 B9942211 應宗樺

蝴蝶飛舞加上一段簡單輕鬆的音樂～！

PR1 B9942211應宗樺

一望無際的大草原
鏡頭拉近一棵樹看到許多蝴蝶偏偏起舞
一直蝴蝶決定到處遨遊的故事

HW4_b9942105林雅嫻

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

將PJ1的影片加上自己的旁白配音，另外在加上一些好玩的自然及動物音效，以符合影片內容

hw4_b9842106孫培剛

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

用漸強的音樂帶出努力之後有了輝煌的結果

HW4 B9942126 藍昱淳

加入了搭配籃球熱血的音樂，並有主播的轉播熱情

2012年11月11日星期日

HW4 b9842114林禎惠

吉他聲寧靜的伴隨著海風吹拂。

HW#4_B9942123曾怡雯

Enter The Dragon

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

HW#4 B9942117 柯甫翰

以簡單的鋼琴伴奏
柔和的穿插在動畫中
透過旁白語氣的轉折
訴說著幸福的意涵

HW4 b9942122翁于婷

http://stweb.cgu.edu.tw/~b9942122/PJ1+S.html 以鋼琴聲當背景
中間穿插依些特殊音效
使影片更生動

HW4-B9942119-劉韻慈

http://stweb.cgu.edu.tw/~b9942119/HW5_N022012_劉韻慈_mermaid.swf

童話故事的開始,由旁白輕輕讀著故事開始,就像小朋友的床邊故事般溫柔地述說著....

HW4-B9942104-范健栩-Love theme

http://stweb.cgu.edu.tw/~b9942104/HW4_B9942104_范健栩_love theme.swf

兩隻小鳥相遇拉開音樂的序幕，配上小鳥輕輕細語，接著進入優美的旋律歌頌愛與美好的時光

HW4_B9942110_王亮心

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

以森林鋼琴音樂為背景
呈現清新自然的感覺
搭配的音效有蛋殼破裂聲、鳥叫、河流聲
最後用聲音淡出作結束

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

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

作業二 B9842106 孫培剛

逐格動畫

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

補間動畫

http://stweb.cgu.edu.tw/~b9842106/man%20walk.html

作業二 b9942215 陳昱維

逐格
http://stweb.cgu.edu.tw/~b9942215/walk.swf
補間
http://stweb.cgu.edu.tw/~b9942215/walk2.swf

B9942120 作業2 汪彥圻

補間
http://stweb.cgu.edu.tw/~b9942120/fish3.swf

逐格
http://stweb.cgu.edu.tw/~b9942120/fish4.swf

人類對於深海中的魚類認識的實在是太少了，讓大家看看最有名的燈籠魚吧!

作業二 B9942126 藍昱淳

逐格動畫

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

補間動畫

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

作業一 B9842114 林禎惠

Seasons

動畫由線條驅動着，
穿越時空跟著來到地球的各個角落，
生動細緻的插畫讓我們感受到了季節的更迭。

2012年10月7日星期日

作業2_B9942218張家瑜

補間/
http://stweb.cgu.edu.tw/~b9942218/0924%20%E6%8D%95%E9%96%93.swf

逐格/
http://stweb.cgu.edu.tw/~b9942218/0924%20%E9%80%90%E6%A0%BC.swf

失眠應該是很多人都有過的經驗吧
失眠真的是很痛苦的一件事
所以只好數羊了...

作業二b9942105林雅嫻

逐格動畫
http://stweb.cgu.edu.tw/~b9942105/Frame-by-frame.html

補間動畫
http://stweb.cgu.edu.tw/~b9942105/Motion%20Tweening.html

好動的寶寶就像是小怪獸一樣，

常常突如其來地，

不知又把什麼東西給吃下肚了，

為了保持他們頭好壯壯，

An apple a day, keep the doctor away.

作業2 B9942104

http://stmail.cgu.edu.tw/~b9942104/road.swf

http://stmail.cgu.edu.tw/~b9942104/word move.swf

作業二 b9942101 黃珞鈺

逐格動畫
http://stweb.cgu.edu.tw/~b9942101/b9942101-1.html

補間動畫
http://stweb.cgu.edu.tw/~b9942101/b9942101-2.html

這部作品的名字叫做Mourn

故事背景是在一個冬日，剛下過雪的墓園，
這個很久沒有人來訪的墓地，有個老朋友向他最親愛的友人獻花
一朵鮮紅的玫瑰，像血，墜落在地上。

hw2_B9942216 林詩宜

+逐格
http://stweb.cgu.edu.tw/~b9942216/hw2.1.swf

+補間
http://stweb.cgu.edu.tw/~b9942216/hw2.2.swf

2012年10月5日星期五

作業#2 b9942107 李雨芹

逐格動畫
http://stweb.cgu.edu.tw/~b9942107/winnie-1.html

補間動畫
http://stweb.cgu.edu.tw/~b9942107/winnie-2.html

作業#1 b9942107 李雨芹

http://www.youtube.com/watch?v=1ssHnUDSgt8

用簡單的小小動畫，說明了品牌的重要性、背後的含意，

動畫以剪影效果呈現

清楚明瞭且感覺很有力量!

b9942119 劉韻慈 #2

逐格補間動畫

http://stmail.cgu.edu.tw/~b9942119/b9942119-1.swf

http://stmail.cgu.edu.tw/~b9942119/b9942119-2.swf

2012年10月4日星期四

作業2 B9942117 柯甫翰

Running 逐格動畫
http://stweb.cgu.edu.tw/~b9942117/running1.html
Running 移動補間動畫
http://stweb.cgu.edu.tw/~b9942117/running2.html

作業2 翁于婷 B9942122

逐格
http://stweb.cgu.edu.tw/~b9942122/walking.html
補間
http://stweb.cgu.edu.tw/~b9942122/aa.html

2012年10月3日星期三

B9942215 陳昱維

簡介：MOVA is a fictitious Motion Design Festival and a Final Project

created by Nicholas Ferreira and Dominik Grejc at Vancouver Film School, Digital Design Program.

The Main Title Sequence for MOVA is a journey through multiple environments

that aims to explore the creative process of bringing an idea to life.

The project became more powerful with the astonishing sound design

by White Noise Lab which was a key factor in conveying the emotions we were looking for.

溫哥華電影學校 (Vancouver Film School= VFS)是位於加拿大溫哥華頂尖的專業動畫藝術學校之一。

我喜歡他使用的建築形式，並用簡單的線條創造出空間和形狀的感覺，

讓人的視線會隨著線條的移動延伸。

2012年10月2日星期二

作業2 b9942110王亮心

逐格
http://stweb.cgu.edu.tw/~b9942110/WALKING逐格.html

補間
http://stweb.cgu.edu.tw/~b9942110/WALKING2.html

2012年10月1日星期一

作業二：角色走路動畫

人物或角色走路行走的動畫
具有自轉和公轉的觀念：使用影片元件中的影片元件
人物行走動作(原地踏步)使用逐格動畫(stop animation)
人物前進可使用補間動畫(in-between animation)
背景和前景分置不同圖層
做成頭尾循環

發佈.swf和.html傳至網路空間，在課程網站Post作品的名稱、想法和網址(如http://stweb.cgu.edu.tw/~b99422xx/fish.html)
.fla寄給助教，檔名：HW2_姓名學號.fla

作業#2_B9942123曾怡雯

(逐格)
http://stweb.cgu.edu.tw/~b9942123/penguin_move.html

(補間)
http://stweb.cgu.edu.tw/~b9942123/penguin_3.html

hw2_b9942217_陳寬樺

http://stmail.cgu.edu.tw/~b9942217/flash01_20121001_03.swf http://stmail.cgu.edu.tw/~b9942217/flash01_20121001.swf

2012年9月27日星期四

作業二 b9942211應宗樺

http://stmail.cgu.edu.tw/~b9942211/b9942211.swf

http://stmail.cgu.edu.tw/~b9942211/b9942211-2.swf

作業一 B9942117 柯甫翰

http://vimeo.com/20321590

簡要說明:

整個小短片使用3D的形式呈現，一開始像是翻開立體書，介紹Mini會出現的原因，接著藉由設計師的思考創造出適合在擁擠的城市裡駕駛的小車，透過簡單的內部介紹，可以很清楚的了解到整台車的內部結構，進而對小車有深刻的認識和形象的概念。

個人心得:

我很喜歡立體的實體搭配平面的技術來幫助說明，這不但可以增強消費者對產品的認知，更可以影響其購買意願。有別於平面廣告的拍攝，動畫上的配合能夠更簡單扼要的說明其發展由來，創造出屬於此產品的特色。從片頭開始就有回到童年的感覺，而這種技巧充分讓喜好回味的人深深被攫住，能夠在開始就引導我們往下看的動力，期盼這台車能夠帶給我們空前的感受，因此能夠在腦海回想起此車子的經典價值。影片製作的方式近於一鏡到底，絲毫沒有多餘時間的浪費，也營造出車子持續轉動，而經典與創意仍然持續進行的感覺。

2012年9月26日星期三

b9942217 陳寬樺

https://vimeo.com/30698649
"the carpenter"是the "art of making" 系列作品之一。
影片內容敘述如今繼續藉由傳統匠法的人物。
這隻影片的主題是"the carpenter"，由影片手法加上後製的motion graphic構成。
"the carpenter"在構圖、光影、色調、剪接、音效等等的搭配下，在視覺上已經相當吸引人，但是藉由motion graphic的輔助，呈現出的專業度和吸引力又大大的提升。
我欣賞這樣影片與motion graphic的巧妙結合！

2012年9月25日星期二

作業一B9942110王亮心

http://www.youtube.com/watch?feature=endscreen&NR=1&v=p5_WkM7S5U0

motion graphic 是指在平面圖像中加入時間的概念，
利用圖片的位移、縮放、色彩變化等等，
結合背景音效呈現動態的效果。
這部影片雖然只是簡單的英文字母，卻也做出精緻的感覺。

b9942211應宗樺

隨著業務的單位Novamondo設計和Novamondo的互動，發展與構思，設計實現了較高品質的程序在廣泛的品牌分佈在中，在線的移動和展示重點，我們提供的服務範圍。
我覺得這是個很有趣的影片，他相當簡單，卻不會讓人覺得他枯燥乏味，在色調也都以單色去表現。

2012年9月24日星期一

B9942119 劉韻慈

http://vimeo.com/31069740 from vimeo

官方網站http://www.pinceldezorro.es/
Pincel de Zorro。

導演Hug Codinach為了推廣『Pincel de Zorro』這本西班牙小說所做。
Pincel de Zorro是一個異想天開故事，充滿溫情、魔法和悲傷，故事的主角是一位日本小女孩，自從父母親打獵帶回一隻狐狸，並打算把狐狸皮賣掉時，一位會使用魔法的神秘的女性突然來訪開始。

我的感想:

一開始由毛筆畫出序幕的開端，墨痕又浮現英文的書寫體，既有東方的韻味，又有西方的象徵。這個故事由動畫影片的呈現更能襯出故事氛圍，雖然沒有文字與對白，但透過影像的傳遞，轉換繪本裡黑白意境的靜止線條，變成了奇幻的動畫世界，這故事深深地吸引我。

作業-b9942104 范健栩

The Five Hat Racks

- (A Motion Graphics from The Universial Principles of Design)

(from the Book of The Universal Principles of Design)

This motion graphics piece was created for a university project. The project was to take your assigned Principle of Design (from the Book of The Universal Principles of Design) and craft a learning interactive piece. The principle illustrated in this short film is "The Five Hat Racks" coined by Richard Saul Wurman from 'Information Anxiety' in1989. I hope to make a series of these design principles one day but till then please enjoy.
The music is Sing, Sing, Sing by Benny Goodman

http://www.youtube.com/watch?v=Tgi1JQGHENI from youtube

我的感想:用動畫影片生動地解說設計的方法，這個方法我以前看過但沒甚麼印象，看過這個影片之後不但更了解其根據和用法也更加印象深刻，影片用簡單的幾何圖形解說就很清楚明瞭，就像現在很多用來傳遞概念的影片一樣

作業一 B9942126 藍昱淳

介紹 : 其實談到motion graphics，真的會想到很多日常生活中常看到的多媒體，這種表現手法仍是人們喜好使用的方法之一，之中馬上想到的就是Lyrics Video，在美國更是常用來使用的手法，不僅是聽覺中的享受，視覺也是同樣有衝擊感，簡單色塊圖片的運轉搭配音樂的節奏與歌詞內容，呈現不會輸給MV，而且成本較低。

心得 : 多媒體氾濫的世界，不稍微有點技巧真的會站不穩腳步，當人們習慣接受多媒體與其他更為驚訝的方式呈現產品，表板圖示就顯得較為枯燥乏味，而且影片相對於會動的圖片；會動的圖片相對於靜止的圖片，更能表達出更多的資訊，

作業#1_B9942123曾怡雯

影片簡述/
Title sequence designed by Saul Bass, from the film "Seconds" (1966) ,
directed by John Frankenheimer , starring Rock Hudson, Salome Jens, John Randolph

有別於大多數由插畫、圖像、色彩及幾何所組成的Saul Bass的作品,
這個影片使用的試射影片段,將Motion Graphic運用在近拍的影像和圖像上,
並且加入不同的視角,慢速動態及波浪或分散效果,並且配合音樂作出陰森詭譎的感覺

影片簡述/
Byonce Billboard Awards LIVE Performance (Run The World (Girls)
一開始看到這個影騙我還以為是後至過的MV或影片,結果這是現場表演的錄影,
也就是碧昂絲在Billboard Award上的現場演出結合了背後的動畫投影,創造出不同於一般唱歌跳舞的表演.虛擬圖想像與實際表演者的結合所產生的視覺效果讓眼睛有被騙的感覺

作業一 B9942122 翁于婷

利用很多連拍照片進行旋轉

隨著圖片逐漸變化加上視覺暫留的效果

讓整個利用照片連結成的影片更為生動

B9942120 汪彥圻

美行動通訊商U.S. Cellular為了推動他們新的政策而推出了一系列的廣告，這是其中之一。當中提到了現今許多電信商想嘗試做的一個方向: 把信用卡和常用的一些晶片卡結合手機，讓消費者出門時不再需要帶這麼多零碎的物件減少負擔。

U.S. Cellular做的這一系列廣告都十分好看，真人演出增加對民眾的說服力，說明的同時結合3D動畫，對英文不是很了解的人也能輕易地掌握影片所要表達的意思，是一部十分簡單明瞭的廣告!

作業一B9942105林雅嫻

"Plum Flower Deer" from CRUSH on Vimeo.

簡介：

這部影片是由Crush公司的藝術總監Yoho Hang Yue所製作。

故事藉由一對梅花鹿因為人類的射殺而分離，雖然身以死，但精神上卻由生長出的梅花樹而相互連結，來讓我們對於愛、希望、自然世界及輪迴做反思。

整部影片使用了大量的中國元素及精神，梅花鹿在中國文化裡代表著吉祥及神聖，而梅花象徵著勇氣及高潔，影片最後也引用了南宋詩人陸游的詩來做結，詩中內容主要也是敘述四季更迭（輪迴的觀念）及歌頌梅花不畏雪的傲骨。

心得：

每次看這部影片還是會深深得被震懾著，尤其是梅花鹿被射殺的那一幕，生離死別總是令人心酸，但是精神上的重生，卻是陪伴著我們繼續走下去的依靠，短短兩分鐘左右的影片，作者將元素運用得恰到好處，將詩的意境傳達得淋漓盡致。

至於技巧的方面，我很喜歡它的鏡頭語言，不管是鹿被射殺後，有列車駛來所帶來的衝擊感（頓時，心有涼了一塊的感覺），還是聚焦於鹿的血淚，還是跟著梅樹一起重生的鏡頭（我尤其喜歡背景中「點墨」的感覺），亦或是最後鏡頭拉遠，變成一幅畫的畫面，都使我深深融入整個劇情當中。當然，配樂的運用也毫不遜色，濃濃的中國風裡融入了現代的元素，槍聲的時機、列車駛過的聲音也都抓得恰到好處，是一部想讓人一看再看的影片。

Flash Tutorial / Interac from TENDRIL on Vimeo.

簡介：

此影片主要是介紹如何使用他們的新信用卡來做安全又舒適的購物行為，有別於以往銀行的傳統商業廣告，此影片為銀行注入了可愛又有活力的形象。

根據作者說，此影片最難的莫過於要如何將一大堆的資訊、口白及圖像結合得恰到好處，擁有緊湊的節奏，同時又要讓觀看者不感到無聊。

心得：

可愛、清晰、有條理是我對它的第一印象，雖然它所要傳達的資訊真的很多（如果它用傳統的方式做的話，一定沒人要看），但是它利用緊湊的節奏及簡單明瞭圖像瞬間抓住了我們的眼睛，成功的傳達了它所要傳達的訊息，是一部別出心裁的商業廣告。

B9942212 馮政忠

這事一部玩字體的小短片
上過文字造型的人會特別有感觸吧
很有趣，不過她是比較偏向動畫的型式
把每一個字型與她的細節表現出來
看完一次就認識26種字型了

作業一 B9842110 夏竹

簡要說明：
這是一款將愛麗絲夢遊仙境這個題材用黑暗血腥的方式重新詮釋的3D電腦遊戲，其中一個版本的預告片是使用Motion Graphic的手法去描述這個不一樣的愛麗絲故事。
官方網站
個人心得：
整部影片全部由平面圖像做移動等等特效，讓人物風景等等真實的活動起來，其中有將前中後景做不同程度的模糊來造成更真實的視覺層次感，仿造眼中看出去扭曲不清的人們，還有虛幻飄渺的鏡頭語言，加上濃重的黑暗元素，讓看完整個影片之後，除了劇情與畫面帶來的震撼以外有的是更多對細節處理的讚嘆。

2012年9月23日星期日

作業一 B9942216 林詩宜

Performance Enhancement from Kenichi on Vimeo.

很欣賞他以這種標誌性的動態圖像來解說這些一般人難懂的科學信息
並以有趣的方式來串連每個場景
另觀看者更加容易理解知識以及消息
這種活潑的方式也增加了人們的高度興趣
不需要使用到多高的軟體技巧
只是運用了簡單的幾何圖形線條來形成整部影片
我覺得這樣就是一段非常好的motion graphic

2012年9月22日星期六

作業一 B9942101 黃珞鈺

"Motion Plus Design" Center : "What is Motion Design ?" from Motion Plus Design on Vimeo.
“What is motion design?”
簡介:這部影片是”Motion Plus Design”，一個推廣motion design的計劃，目的是為了在法國打造第一個motion design的展示中心。他是一個平台可以讓對motion design有興趣的普羅大眾可以發現更多的創作者，也可以和他們見面、學習有關motion design的資訊。此外這個推廣中心也能提供機會，促進相關創作者在其他設計領域結合，讓不同的graphic design有更多元和開放的交流管道。

這部影片直接使用motion graphics的技法來闡述什麼是motion graphics:
1. 將簡單的符號圖像動態化
2. 讓原本單純的平面圖像、相片能擁有層次般立體動態生動的呈現
3. 創造一個[純粹由圖像建構的世界
4. 可結合動態的圖像及文字作為輔助，搭配現有的影片
5. 可做出3D的效果

傳統的animated film和motion graphics的差別:
其實兩者之間的差異定義有些模糊，但animated film 表現的手法常是呈現一個故事，並有個性鮮明的角色表達出他們的思想和個性；
motion graphics雖然也可以表現角色的特性，但可能更容易使用比較不直接、抽象隱晦的表現手法。

我的感想:我覺得這個推廣motion graphics的影片本身所使用的技法和圖像能讓人更簡單易懂的了解什麼是motion graphics。許多時候單憑人的講述是無法深刻理解某些事物的概念為何，所以這時若是搭配一些影像和動畫不僅可以讓畫面更生動，也可以使論點更具說服力。結合一些產品成為廣告，我覺得會比重金請明星代言還來的更簡單和生動。能夠對於情境、概念、氛圍有完美的掌控和驚艷的呈現，我想是motion graphics最吸引人的地方。

Human orchestra from takashi ohashi on Vimeo.
“Human orchestra”
簡介:使用了簡單的點、線、面(幾何色塊)，構成了畫面的元素，利用大小排列產生遠近的空間感，還有搭配許多的平移、放大、縮小、漣漪、旋轉、抖動、搖晃”扭曲、快速移動的效果，讓畫面很有動態感。他的背景音樂和圖像結合的也非常出色，帶領我們經歷了一段時空的旅程，激發人有哲學的思考意象的感覺。

我的感想:我很喜歡一開始的線和圓圈做出猶如雨滴和漣漪的感覺，還有大小不同的點點掉落成一條道路時的彈跳、雜訊音和方塊搭出的城市和移動後成為搭地鐵的景象。其實我覺得背景音樂也很重要，和圖像互相搭配呼應讓視覺聽覺都很享受。還有後來穿梭在光之城市時，畫面線條的顫動跟琴弦音的搭配讓我起了雞皮疙瘩。用簡單的彩色點和快速通過的白線，這麼簡單的元素卻很靈活的展現道路和快速駛過的車子的感覺。在畫面的轉換上也很有創意，像是道路線變成地球大陸的海岸線，一條線通過地球變黑夜還有燈火點亮。motion graphics的應用和呈現讓人印象深刻，也激起我想要創作的心情!

2012年9月17日星期一

作業一

用Google account帳號e-Mail給老師，自我介紹(個人照片、興趣、專長、部落格、 Facebook 、各種網路ID等等)以及對於個人未來專業的任何想法
Motion Graphics影片收集分享，post在課程網站，附Youtube或Vimeo影片、簡要說明、個人心得

2012年1月17日星期二

PJ2_B9842120 Neal Want To Go Home

http://stweb.cgu.edu.tw/~b9842120/PJ2_B9842120.swf

故事如下

尼爾走在路上聽到3首有關Home的音樂
導致他相思病發作
當他要去搭火車的時候(點尼爾)
火車卻開走了
買不到火車票又因為台鐵不給站票
尼爾只好回學校了QQ

THX

PJ2_B9842117

這裡是期末作業。

主題是馬戲團。
這次的馬戲團比起黑暗的風格，更想給別人帶來歡樂的感覺，所以顏色上選用了許多明亮的顏色。

一開始觀者會看到一張旋轉的票根，彷彿是馬戲團邀請觀者去來玩的感覺。
點下票根後的帳篷，帳篷內分別有3個不同的動畫、場景。

另外、因為有點點據說是無解的小BUG，所以導致按過的帳篷音樂會不停播放。
建議在看的時候，每看完一個帳篷就重新整理，不然3個帳篷的音樂會疊在一起：）

謝謝。

http://stweb.cgu.edu.tw/~b9842117/PJ2---B9842117.swf

2012年1月16日星期一

PJ1_B9842117

遲了好久的PJ1上傳。

主題是偵探故事。
一開始是老鼠先生來找兔子卻找不到，接著他在房子的一角找到一張兔子留下的紙片。
最後是老鼠決定跳進房間內的畫中尋找兔子的蹤跡。

http://stweb.cgu.edu.tw/~b9842117/MYSTERY.swf

PJ2_B9842102(修改)

PJ2_2

上次老師給的意見，
重做了一個PJ2，
風格變得清爽許多

場景一小男孩其實是按鈕，
會漸變成"The world as I see it."
也就是這次的主題。

點進去之後會三個東西可以點，
分別是：建築物、天空、樹，
最後會發現小男孩其實是自閉兒。

2012年1月13日星期五

PJ2_B9842112 高爾廷

http://stweb.cgu.edu.tw/~b9842112/final.swf

主題是黑與白
以自己喜歡的風格的motion graphic開場
帶入第一個找人的遊戲
接下來進入三個場景遊戲
描述女主角跟男主角的性格、相遇、最後相愛

最終一幕回顧之前兩個影片

PJ2_B9842113 郭倍含

http://stweb.cgu.edu.tw/~b9842113/PJ2_B9842113.swf

It's about four top fashion week.

It's said that New York knows the business, Milano makes the workmanship, London lays the courage, yet Paris presents the dream.

b9842107 final

http://stweb.cgu.edu.tw/~b9842107/b9842107final.swf

影片是在講麥當勞不為人知的企業倫理

開頭是一個人跑進麥當勞點餐

點餐完才發現吉士牛肉堡和麥脆雞背後的秘密

2012年1月5日星期四

PJ2_B9744216_吳采洪

我製作了一個小遊戲

公主被抓了

只要過三關

就可救回公主

http://stweb.cgu.edu.tw/~b9744216/PJ2_B9744216_%E5%90%B3%E9%87%87%E6%B4%AA.swf

訂閱：意見 (Atom)

2012年12月24日 星期一

2012年12月10日 星期一

2012年12月9日 星期日

2012年12月7日 星期五

2012年12月5日 星期三

2012年12月3日 星期一

2012年11月28日 星期三

2012年11月27日 星期二

2012年11月26日 星期一

2012年11月24日 星期六

2012年11月21日 星期三

2012年11月19日 星期一

2012年11月16日 星期五

2012年11月12日 星期一

2012年11月11日 星期日

2012年10月29日 星期一

2012年10月22日 星期一

2012年10月21日 星期日

2012年10月15日 星期一

2012年10月14日 星期日

2012年10月13日 星期六

2012年10月12日 星期五

2012年10月8日 星期一

2012年10月7日 星期日

2012年10月5日 星期五

2012年10月4日 星期四

2012年10月3日 星期三

2012年10月2日 星期二

2012年10月1日 星期一

2012年9月27日 星期四

2012年9月26日 星期三

2012年9月25日 星期二

2012年9月24日 星期一