多媒體與VR
課程總覽
教學軟體:Gimp、Pixlr Desktop、Audacity、openShot video editor
課程規劃:
攝影與數位暗房/3
借位攝影之影像合成/4
沈浸式學習體驗/3
動物大合唱/4
魔幻水族箱/4
傳統相機
數位相機
二、相機正確的拿法:
將數位相機背帶掛在脖子上
右手手掌握住相機右側,食指微彎放在快門鈕上方,輕輕接觸
左手托住相機底部,讓右手放鬆操作相機
站立拍攝時,左手手肘靠著身體,防止左手抖動影響拍攝品質
蹲下拍攝時,左手手肘放在左腳膝蓋上,才能提供穩定支撐
三、拍攝步驟:
取景:觀察陽光的位置,應該在被拍攝者的側面,避開背光和向光的問題,必要時左右移動調整位置。透過螢幕觀察取景範圍,前後移動調整畫面人物大小,也可以使用變焦功能(如果有的話)。
姿勢:攝影師應指揮模特兒姿勢與動作,因為模特兒看不到自己。
對焦:拍攝前輕按快門進行對焦,對焦完成會聽到嗶聲。
拍攝:對焦完成後,繼續按下快門,相機就會進行拍攝。
(自動數位相機會自動控制光圈、快門,不需要人工操作)
進階學習補充資料:老羊攝影
作業 請試拍兩張照片,上傳Google Classroom
第一張:背景和風車都模糊,但是主角清楚。
第二張:背景和風車都清晰。
四、課前預備:
想要在家裡複習上課所學,請自行在家先安裝 「 gimp 」這套免費又安全的繪圖軟體,建立學習環境,可以自已嚐試安裝軟體看看,老師將怎麼樣安裝的方式錄成影片,自己依照影片操作步驟在家裡安裝看看,完成的話可以在家裡練習:
家裡是windows電腦的下載及安裝方式
開機有看到這個符號的電腦是windows作業系統的電腦
家裡是mac電腦的下載及安裝方式
有蘋果符號的電腦是Mac作業系統的電腦
(上面也可以特別另外安裝 Windows作業系統)
五、數位暗房技術是指透過電腦影像處理軟體對相片進行編輯和調整,常用的功能包含:
曝光:加強(或減少)局部或整體曝光。但會降低相片的解析度。
對焦:提高清晰度(或模糊)相片
色偏校正:調整相片色相
去痘除疤:去除相片上的雜訊
剪裁照片
點擊工具箱上面的「剪裁工具」
在照片上拖曳出要剪裁的範圍,然後在框框中間點一下。
調整曝光
調整整體曝光:「顏色」→「亮度及對比」
亮度:調整相片的明暗度。可用於調整曝光。
對比:提高或降低相片上明暗的差異度。
2. 調整局部曝光:「顏色」→「色階」
色階統計圖:將相片的的所有色點依照明暗度統計出數量所繪製的長條圖。右邊是亮部,左邊是暗部。
色階統計圖下方有三個三角形的按鈕,可用於調整局部曝光。
亮度的按鈕往左移,可以將亮部調暗。暗部的按鈕往右移,可以將暗部調亮。中間的按鈕可以調整中間色(人臉屬於中間色調)
色偏校正與運用
「顏色」→「色相與飽和度」
色相:旋轉色環後,套用到相片上,會將所有的顏色轉換成新的顏色。可用於色偏校正。
亮度:調整相片的明暗度。可用於調整曝光。
飽和度(彩度):彩度為 -100 時,會變成灰階相片,彩度為 100 時會變成霓虹色。
運用範例:將色相調整為微黃,飽和度調整為 -60 左右,照片會變成老照片。
對焦
「濾鏡」→「加強品質」→「銳利化」
加強相片品質
「濾鏡」→「加強品質」→「去除紅眼」「去除斑點」
自動調整工具
匯出圖片
從檔案選單選取「Export As...」,輸入檔名:「班級座號.jpg」,然後按兩次「匯出」按鈕。
單元二:借位攝影之影像合成
借位攝影
利用遠近距離造成的懸殊比例進行構圖,而產生的趣味相片。例如:
本單元我們經透過影像合成技術,來創作借位攝影作品。每一組需要決定背景圖一張,並討論每個人在照片上的位置以及姿勢。
下載背景圖時請注意版權問題:
智慧財產權(英語:intellectual property),是人類智慧創造出來的無形的財產,主要涉及版權、專利、商標等領域。音樂和文學等形式的藝術作品,以及一些發現、發明、詞語、詞組、符號、設計都能被當作智慧財產而受到保護。 智慧財產權可以分為工業產權與版權兩類,工業產權包括發明(專利)、商標、工業品外觀設計和地理標誌,版權則包括文學和藝術作品。(資料來源:維基百科)
著作權法 第九十一條:擅自以重製之方法侵害他人之著作財產權者,處三年以下有期徒刑、拘役,或科或併科新臺幣七十五萬元以下罰金。意圖銷售或出租而擅自以重製之方法侵害他人之著作財產權者,處六月以上五年以下有期徒刑,得併科新臺幣二十萬元以上二百萬元以下罰金。以重製於光碟之方法犯前項之罪者,處六月以上五年以下有期徒刑,得併科新臺幣五十萬元以上五百萬元以下罰金。著作僅供個人參考或合理使用者,不構成著作權侵害。(資料來源:全國法規資料庫)
創用CC授權條款(英語:Creative Commons license,或創用CC授權)是一種公共著作權授權條款,其允許分發受著作權保護的作品。一個創作共享授權用於一個作者想給他人分享,使用,甚至創作衍生作品的權利。創作共享提供給作者靈活性(例如,他們可以選擇允許非商業用途使用他們的作品),保護使用或重新分配他人作品的人,所以他們只要遵守由作者指定的條件,不必擔心侵犯著作權。創用CC授權條款有多種不同類型。授權條款可以有不同的組合,由分發條款決定。 (資料來源:維基百科)
共同討論:
請比較以下圖片,哪一張圖片比較好,為什麼?
影像合成應該注意哪些事項?
影像合成注意事項
要注意前景照片亮度與背景照片亮度的關係
要注意前景照片亮度是否一致
注意前景照片的邊緣是否需要柔化
要注意遠近距離與人物大小的比例
要注意遠近距離與圖層順序的關係
旋轉前景照片增加動感
影像去背的方法
有許多影像處理軟體、攝影軟體(包含:平板電腦上的 App)提供去背功能,在電腦上常用的去背工具則包含:
線上去背工具,例如:remove.bg
系統內建的預覽程式「魔術棒」工具,僅適合卡通圖片的去背
Gimp 剪刀工具,適合人像相片的去背
使用線上去背工具
打開瀏覽器,連結:remove.bg
按網頁右側的 Upload Image 按鈕
選取要上傳的圖片
等待去背完成後,點選 Download 按鈕
使用預覽程式去背
在圖片上按兩下,自動開啟「預覽程式」
點選標題列下方的「顯示標示工具列」(鉛筆圖示)
點選「魔術棒」工具
在要去除的背景色彩上按住滑鼠左鍵並在背景拖曳
放開滑鼠,檢查背景區域是否已經選取
按「backspace」或「delete」按鍵去除背景
反覆以上步驟,直到所有背景去除
使用 Gimp 去背
開啟 Gimp
點選「檔案」選單中的「開啟...」
從左側工具箱,找到「剪刀」圖示並點選
在人物邊緣與背景的交界處點一下,沿著人物邊緣繼續點擊滑鼠左鍵
如果線段沒有對齊邊緣,可以適當移動定位點,或在線段上點擊左鍵增加定位點。縮短點擊的距離,會比較容易對齊。
繞人物一圈後,點擊最先開始的定位點,即完成剪輯動作。線段會變成圈選區域(會閃爍的虛線)。
點選「選取」選單中的「反轉...」,將圈選區域從人物改為背景
點選「圖層」選單中的「透明度」,點選次選單中的「色彩轉為透明...」,按確定,即完成去背
點選「檔案」選單中的「匯出為...」,儲存成 PNG。
並不是所有的圖片格式都可以儲存去背後的圖片,通常儲存去背的圖片會使用 GIF 或 PNG 格式,因為這兩種格式都可以儲存 alpha 圖層(右圖中顯示為西洋棋盤圖案的部分)。
老師示範1:智慧型的去背工具,建議人物單純時使用。
老師示範2:搭配 Remove.bg 的 AI 快速去背,建議人物複雜時使用。
圖層與透視法之關係
圖層:在背景圖上匯入前景圖片,前景圖片會變成圖層,每一個圖層都是單獨儲存在獨立的磁碟空間,因此,移動、縮放、旋轉、修改前景圖片並不會影響背景圖。圖片在編輯完成後,進行儲存時會自動合併所有的圖層變成單一圖層,因此一旦儲存之後,就無法再任意編輯前景了。
alpha 圖層:專門用來儲存透明區域資訊的圖層,具有 alpha 圖層的圖片格式,才能用於儲存去背之後的圖片。
在合成影像時,所有匯入的前景圖片(所有組員的去背圖片)會依照匯入順序排列,最後匯入的圖片在最上面,請在縮放前景圖之後調整圖層順序以符合透視法原理。
作品範例
單元三:沈浸式學習體驗
什麼是3R?
虛擬實境 (Virtual Reality, VR),是利用電腦模擬技術產生一個3D空間,提出視覺、聽覺、觸覺等感官的模擬,操作者可以透過穿戴特殊顯示裝置(如VR頭盔),在這個空間中產生如同身歷其境般的錯覺,並藉由控制器或鍵盤在虛擬環境下穿梭或互動,感受彷若身處現實的「沉浸式體驗」。
擴增實境 (Augmented Reality, AR),AR為VR的延伸,藉由攝影機的辨識技術與電腦程式的結合,能把虛擬資訊加到使用者感官知覺上的電腦顯示器(如Google 眼鏡、微軟Hololens),讓使用者能在真實世界與虛擬內容進行互動。
混合實境 (Mixed Reality, MR),把真實環境與虛擬世界合併在一起,從而建立出一個新的環境及符合一般視覺上所認知的虛擬影像,彼此共存並能與虛擬影像互動。
初學入門教學
CoSpaces 教育帳號申請
打開瀏覽器,連結:cospaces.io/edu
點選網頁右上角的 Register 按鈕
點選「學生」身份
輸入老師給的班級邀請碼
CoSpaces VR 體驗
登入成功後,可以點選左上角的「畫廊」,觀摩世界各國優秀創作者所設計的空間
創建 CoSpaces 虛擬空間
點選「班級」,找到老師指派的任務
進入任務後,會看到該項作業的簡介說明
設定空間環境
點選左下角的「環境」,然後按「編輯」
選擇自己喜歡的環境背景
你也可以透過 Filters 改變天空的亮度和色彩
3D 物件
加入 3D 模型到虛擬空間中
點選左下角的「庫」
選擇想要放進空間的 3D 物件,點選左側的模型分類瀏覽更多 3D 物件
將 3D 物件拖曳到空間中,使用物件上方的選單旋轉、移動、抬升(物件在空間中的高度)或縮放物件
在物件上按右鍵,可以進一步改變物件材質、設定物件的姿勢和動作,也可以將多個物件進行組合,例如:讓人物戴帽子、拿雨傘...等等
撰寫程式碼
使用內建的 CoBlocks 程式積木撰寫程式碼
「事件」中的「激活」積木,在使用者進入空間並點擊指定物件時才會執行
其餘積木則在「播放」時立即依序執行
單元四:動物大合唱
Audacity 操作練習
外接錄音、播放設備
檢查硬體設備是否連接完成,請打開「系統編號設定」中的「聲音」設定,在「輸出」分頁中是否看到耳機設備名稱,在「輸入」分頁中是否看到麥克風設備名稱
開啟 Audacity,開啟時會檢查並掛載硬體設備,因此必須在確定硬體沒有問題後才能開啟。
在 Audacity 工作列找到「喇叭」圖示,點擊圖示右側的選單,是否看到耳機的品牌名稱。找到「麥克風」圖示,點擊圖示右側的選單,是否看到麥克風的品牌名稱。如果沒問題,恭喜你可以開始錄音。
錄音
用來儲存聲音以及編輯聲音的地方稱為「音軌」,不同聲音儲存在不同音軌才可以分開進行剪輯,錄在同一音軌的話沒辦法單獨剪輯一個聲音。「混音」是指將多個聲音合併成一個聲音,也就是說混音會把多個音軌變成一個音軌。匯出成聲音檔時,Audacity 會自動幫我們進行混音。
點擊工作列上的「錄音」(紅點)按鈕,請對著麥克風講話看看是否有出現音軌。
觀察音波
點擊工作列上的「放大鏡」按鈕把時間軸刻度放大,觀察聲音的波形。
用滑鼠把振幅較大的段落選取起來,然後按「播放」(向右三角形)按鈕聽聽看,請跟振幅較小的段落互相比較,聲音有什麼不同?
用滑鼠把音波密集的段落選取起來,然後按「播放」(向右三角形)按鈕聽聽看,請跟音波疏散的段落互相比較,聲音有什麼不同?
修改音頻
按快速鍵「Command + A」把整個音軌選起來
請點選「效果」選單中的「變更速度」,往右拉百分比為正數,往左拉百分比為負數。聽聽看聲音變快之後音質有何變化?變慢又如何呢?
如何取得背景音樂?
合法、免費的背景音樂,可以從 https://www.youtube.com/audiolibrary/ 取得。
合法、免費的背景音樂,也可以從 https://pixabay.com/music/ 取得。
動物大合唱製作步驟
請找一首曲子當作背景音樂,你可以從網路下載合法、免費的音樂
點選「檔案」選單中的「開啟舊檔」,將背景音樂載入到 Audacity 中,我們稱這個音軌為「背景音軌」
請模仿 1~3 種動物的叫聲,錄製在同一音軌上,我們稱這個音軌為「錄音軌」
點選「軌道」選單中的「新增」→「單聲道音軌」
請擷取一種動物叫聲長度約 1/4 ~ 1/2 秒,複製後配合「背景音軌」的波形規律貼在新音軌上(試聽時記得把「錄音軌」設定為靜音)
重複步驟 5 直到所有動物的聲音都各有一個音軌。
作品範例一:動物大合唱
作品範例二:小朋友背「紅豆生南國 DJ Remix +動物音合唱」
示範操作:一步一步教你如何做動物大合唱
範例檔案下載 (需先自行解壓縮) :按此下載
使用平板怎麼辦?
家裡沒有電腦無法安裝 audacity 的同學,可以使用平板在應用程式商店搜尋「ferrite」,找到 ferrite recording studio 這個 App。使用平板完成作業並上傳到 classroom 裡面,請參考以下影片示範操作:

