顯示具有 98360730 郭建宏 標籤的文章。 顯示所有文章
顯示具有 98360730 郭建宏 標籤的文章。 顯示所有文章

2011年1月7日 星期五

HW02





HW2-1 GIF檔案動畫製作

這個是我這次的GIF完成品!!!!!!↑
雖然有一點卡卡的XD

在這邊我遇到了一個問題 就是為什麼放上來卻不會動呢!!?
經過一番詢問 原來是要先把它放到一個平台 再使用聯結
我使用的是"樂多"這個網路平台
其實他是個還不錯的網誌平台 只是現在大多都被無名或天空給獨霸了((題外話XD
首先在作這次的動畫中 我一開始就陷入非長久的思考時間
雖然在作動畫這部分是很簡單的 但是我竟然是在思考說到底我要用哪張圖XD
一開始我先想說到底該用就是完全沒相關的圖案 然後製成動畫??
還是說使用一連貫的動圖來截圖 想了許久我決定還是使用連續圖
畢竟作出來的成就感是無法比擬的XDDD

所以一開始就先動身 開始尋找影片找到了這篇的恰恰~~~
在製作這個動畫的時候其實啊 不會很困難
但是我要必須人工 點一下停一下 點一下 停一下

之後使用截圖功能 到小畫家 並且確保每一張的圖案 大小必須相同~
而且他有一個比較可惜的地方~
就是這個程式他在讀取圖片的地方必須只能讀取GIF檔案
又因為GIF的圖案畫質較低 所以製作出來的動畫品質會比較差
這是比較可惜的地方!!

而我這次圖的張數是10張 其實還可以更好啦 只是會要非常考驗人的眼力XD

接下來!!重頭戲來囉!!!!!!!!
就是使用這個程式來進入作動畫的部分了~~((灑花
首先始很順利的將編號第1的圖依序的載入 至第10張
沒錯非常順利 接著按照圖上的選項勾選他們的跳動時間
我的圖案跳動的頻率我輸入的是25 希望不要讓他太慢
這樣看起來才不會因為我截的圖案較少 所以看起來卡卡的樣子

最後切記切記!!!一定要勾選持續重複播放!!
這樣才不會說看一次之後就要一直重新整理的煩惱
太好了 馬上按下去測試!!!!
.....
.....
.....
晴天霹靂!!!!!!!!
我的動畫竟然是反過來的((落淚
沒錯!!就是我在前面的部分 再載入圖案的時候很順手的按編號載入
我是後發現 原來當我在要加下一張圖的時候 原來他是把他家在最前面
所以我的動畫就會變成整個反了 實在無言 哈
不過也因為作第二次 所以當然相對的比較熟能生巧囉~
很迅速的就做完的二次 但記的一定要從第10張開始載入
要不然就會發生跟我一樣的悲劇呢 哈~= ="
製作完這次的GIF檔 實在很實用 不僅是在生活上 例如MSN
以後我不僅可以使用我自想要做的大頭圖案 或是我也可以製做我自己想要的小動畫了呢
不過 如果要做我想我會再去找一個更好一點的程式 畢竟只能讀取GIF檔
作出來的動畫實在有點不盡理想呢 是吧? 哈XD

HW2-2 PSPad動畫分析

沒錯這次的作業是來分析上次的動畫囉~
首先我們使用的是PSPad這個程式~
在網路上都還可以很快找到這些免費的程式
不禁讓我驚覺網路的強大啊XD

沒錯這就是上次的作品 恰恰~~~~~

首先先將這個圖片給載入進去這個程式!!!GO

天啊!!碼也太誇張了 多到時再看到花了
那就先從這開始看起~首先上面反白的部分就是們所謂的
GIF簽章
接下來這邊~比較麻煩需要來分開解釋
上面綠框框的部分呢 就是這個GIF圖案的寬度!!
1102要先解讀為0211
然後因為他是個16進位所以要將他轉成10進位
0211-->529(寬度)
藍框框的部分呢 就是這個GIF圖案的高度!!
6A01也要先解讀成016A
016A-->362(高度)
接下來的這個勒就是F7要轉2進制
F7-->1 111 0 111
第一個1所代表的意思就是m=1 描述元後接著整體色彩對應圖
而後面所接的三個1所表達的意思是
Cr+1 顏色解析度的位元數目
最後面所代表的是Pixel 也就是說影像的位元或像素

終於來的最後的部分囉~
上面這麼大一片代表的意思是甚麼呢!!?
仔細看看後發現他們全部都是16進位呢 其實只要是常常接觸這方面就會比較敏感
沒錯!!!他就是這個我的恰恰的顏色碼從最上面一直到000300這行都是~
呼~

分析完這些東西後 頭實在是有點給他痛
還真是不習慣一次看這麼多的碼尤其還要一個一個去了解他的意思XD
相較之下我還是比較喜歡第一個作業
因為自由度相對的較高呢!!


HW2-3 BCB圖案色塊分析

這次的作業的第三部分 是在延續上一次的東西
將我們之前做的GIF檔案 在更精進的分析
第二個作業是使用Pspad 來分析碼
這次是使用BCB的程式碼來分析出GIF得顏色的色盤

首先因為我實在是研究很久還是無法成功
所以我先找了老師的程式碼研究加以改造終於成功了這次的調~

這是這次程式碼成功開起之後的介面~

但是!!!!!就在這時!!!!!出現了很可怕的事情
上面紅框框的部分也就是後面讀取來源的部分竟然被切掉了!!!!

於是我跟我的室友劉家維討論了許久以及研究發現!!!!
其實只要在我們讀取位置的那行
FILENAME 那邊的最後面加上 +" " 就可以了!!!!!!!!

登登~~成功完成版~~分析出來啊!發現其實
我的這個動畫它的顏色分部實在是很多原呢 哈
幾乎所有顏色都有 不過我有小發現一點!!
就是在色盤的中間
顏色都偏較鮮豔一點
例如:紅色藍色亮橘色紫色

而在相對色塊圖中偏上下的的顏色都較為黯淡
例如:淺藍淺粉紅、黑色、淺綠色

雖然不知道是甚麼原因 可能是剛剛好吧~哈
不過就是個很有趣的小發現~

解析完後覺得實在很有趣 所以我又去找了一些圖來試試看
但是這次我使用的就只是很普通的圖片~
因為還要再作動畫有點麻煩XD
所以我使用的圖案是!!!!!!!!!!!!!!!!!!

天后!!台灣濱崎步!!!!

但是首先因為他是GIF檔所以必須 先用使用小畫家將他轉為GIF檔案
不過可惜的一點是
如果轉成GIF檔 它的顏色就會變成很少 也就是畫質會變差
畢竟GIF檔案的顏色只有256
所以就會出現跟上面的那圖案的發生的情形一樣

接著將他分析出來後!!!!!!!!
又有了依些小小的發現~~就是不知道為什麼覺得他分析出來的色盤
跟我們視覺 看上去的圖片比較有所不同???
說是好像不對也不是 說是也感覺怪怪的 ~~
但是他還是可以看得出大約有哪些顏色的分部
紅色黃色部分就有許多

做完這次的作業啊 其實都會很有收穫
從一開始的自己作GIF檔案 在加上第二個的分析碼
加上最後的深入研究色碼 其實對於這個領域我們也慢慢的感到精進
不過我發現 其實我們越是慢慢懂這些東西之後 反而
越會發現在這個領域突然又多出好多不懂的東西 好像有更多學不完的東西

當然也期待以後還會有機會在學習更多 多媒體這方面的東西囉:D

2011年1月3日 星期一

HW03





2010年12月16日星期四

HW3_1

這次的因緣際會下,因為SONY公司剛好來台北展覽他們的最新3D技術
所以趁著數位媒體概論的課 全班一起很榮幸的參觀這次的展覽
一進去就是先是個令大家非常印象深刻的巨屏螢幕 以及伸展舞台
戴上特殊的3D眼鏡之後,加上燈光效果
實在非常令人的驚嘆!!
突然覺得 原來現在我們生活的這個時代 對於3D技術這塊已經非常的進步
不再只是像以前的那種紅藍立體的程度
還有現場有一台攝影機 他可以直接將現場拍到的畫面
直接轉為3D投影至螢幕上
也就是之前在全世界非常火熱的世界杯足球賽上所使用的技術
讓我們可以直接感覺到現場蒞臨球場身歷其境的真實感!!!

結束在巨屏螢幕的影片後 實在是讓人覺得有點不過癮
拿掉眼鏡後 前往第二展覽區才知道
原來後面有我們可以親身體驗的產品實體區呢!!!!
馬上很興奮的在整個展覽區逛逛 一開始最吸引我的就是在實體區的相機區
很神奇的是 現在的相機
已經有辦法先將拍攝全景之後等她處理一下 再左右小小晃一下
就可以讓我們視覺擁有3D的感覺 也就是不用戴特殊眼鏡就可以擁有立體的效果
雖然他的立體程度不及戴上特殊眼鏡所擁有的立體
不過我想現在人類未來所想要追求的

應該就是裸視3D 對吧~

HW3_2

這次的作業實在是很有難度 一開始
嘗試使用BCB實在是很麻煩
畢竟這是我們另一個學的程式語言
有點不拿手
於是詢問之下
發現了同學原來還有另一個替代方案
就是使用一個3D的程式

這個程式實在非常厲害只要你將拍好的圖片
一左邊 一右邊之後將他載入程式
迅速他就可以將你所以載入的圖片製作成3D的圖片

以上↑
就是我最後最後索嘗試拍攝出來的成品
其實最後我發現啊
製作因為有了程式之後實在是非常容易上手
可是難度就變成
在"拍取照片"
首先一開始我真的拍了許多照片
但是實在都效果非常不明顯
離如盒子啊甚麼之類的 完全沒有甚麼立體感
直到
我拍了以下這張發現!!
對了!!
最好是有個近景跟遠景
當位移的時候遠景動的就比較少而近景的時候就會產生落差
這個就是程式的製作過程~

最後成果就是這張了!!我以一個手錶跟鍵盤來凸顯近景跟遠景~

3D照片2-PHOTOSHOP

上面是左邊照
這是右邊照
接下來還好有雲端網路 我用了上面的程式終於第一次製作出3D圖

感覺還不錯吧~發現只要多拍幾次成功率就會變很高喔XD
喔對了~我就是參考這個網站裡的做法做出來的喔~
www.scec.org/geowall/makeanaglyph.html

做完這次作業其實感到很有趣
延續上次的3D展之旅
沒想到這次竟然換我們自己可以做出這樣東西
雖然不是最科技的偏光3D不過以我們現在的實力做出紅藍3D
就已經令人興奮不已
現在最為大宗的偏光3D已經慢慢普遍的實用在現實生活
我相信再過不九
不僅是紅藍 我們也可以自己做出偏光
甚至是更厲害的裸視3D

我相信我們做得到:D!!



2010年11月21日 星期日

HW01

↑成品!!

↑這張圖是在還沒有執行時的樣子!!

這次作業是我花了好一番工夫才完成的 雖然還是非常的簡易
不過卻是我在這領域好不容易跨越的一大步 從一開始選了這堂課
其實光看到名字的時候 還不太知道到底是在學甚麼
但是現在漸漸了解 到底BCB這程式是能做甚麼~

一開始打開這程式後就只會出現一張好像可以移來移去的圖
跟可以輸入程式的地方 實在是 霧沙沙~


不過透過每次上課練習
一點點
一點點
愈來愈讓我發覺每加入一點原件


出現的效果都會讓我很驚訝
就其實他好像沒有我想像中只是像C++那樣純打程式

他可以自己移動想要的原件位置
不用像C++那樣要用自己算出位置
方便多了 哈哈~

對於過了半學期之後
在這次期中作業中其實遇到滿多困難的
首先一開始
光是要找

↑這個程式

就花了我不少時間
尤其又遇到很多電腦問題 還好這次多虧了葉錦蔚
所以也就很快的排除問題了

一開始製作的很順利
因為是按照老師上課 跟教學網站上的照做而已

不過做到老師沒教的地方後就會令人苦惱
因為必須要靠自己發揮創意

所以我就先做了 三角形、四方形

因為最為簡易
接下來就是令人苦惱的其他形狀

例如: 五角形、六角型、菱形

在製作過程算每次算點的時候
都會一不小心就出錯
所以必須非常小心每個細節
而且一開始試的時候
總是會出現一大堆奇形怪狀
再詢問了許多同學之後才發現
原來 必須要按照順序來輸入點!!
(順時或逆時輸入)
就像我們 畫形狀一樣

不能跳點!!!


接著將每個圖案給設計出來後就是將他在版面上排版

首先我先用了五個Button分別給五個形狀
再來用了一個 Radio Button 把它們給整理起來
一開始用了之後還一直會把Button給覆蓋
最後請教了劉家維後才知道原來要把它弄到底
就跟背景很相似
害我還浪費了不少時間 哈哈

左紅框為Button 右紅框為Radio Butten


形狀出來後就是顏色
我使用了ColorDialog


然後搭配Button的使用
在介面上點選按鈕可以自由的選擇顏色


最後差不多結束的時候存取完
隔一天拿去學校的時候....
...
...
囧了
打不開!?

實在是很緊張
以為之前所有的努力都白費了
請教了老師才發現
原來是因為我的版本比較新企業版

學校教學版比較舊 無法讀取企業版的新功能
但是只要按一下左上角的Project->的第一個選項就可以了
還好皇天不負苦心人終於給他完成囉~

最後
交作業時間剛好卡到期中考前一個禮拜
不過還好老師大恩大德延到期中結束後才截止
讓我可以盡情的做自己想要的樣子

這次很深深的體會到其實作業不是要自己孤軍奮戰
而是要不懂的時候適時的去請教他人與同學討論

不僅可以更快進入狀況 學習效果也更快喔~:D