---
# System prepended metadata

title: 114多媒體製作與應用教學筆記
tags: [' Talk', Templates]

---

---

title: 114多媒體製作與應用教學筆記
tags: Templates, Talk
description: View the slide with "Slide Mode".

---


# 114-1多媒體製作與應用

<!-- Put the link to this slide here so people can follow -->
# :joystick: [筆記回報區report your site here](https://docs.google.com/spreadsheets/d/1M35zmeldnPQkNptxN1xUD1oKeHwvOVYXZgFW3-aRQMo/edit?usp=sharing)

# :joystick: 實作任務[上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing) upload your files here

<!--# 混成連結
https://meet.google.com/cwhoobhbae
容皓連結

CWHOOBHBAE-->

</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) | [bradcast](https://drive.google.com/file/d/1DSpz7I1iaXH0udIipKz2XIfKd8V8BgrE/view?usp=sharing) ]
 
<style>
code.blue {
  color: #337AB7 !important;
}
code.orange {
  color: #F7A004 !important;
}
h1{
  color:#28AFB0 !important;        
}
h2{
  color:#19647E !important;            
}
h3{
  color:#37392E!important;
}    
</style>
    

---







# 單元一 課程介紹


- 點名選小老師 :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全國技藝競賽網頁設計金手獎全國第一
指導112全國技藝競賽網頁設計金手獎全國第一
指導113全國技藝競賽網頁設計金手獎全國第一


---

- 其他

-->

## 課程進度參考 what we learn

### [課程大綱](https://drive.google.com/file/d/16hmr016qC1kxJh8Ogg7dQfEn9yQy2PFI/view?usp=sharing)

上:
- 設計類 (graphic design)
CANVA,AI,PS
- 動畫類 (animation)
vroid,3tene,CC,Animate
- 影片類 (movie)-自介或專題介紹含鏡頭設計
威導,剪映,小影

下:
- 3D
- ACCESS
- 題組五 (for the test)
- 題組六 (for the test)


## 課程提要 every week project
1. 多媒體概念
3. AI應用,PS入門,T恤設計
4. 美感與配色,海報
5. 攝影,構圖,修圖,mockup作品
6. 打燈,人像攝影,修圖,canva
7. ***個人攝影動態作品集***
2. CC角色製作,vroid,3tene,逐格動畫
11. Animate產品或歡迎
12. Animate廣告
15. 非廣告腳本
16. ***非廣告完成與參加比賽***
8. 威導,腳本,照片與工具
9. 多機,聲音,音效,拍攝工具
10. 標題,PR,字幕,模版
11. ***微電影完成***
17. 學習歷程整理
18. ***學習歷程上傳***

</div>
    
---

## 課堂要求 fefe's class rule
- 平時：上課隨堂練習與加分
- 期中期末：三次段考實作
- 期末：課堂筆記+心得反思
註 [台科大備審資料要求](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:實作 建一個你的專屬筆記，請在以回報區貼上[你的筆記連結]
### 工具 [canva教育版]

### [康乃爾筆記法](https://www.learn4c.com/post/cornell-5r-notetaking)

**任務**
1. 設計標題
1. 什麼是多媒體?
1. 你覺得為什麼是部定科目?
2. 你希望在多媒體課程學到什麼?
---




# 單元二-1 人工智慧的未來 artificial intelligence for design
## 小試身手
 - 自動線稿
https://www.autodraw.com
 - 人工智慧識圖
https://quickdraw.withgoogle.com/
  
---

## 各種AI工具 tools

### 文本生成工具
- [ChatGPT](https://chatgpt.com/)
- [Gemini](https://gemini.google.com/app?hl=zh-TW)
- [Claude](https://claude.ai/)
- [perplexity](https://www.perplexity.ai/)
- Copilot
- Jasper AI
- Copy.ai
- Anyword
- TAIDE
- Chateverywhere

### 多模態處理-建立一分鐘AI影片
- vidnoz.com
- adobe express
- myshell.ai
### 線上影片剪輯
- veed.io
### 形象設計-各種人像生成與改編
- remaker.ai
- app.artflow.ai
### 聲音仿製
- [fish.audio](https://fish.audio)
### 使用他人聲音
- ttsmaker.com
### 歌曲創作
- suno.com
- udio.com
- stableaudio.com
- AIVA
- Descript
- Speechify
- LiSTNR
- OpenAI MuseNet
- Stable Audio
### 教學旁白-照片與語音合成
- hedra.com
### 動畫生成 
- genmo.ai
- sketch.metademolab.com
- new.express.adobe.com
- kingai.com
- [vidu.studio](https://vidu.studio)
- lumailabs.ai
- stablevideo.com
- pixverse.ai
- haiper.ai
- [pika.art](https://pika.art)
- lensgo.ai
- vivago.ai


## 圖像轉影片
- viggle.ai
## 日常小工具
- tinywow.com
## AI開源工具
- huggingface.co
## 日常AI自學進修
- waytoagi.com

---

## AI生圖
### 圖像生成的技巧 提示詞很重要
例:主體 在什麼環境 做什麼事 畫面的風格
> 真實照片、動漫風格、卡通電影、塗鴉風格、logo、水彩、油畫、積木、樂高、黑白、簡約風格、包豪斯風格、梵谷風格等
- https://www.bing.com/images/create
- copilot.microsoft.com
- ideogram.ai
- midgenai.com
- tengr.ai
- getimg.ai
- playground.com
- firefly.adobe.com
- openposes.com
- krea.ai
- pngmaker.ai
- recraft.ai
- watermarkremover.io
- magicstudio.com
- meshy.ai

### [Midjourney](https://www.midjourney.com/home/?callbackUrl=%2Fapp%2F)
> 以discord去追蹤伺服器,點newbies對話去創圖
> ![](https://i.imgur.com/9BGW8Xg.jpg)

### [stable diffusion](https://stablediffusionweb.com/)
> ![](https://i.imgur.com/MWP7ApW.jpg)

### [DALL2](https://openai.com/product/dall-e-2)
> 
> ![](https://i.imgur.com/FIXQzXr.jpg)

### Dall-E3
### Leonardo AI
### Gemini
### Pika.art

---
## 3D生成
- meshy.ai
- tripo3d.ai
- skyboxblockadelabs.com
## AI開源社群平台
- huggingface.co

# 單元二-１ 實作 :joystick: 請參考[比賽規則0930](https://www.nlpi.edu.tw/ActivityInfoDetailC001200.aspx?Cond=ba608152-c50a-452a-9d2c-662283a452bd&Preview=1)，準備相關檔案，並放置在筆記最上方上傳區

> 1. AI 產圖原始圖檔 JPG 
> 2. AI 生圖畫面截圖 檔案大小不超過1MB JPG 
> 3. 生成後製編輯圖檔 (完稿作品) JPG 檔案大小不超過1MB A1尺寸/300dpi以上 
> 4. 另備同意書、身份證正反掃描、家長同意書jpg,週五完成
> 5. 包含作品與設計理念請貼到canva筆記

---


## 延伸閱讀

> 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:實作 根據以上的影片，請至少擇一寫寫你的觀後感;思考你的未來職業情境是否有其他細節
> 




---

# 單元二-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
 http://www.freepik.com/
* 質感圖片下載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 圖樣插畫

---

# 單元三 平面設計

> 以專題或模擬企業進行一系列平面設計
>  * 企業識別
>  * 創意商品設計
>  * 攝影
>  * 美感教育


---

# 單元三-1 Photoshop 點陣式 藝術海報設計

---
# [向量與點陣差別](https://steam.oxxostudio.tw/category/canva/design/edit-image.html)

# [教育局提供免費Adobe](https://www.clvsc.tyc.edu.tw/p/406-1000-16509,r671.php?Lang=zh-tw)
---

* 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

---


## 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 取消選取

---

## 面版介紹與操作 Introduce
1. 羽化、橡皮擦與合成
2. 變色
3. 切形
4. 加入文字
5. 變形
6. 圖層疊加效果
7. 參考[其他得獎海報設計作品](https://www.nhrc-postercompetition.net/index.php?c=category&id=13),[作品&說明](https://sites.google.com/view/2024posterdesign/%E5%BE%97%E7%8D%8E%E4%BD%9C%E5%93%81)加字輔助設計
![image](https://hackmd.io/_uploads/H1ysxPYogl.png)

> ### 提示詞參考
> 設計一個對於未來職業想像的海報,如果我想針對UIUX介面設計這個工作,描述經由完美的的虛擬體驗設計,可以像天使一樣讓人帶來美好的感覺,可以有什麼創意的命名,請列出十個,中英文都可以

### [投稿位址](https://docs.google.com/forms/d/e/1FAIpQLSdTJMcMhn6ZNlVi1gnPL9SatsqkSRdiG2tBPpThSCrw0gZ0Pw/viewform)
![image](https://hackmd.io/_uploads/H1fciEcilg.png)


---

# 美感與配色-質感藝術海報設計
* 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 
## 實作任務[海報繳交區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing) upload your files here



----



<!--div style="color:rgb(38 180 70);font-size:2em;"-->


- 上週海報賞析
- 平面設計的美感養成簡報


## 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/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing
)
#### 將今日學習重點整理於canva簡報中，並回答「我可以如何使用mockup與設計」
![](https://i.imgur.com/ZJSshsG.png)
![](https://hackmd.io/_uploads/HyJtsbuJa.png)


---

# 單元三-2攝影 photography

## 創意攝影與合成
image synthesis
show some good works

## [構圖](https://lofi-house.com/space-design-diy/photo-composition/)

### for cellphone:
- 觀察主角在井字線位置
- 鎖住對焦 hold focus
- 微調角度 adjust and rotate
- 注意姿勢
> 夾緊手臂，繞繩固定，倚靠，腳架
- 調整曝光
- 拍完調整對比、亮度與彩度

### :joystick:實作prctice　請拍出以下的照片,照片放上傳區合成用,let's take some good photographs around the campus(or your sweet home).

## :joystick:[攝影作業繳交處](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing)
> 開 ***學號*** 資料夾再放

## 最重要的**都要是美的照片** must be beautiful

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-構圖有S,例如小路或是樹根
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://i.imgur.com/ibDEhBq.png)
![](https://i.imgur.com/9leLKa2.png)
![](https://i.imgur.com/2Cj8vdP.png)

## [優良作品參考](https://sites.google.com/clvsc.tyc.edu.tw/112-1-hw-exhibition/%E8%B3%87%E8%A8%8A?authuser=0#h.c9t96ha4842i)



# 單元三-3修圖

老師拍的素材
https://drive.google.com/drive/folders/1w_2tTlb5KvP5i-9Sn7_4XXvjbVMs-mGq?usp=sharing

* 裁切- 圈選/影像/裁切 crop
* 去背- 魔術棒,或是選取取主體,複製ctrl+C,ctrl+n開新檔案,ctrl+v貼上,背景關掉,檔案快速轉存png
* 曲線調色 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/)


---

# 單元三-4 商品攝影

---

## 商業攝影的類型 
食物攝影、時尚攝影、建築攝影、形象照和人像攝影是屬於商業攝影範疇的某些相片類型。

---


## [採光技巧說明](https://homietw.com/%E5%95%86%E5%93%81%E6%94%9D%E5%BD%B1%E6%89%93%E5%85%89%E6%95%99%E5%AD%B8-%E6%96%B0%E6%89%8B%E4%B9%9F%E8%83%BD%E8%BC%95%E9%AC%86%E9%A7%95%E9%A6%AD%E7%9A%84%E6%8A%80%E5%B7%A7%E5%A4%A7%E5%85%AC%E9%96%8B/)

## [低成本作法](https://www.worker360.com.tw/blog/product-photography)

---


## [食物攝影](https://tw.cyberlink.com/blog/photo-editing-tips/2434/food-photography)
切、正在使用、生活感

### [112優良作品示範](https://drive.google.com/drive/folders/1vLMyxyZ0vl_shZyxFu9OTbvFh3e8HqSI?usp=sharing)

---

## :joystick:任務
> 3種構圖情境景片、注意需光線充足、一張棚拍商品、一個食物照(切開)
> 可使用自行準備的商品、食物或是雷雕手機架


---

# :joystick: 期中考
> 需完成動態攝影作品集，請適當設計並撰寫說明標題，並將連結放在放回報區，包含項目:
> 封面
> 目錄
> 戶外攝影21張(包含修圖技巧)
> 5張商品照片
> 心得、成長、如何應用等
> 截止時間10/19

## [優良作品示範](http://203.72.100.60/111_hw_exhibition/111/main/img-4/canva/1.mp4)


---


# 單元三-3 向量設計 

---

# 單元三-3-1 Adobe Illustrator 軟體操作


![image](https://hackmd.io/_uploads/B1aXgJcb1l.png)
### 向量式繪圖AI基本操作
視窗/工作區/繪圖
Ctrl + 放大 zoom in
Ctrl - 縮小 zoom out
空白 移動
Alt+左鍵拖 複製

### 如何創作圖案

1.基本形狀組合

> 填色
> 旋轉

2.自行塑形

> 鋼筆
> 
> 筆刷

3.使用素材

> (1)符號
> 
> (2)描圖
> 視窗/工作區/描圖
> win+shift+s  截圖進AI
> 視窗／影像描圖／低彩
> 展開(上面按鈕,或是視窗／影像描圖／展開)
> 右鍵／解散／空地點一下
> 調整顏色與加字或是組合各種物件
> 
> (3)freepik素材重組

### 創意標題字：

> #### 1.大小變化
> 物件/擴充外觀,右鍵/展開
> 或物件/展開/,右鍵/解散群組
> 右鍵/釋放複合路徑
> 視窗/符號/組合部份變化

> #### 2.陰影字
> 先選好顏色
> 效果/模糊/高斯模糊
> 右/排列順序
> 
> #### 3.描邊字
> 連到[flaticon](http://https://www.flaticon.com/)搜尋英文字/截圖/選影像描圖三色/展開/刪掉底色
> 視窗/外觀/新增筆畫或填色,改順序
> 
> #### 4.結合筆刷


---

# 單元四 創意商品與包裝設計

---

# 單元四-1 企業識別與LOGO設計

---


## 什麼是 CIS ？

> ##### 企業識別系統 Corporate Identity System，簡稱CIS，又稱為企業形象設計系統。在全世界科技的進步與生產技術的普及之下，企業識別系統是目前在市場上建立有效且持久競爭優勢的常用工具之一。

---

> ##### CIS應用於企業的歷史，可追溯至1907年德國著名的建築家彼得·貝倫斯(Peter Berhens)，他為德國AEG電器聯營組織(Allgemeine Elektrizitats Gesellschaft)設計標誌，應用在AEG所生產的系列電器上、工廠建築、宣傳資料上，成為第一個具視覺統一性的企業識別系統。
> ##### 1960年代至1980年代歐美國家強力的經濟表現也帶出大量企業/品牌在企業識別與品牌經營的大規模應用，而日本則是在戰後的經濟奇蹟下直至七零年代開始以日式美學發展歐美的CIS觀念。


----


## 企業識別系統(CIS)主要包含三大部分

### 1. 理念識別 (Mind Identity，簡稱MI)：

> ##### 包含企業精神、企業文化、品牌標語、品牌故事，屬於企業經營理念層面，是企業識別系統的基本精神所在。
>  

----


### 2. 行為識別 (Behavior Identity，簡稱BI)：

> ##### 非視覺化動態的識別。對內是完善的企業管理與員工教育；對外則為各種活動、公共關系、公益與文化性活動等，提昇企業形象，強化識別能力，增強行銷利潤所做的一切活動。

----

### 3. 視覺識別 (Visual Identity，簡稱VI或VIS)：

> ##### 指具體化、視覺化的傳達形式，項目最多、層面最廣。以標誌、標準字、標準色為核心展開的完整的、系統的視覺表達體系。將上述的企業理念、企業文化等抽象概念，轉換為具體符號展現。

---
  
> ##### 這一概念包含了標誌（包括不同語言的標準字）和一系列配套設計。一套企業識別系統通常有特定的指引，用以指導和管理相關設計的使用，如標準色、字體、輔助圖形、頁面版型等一系列識別設計，以保持企業/品牌形象的視覺連續性與一致性。在規劃企業識別系統時需訂定詳細規範並有效管理，最重要的一點，企業的所有要素必須相互關聯並且保持一致。
 
---

## CIS的重要性？

---


### 如果一間公司沒有企業識別系統，真的會有所影響嗎？


---

## 無法識別
> ##### 試著想想看，當一個企業沒有企業識別系統或沒有訂定詳細規範，就像是一間企業沒有統一的公司名稱，那我們又該如何判斷這間企業的性質、服務項目等等？如果消費者同時在一間企業接收多種不一致的品牌形象，那又怎麼能相信這個品牌的產品或服務具有一定水準的品質和穩定性？

---

## 設計性
> ##### 企業識別系統如果運用得宜，它將有助於創建一個可以被社會大眾識別和記住的品牌。現代社會資訊的流通量大且快速，有90%的購買行為是受色彩等視覺因素的影響 (Lucidpress)，即使在衝動性購物交易完成後，也要讓消費者有效回流與對品牌產生忠誠度，除了產品或服務本身的品質以外，企業識別設計的完整度將在此產生影響力。





---

## 看顏色就知道


---

![image](https://hackmd.io/_uploads/Bku7MQibyl.png)


![image](https://hackmd.io/_uploads/By7tjRapp.png)

---

![image](https://hackmd.io/_uploads/SkHaoCp6p.png)

---

![image](https://hackmd.io/_uploads/SkYghCapT.png)

---


## 賺更多！

> ##### 根據Forbes雜誌指出：「一個品牌如何使用色彩會影響到品牌的可見度，並強化品牌的識別度，最高可達80%。」因此，若錯誤使用色彩或圖形，可能造成消費者對企業識別辨識上產生混淆，以至於對企業無法產生共鳴。
> ##### 同時Forbes也提到：「與不一致的品牌相比，擁有一致性的品牌預計年收入將增加23%。」

---

> ##### 經由企業識別系統塑造企業形象，不只能進而發現企業隱藏的價值，有效利用資源與優勢，更可以增加客戶的忠誠度，同時加強已經建立的關係。在全球化的世界潮流下，企業識別系統的載體與媒介仍然持續在發展與變化，如何保持它的一致性並給予新載體靈活運用的彈性，將是未來企業管理CIS的一大課題。 


---

## 案例

---

## 我們可以設計什麼？
> * 企業識別
> * 活動識別
> * 環境識別
> * 商店識別
> 
---

## [企業識別](https://www.tudesignoffice.com/cis%E5%95%86%E6%A8%99logo%E8%A8%AD%E8%A8%88%E5%AE%8C%E6%95%B4%E6%B5%81%E7%A8%8B/)
![image](https://hackmd.io/_uploads/rJkwaC66p.png)

---

![image](https://hackmd.io/_uploads/HJOcaCa6T.png)


---

### 活動識別
旗幟、網頁、手冊、看板、工作證
### 環境識別
指標、地圖
### 商店識別
菜單、名片、招牌、入口、夜巿

---


## [使用軟體比較 AI與Canva](https://yuhanplus.com/illustrator-vs-canva/)
-Adobe Illustrator簡稱AI
-在家免費可用[inkscape](https://inkscape.org/)

---

## [企業色](https://www.brandinlabs.com/2013/04/23/品牌logo色彩大解密%E3%80%82/)

---

## [顏色感覺](https://photoblog.hk/257521/%E4%BA%86%E8%A7%A3%E3%80%8C%E8%89%B2%E5%BD%A9%E7%90%86%E8%AB%96-color-theory%E3%80%8D%E8%AA%8D%E8%AD%98%E9%85%8D%E8%89%B2%E8%88%87%E9%9B%BB%E5%BD%B1%E7%95%AB%E9%9D%A2%E6%A7%8B%E6%83%B3%E7%9A%84/)
![image](https://hackmd.io/_uploads/ryNQ-uheke.png)

---

## 小遊戲[color](https://color.method.ac/)
[用法說明](https://www.holibear.com/hblog/%E8%89%B2%E5%BD%A9%E8%A8%AD%E8%A8%88%E7%B3%BB%E5%88%97%EF%BD%9C%E4%BD%A0%E4%B8%80%E5%AE%9A%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%845%E5%A4%A7%E9%85%8D%E8%89%B2%E6%89%8B%E6%B3%95%EF%BC%9A%E8%A3%9C%E8%89%B2/)

---

## 字型個性
挑選一個字型給它一個感覺與設計並[在這分享](https://padlet.com/iamfefe/padlet-7fi4ivi3edocd5ut)
* 視窗/字元 開啟字元視窗
* 填色/物件/展開/右/解散群組 可任意移動變大變小
* 配色網站[coolor](https://coolors.co/320e3b-e56399-7f96ff-a6cfd5-dbfcff)
* 視窗按鍵+shift+s   截圖快速鍵

---

## logo設計實作
1. logo生成工具
2. ai轉向量
> * 截圖進AI
> * 視窗／影像描圖／低彩
> * 物件／影像描圖／展開
> * 右鍵／解散／空地點一下
> 調整顏色與加字或是組合各種物件


----

## canva mockup

----

## 設計靈感
pinterest
https://www.pinterest.com/
Tumblr
https://www.tumblr.com/

---

## 好用資源
配色網站
[coolors](https://coolors.co/)
生活物品插畫
[illlustrations](https://illlustrations.co/)


---

## ideas
中心思想是?
可以用一句話來概括是?
想到什麼動物、物品、可以有什麼符號?
打算用什麼形狀將以上簡化?

---

## 好logo如何好
* 設計亮眼
* 容易應用
* 儘量簡單
* 關聯性
* 過目不忘
* 往小處想
* 聚焦單一特色事物


---

## [canva 標誌](https://www.canva.com/zh_tw/create/logos/) 或 [logo 產生器](https://www.designevo.com/tw/)
canva作法|[教育版]
> 魔法媒體工具
> 去背
> 下載png
> 上傳標誌
> mockup

## :joystick:實作 
> ### 製作成各種企業產品模擬圖
> ### 印製貼紙與包裝盒設計

---

# 單元四-2 [創意商品設計](https://www.9-star.com.tw/)
## 1.[個性化禮物](https://www.pinkoi.com/search?q=%E5%80%8B%E6%80%A7%E5%8C%96%E7%A6%AE%E7%89%A9)
> 發揮創意打造有價值的商品或禮品


---

## 2.列印鑰匙圈 / 熱縮片飾品 / 桌遊小零件
3.5X5cm
### :joystick: 請至上傳區放置(可由logo去發想週邊商品)





---

## 3.Laserbox使用-雷射切割
> 
> [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. [轉檔](https://imagetostl.com/tw/convert/file/cdr/to/ai#google_vignette)為ai
3. 以ai開檔,木板20X30cm,在ai開列印檔案,尺寸記得改公分
4. 到[freepik](https://www.freepik.com/)找素材




![image](https://hackmd.io/_uploads/B1sslYpha.png)
![image](https://hackmd.io/_uploads/HkBJZt6hT.png)

> ## 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
> 




---



---

# 單元四 動畫
> **單元目標**
> 學習動畫製作技巧，包逐格動畫、手繪動畫、vtuber創作等，完成以「短影音訊息辨識」為主題的影音創作，完成比賽[113年資訊素養影音創作比賽](https://bhuntr.com/tw/competitions/vjntoonjc6n2wmqkjk)。

---

# 單元四-1 逐格動畫 stop motion
## 使用軟體 download the app
> * Life lapse
> * stop motion
> * stikbotstudio 2.0
> * 特效:Dian App


## 人物逐格
<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. 主題建議：完成以「短影音訊息辨識」相關的主角登場
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:實作任務[上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing)

> * 檔名:學號.mp4
> * 請依班級與類別放置 



---

## 輔助技巧
### canva 剪輯 (或使用小影,威力導演)

---

# 單元四-2 Animate

先來個[五月天歪腰](https://youtu.be/5MefjboXD7o) May Day music
ppt-動畫製作流程 what's the steps for an animate movie 

## 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



### 減少補圖的作法 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
![image.png](https://hackmd.io/_uploads/rkeGLbHmp.png)
:arrow_up: 這是壢商資處校友的吉祥物設計作品喔！

### 逐格畫 frame by frame
ppt-轉描動畫 the good animation comes from a good performer

![_習作1_球彈跳_12格.jpg](https://hackmd.io/_uploads/Byp9fsv7p.jpg)


### 形狀補間 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

### 字型下載 down load fonts
[推薦載點](https://www.popdaily.com.tw/life/820577)

### 插圖來源 free funny illustrations
[推薦freepik](https://www.freepik.com/)


## Animate操作進階
* Ctrl+enter播放
* 元件/圖釘/關鍵影格(如,毛蟲,揮旗,火焰,揮手,搖頭)
* Alt+移動 複製 可接到第一格
* 元件/替換
* 影片元件/動態模糊
* 漸層填色可做陰影 (或複製/影片/變黑/翻轉)
* 貝茲線可修改形狀
* 載入psd,或ai檔有圖層/然後可剪下分不同圖層
* 影片/自動旋轉,如輪子
* 增加導引線圖層/以變形移動中心點對齊
* 骨架/先組骨頭元件/多一圖層做端點/拉扭曲中心點/拉骨架工具
* 講話/嘴圖像/建圖像元件/以影格逐一對嘴

---



## 補充生活小常識

>- 英打練習網站 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/)筆記知識管理



---


## :joystick:實作任務[上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing)

> * 可愛療癒系小動畫
> * 檔名:學號.gif
> * 請依班級與類別放置 

---

# 單元四-3 Vtuber製作
## 虛擬網紅經濟
### 何謂vtuber(繪師,動畫師,中之人)
https://www.youtube.com/watch?v=CZW5AHKGLIc
<iframe width="1296" height="729" src="https://www.youtube.com/embed/CZW5AHKGLIc" title="帶你快速了解Vtuber！＃０：什麼是Vtuber？" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" 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)

# 單元三-3-1 CC角色製作與photoshop編修
### :joystick: 實作任務[上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing) 改編一隻小怪後上傳.mp4

# 單元三-3-2 vroid角色製作與3tene錄製

vroid
https://vroid.com/en/studio
<iframe width="1296" height="729" src="https://www.youtube.com/embed/YaM4xmYow8M" title="VRoid Project Concept Movie &quot;Your Story&quot;【Animation】" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

[download here & 中文化](https://drive.google.com/drive/folders/1zwssMAk8gMiGzhkgU2yZmofuKWbWgQKl?usp=sharing)

live2D
https://www.live2d.com/en/

[3tene](https://3tene.com/free/)錄製


# 單元四-4 綜合實作


## [動畫短篇範例](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=ZbGbKlVIOiI)
[第一名作品](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)

## 其他比賽資源
> [世新短影音1120](https://www.clvsc.tyc.edu.tw/p/406-1000-15568,r327.php?Lang=zh-tw)
> [輔英行銷創意1018](https://etc.fy.edu.tw/p/406-1054-67136,r409.php?Lang=zh-tw)
> [生涯QA1031](https://friendlycampus.k12ea.gov.tw/Career/113svc)
> [黑Pro白Home: eneloop 最強充電池創用賽1015](https://bhuntr.com/tw/competitions/kmf47doptvpyjcpmm8?utm_source=bhuntr&utm_medium=PROMO_site&utm_campaign=PROMO_kmf47doptvpyjcpmm8)
>[【TWQR 想Pay 都碼配】2024年 TWQR 校園創意推廣競賽1023](https://bhuntr.com/tw/competitions/twqr2024)
> [旺旺孝親獎0831](https://www.loveparents.org/Competition/ApplicationDetails/)
> [節電千瓦設計獎1005-0331](https://kwd.tw/tw/7e9r8q4aydg5vlyoum/information/)
>[2024 第五屆《大和獎》微電影徵選及感人實事分享0126](https://bhuntr.com/tw/competitions/ah1mvwiqtv86xkvywi)
>[育秀AI相關各類影片0217](https://www.clvsc.tyc.edu.tw/p/406-1000-15318,r327.php?Lang=zh-tw)


## 腳本怎麼寫

### 1.拍攝時不只是文字劇情的平鋪直述
> ##### 情境一
> 黑幕寫字卡「校園裏」，接著小明對小花說:「我有話對你說」
> 
> ##### 情境二
> 先拍校園***空景***，隔著窗戶，拍兩個人在講話 
> 小明對小花說:「我有話對你說」
> 
> 兩者差異？
> 
> 空景素材網推薦[pexels video](https://www.pexels.com/videos/)


### 2.到[國資圖](https://ebook.nlpi.edu.tw/)或[數位資源入口網](https://ers.nlpi.edu.tw/?domain=default)看繪本找靈感
> 透過各種轉化的靈感，改變表現的形式，也是一種創意！
> 例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)
> 數位資源入口網資源豐富，以關鍵字繪本查詢；
> 關鍵字KONO可以看當期雜誌、AEB可以看英文雜誌
### 3.參考[導演分鏡腳本](https://twgreatdaily.com/TPouBm4BMH2_cNUgvDB1.html)
> 劇體畫出腳本將有助於影片的呈現與張力

### 4.[蒙太奇手法](https://www.youtube.com/watch?v=GI5qDsUvTeM)

### 5.[劇本公式【起承轉合】](https://classone.cwgv.com.tw/post/21-gu-shi-da-gang-zen-me-xie-gen)


### 5.:joystick:腳本討論
> 利用canva白板功能,參考下列表格,完成小組腳本,並至[筆記回報區](https://docs.google.com/spreadsheets/d/1M35zmeldnPQkNptxN1xUD1oKeHwvOVYXZgFW3-aRQMo/edit?usp=sharing)分享連結
> ![upload_cd522406c7a8e5f981ea892073bba328](https://hackmd.io/_uploads/BkPbVgKfbe.jpg)


### :joystick:整合動畫單元所學，分組完成以「短影音訊息辨識或其他比賽擇一」為主題進行影音創作，並報名繳交完成比賽。
說明：
- 並將分組作品上傳youtube，並將連結置於回報區。
- 長度與型式依比賽規則規定。
- 內容需包含教學單元所提到腳本設計、逐格動畫、手繪動畫、vtuber運用與AI工具應用創作等，愈多項分數愈高。
- 需包含標題設計、配樂與音效，若有對白需加字幕。

### 老師示範如下:
#### 腳本設計
![upload_9062c5b9282e9f553a0c06a6581437ab](https://hackmd.io/_uploads/BkvE4gYMWl.png)


#### CANVA示範剪輯
1. 使用內建影片做為剪輯基礎,注意比賽要求的版面大小,以電腦畫面為主,原則是1920X1080,30p
2. 設計影片標題(或是先一段影片再出現標題,也可以放在最後)
3. 使用Adobe character做演員表演並錄製,輸出成mp4影片(建議初學者直接在這邊錄音比較簡單)
4. 在canva上傳後拉入不同的片段,可調整長度
5. 選擇動畫可以出現影片的控制
6. 在photoshop畫的圖輸出成png可拉入animate做動畫,或是在canva做動畫
7. 使用adobe animate繪製旋轉動畫,輸出成mp4影片後上傳canva
8. 到[pexels vedios](https://www.pexels.com/videos/)下載相關素材影片,在canva加字,字注意加些間距比較有質感
9. 調整配樂與音效,可以到[freesound](https://freesound.org/)下載
10. 有需要擷取電腦的影片時,可以用win+g內建的錄影工具,或是下載[obs](https://obsproject.com/)
11. 配音可以用[雅婷文字轉語音](https://studio.yating.tw/dub/project/create/tts)
12. 結合影片與vtuber也是一種不錯的作法
13. 最後完成輸出mp4影片,上傳youtube

[示範例子](https://www.youtube.com/watch?v=LLsBuhY_qmg)

---

# 其他補充

### 北商大數媒專班
> 113學年度第一學期北商大數位多媒體體驗營
> 開始招生囉！
> 歡迎對數媒遊戲及動畫有興趣的同學參加，參加同學由產學組統一請公假。
> 預定排課時間為週五，第5節(班會時間)及第6節社團時間
> https://forms.gle/4eVThmB1DnteBynT9




---

# 單元四-3 職場參觀報告
## [規定](https://www.clvsc.tyc.edu.tw/p/406-1000-20375,r294.php?Lang=zh-tw) | [資科作品參考](https://www.clvsc.tyc.edu.tw/p/406-1000-10795,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/1J0jAi4lkvHrWvLr3tZzsCPPKGklBpwPk)
寫法與格式不拘、勿複製貼上以企業深度分析為最佳

## [職場參觀說明](https://www.clvsc.tyc.edu.tw/p/406-1000-20375,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.

![upload_41bc23ecfbbcb5b95e4d802b387a7836](https://hackmd.io/_uploads/rkIdNltzZx.png)


## [備審資料準備索引](https://gotech.ntust.edu.tw/guide/guidebed0.html?fsq=9)

## [職場參觀報告繳交](https://drive.google.com/drive/folders/1J0jAi4lkvHrWvLr3tZzsCPPKGklBpwPk)






---

# 12/25網頁選手培訓說明會
02/21 校內會計競賽
03/07 校內簡報競賽
03/14 校內網頁競賽
03/21 校內程式競賽


---


## app
- darkroom
- afterlight
- vsco

## 轉檔
[推薦網站anyconv](https://anyconv.com/tw/)

 
---




## 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="993" height="729" 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; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

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



---

## 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)



---


# 單元五 微電影-影片剪輯教學
## 預計工具
> 威導、cc、手機或攝影機拍攝、[剪映](https://lv.ulikecam.com/)(小影)、pr
> (自備行動硬碟)
> ## 下載[剪映](https://lv.ulikecam.com/)(小影)
> ## 操作練習
> 1. [pexels video](https://www.pexels.com/search/videos/videos/)下載素材
> 1. 加入素材
> 1. 工作區放大縮小
> 1. 剪開影片
> 2. 加入音樂
> 3. 加入片頭
> 4. 加入特效
> 5. zoom in拉近效果
> 6. 搖鏡(左右或上上)
> 7. 影片調色[濾鏡LUT下載](https://www.shutterstock.com/blog/free-luts-for-log-footage)
> 8. 字幕
> 8. 輸出
> 9. 輸出專案資料

## :joystick:實作　[素材下載](https://drive.google.com/drive/folders/1Bpf-n3Q4ocnBhlN1Wm7EY8vCy70GDO_M?usp=sharing)請利用切割工具將素材film1.mp4設計成10-30秒的片頭，並加上動態標題與廣告詞。 | [上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing)






## 資源連結
### [pexels video](https://www.pexels.com/search/videos/videos/)下載素材
*  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="1296" height="729" 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; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

## 分鏡腳本寫法三者皆可
* 文字說明
* 手繪
* 拍照

### 主要思考內容
* 角色背景
* 故事衝突
* 結局意義

### :joystick:實作　3-6人一組撰寫與拍攝參賽，本週作業腳本設計
[無旁白無對白感人](https://www.youtube.com/watch?v=mOFNuGzwAFs) |  [有旁白無對白感人](https://www.youtube.com/watch?v=B0kK90lSPjg)

---

# 114期末考
## 剪輯[千瓦設計獎](https://kwd.tw/tw/home/)節電影片(確認比賽投稿可加分)
## 評分項目
### 劇情主題40%
> #### 符合本次競賽規定
> 本屆以「WATT'S UP 電解新日常」為主題，從帳單出發，邀請設計者用全新視角解讀日常的用電故事。帳單不只是數字紀錄，更是生活的映照，它反映我們的用電習慣，呈現日常作息的軌跡，也提示著節能行動的可能與方向。透過設計的轉譯與想像，讓瓦數、電碼、度數成為創作語彙，重新連結電力與生活，啟發對未來的想像。
> #### 有趣與創意的腳本，開場奇特hook、中間有個困難轉折、結局獲得解決
### 剪輯技巧30%
> 手繪動畫
> youtuber使用
> 真實素材運用 (照片或空景的影片)
> #### 鏡頭應用
> * zoomin與zoomout
> * 快速搖鏡 
> * 平移 
> * 下往上拍 
> * 上往下拍 
> * 過肩拍 
### 剪輯手法與配音配樂30%
> 音效
> 音樂
> 片頭
> 片尾
> 字幕
> (去背)
> 多機(同一場戲不同鏡頭)
> 特效或濾鏡
> 調色

## 請在youtube註解加入素材來源與指定評分的時間位置
[期末回報區report your site here](https://docs.google.com/spreadsheets/d/1M35zmeldnPQkNptxN1xUD1oKeHwvOVYXZgFW3-aRQMo/edit?usp=sharing)
---

# 期末個人Canva筆記請補上

> 微電影製作
* 截圖
* 指定項目時間位置
* 影片youtube連結
* 故事大綱
* 心得

> 目錄編好
> 學期心得

:joystick: 本週日完成個人筆記,並記得上傳學習歷程

---

# 補考方式
> ## 學習歷程檔案需交出完整版(含各單元內容與心得)與精簡版(<4MB,心得重點放前面)

---

# 補充
### zhiyum smooth-Q4[手機穩定器](https://www.yingkee.hk/zhiyun-smooth-q4/?srsltid=AfmBOoqc5rJ79hqCbieDXBDfHkWhgxHeHIlFFzGtszH0QM4_FRZBz8oD)
* 關節先解開
* 手機先平衡
* 板機按2下切換模式,3下切換直/橫向
* 切換四種模式pf,L追物,F鏡頭全跟隨,POV轉場,盜夢
* 按住會瘋狗快追模式
* 連藍芽smooth
* 裝app(ZY Cami)
* [教學影片](https://www.youtube.com/watch?v=HYf9fhP-d48)
* [攝影小白的運鏡技](https://www.youtube.com/watch?v=LMXk8qJYOPI)


---

# 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)



# 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://twgreatdaily.com/TPouBm4BMH2_cNUgvDB1.html)
> 劇體畫出腳本將有助於影片的呈現與張力

#### [蒙太奇手法](https://www.youtube.com/watch?v=GI5qDsUvTeM)

#### 人工智慧套件快速產生大量配音檔 大量文字轉語音

* 裝vscode
* 裝python(要用管理員模式執行)
* 裝pip

檢查有沒有裝成功
![](https://i.imgur.com/NysdMAm.png)

* 命令提示字元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)
![](https://i.imgur.com/kZRBmys.png)


---

### 自創漫畫效果 & 新聞標題
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://app.sketchup.com/) 室內設計
> [3d warehouse](https://3dwarehouse.sketchup.com/)可下載素材

回家作業:[IKEA 3d設計](https://www.ikea.com.tw/zh/customerservice)

# blender強大3D建模與動畫
Blender : https://www.blender.org/
HDRIs：https://polyhaven.com/hdris
ambiedtcg：https://ambientcg.com/

## 單元六-1 blender 操作

### :triangular_flag_on_post:基本設定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

## :triangular_flag_on_post:基本視角切換 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

## :triangular_flag_on_post:快速鍵
 
shift+A添加選單 可以新增物件 add object
shift+D複製 duplicate
shift+c 顯示所有物件
shift+s 中心到世界中心
中鍵失靈(偏好設定/視圖/勾深度)

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




ｏ 切換為球體面編輯
ａ　全選 all
i  內插 insert
shift+Alt+點選可連選相鄰 select the continue 
shift+d 複製,再按Y可以平行移動 duplicate
f 修補(選點,或全選a) 線-線-面 fill
m 合併頂點(封杯底) merge
p 分割

Ctrl+R 環切 round cut
Ctrl+B 導角(修邊) Lead angle 滾中鍵加階層數 chage the level by scroll middle mouse key

![upload_1395b8c39c0ffbd1cb2f0cbfd0002e1c](https://hackmd.io/_uploads/SyPlHgFfbe.png)



### 著色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: 作業：創意[高級桌椅](https://drive.google.com/drive/u/3/folders/1-IT-U7AtCWKpp2Sz_yZtdoCzlGjPu5mr)lovely desk and chair| [繳交處upload](https://drive.google.com/drive/folders/1m8p4Wgo_RnGahI5y0AW-p_uFTckPa7dI?usp=sharing))採樣8就可以了

## voxel art
> 搜尋方塊藝術
## 添加修改器modifier
> ### 鏡像mirror
> ### 導角bevel
> ### 布林boolean
> * 可針對任何形狀物件 聯集、交叉、刪除
> * 如果想微調形狀可以 右/轉換到/網格
> * 記得隱藏不想看到的部份
> ### 表面細分
> ### 填色細節

## 游標修改 cursor
shift+S,選游標到世界中心,回原點 cursor to world origin

![](https://i.imgur.com/NhjF4sL.jpg)[daviddickball.uk](https://www.pinterest.de/pin/479703797794556339/)
# :joystick: [繳交處upload](https://drive.google.com/drive/folders/1m8p4Wgo_RnGahI5y0AW-p_uFTckPa7dI?usp=sharing)


![](https://i.imgur.com/8Ueguv4.png)[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)

![upload_71cdef9b01c42c914f2ec8f6e7121c89](https://hackmd.io/_uploads/HyXIBlKzZe.png)

面版可以替換
面版可拆分
上方的選單最右邊按住滑鼠可以移過去,有+可以新增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. 珠光(金屬度高,糙度低)

---

# 單元六-2 粒子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

![upload_7f6815c086e425ac3c0dc6cd63a76181](https://hackmd.io/_uploads/BJUaHetMbx.png)
![upload_bd5ec2d3c94afdaca3c20ddbaa624a23](https://hackmd.io/_uploads/HyfbUeFM-l.png)


# 物品或表面貼圖
![upload_343724790f967bc811f572d01411d7b5](https://hackmd.io/_uploads/SkTG8etfWl.png)


# 特殊材質 special texture
![upload_0cc9b957e996d52378f34b5df0c04532](https://hackmd.io/_uploads/Bkh4IlYzbe.png)

![upload_eba7476195050790772c1247c10eeccc](https://hackmd.io/_uploads/HyHLIltfWl.png)

可到[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
![upload_f7019aa347c70281631b5a7f7a8758c3](https://hackmd.io/_uploads/HkLgveYfWe.png)

可到[polyhaven](https://polyhaven.com/)下載,download here
1. 著色器編輯器opent the shader editor
2. 上面改世界環境 world
2. 新增Shift+A / 紋理texture / 環境紋理environment texture
3. 改完要視圖著色(最右邊)才看得到 Viewport shading

# 輸出
選印表機圖示/改時間/改文件格式為ffmpeg
---

---
# :joystick: 113期中作品the final work-「17想奔馳短影片」|[上傳區](https://drive.google.com/drive/folders/1CBMxNOqmMK9MZZguE_W58PNe770KpJEP?usp=sharing) upload your files here
 
> 必要項目:
> * 夢想奔馳3D飛行器繪製，需著色、搭配漸層、材質星球與世界地圖精緻輸出為畫作after design blender airplane, design the fantacy universal stars, we print this like a beatiful picture


### 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)
> 


---



# 完成本學期上傳學習歷程報告(重新上傳至13、14資料夾)
## 建議內容
### 封面
> 標題：多媒體製作與應用課程學習成果報告
> 報告特色    
> 個人姓名
> 指導老師
> **組員貢獻度說明（組員、%、工作內容說明，各組需討論同一版本）**
### 目錄
### 個人學習成長（心得）與相關成就（如比賽經歷與獲獎）
### 作品成果
> 可個別截圖＋說明
> 如果有影片作品可設為知道連結皆可觀看，轉QR-code
> 記得加動態攝影集
> **結合上學期的加這學期的動畫與3D作品成為一份**

## 作法
> pdf合併
> 或是Canva統整

# :triangular_flag_on_post: [期末學習歷程檔案放置處](https://drive.google.com/drive/folders/1m8p4Wgo_RnGahI5y0AW-p_uFTckPa7dI?usp=sharing) upload your files here
> 檔名：學號.pdf
> 請先讓老師看過打平常成績，通過再上傳到系統
> :warning: 很重要**事關升學一定要傳**！
> :warning: 可著重軟體操作能力展現
> :warning: 如果很多件數可以勾選的人，可以把上下學期合起來傳
> :warning: 如果件數很少的人，也可以把上下學期分開傳，未來自己要記得勾選上傳中央資料庫
> :warning: 有得獎獎狀可以在課程成果裏，多元表現也可以再放一次，增加能見度
    


# 加分活動
> ### [全國學生攝影比賽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
> 有裝手機拍照找老師加分

    
    


---




# 以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://i.imgur.com/792UMFS.png)
 
 上傳圖片讓小冰寫詩
 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場景
* 鋼琴與畫框-追蹤合成