單元五、魔幻水族箱
這是發生在魔法王國奧蘭多的冒險故事。奧蘭多國王為了招待來自偏遠小國納尼亞的冰雪女王,決定舉辦魔幻水族箱博覽會,國王確信位於冰河地區的納尼亞王國,就算是貴為女王也絕對沒有看過色彩繽紛的魔法魚群,這將可以為女王帶來最大的驚喜,也能展現魔法王國威盛的國力。
你是眾多候補大法師其中一人,只要製作出贏得女王讚賞的魔幻水族箱,極有可能繼任懸缺已久的大法師之位,贏得進入靈廟接受天啓並獲得究極技能的機會。你當然不願意錯過這個機會……
學習單:使用 Scratch 模擬水族箱生態,包含:向量繪圖、醉漢走路演算法、條件分支判斷。
矮人工匠的絕活
如果想要襯托出魔幻魚的神秘和獨特性,沒有一個與眾不同的水族箱是辦不到的,這是你深思熟慮的結論。為此,你來到了王國最熱鬧的工藝品大街,尋找著名的矮人工匠-尤亞。
任務:
請從 Scratch 範例圖庫選取一張適當的背景圖,或是從網路下載海底景觀圖片,調整圖片位置和大小蓋住整個舞台。
海巫婆的指導
拿到矮人工匠尤亞的得意之作後,接下來必須獲得魔幻魚,這雖然可以借助魔法進行自由創作,但要讓魔法魚能在水族箱中演出曼妙的泳姿,需要一些特別的靈感。、這個時候不如去拜訪海巫婆,說不定龍宮底下的洋流能激發什麼創意?
任務:
請自行繪製新角色,必須是水下生物,魔法魚是一種不存在於真實世界的魚,擁有越多特色,你的魚就會越成功。請撰寫魚的游泳程式,如右圖。並參考還巫婆的意見,創作額外加分內容。
海巫婆的建議:
嘗試創作合體魚,例如:貓魚、熊魚、龍魚......等等。
賦予變身能力,透過造型切換,讓魚一邊游泳一邊改變顏色或形狀。
人工智慧-這是一個失敗率很高的魔法,利用擃展積木「文字轉語音」,當魚被點擊時,能夠說話!
聖女的祈禱
魔法魚必須食用一種名為 Mana 的魔素結晶才能存活,聽說只有虔誠的人才能在祈禱中引發神蹟,獲得神靈賜與的高純度 Mana。Mana 純度越高,魔法魚的天命就越長,甚至能夠達到永生不死的境界。這只能去求助住在神宮的聖女幫忙了....
任務:
請自行繪製 Mana,使用畫筆在旋轉中心點幾下畫出一個小小的不規則的點。由於高純度的 Mana 不可以碰觸到水族箱邊緣,以免造成水族箱破裂,請依照聖女的指示,找出 Mana 開始掉落的 Y 座標,以及掉落到水族箱碰觸底部之前的高度,將這兩個座標記錄下來。並撰寫餵食 Mana 的程式,如右圖。請將程式中的兩個變數換成你剛剛測量出來的數字。
宰相的關切
在前往宮殿的途中,你被衛兵攔下來,接著被帶往議事廳去面見宰相。宰相與你已將退休的父親是摯友,因為擔心老是闖禍的你,會搞砸這個出人頭地的機會,所以特別來關心一下。為了讓宰相安心,你邀請他餵魚,體驗一下將要呈現給女王和國王的驚喜。
任務:
為了讓 Mana 和魔幻魚產生互動,你必須建立一個變數:「餵食」,變數一開始設為 0,當 Mana 顯示出來時設為 1,當 Mana 再度隱藏時設為 0。
請修改 Mana 的掉落程式,將重複執行的結束條件,從原本的「Y 座標 < 結束掉落的高度」,改成「Y 座標 < 結束掉落的高度 或 碰到魔幻魚」,從一個條件變成兩個條件,這樣可以模擬魔幻魚吃掉 Mana 的效果。
最後請修改魔幻魚的程式,使用「如果...否則...」積木進行「分支條件判斷」,當變數 「餵食」 大於 0(或等於 1),魚面朝 Mana 向游去,否則維持原來的右轉隨機取數程式。
國王的恩寵
在宰相的安排下,你的水族箱被佈置在博覽會場的正中央。當歡迎儀式結束後,國王帶著女王來到會場中央,被眼前的奇觀所震撼,一雙眼睛始終沒有離開過你的魔幻水族箱,這是當然的,畢竟這個作品是透過王國眾多傑出之士的幫助才造就的。
於是,你理所當然就任奧蘭多王國的大法師,至於靈廟內的天啟考驗以及最後的究極技能,則是另一個故事了。
任務:
雖然水族箱已經大致完成了,但是為了展現恢宏的氣勢,你需要更多魔幻魚。使用重複執行和建立分身積木,產生額外 10 隻魔幻魚,將原來的程式修改為「分身產生時」執行,請將魔幻魚的本體隱藏起來,但分身產生時必須要顯示出來。