---
# System prepended metadata

title: 422 29 多媒體製作與應用教學筆記

---



# 422 29 多媒體製作與應用教學筆記
## 0901教學重點-多媒體設計概念
### 課程介紹
#### 課程進度參考
* 設計類
CANVA,PS,AI,CC
* 影片類
威導,PR
* 動畫類初級
vyound,CTA
___
### 課程提綱
1. 多媒體概念,AI應用,PS入門,T恤設計
1. 美感與配色,海報
1. 攝影,構圖,修圖,mockup作品
1. 打燈,人像攝影,修圖,canva
1. 個人攝影動態作品集
1. CC角色製作
1. 威導,腳本,照片與工具
1. 多機,聲音,音效,拍攝工具
1. 標題,PR,字幕,模版
1. 微電影完成
1. vyound產品或歡迎
1. CTA廣告
1. vroid+PR
1. 去背,PR,剪接,CTA
1. 非廣告腳本
1. 非廣告完成
1. 學習歷程整理
1. 學習歷程上傳
 ___
### 人工智慧的未來
* 自動線稿
https://www.autodraw.com
* 自動著色
http://paintschainer.preferred.tech/index_zh.html
* 人工智慧繪圖
https://quickdraw.withgoogle.com/
___
## 相關資源
設計靈感
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
___
## 各種素材
質感圖片下載pexels
https://www.pexels.com/zh-tw/
影片下載pexels video
https://www.pexels.com/search/videos/videos/
使用規則
https://www.pexels.com/zh-tw/license/
向量設計freepik
http://www.freepik.com/
插畫圖片 https://undraw.co/illustrations
組合插畫 https://www.openpeeps.com/
___
## 配色網站
https://coolors.co/
改背景,改box背景,改字顏色等-超美漸層產生器 https://webgradients.com/
改插圖-超好用插圖
Humaaans：人物角色與場景插畫 use with blush
OpenDoodles：可愛的人物角色插畫
unDrawn：簡報利器插畫圖庫
Glaze：精緻向量插畫
manypixels：可自行定義配色
mixkit-Art：充滿藝術感的精緻插畫
illlustrations：生活物品插畫
isoflat：最大的免費立體投影插畫網站
Paaatterns：Patterns 圖樣插畫
___
## 延伸閱讀
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
___
# PS快速鍵
[] 筆刷放大縮小
Ctrl + 放大
Ctrl - 縮小
Ctrl + A 全選
Ctrl + S 存檔
Alt + Delete 填入前景色
Ctrl + D 取消選取
Ctrl 會變選取功能

