---
title: 112多媒體製作與應用教學筆記
tags: Templates, Talk
description: View the slide with "Slide Mode".
---
# 112-1多媒體製作與應用
Multimedia Design
[教學筆記](https://hackmd.io/Jws6I0v6S6qRsOHV_gowpA)
<!--混成連結-->
<!--https://meet.google.com/ink-avsn-cjc-->
<!-- Put the link to this slide here so people can follow -->
[筆記回報區report your site here](https://docs.google.com/spreadsheets/d/1iD-8y4x3hAtlKnIfTvahiKKUWhM1HRNCJPSK1ekE_fo/edit?usp=sharing)
</div>
[ [gink](https://github.com/geovens/gInk/releases/) | [ZoomIt](https://learn.microsoft.com/en-us/sysinternals/downloads/zoomit) | [wacom](https://cdn.wacom.com/u/productsupport/drivers/win/professional/WacomTablet_6.4.3-1.exe) | [carnac](https://github.com/bfritscher/carnac/releases) ]
<style>
code.blue {
color: #337AB7 !important;
}
code.orange {
color: #F7A004 !important;
}
h1{
color:#28AFB0 !important;
}
h2{
color:#19647E !important;
}
h3{
color:#37392E!important;
}
</style>
---
# 0901教學重點-多媒體設計概念
- 點名選小老師 :muscle:
- 課程介紹
- 多媒體基本觀念
- [技高學習成果呈現建議](https://issuu.com/convofuture/docs/230807_)
---
## 課程介紹
### 我是Fefe :joy_cat:
<!--
- 經歷
英特內資訊網頁設計師／穀保家商資料處理科、多媒體設計科／中壢高商資料處理科科主任
- 專長
電腦繪圖、影像處理、動畫製作、網頁設計、程式設計、影片剪輯、編排設計等各類電腦教學科目
---
- 得獎/證照
乙級證照：行政院勞工委員會乙級技術士電腦軟體應用技能檢定合格。
乙級證照：行政院勞工委員會乙級技術士視覺傳達-平面設計技能檢定合格。
乙級證照：行政院勞工委員會乙級技術士印前製程-PC技能檢定合格。
丙級證照：行政院勞工委員會丙級技術士網頁設計技能檢定合格。
丙級證照：行政院勞工委員會丙級技術士印前製程技能檢定合格。
---
- 國際證照
IC3 ( Internet computing core certification)計算機綜合能力考核認證合格。
Computing Fundamentals認證合格。
Key Applications認證合格。
Living Online認證合格。
MOS(Microsoft Office Specialist) Official Certification Master微軟專家大師級認證合格。
ACA(Adobe Certified Associate) Web Communication Dreamweaver 8認證合格。
ACA(Adobe Certified Associate) Visual Communication using Adobe Photoshop CS3認證合格。
ACA(Adobe Certified Associate) Rich Media Communication Flash 8認證合格。
---
- 電腦技能基金會TQC+證照
電腦繪圖概論與數位色彩配色認證通過。
電腦繪圖設計Illustrator,Flash 認證通過。
電腦技能基金會TQC證照－辦公軟體應用類：
Word, Excel, PowerPoint, Windows XP, IE 6.0, EC, HTML
---
- 選手指導- 近三年成績
指導108全國技藝競賽網頁設計金手獎全國第一
指導109全國技藝競賽網頁設計金手獎全國第二
指導110全國技藝競賽網頁設計金手獎全國第一
---
- 其他
-->
## 課程進度參考
[課程大綱](https://drive.google.com/file/d/1UGgmRSJbyZNBY1bO7MsoKNn3m2bItL1r/view?usp=sharing)
上:
- 設計類
CANVA,AI,PS
- 動畫類
CC,Animate
- 影片類
威導,剪映,小影
下:
- 3D
- ACCESS
- 題組五
- 題組六
<!--
<div style="color:rgb(38 180 70);font-size:2em;">-->
### 課程提要
1. 多媒體概念,AI應用,PS入門,T恤設計
2. 美感與配色,海報
3. 攝影,構圖,修圖,mockup作品
4. 打燈,人像攝影,修圖,canva
5. ***個人攝影動態作品集***
6. 逐格動畫
13. CC角色製作，vroid
11. Animate產品或歡迎
12. Animate廣告
15. 非廣告腳本
16. ***非廣告完成***
7. 威導,腳本,照片與工具
8. 多機,聲音,音效,拍攝工具
9. 標題,PR,字幕,模版
10. ***微電影完成***
17. 學習歷程整理
18. ***學習歷程上傳***
</div>
---
## 課堂要求
- 平時：上課隨堂練習與加分
- 期中期末：三次段考實作
- 期末：課堂筆記+心得反思
註 [台科大備審資料要求](https://www.admission.ntust.edu.tw/p/405-1052-93244,c9997.php?Lang=zh-tw)
註 [升學計分方式說明](https://www.techadmi.edu.tw/111new/page.php?pid=165)
註 [高三導師(佩珮經驗談)](https://www.canva.com/design/DAFnjiUOjpk/DKhFzzgaGNx4umHF98jeKQ/edit)
- Seize the day & 先求有再求好
---
## canva超好用
### :joystick:實作 建一個你的專屬筆記，請在以下文件回報你的筆記連結
https://docs.google.com/spreadsheets/d/1iD-8y4x3hAtlKnIfTvahiKKUWhM1HRNCJPSK1ekE_fo/edit?usp=sharing
### 工具 [canva教育版](https://www.canva.com/brand/join?token=CwEOU0WCFmVilKR1Nwvhvg&brandingVariant=edu&referrer=team-invite)
**任務**
1. 設計標題
1. 什麼是多媒體?
1. 你覺得為什麼是部定科目?
2. 你希望在多媒體課程學到什麼?
---
## 人工智慧的未來
- 自動線稿
https://www.autodraw.com
- 自動著色
http://paintschainer.preferred.tech/index_zh.html
- 人工智慧繪圖
https://quickdraw.withgoogle.com/
---
# AI生圖
## [Midjourney](https://www.midjourney.com/home/?callbackUrl=%2Fapp%2F)
> 以discord去追蹤伺服器,點newbies對話去創圖
> 
## [stable diffusion](https://stablediffusionweb.com/)
> 
## [DALL2](https://openai.com/product/dall-e-2)
>
> 
---
## 相關資源
設計靈感 give you some ideas
pinterest
https://www.pinterest.com/
Tumblr
https://www.tumblr.com/
美感入門
https://aew.moe.edu.tw/#/
---
Canva 免費設計
https://www.canva.com/
Wix 免費網站設計平台
https://www.wix.com/
Adobe Spark 免費網站設計平台
https://spark.adobe.com/sp
---
## 各種素材與智慧財產權
[創用CC](https://tw.creativecommons.net/home-page/)
向量設計freepik (422下載)(423AI)
http://www.freepik.com/
:joystick: [素材上傳下載區](https://drive.google.com/drive/folders/1cYQtqRzFnSqzkuesQTLV1PWruxGq_OYR?usp=sharing)
質感圖片下載pexels
https://www.pexels.com/zh-tw/
影片下載pexels video
https://www.pexels.com/search/videos/videos/
使用規則
https://www.pexels.com/zh-tw/license/
插畫圖片 https://undraw.co/illustrations
組合插畫 https://www.openpeeps.com/
---
配色網站
https://coolors.co/
改背景,改box背景,改字顏色等-超美漸層產生器 https://webgradients.com/
改插圖-超好用插圖
[Humaaans](https://www.humaaans.com/)：人物角色與場景插畫 use with blush
[OpenDoodles](https://www.opendoodles.com/)：可愛的人物角色插畫
[unDrawn](https://undraw.co/illustrations)：簡報利器插畫圖庫
[Glaze](https://www.glazestock.com/)：精緻向量插畫
[manypixels](https://www.manypixels.co/)：可自行定義配色
[mixkit-Art](https://mixkit.co/free-stock-art/)：充滿藝術感的精緻插畫
[illlustrations](https://illlustrations.co/)：生活物品插畫
[isoflat](https://isoflat.com/)：最大的免費立體投影插畫網站
[Paaatterns](https://products.ls.graphics/paaatterns/)：Patterns 圖樣插畫
---
# Adobe Illustrator向量設計
### 工具
-AI
-在家用[inkscape](https://inkscape.org/)
### :joystick: 科服設計
> [模版下載](https://gainhow.tw/Home/Download?type=Multifunction&product=TShirt)
* 以靈感牆作品模仿改編
:joystick: [素材與作品上傳下載區](https://drive.google.com/drive/folders/1cYQtqRzFnSqzkuesQTLV1PWruxGq_OYR?usp=sharing)
* 素材也可自行下載
* 可善用前面連結,如freepik,flaticon等
## 其他補充
### 北商大數媒專班
> 112學年度第一學期北商大數位多媒體體驗營
> 開始招生囉！
> 歡迎對數媒遊戲及動畫有興趣的同學參加，參加同學由產學組統一請公假。
> 預定排課時間為週五，第5節(班會時間)及第6節社團時間
> https://forms.gle/4eVThmB1DnteBynT9
### :joystick:實作 獎金獵人免費參賽證申請計畫
> 加入時間：9/6(三)-9/12(二)
> 報名連結：http://bit.ly/campus2023zlcsh09
## 延伸閱讀
> VR超牆職業-互動設計
> https://www.youtube.com/watch?v=Zk73H2eu3GU
>
> VR超牆職業-電動車
> https://www.youtube.com/watch?v=IvuEqW051ak
>
> VR超牆職業-遊戲設計
> https://www.youtube.com/watch?v=XTDHxJ28kZA&t=75s
>
> VR超牆職業-youtuber
> https://www.youtube.com/watch?v=IM4U9Ir06WE
>
> VR超牆職業-電競
> https://www.youtube.com/watch?v=d15Fe9xhi9A
>
> VR超牆職業-智慧農場
> https://www.youtube.com/watch?v=gJRnonQl6zU
>
> ### :joystick:實作 根據以上的影片，請至少擇一寫寫你的觀後感
>
---
# 0918-Adobe Photoshop 點陣式 藝術海報設計
* Adobe Photoshop: Leading image editing software.
* Features: Precision, non-destructive editing.
* Versatile: For photography, design, various formats.
* Essential tool: For digital creativity and design.
## 線上影像處理工具 [Photopea](https://www.photopea.com/)
* you can use it at home free
---
## 面版介紹與操作 Introduce
---
## PS快速鍵 Hot key
Ctrl + 放大 zoom in
Ctrl - 縮小 zoom out
Ctrl + A 全選 select all
Ctrl + S 存檔 save
Alt + Delete 填入前景色 fill the forcolor
Ctrl + D 取消選取 unselect
Ctrl 會變選取功能 change to select tool
Alt 會吸顏色
[] 筆刷放大縮小 paint brush size
Ctrl + T 變形 (按住ctrl可任意變形) transform
Ctrl + U 變色 change color
Ctrl + J 複製圖層 duplicate layer
Ctrl + M 曲線調色 adjust color
Ctrl + D 取消選取
---
# 美感與配色-質感藝術海報設計
* let's design an art poster, imagine there is a sculpture exhibition in the museum, and we have to design a beautiful poster for promot this good news!
設計靈感
* give a idea
pinterest
https://www.pinterest.com/
什麼是bad design
* what's bad design
## 設計參考
pinterest搜art poster design
## 搜尋以下素材
石膏像 png
等高線圖
花朵插圖
點點圖
標題設計
*google this:
搜scuplture png
可得石膏像
搜
poster design
可得海報設計文字參考
搜 Contour Map
搜 dot picture
搜 flower 花朵插圖
### :joystick:實作 設計完成存檔為jpg圖檔,命名為學號姓名.jpg
## [海報繳交處upload here](https://drive.google.com/drive/folders/1JgXwWOcA8wn5UiXUO1R8IIFZKCnAVqhQ?usp=sharing)
----
<!--div style="color:rgb(38 180 70);font-size:2em;"-->
# 0919-0923
- 獎金獵人補報連結
9/19-25逾期連結失效就無法獲得這個好處，下次就要等明年了
https://pse.is/campus2023zlcsh0919
- 上週海報賞析
- 平面設計的美感養成簡報
# 比賽規劃
* [資安海報](https://csc.nics.nat.gov.tw/)10/20
> * 網路安全智慧：預防網路騙局，守護你我資安
* 長榮虛擬網紅10/20:
> - (一) 電繪原創設計組：
> https://forms.gle/at63sDo8kZdTrgJ69
> - (二) 平面視覺LOGO組：
> https://forms.gle/PHdms2JgHk4vtnxb9
「漫力4設」數位漫畫設計競賽
https://dmd.tnu.edu.tw/zh_tw/page5/2023comics
「景觀e創遊」明信片設計競賽
https://dmd.tnu.edu.tw/zh_tw/page5/2023design
* [桃園設計獎](https://tyda2023.tw/)10/25
> 紀錄片、微電影、動畫及互動作品等相關之作品。
> (一) 徵件報名表。
> (二) 報名作品須遵循以下規格：
> 1. 作品名稱及設計理念：請在300字內描述設計理念、300字內描述作品特色等細節。
> 2. 作品大頭貼
> 3. 作品圖檔：上傳作品圖檔（１ 張為限），請自行壓縮，統一格式為 jpg
> 尺寸：A4 / 300 dpi（2480 x 3508 像素），色彩模式 RGB，單一圖檔請勿超過 10MB。
> 4. 作品影像檔（Youtube連結）：
> (1) 影片精華版：片長 3 分鐘以內，畫質 1080p，上傳Youtube後提供影片連結。
> (2) 影片完整版：完整作品成果，上傳Youtube後提供連結。
* [樹德短影音](https://www.clvsc.tyc.edu.tw/var/file/0/1000/attach/11/pta_10108_9766737_84310.pdf)12/3
舉凡以手機等影音器材拍攝 30-60 秒校園、學習、生活、迷因 meme 趣味短影音創作皆可，亦可為主
題系列連作。
# mockup
- 何謂mockup?
- mockup vs prototype
> 在設計新產品時，常做為虛擬的設計工具的用途。
> mockup實物模型 prototype雛形
- 下載mockup
> [unblast](https://unblast.com/download/45306/)
> [mockupworld](https://www.mockupworld.co/all-mockups/)
> or [Fefe素材區](https://drive.google.com/drive/folders/1cYQtqRzFnSqzkuesQTLV1PWruxGq_OYR?usp=drive_link)
- 修改設計
- 製作mockup
## :joystick:實作
#### 設計完成以存jpg圖檔,命名為學號姓名.jpg 再放入
[mockup作品繳交區](https://drive.google.com/drive/folders/1FT_jVBM96YS8fTCXN8EGiTlMNEObTMMg?usp=sharing
)
#### 將今日學習重點整理於canva簡報中，並回答「我可以如何使用mockup與設計」
# 攝影 photography
# 創意攝影與合成
image synthesis
show some good works
# 構圖
When you take a photograph, be ware of some points:
- 中央
- 井字-擇一重心 Tic tac toe, choose one!
- 平行 parallel
- 對角 ortate the camera
- 拉近 close and close
## for cellphone:
- 鎖住對焦 hold focus
- 微調角度 adjust and rotate
- 快門放慢 slow shot
### :joystick:實作prctice 3人以內一組，請拍出以下的照片,照片下次帶來合成用,let's take some good photographs around the campus(or your sweet home).
## :joystick:[攝影作業繳交處](https://drive.google.com/drive/folders/1UcQlFqyNrguVGH7V1AgxJfEsFfo1-HfK?usp=sharing)
> 開 ***座號-座號-座號*** 資料夾再放
1. 俯拍 down sight
1. 仰拍 up sight
1. 近拍(有散景),後面有景物 close and hold the focus
1. 遠拍(地平面二分之一,三分之一各一張) half one and one third of the ground
1. 光影 shadow
1. 倒影 ont the water
1. 背光 backlight
1. 對稱 symmetry
1. S型 S shape
2. L型 L shape
3. 放射 radiation
4. 拼接 Wide-angle lens (檔案/自動/photomerge)
5. 虛化 blur back
6. 環形 window sight
7. 速度感 rapid (濾鏡)
8. 藍天 blue sky
9. 綠草 green grass
10. 人物特寫 close-up
18. 擺拍 shape the things
19. 錯位 be a giant
21. 間接式拍法 take a picture from you take a picture
最重要的**都要是美的照片** must be beautiful
---
# 修圖
老師拍的素材
https://drive.google.com/drive/folders/1w_2tTlb5KvP5i-9Sn7_4XXvjbVMs-mGq?usp=sharing
* 裁切- 圈選/影像/裁切 crop
* 曲線調色 ctr+u, ctr+m (可配合圈選工具) change color
* 建築變形 make huge by transform (編輯/變形/透視)(press 'ctrl' to make it free)
* 讓路人消失,填滿感知 dispear you (右/點陣化圖層/選取/編輯/填滿/內容感知)
* 以仿製印章加東西,或修圖 imitation (alt+right key)
* 兩張圖疊加 merge two layers(change layer mode)
* 修改髮色 make good selection and change color (選取/顏色範圍/ctr+u)
* 檔案/自動/photomerge
* 液化 liquefaction (濾鏡)
* 動態模糊速度感 speed
* 微型世界-田中達也 create a real imagine world
(Online English version：Photopea
https://www.photopea.com/)
## app
- darkroom
- afterlight
- vsco
## 轉檔
[推薦網站anyconv](https://anyconv.com/tw/)
## 海報設計 參考電影海報
主題決定:網路安全
底圖用哪張?
標語?
感覺?
### 利用chatGPT構思,與觀察各種海報作法
> #### 針對網路安全智慧：預防網路騙局，守護你我資安,列出十個適合的海報標語
>
> ChatGPT
> 當提醒人們預防網路騙局和保護個人資訊時，以下是十個適合的海報標語：
>
> 不要輕易分享個人資訊
> (Don't Share Personal Information Lightly)
>
> 謹慎點擊陌生連結
> (Caution: Click with Care)
>
> 不要隨便打開附件
> (Don't Open Attachments Casually)
>
> 確保網站安全性
> (Ensure Website Security)
>
> 小心公開的社交媒體資訊
> (Be Careful with Public Social Media Information)
>
> 不要相信太好的交易
> (Don't Trust Deals That Are Too Good)
>
> 警惕網路詐騙
> (Stay Alert to Online Scams)
>
> 使用強密碼保護帳戶
> (Protect Your Accounts with Strong Passwords)
>
> 不要隨便下載不明文件
> (Avoid Downloading Unknown Files)
>
> 定期更新軟體和防病毒程式
> (Regularly Update Software and Antivirus)
>
> 這些標語可以提醒人們網路安全的重要性，並幫助他們更謹慎地在線上行動，以減少遭受網路騙局的風險。
>
>
> #### 承上,針對謹慎點擊陌生連結這個主題做成海報,可以有什麼趣味的標題,搭配什麼樣的畫面?
> ChatGPT
> 當您要製作一個有趣的海報來提醒人們謹慎點擊陌生連結時，您可以考慮以下的標題和圖像元素：
>
> 標題：
>
> "點擊前，想兩次！"
> "連結像糖果，但有些是毒糖！"
> "你的滑鼠，你的選擇：智慧點擊！"
> "不要成為釣魚的下一口！"
> "線上迷宮：選擇正確的連結！"
> "連結世界的魔法門，但要選擇明智！"
> 畫面：
> 您可以使用一個引人入勝的畫面，比如一個大大的滑鼠游標悬停在一個巨大的網絡連結上，但是有些連結上有魚鉤或雷電符號，以警示危險。另一個選擇是展示一個有趣的情境，比如一個漁夫在網絡的池塘中嘗試釣魚，但是在水面上漂浮著多個不同的連結，有些看起來危險，有些看起來安全。
>
> 重要的是要確保海報設計引人入勝，吸引人們的目光，並讓他們記住重要的信息：謹慎點擊陌生連結，以保護他們的網路安全。
> #### 承上,畫面上我想用一個人像,低頭沈思,上方是網路世界,可以用什麼樣的標語?
> ChatGPT
> 使用一個低頭沉思的人像，上方是網路世界的圖像是一個很好的主意，這樣的畫面能夠強調思考和謹慎的概念。以下是一些適合這種情景的標語：
>
> "謹慎的一步，網路世界的一大步。"
> "連結前，冷靜思考。"
> "保護你的點擊，保護你的世界。"
> "智慧的頭腦，安全的連結。"
> "不要盲目，要有目標。"
> "網路之門需要謹慎的鑰匙。"
> 這些標語可以強調謹慎和思考的重要性，以及連結和網路行為對個人資訊和安全的影響。請確保海報設計使人們能夠容易地理解這個信息，並鼓勵他們謹慎點擊陌生連結。
>
---
# 期中考
### :joystick:實作 個人動態攝影集Midterm exam / Midterm work (the personal photography portfolio show)
請設計攝影集封面與logo，結合修圖21張，可結合mockup等技巧，以canva整合為動態作品集，每張圖片作品請說明使用技巧與拍攝題目，需加音樂與動畫效果。
#### 評分說明key points：
* Plus虛擬學院LOGO設計10分 a plus virtuer school logo in the cover
* 一張網路安全海報10分 a network safty poster
* 一張mockup作品10分 a mockup picutre
* 21張照片(1張3分)+簡報動態與配樂(7分) last time we take that 21 topics pictures and after we modify them
* 每張照片需敍述拍攝手法與**修圖效果**,請注意整體美感 put them all in canva and notes
* 請使用個人拍攝作品尊重版權 be aware of the authority
:triangular_flag_on_post: 注意分享連結時要選不可編輯權限
## [動態攝影集回報區upload here](https://docs.google.com/spreadsheets/d/1iD-8y4x3hAtlKnIfTvahiKKUWhM1HRNCJPSK1ekE_fo/edit?usp=sharing)
---
# 考後檢討
* 勿錯字
* 心得加分
* 自己拍攝的作品可以得較高分
* 有自己的創意可加分，例如增加目錄與反思等
## 112[優秀作品欣賞](https://sites.google.com/clvsc.tyc.edu.tw/112-1-hw-exhibition/%E8%B3%87%E8%A8%8A?authuser=0#h.c9t96ha4842i)
## 111[優秀作品欣賞](https://www.canva.com/design/DAFF_K7NZ_g/XtbZ5tV9jVDiE--XB5JK6Q/view?utm_content=DAFF_K7NZ_g&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink)
---
# 比賽投稿
---
# 打燈
<iframe width="674" height="400" src="https://www.youtube.com/embed/YzvHEBm6VZs" title="Three-Point Lighting for Portrait Photography" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
* 主燈-60%亮40%暗，右上方
* 輔燈-林布蘭特燈光，比較遠一點（或用反光板
* 背燈-輪廓，對主角，左後方
* 可再一盞打背景
---
# 商品攝影
> 檔名:學號-1.jpg,學號-2.jpg,學號-3.jpg
> 完成商品擺拍2件、迷你攝影棚拍1件
## :joystick: [作品上傳區](https://drive.google.com/drive/folders/1mZIed7RQT5y1k0g8Lch_tsxXK4M7BA8r?usp=sharing)
---
# 1023 [職場參觀說明](https://www.clvsc.tyc.edu.tw/p/406-1000-9831,r294.php?Lang=zh-tw)
> we will visit two offices on 12/8, one is about beauty shop, the onther one is AI robot company. Elisa rember to bring your passport info copy to me.
[備審資料準備索引](https://gotech.ntust.edu.tw/guide/guidebed0.html?fsq=9)
# 112作品報告
## 112各班優良作品
> [42115](https://reurl.cc/v6QrDy)
> [42103](https://reurl.cc/v60Lly)
> [42113](https://reurl.cc/o5r5LD)
> [42124](https://reurl.cc/a4L7v9)
> [42236](https://reurl.cc/4WLEmL)
> [42240](https://reurl.cc/x6NdgZ)
> [42238](https://reurl.cc/OjYdqy)
> [42329](https://reurl.cc/z6YRva)
> [42335](https://reurl.cc/Do47qj)
> [42336](https://reurl.cc/dmLgv6)
## [112優良作品展投稿](https://www.clvsc.tyc.edu.tw/p/406-1000-9740,r594.php?Lang=zh-tw)
> there is works compition in school, pick your favorite work to join this!
>
## :joystick: [影片上傳處](https://drive.google.com/drive/folders/1WpMePh1vY-FsOHEc47DnMfyVOxwXkJr0?usp=sharing)
>請將動態攝影作品輸出成影片後,以學號姓名命名,放入上傳處;校園攝影作品或是商品攝影(挑最美的一張)與藝術海報等,可截圖直接到[報名網站直接上傳](https://docs.google.com/forms/d/e/1FAIpQLSdjFSafRMleIeA0qvIWeQMEzOU_5tMMvYYvEJ-f4XMKMpSJxw/viewform)
>同步請記得交紙本報名表!!!
---
# 逐格動畫stop motion
## 下載life lapse或stikbot studio 2.0
> download the app "life lapse" on your cellphone
## 人物逐格
<iframe width="1691" height="571" src="https://www.youtube.com/embed/t-_3hRtI8L4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
> https://www.youtube.com/watch?v=t-_3hRtI8L4
* 影片包含效果there are some effect demonstraions in this video:
1. 滑行 slip
1. 換空間 change room
1. 人物替換 change role
1. 變裝 chage clother
1. 卡通彈跳 jumping
* else effect:
1. 時光倒流back in time
2. 穿牆pass the wall
* hints:
1. 用人拍比較容易,物品需考慮支撐性與表情如何表演 human actors will be easy, because he is easy to stand and show the face emotion etc.
2. 要用橫式手機拍攝 wide side shot for the phone
3. 主題建議：「美壢七十 夢想奔馳」 the subjet is ZLCHS's birthday comming, here is our slogn, it's mean "the beautiful ZLCHS is 70 yeas old, and our dreams will runing come true"
4. 作品欣賞 here are some of the stop motion kind old works by my students
> [來個蹦蹦](https://www.youtube.com/watch?v=GBJn10rlx-k)
> [就愛玩設計](https://www.youtube.com/watch?v=WDiLX0qLB1M&list=PL5aDUHwBetpe7737Mn1kOlHDmylm9PW0T&index=3)
## :joystick:實作任務
* 四人一組，編寫趣味故事腳本，搭配相關比賽，要剪輯完成，以橫式拍，可是物品或是人物。
* 3:30報告進度(安裝軟體:Life lapse,stop motion,stikbot都可以,特效:Dian App)
* [樹德短影音](https://www.clvsc.tyc.edu.tw/var/file/0/1000/attach/11/pta_10108_9766737_84310.pdf)12/3
舉凡以手機等影音器材拍攝 30-60 秒校園、學習、生活、迷因 meme 趣味短影音創作皆可，亦可為主
題系列連作。
* :joystick:[腳本討論](https://drive.google.com/drive/folders/1ClbAvJX_TcIFsOV0blzZ8EBYV2ofHGgx?usp=drive_link)，關鍵字：停格影片
* 完成後上傳youtube,知道影片連結方式公開,請貼最上方筆記回報區
---
# 輔助技巧
### 影片抽影格
* 輸出序列圖像
* 照比例刪除檔案
### Cartoon animate 做標題動畫
#### illustrator 做標題字
* 視窗 / 外觀
* 新增筆畫,新增填色,新增效果自由搭配 
* 文件設定 / 編輯工作區
* 檔案 / 儲存為網頁用 / png透明圖
### 剪輯-小影,威力導演
```
其他作法:紙動畫或分組分地點指定動作全班串連
```
---
# 1108Animate
先來個[五月天歪腰](https://youtu.be/5MefjboXD7o) May Day music
ppt-動畫製作流程 what's the steps for an animate movie
期中考目標:joystick: 動態貼圖製作 at least finish the 8 line stickers in November
## 操作 software operation
### 補充:CTA基本操作 Cartoon Animater
匯出影片 we can use CTA for a animater clip
匯出gif we can use CTA for a animater clip
[參考作品](https://store.line.me/stickershop/product/14807367/zh-Hant?from=sticker) this is Line stickers made by CTA
[CTA教學影片](https://www.youtube.com/playlist?list=PLVerrFa_2_tlsQdCI8iIkaJ0YNp1AktSo)
### Adobe Animate繪製技巧
#### 快速鍵 hot keys
f5 影格 frame
f6 關鍵影格 keyframe
i 吸管 ink
b 筆畫 paint
Ctrl+g 群組 group
Ctrl+b 打散 break
#### union,cut,shape it's easy to shape
#### wave you hand,blink
#### 揮手、眨眼小動畫gif export to a gif
## :joystick:[隨堂上傳區](https://drive.google.com/drive/folders/1rlPTdwp-z32UDfO6SJt74l1nB5Fqqul7?usp=sharing) upload the cute animate here
### 減少補圖的作法 how to make an animate easy without lost some detail
#### solution
> 群組 group and break
> 分圖層 break to different layer
let this funny doll Lily wave her tail
### 逐格畫 frame by frame
ppt-轉描動畫 the good animation comes from a good performer
### 形狀補間 shape tweened animation
> 變色,形狀 change color, shape, or position...
> 搭配反轉影格 revers frame can make it easy to go back
> 例如變高,移動中心點 notice the central point
> 這種動畫的形狀要打散 this kind of object have to break
### 傳統補間 tranditional tween
> 插入/新增元件/圖像(可做成動畫 insert / symbole / graphic (it is animation clip)
> 放在場景上,可做傳統補間移動效果 tween motion
> 搭配特效的使用 add some effect will be cool
> 從元件庫可以重複拉出來 f12 is the clip library
### 標題動畫 words animation by different scene
CTA版
An版
### 字型下載 down load fonts
[推薦載點](https://www.popdaily.com.tw/life/820577)
### 插圖來源 free funny illustrations
[推薦freepik](https://www.freepik.com/)
## Animate操作進階
* Ctrl+enter播放
* 元件/圖釘/關鍵影格(如,毛蟲,揮旗,火焰,揮手,搖頭)
* Alt+移動 複製 可接到第一格
* 元件/替換
* 影片元件/動態模糊
* 漸層填色可做陰影 (或複製/影片/變黑/翻轉)
* 貝茲線可修改形狀
* 載入psd,或ai檔有圖層/然後可剪下分不同圖層
* 影片/自動旋轉,如輪子
* 增加導引線圖層/以變形移動中心點對齊
* 骨架/先組骨頭元件/多一圖層做端點/拉扭曲中心點/拉骨架工具
* 講話/嘴圖像/建圖像元件/以影格逐一對嘴
---
### 動態貼圖規定 the rulls about how to design the Line stickers
| | 所需數量 | 大小 |檔案格式 |
| -------- | -------- | --- | -------- |
|主要圖片 cover |1張| W 240 × H 240 |.png(APNG)|
|動態貼圖圖片（數量可選） stickers| 8張、16張、24張 |W320 × H270（最大）| .png(APNG)|
|聊天室標籤圖片 chatroom |1張| W 96 × H 74| .png|
* 重複播放次數：每張貼圖1～4次（總播放時間不超過4秒）。
* 最長播放時間：每張貼圖4秒。 total time under 4 seconds
* 每個APNG檔的PNG畫格數：插圖為最少5個畫格，最多20個畫格。
* 每張圖片的檔案大小須小於300KB。the size under 300k
* 下載[軟體包](https://drive.google.com/file/d/14TQTm4MEc1_7gvuOConGhvVmRY5FNf_9/view?usp=sharing) download the software
* 修改/文件/影格速度10/品質100/舞台顏色無 change frame rate 10 and background color none
* 每格動畫右鍵轉成關鍵影格 change every frames to keyframes
* 匯出影片/連續png/320,270,72,32bit export movie to sequence png
* 拉到apng程式,設定取消infinited循環播放,重複可選2 use the apng programe to be apng file
* 檢查apng檔需小於300KB,太大重新輸出或是用pngyu check the animate.apng must munder 300KB
* 完成可用[line creator](https://creator.line.me/zh-hant/)的模擬器檢查 check by line creator emulator
> 上架前先想好:
> 標題中文
> 標題英文 Engilsh caption
> 說明中文
> 說明英文 English intro
[參考教學影片](https://youtu.be/xyMBFSCLb9g)
----
# 1206
## 動態貼圖評分
## 職場參觀報告[規定](https://www.clvsc.tyc.edu.tw/p/406-1000-9832,r294.php?Lang=zh-tw) | [資科作品參考](https://www.clvsc.tyc.edu.tw/p/406-1000-6194,r294.php?Lang=zh-tw) | [商科作品參考](https://www.clvsc.tyc.edu.tw/p/412-1000-1041.php?Lang=zh-tw) | [上傳區](https://drive.google.com/drive/folders/1Uu65smOgeuVufC2lLHHPr9Ausy0rU64o?usp=sharing)
寫法與格式不拘、勿複製貼上以企業深度分析為最佳
## 112[優秀作品欣賞](https://sites.google.com/clvsc.tyc.edu.tw/112-1-hw-exhibition/%E8%B3%87%E8%A8%8A?authuser=0#h.c9t96ha4842i)
校內作品展可截圖放網址到個人學習歷程，並強調獲選。
## 補充生活小常識
>- 英打練習網站 https://www.typing.com/student/lessons
>- [google calendar](https://calendar.google.com/calendar/)可搭配keep待辦清單 應用程式,手機也可同步,並加入[學校行事曆](https://www.clvsc.tyc.edu.tw/p/412-1000-1346.php?Lang=zh-tw)(按右下角+號),或是年度重要節日
>- [evernote](https://www.evernote.com/)筆記知識管理
---
# Vtuber製作
## 虛擬網紅經濟
### 何謂vtuber(繪師,動畫師,中之人)
https://www.youtube.com/watch?v=CZW5AHKGLIc
<iframe width="1186" height="667" src="https://www.youtube.com/embed/CZW5AHKGLIc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
### [SKII 廣告的使用](https://www.youtube.com/watch?v=dQbHKftx3KU)
### [另類設計田中先生](https://www.youtube.com/@user-du6rd2lp5y)
### [不只是日本也有的芭比](https://www.youtube.com/@Barbie)
### [驚人虛實的經濟](https://www.youtube.com/watch?v=VGSPkvMkdGg)
### [目前日本人氣最旺](https://www.youtube.com/watch?v=REYIKl0KZwo&t=795s)
# CC角色製作與photoshop編修
# vroid角色製作與3tene錄製
vroid
https://vroid.com/en/studio
<iframe width="768" height="432" src="https://www.youtube.com/embed/YaM4xmYow8M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
[download here & 中文化](https://drive.google.com/drive/folders/1zwssMAk8gMiGzhkgU2yZmofuKWbWgQKl?usp=sharing)
live2D
https://www.live2d.com/en/
[3tene](https://3tene.com/free/)錄製
### :joystick:實作 個人Vtuber角色設計並錄製一段自我介紹放置於個人canva筆記
---
# 微電影-影片剪輯教學
## 預計工具
cc、手機或攝影機拍攝、威導、[剪映](https://lv.ulikecam.com/)(小影)、pr
## :joystick:實作 [素材下載](https://drive.google.com/drive/folders/1Bpf-n3Q4ocnBhlN1Wm7EY8vCy70GDO_M?usp=sharing)請利用切割工具將素材film1.mp4設計成10-30秒的片頭，並加上動態標題與廣告詞。 | [上傳區upload here](https://drive.google.com/drive/folders/1zQyOA2wvJeSN6jfOrEr7nVz0HLuDB9Wu?usp=sharing)
### [pexels video](https://www.pexels.com/search/videos/videos/)下載素材
### 參考標語(可用chatgpt協助擬詩參考
> CLVSC dizi無人機
>
> 我喜歡運動
> 也喜歡大自然
> 不論是上天
> 下地
> 揪上麻吉
> 生命如此精彩
>
> 這是我的故事
> 那你呢
## 資源連結
* Freesound 音效庫 《需註冊登入後才能下載》
網址：http://freesound.org/browse/tags/music/
* [jamendo免費樂團配樂](https://www.jamendo.com/)
* [魔王魂-日本音樂素材](https://maou.audio/)
* [剪映](https://lv.ulikecam.com/)(小影)
* CC Search：創用 CC 搜尋工具，尋找免費圖庫、影片與音樂
網址：http://search.creativecommons.org/
* YouTube 免費音樂音效資料庫 《需有google帳號》
網址：https://www.youtube.com/audiolibrary/music
* 10大免費音樂音效素材下載網站
網址：https://www.bnext.com.tw/ext_rss/view/id/928492
* Voice Spice Recorder機器人說話 使用教學
https://voicespice.com/Default.aspx
* 影像合成網站
http://photofunia.com/
* freemake video converter 影片下載轉檔
http://www.freemake.com/tw/
* 美圖秀秀 《 影像處理及可愛動態圖》
http://xiuxiu.web.meitu.com/
* 訊連威力導演《資源下載官網》
https://directorzone.cyberlink.com/
## 片頭素材
> [adobe spark](https://new.express.adobe.com/)
> [canva](https://www.canva.com/)
## 劇本
1.有好的劇本才有好的影片
2.劇本撰寫的先決條件是，你想說一個故事，而且不吐不快
3.任何故事都要有意義，才能感動人
4.故事從何而來？從你的成長背景及經驗，從報章雜誌，從朋友八卦，從閱讀群書，從電影戲劇等，花點心思注意，終將蘊釀出靈感
5.故事就是主角經歷一連串的事件而產生的變化，一個好看的電影大抵都是主角想要做甚麼但又遇到了挫折困難，有挫折困難才有戲劇張力，賺人熱淚，懸疑緊張，最後主角克服難關，帶來結果，產生了意義
6.故事編寫的兩種模式：
其一：先有主題概念，然後尋找事件來展示說明這個主題，例如想說明寬恕就去找說明的事件
其二：先有事件，然後從中搜尋主題，再根據主題重新調理事件的內容與順序
## 鏡頭的設計
課堂補充教學pdf
<iframe width="862" height="485" src="https://www.youtube.com/embed/cFZ7Nv7ndNQ" title="少了「攝影操作員」的電影，觀眾還有辦法入戲嗎？ What Happens to a Movie Without Camera Operator｜科普長知識｜GQ Taiwan" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
## 分鏡腳本寫法三者皆可
* 文字說明
* 手繪
* 拍照
### 主要思考內容
* 角色背景
* 故事衝突
* 結局意義
### :joystick:實作 3-6人一組撰寫與拍攝參賽，本週作業腳本設計[作業繳交處](https://drive.google.com/drive/folders/1Zo_PTWNnk74n4-LSY7cs8MFb-wTNgm40?usp=sharing)
[無旁白無對白感人](https://www.youtube.com/watch?v=mOFNuGzwAFs) | [有旁白無對白感人](https://www.youtube.com/watch?v=B0kK90lSPjg)
---
# 112期末考
## 完成比賽要求長度之分組微電影影片並投稿完成
## 評分項目
### 劇情主題40%
### 拍攝技巧30%
> vtuber運用
> 搖鏡
> zoomin
> zoomout
> 快速搖鏡
> 穩定拍攝(腳架使用)
> 平移
> 下往上拍
> 上往下拍
> 過肩拍
### 剪輯手法與配音配樂30%
> 音效
> 音樂
> 片頭
> 片尾
> 字幕
> 去背
> 多機
> 濾鏡
## 請在youtube註解加入素材來源與指定評分的時間位置
---
# 期末個人Canva筆記請補上
> 微電影製作
* 截圖
* 指定項目時間位置
* 影片youtube連結
* 故事大綱
* 心得
> 目錄編好
> 學期心得
:joystick: 本週日完成個人筆記,並記得上傳學習歷程
---
# 補充
### zhiyum smooth-Q4手機穩定器
* 關節先解開
* 手機先平衡
* 板機按2下切換模式
* 切換四種模式pf,L追物,F鏡頭全跟隨,POV轉場,盜夢
* 按住會瘋狗快追模式
* 連藍芽smooth
* 裝app(ZY Cami)
* [教學影片](https://www.youtube.com/watch?v=HYf9fhP-d48)
---
# 2023相關比賽
### [2024 Cool酷酷比-我是實業l城市全國大專校院暨高中職創新創業及創意行銷競賽](https://bhuntr.com/tw/competitions/g6aoe97l8ikrvwfcs6)
### [Speedo全國行銷影片創意競賽徵件](https://bhuntr.com/tw/competitions/ffiij9ip61qnzgf59w)
### [台電多媒體](https://bhuntr.com/tw/competitions/7e9r8q4aydg5vlyoum)
> 生活來電：一度電到我家、班班有冷氣 校校會發電、台灣電力APP。
### [2023 第四屆《大和獎》微電影及感人實事徵選](https://bhuntr.com/tw/competitions/bt1m9pnjw6lucujrn9)
### [2023教育部國教署「鏡頭下的戶外教育」攝影展作品徵件活動](https://bhuntr.com/tw/competitions/toh1t09ta21z7qd971)
### 已過期有作品可參考
[樹德創意](http://www.dmd.org.tw/)
> [旺旺孝親影片](https://drive.google.com/drive/folders/1p-aC8dT1EX4S4A11WUFixnIHXYtSBj7q)
> [111學年度媒體識讀創意短片比賽實施計畫(學生組)1/29](
https://ghresource.mt.ntnu.edu.tw/nss/p/InformationTechnology)
[國稅創意短片11/15](
https://www.ntbna.gov.tw/singlehtml/374fe8c4b18e48c691a6806ac02b9984?cntId=9bca63df985f4bfba216e2d7bf5631c5)
[桃園市廈門街立體停車場公共藝術微電影徵選比賽12/15](
https://micromovie.org.tw/%e6%a1%83%e5%9c%92%e5%b8%82%e5%bb%88%e9%96%80%e8%a1%97%e7%ab%8b%e9%ab%94%e5%81%9c%e8%bb%8a%e5%a0%b4%e5%85%ac%e5%85%b1%e8%97%9d%e8%a1%93%e5%be%ae%e9%9b%bb%e5%bd%b1%e5%be%b5%e9%81%b8%e6%af%94%e8%b3%bd/)
[2023年「適在必行」適應體育微電影暨攝影競賽3/12](https://news.idea-show.com/post/2023%EF%A6%8E%E3%80%8C%E9%81%A9%E5%9C%A8%E5%BF%85%EF%A8%88%E3%80%8D%E9%81%A9%E6%87%89%E9%AB%94%E8%82%B2%E5%BE%AE%E9%9B%BB%E5%BD%B1%E6%9A%A8%E6%94%9D%E5%BD%B1%E7%AB%B6%E8%B3%BD/)
[世新廣電系(不定期公佈)](http://rtf.shu.edu.tw/news4)
[微電影協會不定期公佈](
https://micromovie.org.tw/category/competition-forum/)
> [好農開麥拉](
https://kmweb.coa.gov.tw/event/111kmcamera/)
[資安影片(年年都有)](
https://csc.nccst.nat.gov.tw/movie.aspx)
[歷年得獎作品](https://innoserve.tca.org.tw/networksafe.aspx)
[節電短片(年年都有)](
https://2020tpcfilm.bhuntr.com/tw/)
> [競賽策略單-看最後一個](https://drive.google.com/drive/folders/1ylQQN0T8koDaQSLeeBqfx-syNIJmUVfP?usp=sharing)
> [旺旺孝親影片素材](https://drive.google.com/drive/folders/1p-aC8dT1EX4S4A11WUFixnIHXYtSBj7q)
> [感動久久比賽獎金很高](https://www.tngs.tn.edu.tw/wp-content/uploads/sites/54/2023/03/%E7%AC%AC-14-%E5%B1%86%E6%84%9F%E5%8B%95%E4%B9%85%E4%B9%85%E5%85%A8%E5%9C%8B%E6%A0%A1%E5%9C%92%E7%9F%AD%E7%89%87%E5%BE%B5%E9%81%B8%E6%B4%BB%E5%8B%95%E8%BE%A6%E6%B3%95-.pdf)
## [動畫短篇範例](https://www.youtube.com/watch?v=q6X0AnftwQM)
## 學生作品參考
以校慶為主題系列可參考[作品](https://www.youtube.com/playlist?list=PLxr4B20a9iY6fXKy32Y62wVwAiPdleXyR)
以萬聖節主題系列腳本可參考[作品](https://youtu.be/ZNTf01spMt0)
以角色介紹報導專題可參考[作品](https://youtu.be/1yMyuH7DMfM)
以CTA做的環保專題動畫[作品](https://www.youtube.com/watch?v=LdftLsundIs&list=PLxr4B20a9iY52lP80fQXfKkatzxE5f3a9&index=2&t=57s)
以CTA做的租稅動畫[佳作作品](https://www.youtube.com/watch?v=mMGq6GXgDg8)
[第一名作品](https://www.youtube.com/watch?v=MZEvUo-S5_Y)
[最新動畫嗶嗶APP](https://www.youtube.com/watch?v=9qEpIkfHuZY)
[阿貴孝順動畫作品](https://www.youtube.com/watch?v=xMzEVKmd0-I)
[各國得獎短篇動畫作品](https://www.youtube.com/watch?v=ppMXtTbNnCs&list=PLxOJbB9kmWnSh_t76a944-qp2LL1WWeNv)
# 0320其他比賽資源
> [2023金犢奬策略單](https://drive.google.com/drive/folders/151xjl--IcrCIXZtphQv7QZX9o0SgiQY_)
> [資安女婕思](https://gics.tw/)
---
### :triangular_flag_on_post: 補充
#### 拍攝時不只是文字劇情的平鋪直述
> ##### 情境一
> 黑幕寫字卡「校園裏」，接著小明對小花說:「我有話對你說」
>
> ##### 情境二
> 先拍校園***空景***，隔著窗戶，拍兩個人在講話
> 小明對小花說:「我有話對你說」
>
> 兩者差異？
>
> 空景素材網推薦[pexels video](https://www.pexels.com/videos/)
#### 到[國資圖](https://ebook.nlpi.edu.tw/)看繪本找靈感
> 透過各種轉化的靈感，改變表現的形式，也是一種創意！
> 例1:[下樓的女人](https://www.wikiart.org/zh/ma-sai-er-du-xiang/xia-lou-de-luo-nu-er-hao-1912)攝影->繪畫
> 例2:結合攝影與繪本，介紹旅遊景點電子書[小美遊先嗇](https://edu.gogofinder.com.tw/book/content.php?id=1144)
#### [導演分鏡腳本](https://twgreatdaily.com/TPouBm4BMH2_cNUgvDB1.html)
> 劇體畫出腳本將有助於影片的呈現與張力
#### [蒙太奇手法](https://www.youtube.com/watch?v=GI5qDsUvTeM)
#### 人工智慧套件快速產生大量配音檔 大量文字轉語音
* 裝vscode
* 裝python(要用管理員模式執行)
* 裝pip
檢查有沒有裝成功
* 命令提示字元pip3 install gTTS
```python=
from gtts import gTTS
#↓檔名記得改
with open ("sin.txt","r",encoding="utf-8") as fin:
flagA=True
c=0
while flagA:
line=fin.readline().strip()
if not line:
print("end of file")
flagA=False
else:
tts=gTTS(text=line, lang='zh')
tts.save("C:\\Users\\CAD\\Desktop\\test\\"+str(c)+".mp3")
c+=1
#↑路徑記得改#
```
---
## 威力導演功能介紹
### 威力工具
> 去背、調色與重播
### 運鏡
> 修改 / 關鍵格
> 上下 / 左右 / 拉近拉遠
> 畫面截圖加說明
> 畫面切割
### 威力導演與照片的運用
幻燈片秀編輯器-適合大量照片當MV或片花
創意主題設計師—可放照片與影片當MV或片花，或是做字卡放入當特效標題
素材—[老師拍的素材](
https://drive.google.com/drive/folders/1w_2tTlb5KvP5i-9Sn7_4XXvjbVMs-mGq?usp=sharing)
[示範應用-當空景](https://www.youtube.com/watch?v=7JM6Twrw4MI&t=14s)
[示範應用-當串場字幕](https://www.youtube.com/watch?v=6sh0uVE1330&list=PLxr4B20a9iY6fXKy32Y62wVwAiPdleXyR)
### 片頭或場景字卡設計三種方法
* Canva動態字卡輸出成影片再匯入
* Canva或AI設計成去背png字卡再匯入，配合轉場特效工房
* 使用內建文字工房
==可[加入canva老師的班級](https://www.canva.com/brand/join?token=CwEOU0WCFmVilKR1Nwvhvg&brandingVariant=edu&referrer=team-invite)以獲得教育版資源,素材比較多==
:triangular_flag_on_post:註：編輯／功能設定／取消硬體加速 威力導演執行時會比較順
### 多機剪輯
* 匯入同時錄製的多段影片 [素材下載](https://drive.google.com/drive/folders/1tjlgBU1EeCDkMimDlLfGHavLBzeuGFCn?usp=sharing)
( 或是瀏覽器直接打 192.168.102.50:8080 下載 )
* 使用音訊同步（拍戲需打卡板或大聲）
* 配合情緒選擇片段
### 字幕檔使用
* 歌曲可找lyrics，先打成txt文字檔，並適當分行，不要超過畫面2/3
* 字幕工房，將畫面縮小，一邊對照文字檔
* 在適當的位置按＋
* 最後連選按住shift
* 一起往前調一點
* 從txt檔匯入字幕
* 修改字幕格式字型與大小
* 按全部套用
### 抓[pyTranscriber](https://github.com/raryelcostasouza/pyTranscriber/releases/download/v1.5-stable/pyTranscriber-v1.5-win8-10-installer.exe)自動打字幕
---
### 免費下載[威力導演365](https://tw.cyberlink.com/downloads/trials/powerdirector-video-editing-software/download_zh_TW.html)
---
### 自創漫畫效果 & 新聞標題
freepik keywords: comic effect, news title effect
音效推薦:[魔王魂](https://maou.audio/)
[素材](https://drive.google.com/drive/folders/1TuaC7SVz5kfEgNsLSDd4bugDlvG4ZsYw?usp=sharing)
### 調色
#### 特效/樣式特效
> 木刻 鉛筆素描 切割 做出轉折劇情
#### 特效/色彩風格檔
> 光線 明亮 , 人像 膚色
### 用pr調色,下載lut
https://www.youtube.com/watch?v=oRySH4EsGGs
### pr動態模版(字卡)
https://kyvisuallab.com/how-to-make-decent-title-quickly/
---
### 聲音的剪輯
> 關鍵畫格 keframe 調淡入與淡出位置
---
## 拍攝工具教學
* 記得都要充電!!!
* 最好帶行動電源與充電線備用
* 記憶卡也可備著
* 注意是否需腳架與燈光
### 360攝影機
* wifi 密12345678
* 下載qoocam(黑色)
* 按一下拍照,長按錄影
* [教學影片](https://www.youtube.com/watch?v=kb8j2m7Mcg8)
### insta 360 4K editon 4K運動攝影機
* 需SD卡,腳架
* 可加買電池,360鏡頭
* [教學影片](https://www.youtube.com/watch?v=6TxPKtaUv9M)
### zhiyum smooth-Q4手機穩定器
* 連藍芽smooth
* 裝app(ZY Cami)
* 關節先解開
* 手機先平衡
* 板機按2下切換模式
* 切換四種模式pf,L追物,F鏡頭全跟隨,POV轉場,盜夢
* 按住會瘋狗快追模式
* [教學影片](https://www.youtube.com/watch?v=HYf9fhP-d48)
### rode wireless go II
* 無線收音(接單眼或錄影機採訪用)
* 之後可加買收兩個聲源,及小領夾麥克風,指向式麥克風
* 可帶耳機監聽
### 老師的ZV-E10 4K 單眼相機可錄影
* 需SD卡(160G/800MBS)
* 需腳架
## [採訪拍攝技巧](https://www.youtube.com/watch?v=QOUellEeOxc)
## youtube 搜尋green screen animate 加關鍵字
## 以python套件you-get[下載高清影片](https://www.nvda.org.tw/discussion/ui=2004541300tm=1954780724)
>確定有[裝python](https://www.python.org/downloads/)且有打勾加入路徑
>cmd模式
>pip install You-get
>you-get -i 影片網址看解析度資訊
>you-get --itag=對應參與 影片網址 即可下載!!
## foly擬音
https://www.youtube.com/watch?v=KOCbMQAX7C0
https://www.youtube.com/watch?v=-4KYoFjAWzA
---
---
# [優良作品校內展投稿](https://www.clvsc.tyc.edu.tw/p/406-1000-5592,r671.php?Lang=zh-tw)
1. 交報名表
2. 到[http://gg.gg/12mbgk](http://gg.gg/12mbgk)填寫說明
---
# 段考作品檢討
---
# :cat:下學期開始嘍!!
---
## 相關比賽
[中國科大短影音0402](https://m.cute.edu.tw/Campusbulletinboard/ShowBoradDetail.aspx?boardid=3863)
---
---
# 3D暖身
[tinkerCAD](https://www.tinkercad.com/) 手機架設計(含手繪圖驣)
[sketchup free](https://www.sketchup.com/zh-TW/plans-and-pricing/sketchup-free) 室內設計
> [3d warehouse](https://3dwarehouse.sketchup.com/)可下載素材
# blender強大3D建模與動畫
Blender : https://www.blender.org/
HDRIs：https://polyhaven.com/hdris
ambiedtcg：https://ambientcg.com/
## blender 操作
### 基本設定basic option
edit/
分辨率1.35(放大界面)
interface/resolution rate 1.35(biger interface)
介面/語文 簡體中文
視圖切換/勾圍繞選擇物體旋轉,勾縮放至鼠標位置
navigation/orbit around the section CHECK
zoom to mouse position CHECK
### 模式
物體模式 object mode
編輯模式 edit mode
### 基本視角切換 how to change angle of view
中鍵 旋轉視角 press the middle mouse key->rotate the view
中+shift 平移視角 press the middle mouse key+shift->chage the view
點右上方 X,Y,Z,或是1,3,7 press x or y or z or 1 or 3 or 7->just change the different view
## 快速鍵
shift+A添加選單 可以新增物件 add object
shift+D複製 duplicate
r旋轉 rotation
g移動（按兩次是在面上移動） go
s縮放 scale
x,y,z軸向（加按ctrl可以鎖定一次移動一格 lock the change way
EX:七隻猴不同方向,中間稍大
1點 point
2線 line
3面 surface
t工具箱 tools
shift連選(shift,alt連選) continuous selection
tab選不同模式 chage different mode
ｅ 擠出或內縮（杯子) Extrude
右鍵/細分 right key/subdivide
勾衰減,利用s,r,g做變形 press propotional editing and then use s or r or g to chage the shape
## :joystick: 0221作業：創意高級椅子lovely chair| [繳交處upload](https://drive.google.com/drive/folders/1-IT-U7AtCWKpp2Sz_yZtdoCzlGjPu5mr?usp=drive_link)
ｏ 切換為球體面編輯
ａ 全選 all
i 內插 insert
shift+Alt+點選可連選相鄰 select the continue
shift+d 複製,再按Y可以平行移動 duplicate
f 修補(選點,或全選a) 線-線-面 fill
m 合併頂點(封杯底) merge
Ctrl+R 環切 round cut
Ctrl+B 導角(修邊) Lead angle 滾中鍵加階層數 chage the level by scroll middle mouse key
### 著色color
材質,金屬,糙度 material properties/new/base color,metallic,roughness
(糙度低會亮亮的)
([折射率](https://help.autodesk.com/view/ARENDERING/CHS/?guid=GUID-50A91891-EC13-4A50-9D9F-95E532904FC7)1.3透射1)
要個別選,新增好各種球,才可以改 different color needs different material ball
### [blenderKIT插件](https://www.blenderkit.com/)
* 下載壓縮檔
* 編輯/偏好設置/插件/ edit/preference/add-ones
* 選下載好的壓縮檔 choose the zip file
* 裝起來要打勾 CHECK the blenderKIT
* 物體模式/右邊有blenderkit/勾free first/點分類/再選材質
### 輸出 export
* 補好攝影棚 create a floor and wall
* 下載[HDRI](https://polyhaven.com/hdris)環境貼圖/選世界屬性/顏色/環境紋理/打開圖像 (渲染模式才看得到) view port shading CHECK
world properties/color/environment Texture
* 0攝影機 camera/view/camera to view CHECK
* 右邊小三角形/視圖/勾鎖定攝影機到/移到想要的位置/調好視角要改消掉
after the best view done
* 右邊渲染屬性/cycles/最大採樣512(或32)/記得勾降噪
render propoties/cycles will be better/ 32 render/viewport denoising
* 輸出屬性可改大小output properties/change size
* 渲染/渲染圖像 F12 to output, rember to save
#### :joystick: 椅子造型練習OR手機架
## [繳交處](https://drive.google.com/drive/folders/1-IT-U7AtCWKpp2Sz_yZtdoCzlGjPu5mr?usp=drive_link)採樣8就可以了
## voxel art
> 搜尋方塊藝術
## 添加修改器modifier
> ### 鏡像mirror
> ### 導角bevel
> ### 布林boolean
> * 可針對任何形狀物件 聯集、交叉、刪除
> * 如果想微調形狀可以 右/轉換到/網格
> * 記得隱藏不想看到的部份
> ### 表面細分
> ### 填色細節
## 游標修改 cursor
shift+S,選游標到世界中心,回原點 cursor to world origin
[daviddickball.uk](https://www.pinterest.de/pin/479703797794556339/)
# :joystick: [飛艇繳交處](https://drive.google.com/drive/folders/1ki_HclqTstzCKlcNxZLgGpTk-015oNTo?usp=sharing)
[WILLIAM SANTACRUZ'S](https://www.instagram.com/wsvoxel/)
[4U作品](https://dribbble.com/liyuhang)
中鍵在按鈕列移動調整位置,影像編輯器打開照片
右鍵可細分 將物件面細分
右鍵/融併頂點 可刪除點
透視模式可以看到後面的點（選線按ｓ就可以變成內縮）
O 可開啟衰減編輯 面可以比較平滑像波浪
G 移動 G第二次,只可以在同一個平面移動
E 可往外推面,擠出
塑型時如果需要修改多條線,例如縮腰,就開啟透視
S 可瘦
擠出流形 不會多出一個面
ALT+E 沿法向擠出 做出水母頭
擠出至光標,可以用滑鼠點不斷延伸
I 內縮,可配合E內擠,變成凹洞
右鍵,平滑檢視
layer 添加,平面,球體
渲染模式
HDRI下載
世界屬性/打開
材質,金屬,糙度
要個別選,新增,才可以改
0攝影機
N,視圖,勾鎖定攝影機到
調好視角要改消掉
渲染
選cycles
視圖最大採樣
渲染
最大採樣選512,勾降噪
存檔
文件/外部數據/打包
---
# 少女 by [KurTips](https://www.youtube.com/watch?v=rjzIs9RjFMc&list=PLWnbm0Hd_z4TNF18poVGNUVszKP74sdcJ&index=5)
面版可以替換
面版可拆分
上方的選單最右邊按住滑鼠可以移過去,有+可以新增layout
ctrl+空白,放大目前面版
1. 新建/圖像/參考/變不透明度/改成不可選（先點圖片才可以改透明度，右上角漏斗開啟選擇功能，右上角鍵頭空心
1. 左下角的快選單，段數32，半徑
1. 環形可改小環變徑
1. / 可物件單獨顯示
1. 深度可讓物件顯示在前
1. 鼻子可用方形，嘴可以用環形
1. 0可退出攝影機
1. N視圖，勾銷定攝影機，就可以確認角度再渲染
1. 右邊印表機，選1080X1080
1. 右邊相機，改渲染引擎，eevee快，cycles好，cpu或gpu，最大采樣率200，或是50比較快
1. F12開始渲染
1. 右上角圓球有渲染模式預覽，可調燈的位置，半徑可大一些
1. 選地球世界模式，力度 0，shift+a,加燈光，500瓦，半徑大
1. 全選，右，平滑著色
1. 右邊三角形圖式選項，法向，勾自動光滑30度
1. 三點打光，光可選色
1. 檢視模式右向下箭頭打開可以關掉場景世界
1. 基礎色選色，金屬度，糙度
1. 上方設定世界可以看到世界
1. 右上角可以開集合箱子，把物件都放在一起，類似群組
1. 眼睛，與相機關掉，渲染才不會出現
1. 開一個視窗，選圖像編輯器，滑動選單列，以圖示打開檔案，看視圖對照上色
1. 小地球，新建材質，命名，再改色之類
1. 如果要兩個同一個材質，先選好兩個，ctrl+L關連材質
1. 珠光(金屬度高,糙度低)
---
# 粒子particle
做三個小粒子放在集合 make 3 dusts in a set
物體模式,新增粒子,渲染選集合render/collecton,集合選剛剛的集合(或做物件光粒子)particle select the set
力場權重調小,勾縮放隨機性,生命隨機,change the seed,lifetime randomness, rotation
場景可取消重力,法向大會比較自然往上
力場可選擇想飛的方向 need to change the y direction power,veolocity/object alignend Y / change the number
新增一個小物體做噴射器(選父集合)
加好粒子再鏡射 ctl+a apply then mirror
可不顯示發射器
可新增風力吹
先添加修改器/鏡像/,改變順序先鏡像再粒子,在鏡像那層ctrl+A應用 add modifier/mirror/Ctrl+A apply
# 移動animation
拉開動畫視窗 drag the time line zone
i 新增關鍵 press i add a keyframe
移動後再i make any change then press i on different time
時間線視窗改為曲線視窗可改動畫速度
# 漸層gradient
著色器編輯器/shift+a依序添加
轉換器/顏色漸變/(-係數) converter/ColorRamp
轉換器/分離XYZ(矢量-) converter/separateXYZ
矢量/映射(生成-) vector/mappiing
輸入/紋理坐標 input/texture coordinate
# 物品或表面貼圖
# 特殊材質 special texture
可到[polyhaven](https://polyhaven.com/)下載,download here
* 輸入/紋理坐標
* 矢量/映射
* 紋量/圖像紋理,可用shift+d複製
* 矢量/凹凸
依序選原圖,黑白圖,紫圖,灰階pick the orignal,black & white,purple,gray pctures
細分,選置換修改器,紋理屬性,點灰階圖,回修改器把力度變小last step is add modifier/displace/texture properties/ select the gray one picture/ back to modifier change the strength
# 世界貼圖HDR-world scene
可到[polyhaven](https://polyhaven.com/)下載,download here
1. 著色器編輯器opent the shader editor
2. 點世界環境 world
2. 新增Shift+A / 紋理texture / 環境紋理environment texture
3. 改完要視圖著色才看得到 Viewport shading
---
# 城堡
### 提示:
* 三角椎部份可以透過圓柱,修改頂部尺寸達成,不夠小時按左下方
改尺寸
* 其他就用環切ctrl+r（或是按右鍵細分）、擠出e、內縮i可以達成
* 門挖方形即可，環切後刪除面
* 需加背景打光後截圖，存於下方繳交處
# :triangular_flag_on_post: 雷射切割
> we can laser cut your design by
> download the sample file and change to your design, there are 3 different websites can download, or in the upload, there's fefe's sample
>
> [laserbox](https://www.youtube.com/watch?v=t2WcuYgAuzo)
> [實測影片](https://www.youtube.com/watch?v=ME2oHSLs_0c)
> 範本下載
> [3axis](https://3axis.co/laser-cut/)
> [vecteezy](https://www.vecteezy.com/)
木盒產生器[MakerCase](https://zh.makercase.com)
1．先到網址選擇盒子形狀
2．修改單位為公釐mm，輸入尺寸，最大不超過10CM（即100mm）
3．選擇外側尺寸，材質厚度3mm，選擇有無蓋子，邊緣接合類型選擇指接榫接合，接合大小選至少3個卡榫，之後點選下載箱子藍圖，選擇下載SVG檔。
4．可使用illustrator開啟圖檔
> ## Adobe Illustrator複習
> 1. alt+移動是複製 alt + drag is copy
> 1. 形狀的組合與修剪,可用 視窗/路徑管理員 shape converter
> 1. 圖文不要太細,至少2mm粗;文字變成圖形: 物件/展開 text have to change to shape, be carful the text have to be bold
> 1. 可設計圖案刻出圖案,雕刻形狀注意只會沿著邊線畫線,不會上色也不會有灰階 you can select picture (cut or sculpture), and the sculpture will along the edge
> 1. 推薦freepik或是flaticon可以下載向量圖 you can download picture by the 2 sites
> 1. 挖洞式注意木板厚度1.8mm,挖洞約1.9mm the wood material is 1.8mm, so the hole can design the height about 1.9mm
> 1. 非向量圖轉換:影像描圖/右鍵/展開 change the digit image to vector image
> 1. 存檔為svg後用laserbox軟體打開,檢查厚度與指定切割或雕刻 open the laserbox and check the height and select cut or sculpture
>
---
# :joystick: 112期中作品the final work-「夢想奔馳立體相框」|[繳交處upload here:file_folder:](https://drive.google.com/drive/folders/1FnaN0wQ7fbla41kdBL4GzIWTrkjNAui8?usp=sharing)
> 必要項目:
> * 夢想奔馳3D飛行器繪製，需著色、搭配漸層、材質星球與世界地圖精緻輸出為畫作after design blender airplane, design the fantacy universal stars, we print this like a beatiful picture
> * 以雷射切割設計立體相框與輸出，每人耗材一片以內，可自行設計面、支架與裝飾print and cut the picture frame by laserbox, every one can have 1 piece wood material sheet, rember to design the brackets and decorats
### 111作品欣賞
> [校慶怪奇園遊會繳交處](https://drive.google.com/drive/folders/12dFS_R4BSwzJi6cAvwfbDpji42_ktXws?usp=sharing)
> [飛艇繳交處](https://drive.google.com/drive/folders/1okCif8C0lfLWAGF1IpaQEAzwMuWZCTvl?usp=sharing)
> [城堡繳交處](https://drive.google.com/drive/folders/1ock-TmaLUwHFzBIsCz0Ne1G5pBud4Fke?usp=sharing)
>
# 加分活動
> ### [全國學生攝影比賽0410](https://cspe.com.tw/2024%e5%85%a8%e5%9c%8b%e5%ad%b8%e7%94%9f%e6%94%9d%e5%bd%b1%e6%af%94%e8%b3%bd%e5%be%b5%e4%bb%b6%e6%97%a5%e6%9c%9f2-01-4-10/)
>
> ### 有裝blender
> 有裝手機拍照找老師加分
---
# 完成本學期上傳學習歷程報告
## 建議內容
### 封面
> 標題：多媒體製作與應用
> 個人姓名
> 指導老師
> **組員貢獻度說明（組員、%、工作內容說明，各組需討論同一版本）**
### 目錄
### 個人學習成長（心得）與相關成就（如比賽經歷與獲獎）
### 作品成果
> 可個別截圖＋說明
> 如果有影片作品可設為知道連結皆可觀看，轉QR-code
> 記得加動態攝影集
> **建議可結合上學期的加這學期的動畫與3D作品成為一份**
## 作法
> pdf合併
> 或是Canva統整
# :triangular_flag_on_post: [期末學習歷程檔案放置處](https://drive.google.com/drive/folders/1ym1ZZSh_WuP3O0idcGbL-cnFwbjg6SJx?usp=sharing)
> 檔名：學號.pdf
> 請先讓老師看過打平常成績，通過再上傳到系統
> :warning: 很重要**事關升學一定要傳**！
> :warning: 可著重軟體操作能力展現
> :warning: 如果很多件數可以勾選的人，可以把上下學期合起來傳
> :warning: 如果件數很少的人，也可以把上下學期分開傳，未來自己要記得勾選上傳中央資料庫
> :warning: 有得獎獎狀可以在課程成果裏，多元表現也可以再放一次，增加能見度
# 期末考準備
---
# 以midjourney結合做VR運用
例如VR 3D 故事繪本
---
--------------------------
# 其他教材
> 延伸主題：未來互動與AE特效
---
# 未來互動
### decentraland
新北巿新北元宇宙教育藝廊創作空間展覽揭幕 新聞
https://www.ntpc.gov.tw/ch/home.jsp?id=28&dataserno=202205040020
技術平台相關資料
https://www.kses.ntpc.edu.tw/var/file/0/1000/attach/82/pta_609_8637682_99423.pdf
全球性的平台
https://decentraland.org/
相關的介紹與使用經驗分享
https://www.blocktempo.com/decentraland-review-the-first-day-public-launch/
### 其他
iclone
tinkercad
codespace
ar vr ar2vr makar
室內設計
homestyler
---
# AR製作
https://www.makerar.com/tutorial_01.php
參考應用後,下載軟體製作
https://www.miflydesign.com/makar-document
下載位址
### 「我這個詩人在藝術園中跳舞，我跳出了一個新鮮的自由 」
關於機器人書寫，小冰自己做了最佳詮釋。
上傳圖片讓小冰寫詩
https://poem.xiaoice.com/
## 實作
元宇宙的新年卡片設計，請運用Makar與動畫設計技巧，設計一個別緻的互動新年賀卡（圖、AR、詩文與動畫）卡片。
喲！快點擊連結 https://ssl-api-makar-v3-apps.miflyservice.com/Makar/deeplink/?url=mifly://makar/?openpage=ProjectPlayPage&projectType=ar&projectId=5ffb6c6ecc01e2d817a4bfe17f32fc08 打開MAKAR，一起來體驗 Fefe 製作的專案” 母親節卡片 “吧！（若無法點擊，請開啟MAKAR並在搜尋頁面輸入” Untitled “前往）
---
# 期中考
請按專題組別完成專題AR提案報告
## 報告格式下載
https://drive.google.com/drive/folders/1FX5RIxGmHBifgRf5iC4xR3GTWrdcWWWW
## 報告繳交處
https://drive.google.com/drive/folders/1aRk7eSHhGzxarXvrtkr_zCEsct8qbr0z?usp=sharing
## :heart:提醒
* 報告中的組員請先寫特效組成員
* 創作理念與故事設計與其他必要資訊皆以專題相關來寫即可
* **使用情境描述 => 這個最重要,表示將如何與專題的精神做最佳應用**
* **成果應用未來可發展目標 =>透過這項技術的應用,可以給你的專題帶來什麼樣的成果與應用**
* 其他靈感或製作方式可利用以下資訊,官方網站有很多應用可參考
## 參考資料
XR實境競賽專用網站帳號
MAKAR
競賽網址
https://www.miflydesign.com/makar
文件下載區：
https://www.miflydesign.com/makar-document
軟體下載
https://www.makerar.com/download
https://developers.google.com/ar/devices
國家文化記憶庫與主題
國立台北科技大學AR食物
https://developers.google.com/ar/devices
2/20課程
https://docs.google.com/forms/d/e/1FAIpQLSff8fwyzIUSjstivrUy8BhbCctk6F8QFiSnYFcmKlLnCpV18g/viewform
2/23.3/2 VR課程
https://docs.google.com/forms/d/e/1FAIpQLSegPwNOK6mpnz4x_T2UM1m_BRMzluiKHJ4ubkd9-2l0tNsauw/viewform
老師好，我們會有一系列學生組課程，請參考下面網址：
https://www.miflydesign.com/makar-course
競賽說明會後問卷 https://forms.gle/E8v5jP3yaj6JzGnJA
競賽社團
https://www.facebook.com/groups/MakarGroup
方郁雯下午3:38
請問 學校師生還未進行報名前 可以報名剛剛提及的一些研習課程嗎
3A教學基地中心暨新興科技推廣中心下午3:39
【XR實境教育創意大賞】競賽系列課程
想參加競賽，但還是不知道如何提案？跟上二月的課程，磨練一下你的元宇宙知識！
● 學生組
(hand pointing right)02/19(六) 10:00-16:00
想參加競賽，但還是不知道如何提案？
主題：提案行不行?
講師：蔡雅雯 Lina老師
地點：線上Meet
報名網址：https://pse.is/makarcs
(hand pointing right)02/20(日) 09:00-16:00
實作與實拍VR360素材，領你創作VR虛擬實境應用！
主題：沉浸感怎麼來?
講師：國立台北科技大學 互動設計系 韓秉軒助理教授
地點：北科大多功能教學展演廳
報名網址：https://pse.is/makarcsc220
● 教師組
(hand pointing right)02/20(日) 09:00-16:00
實境解謎與藝術的融合，XR的跨域應用就在這堂課帶你解析！
主題：AR擴增實境裡的跨域實驗室
講師：汪檍 老師
地點：線上Meet
報名網址：https://pse.is/makarctc220
(hand poi
您已被邀請加入「ARVR學習樂園🌸」！請點選以下連結加入社群！
https://line.me/ti/g2/mjTzOWkkPqj1gGIfWPc1egnv9-_t-gidzYLhxA?utm_source=invitation&utm_medium=link_copy&utm_campaign=default
競賽說明會後問卷 https://forms.gle/E8v5jP3yaj6JzGnJA
---
# AR2VR
# [AE介紹](https://www.youtube.com/watch?v=SSj-QtfVR4s)
# AE特效
* 手寫字
* 光劍
* 邂逅-男女聖光與剪輯
* 穿牆-去背影片合成
* 破蛋超人-素材與粒子
* 韓劇-攝影機與3D場景
* 鋼琴與畫框-追蹤合成
Sign in with Wallet
Connect another wallet