Ctrl + T 變形 (按住ctrl可任意變形)
Ctrl + U 變色
Ctrl + J 複製圖層
Ctrl + M 曲線調色
___
# 0905作業素材
https://drive.google.com/drive/folders/1sitkv1OogHwkdvk41fn1dAz1oTdc0Zmj?usp=sharing
---
實作 請利用PS下載模版檔後,T恤設計完成以剪取工具存檔為jpg圖檔,命名為422座號姓名.jpg 再放入上方雲端硬碟中
---
作業提示：
1. 下載01.PSD檔案
1. 以PS開啟，關閉第一個圖層
1. 點開圖層視窗尋找「CHANGE DESIGN」圖層
1. 點選該圖層圖示兩下，進入圖案設計編輯模式(Guide21.psb)
1. 利用手繪或是剪貼工具
1. 設計完成存檔回到原檔（01.PSD）即可看到修改好的結果
1. 利用剪輯工具存檔為jpg圖檔,命名為d22座號姓名.jpg 再放入上方雲端硬碟中
![](https://i.imgur.com/WF0uWNq.png)
---
# 美感與配色-質感藝術海報設計
設計靈感
pinterest
https://www.pinterest.com/

## 什麼是bad design

### 搜尋以下素材
石膏像 png
等高線圖
標題設計
點點圖

搜cuplture png
可得石膏像

搜
poster design
可得海報設計文字參考
![](https://i.imgur.com/w11jU24.png)

---
# 0913
* 上週海報賞析
* 平面設計的美感養成簡報
# mockup
* 何謂mockup?
___
## 你的看法？
* 下載mockup
https://unblast.com/download/45306/
https://www.mockupworld.co/all-mockups/
* 修改設計
* 製作mockup
![](https://i.imgur.com/t9yNrhP.png)
___
# 攝影
# 創意攝影與合成
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
___
## 實作prctice　3人以內一組，請拍出以下的照片，縮圖截圖進筆記，照片週四帶來合成用,let’s take some good photographs around the campus(or your sweet home).
1. 俯拍 down sight
1. 仰拍 up sight
1. 近拍(有散景),後面有景物 close and hold the focus
1. 遠拍(地平面二分之一,三分之一各一張) half one and the third one
1. 光影 shadow
1. 倒影 ont the water
1. 背光 backlight
1. 對稱 symmetry
1. S型 S shape
1. 放射 radiation
1. 拼接 Wide-angle lens (檔案/自動/photomerge)
1. 虛化 blur back
1. 環形 window sight
1. 速度感 rapid (濾鏡)
1. 藍天 blue sky
1. 綠草 green grass
1. 人物特寫 close-up
---
### 補充
1. 擺拍
1. L形構圖
1. 間接式拍法
___
## 修圖

* 裁切- 圈選/影像/裁切
* 曲線調色
* 建築變形 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
(Online English version：Photopea
https://www.photopea.com/)

## app
* darkroom
* afterlight
* vsco
---
# 創意設計觀摩與實作
### 實作
個人動態攝影集Midterm exam / Midterm work (the personal photography portfolio show)

---
請設計攝影集封面，結合修圖17張，可結合mockup等技巧，以canva整合為動態作品集，每張圖片作品請說明使用技巧與拍攝題目，需加音樂與動畫效果。


https://www.canva.com/design/DAFOO9D1bDo/JG_8O5qgPMjKn1ah15v4JA/view?utm_content=DAFOO9D1bDo&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink&fbclid=IwAR0lxcnnnN0WL7FpG6qksuOcmzo2qHggzbKIn-cGPvJtwGkD8vxSRi6nC4Q

---
## PS與網頁設計補充
* 切圖合成多張圖片,figma或是PS作法皆可
* 模糊
* 調色
* 局部加暗
## 人物篇
1. 名模邊走邊側臉
1. 轉身燦笑
1. 背光
1. 大字放射狀
1. 人物跳躍
1. 抓笑顏
1. 上往下拍
1. 長腿,墊腳尖+下往上拍
1. 三分法則+坐姿
1. 上多下少,下往上拍8:2
1. 上往下大頭狗
1. 錯位

例 https://www.youtube.com/watch?v=dISNgvVpWlo

---
# [補充—打燈](https://youtu.be/YzvHEBm6VZs)

https://youtu.be/YzvHEBm6VZs
![](https://i.imgur.com/4BPZbNZ.png)

* 主燈-60%亮40%暗，右上方
* 輔燈-林布蘭特燈光，比較遠一點（或用反光板
* 背燈-輪廓，對主角，左後方
* 可再一盞打背景
---

補充：AI素材使用
freepik

---
# Vtuber製作
## 虛擬網紅經濟
[何謂vtuber(繪師,動畫師,中之人)](https://www.youtube.com/watch?v=CZW5AHKGLIc)
https://www.youtube.com/watch?v=CZW5AHKGLIc
![](https://i.imgur.com/PObD105.png)

---
## CC角色製作與photoshop編修

### 實作　個人Vtuber角色設計並錄製一段自我介紹放置於youtube，將連結放置於作業繳交處
---
# 微電影-影片剪輯教學
### 預計工具
cc、手機或攝影機拍攝、威導、剪映(小影)、pr

---
### 實作　素材下載請利用切割工具將素材film1.mp4設計成10秒的片頭，並加上動態標題與廣告詞。
pexels video下載素材

#### 參考標語
#### CLVSC dizi無人機
#### 
*我喜歡運動*
*也喜歡大自然*
*不論是上天*
*下地*
*揪上麻吉*
*生命如此精彩*

*這是我的故事*
*那你呢*

### 劇本
1.有好的劇本才有好的影片

2.劇本撰寫的先決條件是，你想說一個故事，而且不吐不快

3.任何故事都要有意義，才能感動人

4.故事從何而來？從你的成長背景及經驗，從報章雜誌，從朋友八卦，從閱讀群書，從電影戲劇等，花點心思注意，終將蘊釀出靈感

5.故事就是主角經歷一連串的事件而產生的變化，一個好看的電影大抵都是主角想要做甚麼但又遇到了挫折困難，有挫折困難才有戲劇張力，賺人熱淚，懸疑緊張，最後主角克服難關，帶來結果，產生了意義

6.故事編寫的兩種模式：

其一：先有主題概念，然後尋找事件來展示說明這個主題，例如想說明寬恕就去找說明的事件

其二：先有事件，然後從中搜尋主題，再根據主題重新調理事件的內容與順序

## 資源連結
* 剪映(小影)
* CC Search：創用 CC 搜尋工具，尋找免費圖庫、影片與音樂
網址：http://search.creativecommons.org/
* YouTube 免費音樂音效資料庫 《需有google帳號》
網址：https://www.youtube.com/audiolibrary/music
* Freesound 音效庫 《需註冊登入後才能下載》
 網址：http://freesound.org/browse/tags/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/
## 鏡頭的設計
[課堂補充教學pdf](https://youtu.be/cFZ7Nv7ndNQ)
https://youtu.be/cFZ7Nv7ndNQ
![](https://i.imgur.com/pDhyPId.png)

---
## 分鏡腳本寫法三者皆可
* 文字說明
* 手繪
* 拍照
### 主要思考內容
角色背景
故事衝突
結局意義
# 實作　3-5人一組撰寫與拍攝參賽，本週作業腳本設計作業繳交處
### 補充
拍攝時不只是文字劇情的平鋪直述
情境一
黑幕寫字卡「校園裏」，接著小明對小花說:「我有話對你說」

情境二
先拍校園空景，隔著窗戶，拍兩個人在講話
小明對小花說:「我有話對你說」

兩者差異？

空景素材網推薦pexels video

到國資圖看繪本找靈感
透過各種轉化的靈感，改變表現的形式，也是一種創意！
例1:下樓的女人攝影->繪畫
例2:結合攝影與繪本，介紹旅遊景點電子書小美遊先嗇

導演分鏡腳本
劇體畫出腳本將有助於影片的呈現與張力

蒙太奇手法
人工智慧套件快速產生大量配音檔 大量文字轉語音
* 裝vscode
* 裝python(要用管理員模式執行)
* 裝pip

檢查有沒有裝成功
![](https://i.imgur.com/PrPBK7c.png)
* 命令提示字元pip3 install gTTS
![](https://i.imgur.com/oPTpCZK.png)
---
## 威力導演功能介紹
### 威力工具
去背、調色與重播

### 運鏡
修改 / 關鍵格
上下 / 左右 / 拉近拉遠
畫面截圖加說明
畫面切割

### 威力導演與照片的運用
幻燈片秀編輯器-適合大量照片當MV或片花
創意主題設計師—可放照片與影片當MV或片花，或是做字卡放入當特效標題
素材—老師拍的素材
示範應用-當空景
示範應用-當串場字幕

### 片頭或場景字卡設計三種方法
* Canva動態字卡輸出成影片再匯入
* Canva或AI設計成去背png字卡再匯入，配合轉場特效工房
* 使用內建文字工房

---

## 註：編輯／功能設定／取消硬體加速　威力導演執行時會比較順

### 多機剪輯
* 匯入同時錄製的多段影片 素材下載
( 或是瀏覽器直接打 192.168.102.50:8080 下載 )
* 使用音訊同步（拍戲需打卡板或大聲）
* 配合情緒選擇片段
### 字幕檔使用
* 歌曲可找lyrics，先打成txt文字檔，並適當分行，不要超過畫面2/3
* 字幕工房，將畫面縮小，一邊對照文字檔
* 在適當的位置按＋
* 最後連選按住shift
* 一起往前調一點
* 從txt檔匯入字幕
* 修改字幕格式字型與大小
* 按全部套用

---

## 免費下載威力導演365
![](https://i.imgur.com/MY3a1Mf.png)


---

## 自創漫畫效果 & 新聞標題
freepik keywords: comic effect, news title effect

音效推薦:魔王魂

素材

### 調色
特效/樣式特效
木刻 鉛筆素描 切割 做出轉折劇情

特效/色彩風格檔
光線 明亮 , 人像 膚色

### 用pr調色,下載lut
https://www.youtube.com/watch?v=oRySH4EsGGs

### pr動態模版(字卡)
https://kyvisuallab.com/how-to-make-decent-title-quickly/


---

### 聲音的剪輯
關鍵畫格 keframe 調淡入與淡出位置


---

### 輔助拍攝工具
燈,腳架,穩定器


---

## 實作　3-5人一組完成影片拍攝與剪輯，需符合競賽標準長度，並展現指定剪輯技巧，作業繳交處，需填自評。
配分說明
片頭設計5%

創意10%

內容完整度30%

配音與配樂10%

字幕10%

指定技巧：35% (擇7項)

* 平移
* 拉近
* 畫面分割
* 照片創意主題動畫
* 綠幕去背
* 調色
* 多機剪輯
* vtuber運用

全組評分並參酌各組導演/組長回報成員貢獻度調整

必要條件：符合校外比賽標準，有參賽額外加分


---

## 相關比賽
111學年度媒體識讀創意短片比賽實施計畫(學生組)1/29
國稅創意短片11/15
桃園市廈門街立體停車場公共藝術微電影徵選比賽12/15
2023年「適在必行」適應體育微電影暨攝影競賽3/12
世新廣電系(不定期公佈)
微電影協會不定期公佈

### 已過期有作品可參考
好農開麥拉
資安影片(年年都有)
節電短片(年年都有)



---

## youtube 搜尋green screen animate 加關鍵字
## 以python套件you-get下載高清影片
確定有裝python且有打勾加入路徑
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

### freesound找音效
### jamendo找配樂

---
# vyound
## 介紹影片
## vyound平台
## 教學影片
