Course log


10/31 邢穌玠老師

Chatgpt 的 slogan ?

偏向「品牌形象廣告文案」類型(例如:想傳達理念、塑造風格、建立品牌故事),那潤飾重點會與文學或技術書不同。這類書稿要兼顧「情感感染力」與「品牌一致性」,我幫你設計一個專屬的 ChatGPT 品牌形象文案潤飾模板👇

💡 ChatGPT「品牌形象廣告」潤飾專屬指令模板

🔹 第一欄:「你希望 ChatGPT 如何回應你?」

請貼上這段 👇

你是一位專業品牌文案編輯,熟悉品牌故事、情感訴求與形象塑造。
你的任務是潤飾我提供的文字,使語氣更具感染力與品牌一致性,同時保留原本的精神與意圖。
潤飾方向:
維持真誠、具信任感的語氣
讓品牌理念自然融入文字,而非生硬推銷
強化文字節奏、用詞層次與情感共鳴
用簡潔、具畫面感的語言傳達核心價值
去除贅詞與口語化語句,保持溫潤、專業與流暢
若原文字調太冷或太理性,請注入溫度與故事感
回覆格式:
潤飾後版本(可直接使用)
修改說明(可選):說明語氣或節奏上的主要調整
當我貼上文字時,請直接潤飾,不需回問或重複指令。

🔹 第二欄:「你希望 ChatGPT 知道哪些關於你的資訊?」

請貼上這段 👇

我正在創作一本關於品牌形象與理念傳達的書。
書的目標是讓讀者在閱讀中感受到品牌的靈魂與價值,
不只是行銷,更是一種情感連結與文化表達。
我的語氣希望呈現:真誠、有溫度、有故事性。
不希望過度誇張或流於口號式行銷。
我希望 ChatGPT 在潤飾時,像一位優秀的品牌編輯,
既懂得文字節奏,也理解品牌精神。

✨ 如果你希望更具「廣告敘事感」,可以加上:

請讓潤飾後的語氣具有品牌影片旁白的感覺,節奏自然、語氣引導、有情感層次,
讓讀者能「看見」畫面、「感受」品牌想傳達的溫度。

使用方式:

  1. 開啟 ChatGPT → 設定 ⚙️ → 自訂指令(Custom Instructions)

  2. 把上面兩欄貼上 → 儲存

  3. 之後你只要貼入文字,ChatGPT 就會以「品牌形象潤飾師」的身份幫你改稿

我可以進一步幫你「微調成品牌類型版本」,
例如偏向:

  • 🌿 人文品牌(溫暖、誠摯)

  • ⚙️ 科技品牌(專業、未來感)

  • ☕ 生活品牌(感性、故事感)

  • 🧭 社會品牌(公益、理念導向)



10/31 John

After Effects (AE) 中要執行「3D作品展示」,可以依照以下流程分成三個層次:基礎3D空間設定 → 攝影機與燈光 → 作品展示動畫設計。以下是完整步驟說明:

🧩 一、建立3D環境

  1. 開新合成
    Ctrl + N(或 Command + N)→ 設定解析度與影格率。

  2. 啟用3D圖層

    • 在時間軸中勾選圖層左邊的「3D圖層小方塊」圖示。

    • 物件會獲得 X、Y、Z 三軸移動與旋轉的能力。

  3. 建立背景與展示平台(選擇性)

    • 新增一個「Solid」作為背景。

    • 再建立另一個「Solid」,按 R 旋轉 X 軸為 -90°,形成地面或展示台。

💡 二、加入燈光與攝影機

  1. 新增攝影機
    功能表 → 圖層 (Layer) > 新增 (New) > 攝影機 (Camera)

    • 建議焦距設為 35mm 或 50mm,模擬真實鏡頭。

    • 按 C 鍵可切換攝影機控制工具(軌道、平移、縮放)。

  2. 新增燈光
    Layer > New > Light

    • Point Light(點光源):模擬聚焦照明。

    • Ambient Light(環境光):柔和地照亮整體。

    • 可開啟「投影 (Cast Shadows)」以營造立體感。

🖼️ 三、放入作品並設計展示動畫

  1. 匯入素材

    • 可匯入圖片、影片或 3D 模型(例如從 Element 3D 插件或 C4D 匯入)。

    • 若使用 Element 3D,可直接匯入 OBJ / C4D 模型並在 AE 中旋轉展示。

  2. 設計展示動畫

    • 利用 關鍵影格 (Keyframes) 讓攝影機繞作品旋轉。

    • 或讓作品自身緩慢轉動 (Y Rotation)。

    • 加入「Ease In/Out」平滑運動效果 (F9)。

  3. 加上特效與文字

    • 可用 Glow、Depth of Field、Motion Blur 等效果強化真實感。

    • 加入 Logo、標題、作品名稱等文字圖層。

🎬 四、輸出影片

  1. 預覽:使用 RAM Preview (0 鍵)。

  2. 輸出設定

    • Composition > Add to Render Queue

    • 格式可選 H.264(mp4)或 QuickTime。

🌟 小技巧

  • 若要更真實的3D展示,可搭配:

    • Element 3D(外掛,用於導入3D模型)

    • Optical Flares(鏡頭光暈)

    • Particular(粒子特效,營造展示氛圍)

  • 若你是從 C4D 匯入模型,可直接使用「Cineware」連結進 AE。

AE (After Effects) 中製作「燈光掃視圖片」的效果,這是常見於作品展示或海報開場的 3D 光效技巧。下面是具體步驟(用內建燈光即可完成,不需外掛):

💡 AE中讓燈光掃視圖片的實作流程

🧩 一、準備場景

  1. 新建合成(Ctrl + N)
    設定解析度(例如1920×1080)與時間(約10秒)。

  2. 放入圖片素材

    • 拖入時間軸。

    • 勾選「3D圖層小方塊」✅,讓它能與燈光互動。

  3. 增加陰影深度(可選)

    • 圖片圖層按兩下 → Material Options(或按 AA)

    • 開啟「接受陰影 (Accepts Shadows)」與「接受光照 (Accepts Lights)」。

💡 二、加入燈光

  1. 建立燈光
    Layer > New > Light → 選擇類型 Spot Light(聚光燈)

    • 顏色可選白色或淡黃色。

    • 強度:100%~150%。

    • 開啟「投影 (Casts Shadows)」。

  2. 調整燈光位置

    • 在圖層面板中按 P(Position)或 A(Point of Interest)調整。

    • 讓燈光照射到圖片的一角,形成亮部與陰影對比。

🎥 三、製作掃視動畫

  1. 設定起始位置

    • 時間軸回到 0 秒。

    • 調整燈光位置讓光線照在圖片左上角。

    • 按下碼錶 🔹(為 Position 和 Point of Interest 設定關鍵影格)。

  2. 設定結束位置

    • 播放頭移到約 5 秒。

    • 把燈光拖到圖片右下角。

    • AE會自動建立新的關鍵影格。

  3. 平滑動畫

    • 選取兩個關鍵影格 → 按 F9 (Easy Ease)。

    • 在 Graph Editor 中可調整速度曲線,讓掃光自然流暢。

✨ 四、增加真實感

  1. 柔化邊緣光

    • 開啟燈光設定 (Ctrl + Shift + Y)。

    • 調整「Cone Angle(錐角)」與「Cone Feather(邊緣柔化)」。

  2. 加上光暈效果(選擇性)

    • 在圖片上方新建「Adjustment Layer」。

    • 加入特效:Effect > Stylize > Glow。

    • 當光線掃過時會出現微光反應。

  3. 加背景或輕霧(可搭配 Trapcode Particular 或內建 CC Light Rays)

    • 讓掃光更有深度。

🧠 小技巧

  • 若想要「燈光圓點」可見(像舞台探照燈掃過畫面),可以在 AE 製作一個 光暈或小亮點圖層(Solid + Mask + Feather),與燈光同步移動。

  • 若使用 Element 3D 或 C4D 模型,同樣可以用此方法控制光源,營造立體感。

是否希望我幫你做成「AE動畫腳本說明範例」?
例如:

🔹一張圖片,Spot Light 從左到右掃過,並隨掃光產生淡淡的亮度變化與光暈。



10/30 陳裕旻老師 eddiechen59@gmail.com

Adobe Illustrator(AI) 裡,
擴充外觀(Expand Appearance)」是一個非常重要但容易混淆的功能。
它的用途是在把「效果或外觀」轉換成可編輯的向量物件

以下是詳細解說與使用時機 👇

🎯 一、基本概念

Expand Appearance(擴充外觀)
👉 是將使用 效果 (Effects)筆刷 (Brushes)變形 (Warp)外觀樣式 (Appearance) 等所產生的「即時效果」轉換成「真實的路徑圖形」。

簡單說:

它讓電腦「把看到的外觀變成真正的形狀」。

🧩 二、常見使用時機

① 使用「效果」之後

像是:

  • 效果 → Stylize → Drop Shadow(投影)

  • 效果 → Warp(扭曲、弧形)

  • 效果 → 3D → Extrude & Bevel(擠出與斜角)

這些原本是「外觀效果」,無法直接用鋼筆或形狀編輯。
➡ 使用「擴充外觀」後,效果會變成真正的向量路徑。

② 使用「筆刷(Brush)」畫線後

例如:

  • 藝術筆刷(Art Brush)

  • 模樣筆刷(Pattern Brush)

筆刷線原本只是「筆劃樣式」,不是形狀。
➡ 按「擴充外觀」後,它會變成真實的封閉路徑。
👉 這樣你就可以用 路徑查詢器漸層填色 來調整。

③ 使用「外觀面板」加了多層描邊/填色

有時我們在 Appearance 面板 中加了好幾層描邊與特效,例如:

  • 外層粗線 + 內層細線

  • 陰影、發光、虛線疊加

這些都是即時的外觀樣式。
➡ 「擴充外觀」可以將它們變成多個實體物件,方便進一步編排或輸出。

④ 使用「效果 → Transform(變形)」複製物件

例如用 Transform 建立放射狀的花瓣、圓形排列。
原本只是「虛擬副本」。
➡ 一鍵「擴充外觀」就能將這些複製結果變成可分開編輯的獨立圖形。

⚠️ 三、注意事項

狀況 建議做法 還在調整效果階段 不要擴充,保留可編輯性 已完成造型、要送印或轉檔 建議擴充,確保外觀不會跑掉 筆刷或效果太多導致檔案變慢 可擴充後合併或簡化路徑

💡 四、延伸:與「擴充(Expand)」的差別

指令 用途 對象 Expand(擴充) 將填色、筆畫轉為路徑 幾何圖形 Expand Appearance(擴充外觀) 將特效、筆刷、外觀樣式轉為路徑 外觀與效果

一句話總結:

「當你的圖看起來正確,但無法選到真正的形狀時,就該用『擴充外觀』。」

Adobe Illustrator(AI) 裡製作衣服的「羊毛標誌」(例如衣服吊牌上那個「Woolmark」樣式的羊毛線圈圖樣),可以透過以下步驟完成:

🧶 一、設計概念

羊毛標誌通常是由幾條弧形線條纏繞成橢圓或圓形的樣式,表現出柔軟與流動感。你可以選擇:

  • 經典風:模仿 Woolmark 的三股螺旋線構成。

  • 創意風:自行設計羊毛線圈或抽象符號(例如毛線球、針線、布紋紋理)。

🧭 二、繪製步驟(以 Woolmark 風格為例)

1️⃣ 建立基礎圓形

  1. 開啟 Illustrator,新建畫板。

  2. 使用 Ellipse Tool (L) 畫一個正圓。

  3. 將圓的 填色設為「無」描邊設為黑色(或你想要的顏色)。

2️⃣ 製作弧線

  1. 複製該圓(Ctrl+C → Ctrl+F 貼上前景)。

  2. 使用 Scale Tool (S) 將新圓縮小約 90%。

  3. 選取兩個圓,打開 Shape Builder Tool (Shift+M),刪除重疊部分,留下外圈的弧形。

3️⃣ 建立流線重疊效果

  1. 將這條弧線複製兩份,旋轉角度分別為 120°、240°。

  2. 這樣三條弧線交織,就形成了類似「羊毛纏繞」的造型。

4️⃣ 美化線條

  1. 選擇 Stroke 面板 → 調整 線條粗細端點圓角(Round Cap)

  2. 若要更柔和,可以在 效果 → Stylize → Round Corners

5️⃣ 羊毛質感(可選)

  • 加入一層 紋理筆刷(Brush Library → Artistic → Chalk/Charcoal Pencil) 模擬毛線效果。

  • 或使用 Appearance 面板 加入「粗糙化 (Roughen)」微調邊緣。

🎨 三、加上文字

  1. 使用 Text Tool (T),輸入「100% WOOL」或「純羊毛」。

  2. 字體建議使用 無襯線字(如 Helvetica、Noto Sans)讓標誌看起來乾淨現代。

🧰 四、輸出

  • 檔案格式:

    • 吊牌用:PDF / AI 向量檔

    • 網路展示:PNG / SVG

  • 記得將所有文字轉成外框(Type → Create Outlines)。

是否希望我幫你直接在 Illustrator 中設計一個「可用的羊毛標誌原稿(Woolmark 風格)」?
我可以為你產生 AI 向量圖的具體步驟圖解或繪製指令。你想要它是:

  1. ✅ 經典 Woolmark 風格

  2. 🎨 自創毛線球風格

  3. 🧵 結合文字(如「純羊毛」「100% WOOL」)

如何在 Adobe Illustrator 裡完整畫出這個經典羊毛標誌(全向量版),不需外部素材。

🎨 Illustrator 經典 Woolmark 標誌繪製步驟

🧭 前置設定

  1. 開啟 Illustrator → 新建文件(A4 或 1000px × 1000px 正方形畫板)。

  2. 開啟 對齊面板(Align)與 智慧參考線 (Ctrl+U)

  3. 填色設為「無」,描邊設為「黑」。

① 畫出基本圓形

  1. 使用 Ellipse Tool (L) → 按住 Shift 畫一個正圓。

  2. 按住 Alt + Shift 向內縮小複製一個。

  3. 你現在應該有兩個同心圓。

② 製作第一條弧線

  1. 使用 Scissors Tool (C),在外圈與內圈的右上方各剪一刀(約 45° 位置)。

  2. 刪除多餘的部分,只留下右上象限的弧形。

    這條弧形就是「第一股羊毛線」。

③ 建立三股線

  1. 選取這條弧形 → 旋轉工具 (R)

  2. 在中心點按一下,設定旋轉角度為 120° → 點「Copy」。

  3. 再次按 Ctrl+D 重複一次,得到第三條弧線。

    現在畫面應有三條環繞的線條。

④ 組合線條

  1. 全選三條線,調整 Stroke 粗細(例如 8pt)。

  2. Stroke 面板 勾選 Round Cap(圓端)

    線條會變得柔和、有羊毛纏繞感。

  3. 可使用 Direct Selection Tool (A) 微調弧線交疊位置,讓它更平衡。

⑤ 填補中心區域

  1. 新增一個較小的圓,放在三條線交匯中心。

  2. 調整大小,使線條環繞它,看起來有「旋入中心」的感覺。

⑥ 完成並上色

  1. 將所有線條群組(Ctrl+G)。

  2. 可改用 深灰色 (#333)白色搭配黑底,更具質感。

  3. 若要作為吊牌商標,可加上:

    • 文字:「PURE NEW WOOL」

    • 字體:Helvetica Neue Bold(全大寫)

🧾 輸出

  • 用於印刷:AI / PDF 向量檔

  • 用於網頁:SVG / PNG(透明背景)

如果你希望我幫你產出:

  • ✅ 可直接開啟的 AI 向量檔模板(含三股線與文字比例)

  • ✅ 或教你用 「鋼筆工具」+「旋轉工具」 更自然地畫出有厚度的羊毛線


機車畫法解說


10/29 林金露老師

左邊網頁(外皮、章節) /section 有頭有尾

mbr-paramaters 就是一個參數、它就是前端控制介面

判斷條件

+程式內容

右邊(樣示表)

修改網頁:修數字,拷貝+貼上


Mobirise 裡,「User Blocks(使用者區塊)」是你自己儲存的自訂版型區塊,例如你在編輯器中右鍵點選「Save Block to User Blocks」之後,它就會被保存起來。

不過這些「User Blocks」不是存在網站專案資料夾(project folder)裡,而是存在 Mobirise 的應用程式資料資料夾中。

🗂️ 各系統下的 User Blocks 路徑

💻 Windows:

C:\Users\<你的使用者名稱>\AppData\Local\Mobirise.com\Mobirise\<版本號>\userblocks\

範例:

C:\Users\James\AppData\Local\Mobirise.com\Mobirise\5.9.0\userblocks\

👉 注意:

  • AppData 是隱藏資料夾,你可能需要在檔案總管中啟用「顯示隱藏的項目」。

  • <版本號> 會依你安裝的 Mobirise 版本不同而變(例如 5.7.8、5.9.0)。

🍎 macOS:

~/Library/Application Support/Mobirise.com/Mobirise/<版本號>/userblocks/

🧩 補充說明

  • 這個 userblocks 資料夾裡的檔案多是 .json.block 格式,記錄每個自訂區塊的結構與樣式。

  • 如果你重新安裝 Mobirise 或更換電腦,要保留自訂區塊,只要備份這個 userblocks 資料夾即可。

  • 若你在不同版本間切換,有時需要把舊版 userblocks 資料夾內容複製到新版本對應的資料夾。

在 link 上放上 # 就是空連結



10/29 賀聖倫老師

https://www.google.com/search?q=dry+don%27t+repeat+yourself&oq=dry+don%27t+&gs_lcrp=EgZjaHJvbWUqBwgBEAAYgAQyBggAEEUYOTIHCAEQABiABDIGCAIQABgeMgYIAxAAGB4yCAgEEAAYChgeMgYIBRAAGB4yCAgGEAAYChgeMggIBxAAGAoYHjIKCAgQABgIGAoYHjIKCAkQABgFGAoYHtIBCDY5MjlqMGo3qAIIsAIB8QWipvzX8rLkbA&sourceid=chrome&ie=UTF-8

C4D(Cinema 4D) 中,「做角色」的意思是:
用這套 3D 軟體來 建立、設定、並製作角色動畫。這通常包含以下幾個階段:

🎨 1️⃣ 建模(Modeling)

這是「做角色」的第一步。
你會從零開始,使用 C4D 的各種建模工具(如多邊形建模、雕刻 Sculpt、Subdivision Surface)去打造角色的身體、頭、手、衣服等形體。
👉 例如:做出一個卡通人物、一隻貓、一個外星人。

🧩 2️⃣ 貼圖與材質(Texturing & Shading)

完成造型後,要讓角色「有皮膚、有顏色」。
這階段會用:

  • UV 展開:讓 3D 模型可以正確套上 2D 貼圖。

  • 材質(Material):設定顏色、反光、透明度。

  • 貼圖(Texture):畫上皮膚、衣服圖案、金屬光澤等細節。

🦴 3️⃣ 綁骨架(Rigging)

角色要能動,就要「綁骨」。
這步驟會建立「骨架系統(Joints)」並讓模型跟骨架綁定(Skinning),使角色的手、腳、身體能自然彎曲。

🎮 4️⃣ 動畫(Animation)

綁好骨後,就能開始「做動畫」:

  • 設定關鍵幀(Keyframe)

  • 使用 IK(反向運動學)控制手腳動作

  • 或使用 C4D 的 Character Object 自動骨架工具

  • 甚至導入動作捕捉(Mocap)資料

💡 5️⃣ 渲染與合成(Rendering & Compositing)

最後一步是讓角色「成真」:

  • 用 Redshift 或 Standard Renderer 輸出高品質影像。

  • 若搭配 After Effects,可再加特效或背景。

🧠 總結來說:

在 C4D 中「做角色」=從建模、貼圖、綁骨、動畫到渲染,打造一個會動的 3D 人物或生物。

🐾 C4D 卡通貓角色製作流程

🎨 一、建模(Modeling)

目標: 建出角色的外形。
工具與步驟:

  1. 參考圖設置:
    匯入側面與正面的貓草圖(View Background)作為藍圖。

  2. 基本形狀開始:
    用球體(Sphere)或立方體(Cube)開啟多邊形模式(Make Editable)。

  3. 編輯外觀:
    使用:

    • Extrude(擠出):拉出耳朵、腿、尾巴

    • Knife(刀具):增加邊線

    • Subdivision Surface(細分曲面):讓形狀更圓潤

  4. 比例與結構檢查:
    頭、身、四肢的比例是否可愛自然。

🎨 二、貼圖與材質(Texturing & Shading)

目標: 讓角色有顏色與質感。
步驟:

  1. UV 展開(UV Unwrap):
    將模型表面展平成貼圖空間。

  2. 材質設定:

    • 使用 Color 通道 給角色基本色(例如橘色身體、白肚子)

    • Luminance 通道 加柔光效果,營造卡通風

    • 若想更細緻,可用 BodyPaint 直接在模型上畫圖案。

🦴 三、綁骨架(Rigging)

目標: 讓角色能自然移動。
步驟:

  1. 使用 C4D 的 Character Object(角色物件) → 建立「Cat Template」或自訂骨架。

  2. Joint Tool 畫出骨頭(頭、身、四肢、尾巴)。

  3. Bind 綁定:將模型與骨架連結。

  4. 測試旋轉各部位,看變形是否自然。

🎮 四、動畫(Animation)

目標: 讓貓會動、走、跳。
步驟:

  1. 設定關鍵幀(Keyframes)控制尾巴搖擺、頭轉動。

  2. 使用 Pose Morph 讓表情能改變(開嘴、眨眼)。

  3. 若想簡化,可導入動作捕捉(Mocap)資料或 Mixamo 的動作。

🌈 五、燈光與渲染(Lighting & Rendering)

目標: 讓角色「成真」。
步驟:

  1. 加入 Area LightThree-point lighting(主光、補光、背光)

  2. 使用 Redshift 或 Physical Render,設定柔和陰影與反射。

  3. 加上簡單場景或平面作地面。

  4. 輸出為影像或動畫影片(Render to Picture Viewer)。

🧠 六、後製(Compositing)

將渲染出的影片匯入 After EffectsPremiere Pro

  • 加上背景、標題、音效。

  • 完成你的第一支 3D 角色短片!

💡建議新手練習順序:

  1. 先學建模 → 做靜態角色

  2. 接著練材質與燈光

  3. 再學 Rigging + Animation

量身設計的 C4D 卡通角色製作學習路線圖(8 週循序版)
從零開始,一步步學會從建模 → 貼圖 → 綁骨 → 動畫 → 渲染。
非常適合想自己做出一個完整 3D 角色(像貓、人偶、吉祥物)的學習規劃。

🎯 C4D 卡通角色製作學習路線圖(8 週完成版)

🗓 第 1–2 週:基礎建模與操作

學習重點:

  • 熟悉 C4D 介面與導航(視角、物件、層級、快捷鍵)

  • 認識基本建模工具:

    • Cube、Sphere、Cylinder、Polygon Pen、Extrude、Knife

  • 學會使用 Subdivision Surface 製作平滑造型

練習任務:

  • 做出一個「卡通頭像」或「可愛動物的頭」

  • 熟悉物件層級(頭 → 耳朵 → 臉)

推薦練習影片關鍵字:

「Cinema 4D beginner modeling tutorial」
「C4D Subdivision Surface character」

🗓 第 3–4 週:進階造型與角色比例

學習重點:

  • 使用「參考圖」(Reference Image) 進行比例建模

  • 熟悉 Mirror(鏡射)建模

  • 學習模型拓樸(Topology)基本觀念:
    避免不自然的邊線,讓模型能順利綁骨。

練習任務:

  • 以卡通貓或人偶為主題,做出完整身體模型(含手腳)

  • 練習多邊形清理與結構優化

🗓 第 5 週:UV 與貼圖

學習重點:

  • 了解 UV 展開原理

  • 學會用 C4D 的 UV Edit 模式

  • 練習製作貼圖或用 BodyPaint 3D 畫圖

練習任務:

  • 幫角色上顏色:皮膚、衣服、眼睛、鼻子

  • 使用 Material Node 調整質感(卡通風或皮毛感)

🗓 第 6 週:角色綁骨(Rigging)

學習重點:

  • 認識 Joint Tool、Weight Tool、Bind 功能

  • 瞭解 IK / FK 系統(反向與正向運動學)

  • 試用 Character Object Template(例如 Biped)

練習任務:

  • 幫你的角色建立骨架並綁定

  • 測試手、腳、尾巴轉動是否自然

🗓 第 7 週:角色動畫(Animation)

學習重點:

  • 關鍵幀(Keyframe)設定

  • 使用時間軸(Timeline)與動畫曲線(F-Curve)

  • 認識 Pose Morph(表情動畫)

練習任務:

  • 讓角色做出簡單動作:揮手、點頭、走路

  • 做出「眨眼」或「尾巴搖擺」動畫

🗓 第 8 週:燈光、渲染與後製

學習重點:

  • 打光技巧(三點式燈光法)

  • 認識渲染器(Physical / Redshift)

  • 基本合成流程(輸出影像後放入 After Effects)

練習任務:

  • 幫角色設置舞台或小場景

  • 輸出高品質影像或 10 秒動畫短片

🎁 延伸挑戰(完成後可嘗試)

  • 讓角色與聲音對嘴(Lip Sync)

  • 加上衣服、配件或髮型模擬(Cloth / Hair)

  • 匯入動作捕捉資料(Mixamo)提升真實度



10/28 邢穌玠老師

會展作業說明

影音工作室要承接第一個企業簡介影片案子,最關鍵的是「從理解客戶到完成提案」的完整流程。以下是你可以一步一步執行的實戰方法👇

🎯 一、前期準備:了解企業與確立方向

  1. 蒐集企業資料

    • 公司網站、粉專、年報、媒體報導。

    • 確認品牌定位(高科技?人文?在地企業?)

    • 了解目標觀眾(客戶、投資人、求職者、社區居民)。

  2. 初次會談(需求訪談)
    問清楚幾個核心問題:

    • 影片的主要用途?(官網宣傳、展覽播放、內部簡介)

    • 想傳達的重點?(品牌理念、產品特色、企業文化)

    • 預算與影片長度?

    • 希望的風格?(紀錄片風、人文故事風、科技感、動畫化)

  3. 決定影片結構方向
    常見的企業簡介架構可參考:

    開場形象 → 公司介紹 → 產品/服務 → 團隊/文化 → 成果/願景 → 收尾Logo + Slogan

🧩 二、前期企劃:寫腳本與製作提案

  1. 撰寫簡易腳本大綱(Script Outline)

    • 列出畫面段落、旁白內容、預計拍攝畫面。

    • 例如:

      • 開場:航拍工廠外觀+旁白「在科技與品質的交會點上…」

      • 公司介紹:創辦人訪談+內部員工工作畫面。

      • 收尾:Logo+企業願景字句。

  2. Mood Board(視覺情緒板)
    用幾張圖片展示想要的色調、鏡頭語言、剪輯節奏,方便客戶理解你想呈現的風格。

  3. 提案簡報(Pitch Deck)
    包含:

    • 專案目標與故事線

    • 拍攝方式(實拍/動畫/混合)

    • 時程規劃

    • 報價概估

🎥 三、執行階段:拍攝與後製

  1. 拍攝規劃

    • 拍攝日程表(包含地點、人物、鏡頭清單)。

    • 提前勘景、確認光線與聲音環境。

    • 準備訪談提問稿。

  2. 現場拍攝

    • 主要鏡頭:企業環境、團隊互動、產品運作。

    • 補畫面(B-roll):細節、手部特寫、微笑表情、機台運作等。

  3. 後製剪輯

    • 先做粗剪(依劇本結構),確認內容完整。

    • 再加上配樂、字幕、旁白、Logo動畫、色彩校正。

🪜 四、收尾與交付

  1. 與客戶確認初剪版(rough cut)

    • 收集意見,修改 1~2 次。

  2. 交付最終版(final cut)

    • 提供適合不同平台的版本(例如:16:9 網站版、9:16 社群短版)。

  3. 建立作品集紀錄

    • 把過程、分鏡、客戶回饋都留存,成為你工作室的第一個代表案例。

如果你願意,我可以幫你擬出這支「企業簡介影片」的第一份提案草稿(包含開場旁白與鏡頭構想),
只要告訴我以下資訊:

  1. 客戶是哪一類企業(例如科技、食品、在地品牌、旅宿業等)

  2. 想要的影片長度(例如 2 分鐘、5 分鐘)

  3. 影片風格(溫暖人文/科技時尚/紀錄片風/簡約清新 等)


品牌形象廣告:https://www.youtube.com/watch?v=slEC6eOVMeE


10/27 陳國榮老師

當提到 「基本聲音、音效、迴避」 的關係在 「對話中」 時,我們就可以把它具體應用到 影音製作的音訊處理情境,尤其是影片有旁白或人物對話時。

這三個概念共同構成的目的是:讓影片中的「對話」永遠是主角。

具體來說:

  1. 「基本聲音」(Essential Sound Panel): 這是您在編輯軟體(如 Premiere Pro)中進行所有操作的介面。

  2. 「對話」(Dialogue): 這是您必須首先標記的主要音軌類型,代表影片中人物的發言或旁白。它是**發起迴避(Ducking)**的信號。

  3. 「音效」(Sound Effects)或「音樂」(Music): 這些是您必須標記的次要音軌類型,它們在對話出現時需要被降低音量

  4. 「迴避」(Ducking): 這是實際執行的動作。

「對話中」的「迴避」機制

當您在軟體中設定迴避功能時,邏輯是:

步驟 動作 (在「基本聲音」面板中) 目的
1. 觸發 將對話音軌標記為「對話」。 讓軟體知道 誰是重點
2. 目標 將音效(或音樂)音軌標記為「音效」(或「音樂」)。 讓軟體知道 誰需要讓路
3. 執行 在「音效」或「音樂」的設定中,啟用 針對「對話」的迴避 功能。 自動調整 音量。

結果:

  • 只要系統偵測到 「對話」 開始(有人說話),「音效」(或音樂)的音量就會自動降低(迴避)

  • 只要 「對話」 停止(說話結束),「音效」(或音樂)的音量就會自動恢復

這樣就能保證在對話進行的過程中,背景的音效或音樂不會太吵,從而達到音訊平衡和專業的混音效果。

🎚️ 一、基本音量調整

1️⃣ 在「時間軸」直接調整

  • 每個音軌上都有一條黃色橫線(稱為 Volume Line)。

  • 拖曳上下可快速改變音量:

    • 上拉:音量變大

    • 下拉:音量變小

  • 按住 Ctrl (Windows) / Cmd (Mac) 點一下該線可加「關鍵影格 (keyframe)」,讓音量能隨時間變化(例如淡入淡出)。

2️⃣ 在「效果控制面板」中調整

  • 選取音訊剪輯 → 開啟上方「效果控制」(Effect Controls)。

  • 找到「音量 (Volume)」→「Level」。

  • 拖曳數值或輸入 dB 值:

    • +6 dB = 約音量加倍

    • −6 dB = 約音量減半

🔊 二、利用「音訊剪輯混音器」(Audio Clip Mixer)

  • 在上方選單「視窗」→ 開啟「音訊剪輯混音器」。

  • 每一軌會有類似混音器的推桿。

  • 你可以:

    • 手動推動音量調整;

    • 錄製自動混音(在播放時動態調整,PR會自動記錄 keyframe)。

🎧 三、使用「音訊剪輯增益」(Audio Gain)

這個功能用於統一音量或補償太小聲的錄音:

  • 選取音訊剪輯 → 右鍵 →「音訊增益 (Audio Gain)」

  • 選項:

    • 調整增益 (Adjust Gain):直接加減音量(例如 +6dB)

    • 標準化最大峰值 (Normalize Max Peak):讓最高峰達到指定值(常用 -3dB)

    • 標準化所有峰值 (Normalize All Peaks):讓所有選取片段的峰值一致。

🎵 四、音訊淡入淡出 (Fade In / Out)

方法一:用關鍵影格

  • 在時間軸上音量線加入兩個關鍵影格,第一個設定為低音量,第二個逐步上升或下降。

方法二:套用轉場效果

  • 在「效果」→「音訊轉場 (Audio Transitions)」→「交叉淡化 (Crossfade)」中選擇:

    • 恆定增益 (Constant Gain)

    • 恆定功率 (Constant Power)

    • 指數淡化 (Exponential Fade)

  • 拖曳到兩個音訊剪輯交界或音軌開頭/結尾即可。

🎚️ 五、進階音效與修正

1️⃣ 降噪或去環境音

  • 選擇音訊 →「效果」面板中搜尋:

    • 降噪 (DeNoise)

    • 去混響 (DeReverb)

  • 拖曳效果到音軌 → 在「效果控制」中細調強度。

2️⃣ 均衡器與音質優化

  • 使用「參數式等化器 (Parametric Equalizer)」或「低頻切除 (Highpass Filter)」。

  • 可去除低頻噪音(如風聲)或讓人聲更清晰。

3️⃣ 音訊軌道混音器 (Audio Track Mixer)

  • 可對整個「音軌」而非單一剪輯加效果,例如整軌加混響、壓縮器或均衡。

🪄 小技巧建議

  • 人聲建議音量範圍:-6 dB 至 -3 dB。

  • 背景音樂建議範圍:-18 dB 至 -12 dB。

  • 可開啟「音訊表 (Audio Meter)」監控輸出音量是否超過 0 dB(避免爆音)。


SFX 是英文 Sound Effects 的縮寫,意思就是「音效」。

🎧 在影片製作中的意思:

SFX 指的是 非音樂、非人聲的聲音效果,用來增強畫面的臨場感或氣氛,例如:

類別 範例 ✅ 環境音效 風聲、雨聲、鳥鳴、街道喧鬧聲 ✅ 動作音效 開門聲、腳步聲、爆炸聲、槍聲、車子引擎聲 ✅ 介面音效 按鈕「嗶」一聲、通知提示音、故障雜訊 ✅ 特殊創意音效 轉場「呼」的聲音、魔法聲、科幻能量波等

🎬 常見分類:

  • BGM (Background Music):背景音樂

  • SFX (Sound Effects):音效

  • VO (Voice Over):旁白

  • Dialog:對白

💡 小技巧:

Premiere ProAfter Effects 中,許多剪輯師會把音軌分層命名:

  • A1:主對話

  • A2:旁白

  • A3:SFX

  • A4:BGM

這樣方便統一調整音量、套效果或靜音。


你提到的「強制限幅」(英文:LimiterHard Limiter)是音訊處理中很常用的一種技術,尤其在 Premiere Pro、Audition 或任何混音軟體裡都會用到。下面幫你詳細說明它是什麼、為什麼要用,以及怎麼用。

🎚️ 一、什麼是「強制限幅」(Limiter)

強制限幅是一種 防止音量超出指定上限(通常是 0 dB) 的音訊效果。
當音訊的音量超過設定的閾值(Threshold)時,Limiter 會強制壓縮或截掉超過部分,避免失真或爆音。

✅ 簡單比喻:

就像在水龍頭前加一個「限流閥」——
水壓再大,也不讓流量超過設定上限。

🎧 二、用途與優點

功能 說明 🎛️ 防止爆音 避免超過 0 dB 導致聲音破裂或失真。 🔊 提升整體音量 可在不爆音的前提下,讓整體聽起來更大聲。 🎬 混音安全網 在影片混音時常用來保護最終輸出音軌。 🗣️ 平衡人聲 搭配壓縮器 (Compressor) 使用,可讓對話更穩定。

⚙️ 三、在 Premiere Pro 中怎麼用

方法 1️⃣:套用效果

  1. 在「效果」面板搜尋 Hard Limiter
    (位置:音訊效果 → 振幅與壓縮 → Hard Limiter)

  2. 拖曳到你的音訊片段上。

  3. 打開「效果控制 (Effect Controls)」面板,展開 Hard Limiter

  4. 主要參數說明:

    • Maximum Amplitude (最大振幅):設定音量上限(常設為 -1 dB 或 -0.5 dB)

    • Input Boost (輸入增益):整體提升輸入音量(可搭配使用)

    • Release Time (釋放時間):限制解除的速度(值越大,過渡越柔順)

    • Look-Ahead Time:系統預先偵測峰值的時間(預設值通常即可)

方法 2️⃣:在「音訊軌道混音器」中加

  1. 開啟「音訊軌道混音器」視窗。

  2. 點擊音軌上方的小箭頭 →「插入效果 (Track Effects)」。

  3. 選擇「Amplitude and Compression」→「Hard Limiter」。

  4. 這樣就能讓整個音軌都受到限幅保護。

📊 四、與壓縮器(Compressor)的差異

功能 壓縮器 限幅器 壓縮範圍 逐步壓縮 直接限制 動作特性 柔和 強硬、即時 目的 平衡動態 防止爆音 常用場景 對話、人聲穩定 整體輸出安全

💡 小結:
Compressor 負責「控制動態範圍」
Limiter 負責「防止爆音」
→ 通常混音流程是:先壓縮 → 再限幅


降噪 (Noise Reduction / DeNoise)」是 Premiere Pro 常見又實用的音訊處理功能,特別適合去除環境底噪、電流聲、風聲或嗡嗡聲。以下我幫你整理出完整做法與幾種不同的降噪方法。

🎧 一、Premiere Pro 中的主要降噪方式

Premiere 提供幾種不同層級的降噪工具,依使用難易與效果可分成:

降噪方式 難易度 特點 1️⃣ DeNoise 效果 ★☆☆(簡單) 直接套用、即時預覽、調整強度即可。 2️⃣ Essential Sound(必要音訊)面板 ★★☆ AI 智慧分析語音,簡單好用。 3️⃣ Adobe Audition 降噪 ★★★(專業) 進階頻譜分析,可細調特定噪音。

🎚️ 二、方法一:使用「DeNoise」效果(最常用)

操作步驟:

  1. 開啟「效果」面板 → 搜尋 DeNoise
    (路徑:效果 → 音訊效果 → Noise Reduction/Restoration → DeNoise

  2. DeNoise 拖曳到你的音訊剪輯上。

  3. 開啟「效果控制 (Effect Controls)」面板。

  4. 找到 DeNoise → 點開設定。

可調參數:

  • Reduction Amount (降噪強度):0%~100%,建議從 30% 起試。

    • 過強會讓人聲變「悶」或「金屬化」。

  • Processing Focus

    • All Frequencies:針對全頻段降噪(一般適用)

    • Low / Mid / High Frequencies:僅針對某段頻率(例如低頻電流聲)

小技巧:

  • 若背景是電流嗡嗡聲冷氣聲 → 可用 40~60%。

  • 若是人聲錄音 → 建議 25~35%,不要太強。

  • 可搭配「Parametric Equalizer」做後期修飾(例如去低頻)。

🎙️ 三、方法二:使用「Essential Sound(必要音訊)」面板

這是 Premiere 的 AI智慧音訊處理介面,適合人聲剪輯。

操作:

  1. 開啟「視窗」→【Essential Sound(必要音訊)】。

  2. 選取你的音訊剪輯。

  3. 在右側面板中選擇類型(例如「Dialogue 對話」)。

  4. 打勾「Repair(修復)」→ 啟用「Reduce Noise(降噪)」。

  5. 拖曳滑桿調整降噪強度。

💡 好處:

  • 操作簡單直覺。

  • 自動識別語音頻段。

  • 可同時調整「DeReverb(去混響)」與「DeNoise(降噪)」。

🎛️ 四、方法三:送到 Adobe Audition 進階處理

若 Premiere 無法乾淨降噪,可送 Audition。

操作:

  1. 在時間軸選取音訊剪輯 → 右鍵 →「Edit Clip in Adobe Audition」。

  2. 在 Audition 裡選:

    • Effects → Noise Reduction / Restoration → Noise Reduction (Process)

  3. 抓取「Noise Print(噪音樣本)」→ 再套用整段。

  4. 儲存後回到 Premiere 會自動更新音訊。

💡 適合處理:

  • 持續低頻雜音(如風聲、冷氣聲)

  • 複雜背景噪音(如人群、交通聲)

🧠 五、降噪順序建議(專業混音流程)

  1. EQ(等化器) → 切除低頻雜音

  2. DeNoise(降噪) → 去除環境聲

  3. Compressor(壓縮) → 穩定人聲音量

  4. Limiter(限幅) → 防止爆音

這樣能兼顧「乾淨」與「自然」。

🎯 六、小提示

  • 過度降噪會造成「金屬聲」或「機械感」,要適度使用。

  • 可用耳機反覆聽人聲區段,確保保留自然感。

  • 若是風切聲,應先用「Highpass Filter」或「Parametric EQ」清理再降噪。

https://www.youtube.com/watch?v=a7zWb5P3oIk


10/27 張辰豪老師

照片討論、閃光燈使用


10/24 光復連假


10/23 沈宗成老師

https://www.timesawards.com.tw/Home/ReviewOfPast?TopYear=2025&liname=7

「設計創意的產生」其實並非靈光一閃,而是一個可以被培養與引導的過程。以下我幫你分成五個階段說明,特別適合像「杰西影音工作室」這樣從事影像與視覺創作的團隊:

🎨 一、靈感的素材蒐集(Inspiration Gathering)

創意的出發點,往往不是「想出來的」,而是「看出來的」。

做法:

  • 平時蒐集影像風格、色彩搭配、分鏡構圖、攝影角度。

  • 觀察電影、廣告、音樂 MV、插畫、建築、甚至日常街景。

  • 建立「靈感資料庫」:可用 Pinterest、Notion、Milanote 或自製 mood board。

💡 訣竅:不要只看同領域作品,跨界觀察最能刺激創意。

💡 二、問題與主題定義(Define the Core)

創意不是空想,而是為了解決問題或表達主題。

問自己:

  • 我想傳達什麼情感?(感動、震撼、懷舊、溫暖…)

  • 我希望觀眾在看到影片後產生什麼行動?

  • 這次的主題有沒有更深一層的社會、情感或文化意涵?

💬 例:
「婚禮影片」不只是紀錄,而是「兩個家庭的交融」。
「企業形象片」不只是宣傳,而是「文化與價值的傳承」。

🧩 三、創意發散與組合(Ideation & Association)

這是最自由的階段,讓腦袋盡情跳脫邏輯思考框架。

方法:

  • 腦力激盪(Brainstorming):快速記下所有點子,不要批評。

  • 六頂思考帽(Six Thinking Hats):用不同角度分析(感性、邏輯、創意、風險…)。

  • 隨機連結法(Random Association):把兩個不相關的事物硬湊在一起,常出奇不意。

💬 例:
「用倒轉時間的方式講述婚禮」
「以樂團排練的節奏剪出企業合作精神」

🧠 四、概念聚焦與驗證(Concept Refinement)

從眾多想法中挑出「最有共鳴、可執行」的那一個。

步驟:

  • 選出三個概念 → 以分鏡、草圖或視覺板呈現。

  • 向團隊或潛在客戶測試反應。

  • 用「情感共鳴」與「執行可行性」為準則篩選。

💡 訣竅: 一個好的創意不只是「酷」,而是「觀眾能理解且被打動」。

🧭 五、實踐與再創造(Execution & Evolution)

創意在實際執行中會進化。

做法:

  • 在拍攝、剪輯、調色、音效設計中,不斷測試新的構圖與節奏。

  • 留意意外的靈感(例如拍攝現場的自然光、演員即興表情)。

  • 完成後反思:哪個創意元素最成功?能否成為下次的起點?

💬 創意不是結束,而是一連串「創造—檢視—再創造」的循環。


10/22 林金露老師

Mobirise 的左邊 HTML 包含 表皮+前端控制介面+判斷條件+程式內容結構

要理解 HTML 和 CSS 的關係,可以把它們想成「房子的結構與裝潢」:

🏠 一、比喻說明

類別 功能 比喻 HTML(HyperText Markup Language) 建立「內容與結構」 房子的 骨架與牆壁(決定房間位置與大小) CSS(Cascading Style Sheets) 負責「外觀與樣式」 房子的 油漆、裝飾、家具擺設(決定顏色與風格)

📄 二、實際範例

假設我們要做一個簡單的網頁標題:

(1) HTML – 網頁的骨架

<h1>傑西影音工作室</h1> <p>用影像記錄生活的美好瞬間。</p>

這裡只是「告訴瀏覽器」有哪些內容:標題、段落。
但它的顏色、字型、位置都還沒設定。

(2) CSS – 外觀設定

h1 { color: #ff6600; /* 橘色字體 */ font-size: 36px; /* 字體大小 */ text-align: center; /* 置中 */ } p { color: #555; /* 深灰色字體 */ font-family: "微軟正黑體", sans-serif; }

(3) 整合在一起

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>傑西影音工作室</title> <style> h1 { color: #ff6600; text-align: center; } p { color: #555; font-family: "微軟正黑體"; } </style> </head> <body> <h1>傑西影音工作室</h1> <p>用影像記錄生活的美好瞬間。</p> </body> </html>

💡 三、關鍵觀念

  1. HTML = 結構(Structure) → 告訴電腦「這是標題」「這是段落」。

  2. CSS = 樣式(Style) → 告訴電腦「這個標題要橘色」「段落要置中」。

  3. 兩者互相依存

    • 沒有 HTML,CSS 沒東西可以修飾。

    • 沒有 CSS,HTML 就會是單調的黑白文字。

🎨 四、延伸應用

在 Mobirise 或其他網站編輯器中,系統其實就是在背後自動幫你產生 HTML 與 CSS。
你改「文字顏色」「區塊背景」,其實就是在修改對應的 CSS 樣式。

是否要我幫你做一份 「HTML + CSS 快速學習筆記」(含常用語法與結構對照表),方便你未來設計網站時使用?

Mobirise 裡「設定圖像顏色」這個概念可以有幾種不同情境,依你想達成的效果而略有不同。以下我幫你分成幾個常見方式說明👇

🖼️ 一、若你想「調整圖片本身顏色」

(例如要讓圖片偏暖、偏冷、變亮、灰階等)

✅ 方法 1:在外部圖片編輯軟體中先調整

Mobirise 沒有內建影像色彩調整工具。
可以在上傳前用下列免費軟體修改顏色:

  • Photopea(線上版 Photoshop) → https://www.photopea.com

  • Canva / Pixlr / Fotor 等線上工具
    → 調整好後再匯出新檔上傳回 Mobirise。

這是最穩定、品質最好、顏色最準的方式。

🎨 二、若你想「在 Mobirise 內套用顏色濾鏡或覆蓋色」

(例如讓圖片上有半透明色塊、文字更清楚)

✅ 方法 2:使用區塊設定中的「Overlay」功能

  1. 點選圖片所在的區塊。

  2. 右上角點「⚙️ 設定」。

  3. 找到「Image Overlay」或「背景覆蓋層 (Overlay)」選項。

  4. 開啟後可以:

    • 選擇顏色(Color picker)

    • 調整透明度(Opacity slider)

  5. 即可形成「顏色濾鏡」效果。

🔸範例:深藍色 50% 透明 → 讓文字白色更清晰。

💡 三、若你要「替換圖像顏色」(像是換成單色圖示風)

✅ 方法 3:使用 SVG 圖檔

  1. 匯入 SVG 格式 的圖示或 Logo。

  2. 點擊該圖片 → 「設定」→ 勾選「Enable Color」。

  3. 選擇你要的顏色(會直接改變 SVG 向量圖的填色)。

這只適用於 SVG 圖檔,PNG 或 JPG 不行。

⚙️ 四、若你會用一點 HTML / CSS(進階用法)

在區塊的「Code Editor」中加入自訂樣式:

img { filter: grayscale(100%) brightness(0.8) sepia(30%) hue-rotate(200deg); }

這樣可以在 Mobirise 內實現:

  • 灰階 (grayscale)

  • 亮度 (brightness)

  • 色相偏移 (hue-rotate)

  • 濾鏡疊加效果

(需有「Code Editor」擴充模組才能編輯 CSS。)

🧩 五、若你想圖片「自動換色」配合主題顏色

Mobirise 某些主題(如 Mobirise 5AgencyM4)會跟著主色系自動改 Overlay 色。
可到:

主選單 →「網站樣式 (Site Styles)」→「主題顏色」
修改整站色彩,圖片覆蓋層會跟著變化。

這是一組完整且清楚的虛擬主機規格清單 — 我先幫你把每個項目做解讀、評估這組規格適不適合你的需求(例如:二手電腦銷售網站 + 行動維修預約 / 商品頁面 / 少量交易),然後給出實務建議、可能的優化做法與購買前的確認清單,讓你能安心判斷或與廠商談條件。

一、規格快速解讀(你貼的規格)

  • CPU 限制:2 GHz(代表 CPU 時脈上限或保證配額)

  • 記憶體:2 GB

  • I/O Rate:2 MB/s(磁碟讀寫頻寬)

  • 每月流量:4,000 GB(4 TB/月)

  • SSD 磁碟空間:15 GB

  • MySQL 資料庫:10(可建立資料庫數量)

  • 網域寄放:10(可綁定/管理的網域數)

  • 子網域:20

  • EMAIL:10 帳號

  • 發信數量:100 / hr

  • 檔案數:100,000(十萬)

  • Entry Process:20(同時進入/啟動的程序數)

  • FTP 帳號:10

  • 免費 SSL、惡意軟體掃描、JetBackup 備份、24x7 技術支援

二、這組規格適合誰?(適用場景)

適合

  • 小型到中小型企業網站、展示型網站、部落格、商品數量不超過中等(例如 50–200 台二手商品)的電商型頁面(若流量不高且不用大量同時訂單)。

  • WordPress + WooCommerce 做中低流量商店(適度優化後)。

  • 包含一些小型資料庫(最多 10 個 DB),可作多站或單站分離測試環境。

  • 有圖片但可搭配 CDN、圖片壓縮的情形(15GB 空間需節省)。

不適合或需注意

  • 大型電子商務(高併發訂單)、大量商品圖庫或多媒體庫(影片、大量高解析圖)——15 GB 空間與 2 MB/s I/O 會成瓶頸。

  • 高頻率郵件行銷(100/hr 上限較低),若要寄發大量通知或 EDM 需要外部寄信服務(SMTP relay)。

  • 若網站預期同時大量訪客、或會使用重度動態查詢(大量 DB 操作)-- 2 GB RAM 與 Entry Process 20 需評估實際負載。

三、重點瓶頸與實務影響(要特別注意)

  1. I/O Rate = 2 MB/s

    • 對於 WP + MySQL 而言,I/O 是常見瓶頸。若流量高或有大量並行讀寫(例如同時多位使用者下單、管理員批次上傳圖片),會造成頁面變慢或超時。

    • 解法:啟用快取(page cache / object cache)、減少同步寫入、外置儲存或 CDN。

  2. SSD 空間 15 GB

    • 若你放照片(多角度商品照)會很快吃滿。要嚴格壓縮圖片或把大圖放 CDN / 雲存儲(例如 S3 類型)或只放縮圖在主機。

  3. 記憶體 2 GB

    • 能應付小型 WordPress,但若同時執行 PHP-FPM、MySQL、後台作業(備份、cron)會吃掉不少記憶體。需調整 PHP-FPM worker 數或使用外部資料庫服務。

  4. 發信限制 100/hr

    • 適合通知(註冊/訂單確認)但不適合大量行銷郵件。建議搭配第三方寄信服務(SendGrid、Mailgun、Amazon SES 等)。

  5. Entry Process 20

    • 代表同時間能處理的 PHP/CGI 進程數(主機廠商定義不同)。若訪客多會被排隊或 502。可用快取降低動態請求數。

  6. 檔案數 100k

    • 十萬檔案看似多,但若每個商品上傳 10 張圖就只剩 10k 商品容量。需規劃。

四、實務建議(上線前要做/購買後要設定)

最佳化與架構

  1. 使用 WordPress + 快取外掛(例如 WP Super Cache、WP Rocket、或配合 Nginx FastCGI cache)。

  2. 啟用 Object Cache(Redis / Memcached):若主機支援,可減少 DB 負擔。

  3. 資料庫優化:使用 InnoDB、設定適當的 query cache / connection limits;若主機 DB 性能不足,考慮外部托管資料庫(Managed DB)。

  4. 圖片最佳化 + CDN:上傳前壓縮(WebP、JPEGmini),透過 CDN(Cloudflare / BunnyCDN)外放靜態資源,減少 SSD 與流量壓力。

  5. 分流郵件:使用專業 SMTP 服務來處理大量/大量通知,避免被主機銀彈限制而寄失敗。

  6. 限制同時 PHP 進程 / 調整 Entry Process:設定 PHP-FPM max_children、timeout 以符合 2GB RAM 與 Entry Process 20。

  7. 備份與還原測試:確認 JetBackup 可以完整還原(尤其是 DB 與上傳檔案),並確認備份週期。

  8. 監控與告警:設置流量、I/O、CPU、memory 監控,一旦接近上限預先升級。

設定建議值(供工程師設定)

  • PHP memory_limit: 128–256MB(視 plugin 多寡)

  • PHP-FPM max_children:依可用記憶體與每 child 需用量計算(例如每 child 平均 40–60MB,2GB ≒ 可允許 20–30 個,但還要給 MySQL 留空間)

  • MySQL max_connections:50–100 視實際流量而定

  • Keep-alive / Timeout:降低長連線佔資源

五、購買前的確認清單(向主機商詢問)

  1. I/O 計費或限制細節:2 MB/s 是否是平均值或突發值?是否有突發(burstable)機制?超過會怎樣?

  2. CPU 配額細節:2 GHz 是單核還是多核整體保證?是否會被 noisy neighbor 影響?

  3. 備份政策:JetBackup 的備份頻率(每日/每週)、保留回溯天數、還原成本。

  4. 資料庫規格:MySQL 版本、是否獨立實例(與其他租戶共用或隔離)?

  5. 硬限制:檔案數到達上限會怎樣?主機會通知還是直接拒寫?

  6. 郵件真實送達率:100/hr 是否共享 IP?若需要大量寄信能否申請專用 IP 或 SMTP relay?

  7. SSL、惡意掃描的細節:惡意軟體掃描頻率與處理流程(發現惡意要怎處理、是否含清除)。

  8. 資源升級彈性與費用:若要升級到 4GB / 更多 I/O 的方案,費用與時間為何?

  9. 技術支援 SLA:回應時間與支援範圍(是否含程式碼除錯?)。

六、若你是要為「二手電腦銷售網站」採購,我的建議方案

  • 起步(低成本):可先用你這組規格,上線前做好快取、CDN 與圖片外放。適合剛起步、每日訪客 <1k 的情況。

  • 成長(穩定):若每月訪客 >5k、或有大量商品圖片,建議 升級 SSD 至 30–50 GB、I/O 至 10+ MB/s、記憶體 4 GB,或改用 VPS(可獨享資源)。

  • 電商高峰(穩健):若要做促銷、流量突發,考慮負載平衡、Managed DB、或用雲端託管(可自動橫向擴展)。

七、下一步(我可以幫你做的事情)

  1. 如果你想要我幫忙:我可以根據你的實際流量預估、商品數量與使用情境,替你出一份「上線資源需求報表」與「最小化成本的建議設定」。

  2. 或者我可以幫你比對 3 個具體主機供應商的方案與價格(需我上網查詢與比對,我會替你挑出最適合你需求的方案並附上優缺點)——這一步我會使用網路資料(要我做就告訴我,我會開始查)。

  3. 若你要直接下單,我也可以幫你整理一封詢價/技術確認的範本信,方便你寄給主機商詢問前述清單問題。

虛擬主機規格的每一項都逐條詳解,並說明實務上的意義、可能的問題、怎麼優化,以及什麼情況下要升級。文中會包含幾個必要的數值計算(逐位拆算,避免誤差),讓你能清楚判斷這個方案是否符合你的網站需求。

一、每項規格的詳細解說與實務影響

1) CPU 限制:2 GHz

解說

  • 通常代表「可用 CPU 時脈配額」或「保證 CPU 資源」,廠商的定義各異:可能是單核心可達 2GHz、或多核合計可達 2GHz。
    實務影響

  • 決定能同時處理多少動態請求、PHP/Node.js 的運算速度。

  • 對於 CPU 密集型任務(影像轉檔、影片縮檔、批次匯入)表現有限。
    建議

  • 若常做大量後端處理(例如影像批次轉檔、匯入大量商品),考慮 VPS 或升級計畫。

2) 記憶體:2 GB

解說

  • 主機上運行的服務(Web server、PHP-FPM、MySQL、background job)共用這個記憶體。
    實務影響

  • 決定同時能跑多少 PHP worker、資料庫快取容量、是否能舒適地執行備份。
    建議

  • 對 WordPress 小站可接受,但若同時有後台批次作業或訪客高峰,會吃緊。

  • 我下面會示範如何用 2GB 去計算 PHP-FPM 的 max_children(逐位計算)。

3) I/O Rate:2 MB/s

解說

  • 這是磁碟讀寫頻寬(throughput),表示單位時間內磁碟可讀寫的資料量上限(理想情況)。
    實務影響

  • 網站大量檔案存取(上傳圖片、讀寫檔案、資料庫頻繁寫入)會受限,造成頁面延遲或後端請求排隊。
    換算(示範)

  • 每秒 2 MB。

    • 每小時:2 × 3600 = 7200 MB/hr。

    • 每日:7200 × 24 = 172,800 MB/day。

    • 換成 GB(以 1024 計):172,800 ÷ 1024 = 168.75 GB/day。

    • 以 30 天算:168.75 × 30 = 5,062.5 GB/month(理論上若持續滿載,可達約 5,062.5 GB)。
      注意:這個數字是「磁碟吞吐量的極限」,不是網路流量限制。實務上主機商會有突發/保證策略,並且你不會一直在 100% I/O 下運行。
      建議

  • 強烈建議使用快取(page cache、object cache)、外部存放大量檔案(CDN 或雲儲存),降低磁碟 I/O 需求。

4) 每月流量:4,000 GB(4 TB)

解說

  • 指主機每月允許的外網出入量(Data Transfer)。包括下載圖片、影片、頁面內容、以及使用者上傳/下載的所有流量。
    實務影響

  • 若你有大量圖片被訪問或影片直放,流量很快被吃完。
    建議

  • 把靜態資源(圖片/大檔)放 CDN、啟用壓縮(Gzip、Brotli)、使用 WebP 圖片格式降低流量。監控月度流量使用率,超過後會被額外收費或降速。

5) SSD 磁碟空間:15 GB

解說

  • 主機提供的儲存容量(網站檔案、資料庫檔、備份等共同使用)。
    實務影響

  • 15GB 容量在放大量商品圖片或影音時非常有限。
    計算範例(逐位計算,示例:平均圖片 500 KB,100,000 檔案)

  • 500 KB = 500 ÷ 1024 = 0.48828125 MB。

  • 100,000 張 × 0.48828125 MB = 48,828.125 MB。

  • 換成 GB:48,828.125 ÷ 1024 = 47.75 GB。
    → 結果:100,000 張平均 500 KB 的圖會占約 47.75 GB,遠超過 15 GB。
    建議

  • 嚴格控制上傳檔案大小,僅保留縮圖在主機,原圖存放在雲端(例如 S3 或網路硬碟)或使用 CDN。

  • 定期清理 / 優化資料庫與檔案。

6) MySQL 資料庫:10(個數)

解說

  • 可以在主機上建立 10 個獨立的資料庫(典型用於多站或測試站)。
    實務影響

  • 足夠自架單一主站 + 測試站,但資料庫大小受總 SSD 空間限制。
    建議

  • 若使用 WordPress 多站或分離式 DB(log、analytics),注意每庫資料大小合計不要超過可用空間;若 DB 成長快,考慮使用外部 Managed DB。

7) 網域寄放(Domain hosting):10

解說

  • 可把最多 10 個網域綁定或管理在該主機帳戶下。
    實務影響

  • 適合你若打算經營數個品牌站(但同樣資源是共用的)。
    建議

  • 多網域但共享資源,流量/資源競爭需注意;可分別上小站或採用子資料夾/子域名方式。

8) 子網域:20

解說

  • 可以建立最多 20 個子網域(例如 shop.example.com)。
    實務影響

  • 足夠做多個功能站(客服、訂單系統、行銷子域),但同樣資源共享。

9) EMAIL:10 帳號 / 發信數量:100/hr

解說

  • 10 個郵件帳號的配額,且每個小時主機允許總發信量 100 封。
    實務影響

  • 適合小量系統通知、訂單確認,但 不適合大量行銷郵件或 EDM。
    建議

  • 使用第三方專業郵件服務(例如 SendGrid、Mailgun、Amazon SES)處理大量或高送達率的郵件,避免被列入黑名單或超出限制。

10) 檔案數:100,000(10 萬)

解說

  • 文件系統上的檔案總數上限(包括圖片、縮圖、log、緩存檔、郵件附件等)。
    實務影響

  • 多小檔案會佔用 inode,影響網站運作與備份。
    建議

  • 控制檔案數量、刪除舊檔、把大量小檔合併或存到外部物件存儲。

11) Entry Process:20

解說

  • 表示同時能有多少個進程(例如 PHP/CGI)被啟動處理請求(不同主機商定義略有差異,通常是指同時 PHP worker)。
    實務影響

  • 當同時訪客請求超過 Entry Process 數,後續請求會排隊或被拒,造成延遲或 502/503。
    建議

  • 配合快取把動態請求降到最低,或升級以增加 Entry Process。

12) FTP 帳號:10

解說

  • 最多建立 10 個 FTP 帳號讓不同人上傳管理檔案。
    實務影響

  • 便利多人協作,但安全性上建議使用 SFTP/FTPS 並限制目錄權限。

13) 免費 SSL 憑證

解說

  • 通常是 Let's Encrypt 類型,自動續期加密站點流量。
    實務影響

  • 必備,提升 SEO 與使用者信任。
    建議

  • 確認主機商是否自動續期、支援多域名/子域名 SSL。

14) 免費惡意軟體掃描

解說

  • 主機會定期掃描網站是否有已知惡意程式碼或惡意檔案。
    實務影響

  • 幫助偵測被植入後門、木馬或可疑檔案。
    建議

  • 確認掃描頻率與後續處理流程(是否免費清除、是否需付費處理)。

15) JetBackup 高保障備份

解說

  • JetBackup 是常見的備份管理方案,提供定期備份與快速還原。
    實務影響

  • 備份保護資料安全,但需注意備份存放地與保留週期(備份也會占用空間/資源)。
    建議

  • 確認備份週期(每日/每週)與保留天數、是否可還原單一檔案或資料庫。

16) 24x7x365 技術支援

解說

  • 一年 24 小時技術支援(主機問題可隨時求助)。
    實務影響

  • 處理主機故障、網路或硬體問題的保障。
    建議

  • 詢問 SLA 或回應時效(例如:電話/工單回覆時間)與支援範圍(是否協助應用層除錯)。

二、實務優化建議(立刻能做的事項)

  1. 啟用頁面快取(Page Cache):減少 PHP 執行次數。

  2. 使用 CDN(Cloudflare / BunnyCDN):把靜態圖片與 JS/CSS 放到 CDN,減少主機帶寬與 I/O。

  3. 圖像壓縮與 WebP:上傳前壓縮,並產生不同尺寸縮圖。

  4. 外部郵件服務:SMTP relay 交由專業服務處理。

  5. 資料庫監控/優化:Query 次數、慢查詢 log、索引優化。

  6. 限制上傳檔案大小與數量策略:避免短期內檔案數爆增。

  7. 設定自動備份與測試還原:定期測試備援是否可用。

  8. 監控指標:CPU、RAM、I/O、Entry Process 使用率、網路流量、磁碟使用率(建議設定告警閾值)。

三、重要數值計算範例(逐位計算,明確數字)

A. PHP-FPM max_children(範例估算)

假設:

  • 主機記憶體:2 GB = 2048 MB。

  • 保留給系統與 MySQL:512 MB(給 OS 與 MySQL)。

  • 可分配給 PHP 的記憶體 = 2048 − 512 = 1536 MB。

  • 假設每個 PHP-FPM child 平均使用:60 MB。

計算:

  1. 可用給 PHP 的記憶體 = 1536 MB。

  2. 每 child 60 MB,能啟動數量 = 1536 ÷ 60。

    • 先做除法:60 × 20 = 1200;剩下 336。

    • 60 × 5 = 300;剩下 36。

    • 60 × 6 = 360(超過剩下的 336),所以不能是 6。

    • 因此最大整數 child = 20 + 5 = 25

  3. 結果:max_children ≈ 25(實務上可設定 20~25 做保守值)。

註:若每 child 實際為 40MB,則 1536 ÷ 40 = 38.4 → 可用 38,但要給 MySQL 更多緩存空間,所以要調整。

B. I/O 持續吞吐量換算(前面示範)

  • 2 MB/s × 3600 = 7200 MB/hr。

  • ×24 = 172,800 MB/day。

  • ÷1024 = 168.75 GB/day。

  • ×30 = 5,062.5 GB/month(理論持續均衡狀況下)。

C. 檔案佔空間範例(前面示範)

  • 假定一張圖平均 500 KB:500 ÷ 1024 = 0.48828125 MB。

  • 100,000 張 × 0.48828125 MB = 48,828.125 MB。

  • ÷1024 = 47.75 GB → 遠大於 15 GB 可用空間。

四、何時該升級(觸發條件)

  • CPU 使用率長期 > 60% 或頻繁滿載。

  • 記憶體使用率接近 90% 並導致 swap 或緩慢。

  • I/O 等待(I/O wait)過高,頁面延遲顯著。

  • 月流量接近 4,000 GB 或達到檔案數上限。

  • Entry Process 常滿導致 502/503。
    若常見上述情況,就應升級記憶體、SSD 容量、I/O 配額或改用 VPS/雲主機。

五、給你的採購/確認清單(向主機商詢問)

  1. CPU:2 GHz 是「單核保證」還是「整體配額」?是否 burstable?

  2. I/O:2 MB/s 是否為保證值或突發上限?超出會如何處理?

  3. JetBackup:備份頻率與保留期?是否含單檔還原?

  4. 流量超量政策:超過 4 TB 怎處理(降速或額外計費)?

  5. 郵件發送:是否共用 IP?是否提供專用 SMTP 或能換用第三方?

  6. Entry Process、inode(檔案數)超限後的處理方式與通知機制。

  7. 支援 SLA:平均回覆時間與支援範圍(如程式除錯是否含)。

六、結論與建議(針對你要做的二手電腦銷售+行動維修網站)

  • 可以先用這套規格起步(若你流量不高、圖片數量受控、且願意把大量圖片/影片放 CDN 或外部存儲)。

  • 強烈建議:啟用 CDN、圖片壓縮、mail relay;設定快取、優化 DB。

  • 若你預期同時在線訪客 >200、或大量商品圖庫/影音,應考慮升級到:4GB RAM、SSD 30–50GB、I/O 10+ MB/s 或直接用 VPS。


PicPick 中「加浮水印」是可以做到的(雖然不能批量加,但單張或模板式浮水印沒問題)。以下是詳細教學:

🪄 一、基本方法:手動加入浮水印文字或圖案

🔹 步驟 1:開啟圖片

  • 開啟 PicPick → 按「檔案 → 開啟」→ 選擇圖片。

🔹 步驟 2:加入浮水印

有兩種方式:

✅ 方式 A:加入文字浮水印

  1. 點選上方工具列「繪圖 (Draw)」→「文字 (Text)」。

  2. 在圖片上點一下滑鼠即可輸入浮水印文字,例如:

    © JC Studio 2025
  3. 在上方設定列可調整:

    • 字型、大小、顏色、透明度 (Opacity)

    • 也可設定「陰影」、「外框」

  4. 調整文字位置(例如放右下角或對角線)。

💡 可把透明度設為 30% 左右,看起來較自然。

✅ 方式 B:加入圖像浮水印(如Logo)

  1. 點「貼上 (Paste) → 從檔案 (From File)**」。

  2. 選擇你的 logo 圖(建議使用 PNG 透明背景)。

  3. 縮放大小、移到適合位置。

  4. 在右上角「圖層屬性」可調整 透明度 (Opacity),例如 40%。

💾 步驟 3:儲存圖片

  • 完成後,按 Ctrl + S(或另存新檔以保留原圖)。

  • 可選輸出格式(JPG、PNG、BMP 等)。

🧩 二、進階技巧(自製浮水印模板)

若你經常要重複加相同浮水印,可建立一個模板:

  1. 開一張透明背景的新檔(例如 1920x1080)。

  2. 加上文字或 Logo 浮水印。

  3. 儲存為 PNG(透明背景)。

  4. 下次要用時,只要開圖片 →「貼上 → 從檔案」→ 套用這張浮水印模板即可。

🚫 PicPick 限制

PicPick 目前:

  • 不支援批量自動加浮水印

  • ✅ 但你可搭配其他工具(如 IrfanViewFastStone Image Viewer)進行批次處理,PicPick 用來設計浮水印樣式最方便


10/22 賀聖倫老師

Cinema 4D (C4D) 中製作「九大行星自轉」的動畫是一個非常經典、能練習動畫層級、旋轉軸與層次關係(Hierarchy)的練習。下面我分步教你完成整個流程:

🪐 一、準備階段:建立行星模型

  1. 建立球體

    • 從「物件」→「基本體」→「球體 (Sphere)」。

    • 調整分段數(Segment)至 48 以上,確保貼圖時圓滑。

  2. 設定大小

    • 根據比例大致設定尺寸,例如:

      行星 半徑(參考) 水星 30 金星 40 地球 45 火星 35 木星 80 土星 70 天王星 60 海王星 55 冥王星(可選) 25

🌍 二、行星貼圖

  1. 為每個球體新增「材質 (Material)」。

  2. Color 通道中載入對應行星貼圖(可搜尋 "planet texture maps free")。

  3. 開啟「投影方式」為 Spherical

  4. 若貼圖有縫隙,可在「Tag」→「UV 編輯」中微調或調整 Offset。

☀️ 三、建立太陽與光源

  1. 新增一顆大球作為「太陽」。

  2. 將太陽的材質設為發光 (Luminance) 模式,開啟「Glow」效果。

  3. 在太陽中心加入「光源」:

    • 選擇「光 (Light)」→「Omni 光源」。

    • 設為 發光光源,關閉陰影或設定柔和陰影。

🌀 四、自轉動畫設定

每顆行星都要「自轉」,可以用關鍵影格或表達式 (Xpresso / Python Tag) 實現。

方法一:關鍵影格

  1. 選中某行星。

  2. 到「時間軸」起始位置(Frame 0),設置 旋轉值 R.H = 0°

  3. 在 Frame 90(或任意終點)設 R.H = 360°

  4. 選擇兩個關鍵影格 → 右鍵 →「循環 (Cycle)」。

方法二:使用簡單表達式(推薦)

  1. 選取行星 → 右鍵 →「Cinema 4D Tags」→「Xpresso」。

  2. 在 Xpresso 編輯器中:

    • 拖入該行星 → 輸出「Global Rotation」。

    • 拖入「Time」節點。

    • 使用「Range Mapper」或「Math」節點將時間連接至旋轉值。

    • 公式範例:Rotation.H = Time * 20(表示每秒旋轉 20°)。

🌌 五、公轉動畫(可選)

若你想行星繞太陽轉:

  1. 建立一個「空物件 (Null Object)」,命名為「Orbit_地球」。

  2. 把「地球」放進這個空物件內。

  3. 將空物件的位置放在太陽外圍(公轉半徑)。

  4. 對「Orbit_地球」設置旋轉動畫(同上),行星就會繞太陽轉。

🎥 六、攝影機與渲染

  1. 新增「攝影機」,調整觀察角度。

  2. 可用「追蹤標籤」讓攝影機自動對準太陽或地球。

  3. 打開渲染設定:

    • 開啟「全域光照 (GI)」、「環境光遮蔽 (AO)」。

    • 渲染解析度建議:1920x1080。

    • 輸出成 mp4 或序列影像。

💡 七、延伸與進階

  • 為行星加入 軌道線(用 Spline + Sweep 建構)。

  • 利用 Cloner + MoGraph Effector 自動生成九大行星。

  • 加上 背景星空貼圖Sky 物件

  • 若想真實模擬行星轉速、公轉週期,可用比例公式設定不同速率。



10/21 蕭行明老師

Turing Test(圖靈測試) 是人工智慧(AI)歷史上非常重要的一個概念,由英國數學家兼電腦科學之父 Alan Turing 在 1950 年提出。

🧠 基本概念

圖靈在論文〈Computing Machinery and Intelligence〉中提出問題:

「機器能思考嗎?(Can machines think?)」

他認為這問題太抽象,所以改問:

「如果機器能讓人以為它是人,那它就算是會思考的。」

💬 測試方法(經典版)

  1. 測試中有三個角色:

    • 人類問答者(審問者)

    • 人類受試者

    • 機器(AI)

  2. 審問者透過「文字對話」(看不到對方)與兩方交談。

  3. 若在多次測試中,審問者無法可靠地分辨哪一方是人、哪一方是機器,
    → 那這台機器就通過了圖靈測試。

💡 目的

圖靈測試的目的不是要測 AI 的邏輯能力,而是:

測試它是否能在語言互動中「表現出人類般的智能」。

📈 延伸與現況

  • 後來出現許多改良版,如「網路聊天圖靈測試」、「音訊圖靈測試」、「多模態圖靈測試」等。

  • 現在像 ChatGPT、Claude、Gemini 這類模型,有時能讓人短暫誤認為是人類,但在持續對話或深層理解上仍會被識破。

  • 所以:現代 AI 雖可在特定場景通過圖靈測試,但尚未真正擁有「理解」或「意識」

🧩 小結

面向 圖靈測試意義 目標 模擬人類對話行為 方法 隱藏身份的對話測試 通過標準 讓人無法分辨出 AI 爭議 是否等於「思考」? 現代啟發 AI倫理、認知科學、人機互動設計


「LLM」這個縮寫在不同領域中意思不同,但在人工智慧(AI)領域裡,它最常代表:

🤖 LLM = Large Language Model(大型語言模型)

一、🌐 基本概念

LLM 是一種使用 深度學習(Deep Learning) 技術訓練出來的人工智慧模型,
能夠理解與生成自然語言(人類語言)

它是像 ChatGPT、Gemini、Claude、LLaMA、Mistral 等 AI 的「大腦核心」。

二、🧠 LLM 的運作原理

1️⃣ 訓練資料
收集大量的文字資料(書籍、網站、對話、論文……)

2️⃣ 學習模式
使用「Transformer」架構(由 Google 在 2017 年提出)
讓模型學會根據上下文預測下一個字

3️⃣ 結果能力
學會語意理解、邏輯推理、文案生成、翻譯、摘要、寫程式等。

三、📈 LLM 的主要特性

特性 說明 🔤 語言理解 理解人類自然語言與問題的意圖 ✍️ 文字生成 自動生成自然流暢的文章、對話、程式碼 🧩 多任務能力 可同時處理翻譯、摘要、問答、創作、分析等任務 🧠 知識整合 從龐大資料中學習世界知識(但非即時)

四、📚 常見 LLM 範例

模型 開發公司 特點 GPT 系列 OpenAI ChatGPT 使用的模型 Gemini Google DeepMind 整合搜尋與多模態功能 Claude Anthropic 強調對話安全性與解釋性 LLaMA / Meta AI Meta 可本地部署、開源社群熱門 Mistral / Mixtral Mistral AI 高效能開源模型

五、💡 LLM 的應用領域

  • 智慧客服 / 聊天機器人

  • 文件摘要、翻譯、文案生成

  • 程式輔助(如 GitHub Copilot)

  • 資料分析、報告生成

  • 教育與輔導

  • 搜尋與知識問答整合(如 ChatGPT + 搜尋功能)

六、🧩 延伸概念

名稱 全名 意義 LLM Large Language Model 大型語言模型 ML Machine Learning 機器學習 DL Deep Learning 深度學習 NLP Natural Language Processing 自然語言處理 AGI Artificial General Intelligence 通用人工智慧(具人類思考能力的 AI)

七、📜 另一個常見誤會

在法律界,LL.M.(Master of Laws) 是「法學碩士」的意思,和 AI 的 LLM 完全不同。


在 ChatGPT、Claude、Gemini 等 AI 模型背後,「RLHF」是讓模型「更像人類、更懂人類」的關鍵技術之一。

🤖 RLHF = Reinforcement Learning from Human Feedback

中文:從人類回饋中強化學習

🧩 一、它是什麼?

RLHF 是一種讓大型語言模型(LLM)學會「符合人類價值觀」的訓練方法。
簡單說,它讓 AI 不只是「會說話」,而是「會說對人類想聽的話」。

⚙️ 二、訓練流程(三階段)

第一階段:Supervised Fine-tuning(有監督微調)

  • 先由人工標註者(人類訓練師)撰寫範例對話
    比如:
    使用者:「幫我寫封禮貌的拒絕信」
    訓練師提供:「謝謝您的邀請,但我恐怕無法出席……」

  • 模型學習這些範例,了解「什麼是合適的回答風格」。

第二階段:Reward Model(回饋模型)

  • 再讓人類評審多個 AI 回答版本,給出好壞排名
    例如:

    • A 回答:簡短無禮(排名低)

    • B 回答:清楚、禮貌(排名高)

  • 用這些排名資料訓練出一個「獎勵模型(Reward Model)」,
    讓 AI 能評估一個回答是否符合人類偏好。

第三階段:強化學習(Reinforcement Learning)

  • 透過演算法(例如 PPO:Proximal Policy Optimization),
    讓模型根據獎勵模型的分數反覆調整回答策略

  • 最後得到一個更自然、更安全、更貼近人心的模型 ——
    這就是像 ChatGPT 這樣的 AI。

🎯 三、簡單比喻

可以把整個過程想像成:

小孩(AI) → 看範例學說話(第一階段)
大人(人類訓練師) → 告訴他哪種說法比較好(第二階段)
小孩 → 不斷練習並根據回饋調整(第三階段)

🧠 四、RLHF 的優點

優點 說明 🎯 更符合人類價值 學會避免偏見、仇恨、錯誤回答 🗣️ 對話更自然 回答語氣更像人類、邏輯更流暢 🧩 增強安全性 降低生成有害或誤導內容的風險 💬 客製化潛力 可依不同文化、語言風格進行微調

⚠️ 五、局限與挑戰

  • 需要大量人工標註(昂貴、耗時)

  • 人類偏見 可能被放大(評審主觀)

  • 訓練難以完全覆蓋所有情境(仍可能答錯或偏題)

📊 六、RLHF 在 AI 訓練中的位置

LLM(基礎模型) ↓ 微調(Supervised Fine-tuning) ↓ 人類回饋訓練(RLHF) ↓ ChatGPT / Claude / Gemini 等可對話 AI


Arduino 是一個開源的微控制器開發平台,非常適合入門電子電路與程式設計的學習者。它結合了硬體(開發板)軟體(Arduino IDE 程式編譯環境),可以讓你輕鬆地撰寫程式來控制感測器、馬達、燈光、顯示器等電子元件。

🧩 一、Arduino 是什麼?

Arduino 最常見的是像 Arduino Uno 這樣的主板。它包含:

  • 微控制器晶片(ATmega328P 等)

  • 數位輸入/輸出腳位(Digital pins)

  • 類比輸入腳位(Analog pins)

  • 電源接腳

  • USB 接口(用於傳輸程式與供電)

💡 二、Arduino 可以做什麼?

以下是常見的應用例子:

  • 自動澆花系統(感測土壤濕度、控制水泵)

  • 智慧家居(控制燈光、風扇)

  • 小型機器人

  • 溫濕度顯示器

  • 偵測光線、聲音、距離的互動裝置

  • 教學用互動藝術作品(搭配 LED、蜂鳴器、顏色感測器等)

🖥️ 三、Arduino 程式怎麼寫?

使用 Arduino IDE 編輯程式(語言是 C/C++ 的簡化版),基本架構如下:

void setup() { pinMode(13, OUTPUT); // 設定腳位13為輸出 } void loop() { digitalWrite(13, HIGH); // 開啟 LED delay(1000); // 延遲1秒 digitalWrite(13, LOW); // 關閉 LED delay(1000); // 延遲1秒 }

這段程式會讓板上的 LED 一秒亮、一秒滅,形成閃爍效果。

🔌 四、Arduino 常用元件

  • LED、蜂鳴器、按鈕

  • 溫濕度感測器(DHT11)

  • 光敏電阻(LDR)

  • 超音波距離感測器(HC-SR04)

  • 馬達(Servo、DC Motor)

  • 液晶顯示器(LCD 1602)

📚 五、Arduino 學習建議

  1. Arduino Uno + 初學者套件 開始(內含各種感測器與 LED)

  2. 學習基本電路(串聯、並聯、電阻、電壓概念)

  3. 熟悉 IDE 程式語法與上傳方法

  4. 再進階到 IoT(如 WiFi 模組 ESP8266 / ESP32)



10/18 陳國榮老師


你提到的 Lumetri Color → 創意 (Creative) 分頁中的 Look,是 Premiere Pro 調色流程中非常關鍵的一部分。它可以讓你的影片快速呈現特定的風格色調(電影感、復古感、冷色調等)
下面幫你完整解釋使用方式與技巧👇


🎬 一、什麼是「Look」?

在 Lumetri Color 的「創意」分頁中,Look 就是指「風格 LUT(Look-Up Table)」,也可以理解為「預設色調範本」。

Adobe 內建許多 Look(.cube 或 .look 格式),能直接讓畫面呈現電影化或特定氛圍的風格。
它與「基本校正」中的 LUT 不同:

功能 基本校正 LUT 創意 Look 用途 還原原始畫面(技術用) 打造風格(藝術用) 應用順序 最先處理(輸入 LUT) 在調色後添加風格

🎨 二、使用方法

  1. 選取影片剪輯

  2. 開啟 Lumetri Color → 創意 (Creative)

  3. 找到上方的「外觀 (Look)」欄位。

  4. 點擊右側的小資料夾圖示「瀏覽 (Browse)」:
    → 可選擇 Adobe 內建 Look,或匯入你下載的 .cube / .look 檔。

  5. 套用後可透過下方「強度 (Intensity)」滑桿控制 Look 效果濃淡(建議 50~80% 之間較自然)。

🎚 三、其他創意分頁的重點參數

項目 功能 強度 (Intensity) 控制 Look 濃度 飽和度 (Saturation) 調整整體色彩飽和 鮮豔度 (Vibrance) 提升膚色與低飽和區域的彩度 陰影色調 (Shadow Tint) 在陰影中加入冷/暖色調 高光色調 (Highlight Tint) 在亮部加入冷/暖色調 色調平衡 (Tint Balance) 調整陰影與高光色調的平衡點 銳利化 (Sharpen) 增加畫面細節感

🧠 四、實用搭配技巧

  1. Auto 調光 + Look
    先用「基本校正 → 自動」修曝光 → 再加 Look。

  2. 膚色自然化
    若 Look 讓膚色太偏,可降低強度,或用「HSL 二次校正」修正膚色。

  3. 多層 Lumetri
    一層負責技術校正,一層負責 Look,方便獨立調整。

  4. Look 套用在調整圖層上
    放在多段影片上方,可統一整體風格(例如整支影片都偏暖色)。

📦 五、Adobe 內建常見 Look 範例

名稱 風格說明 SL Blue Day4Night 晚景夜化效果 Cine Space 電影膠片風格 Kodak 5205 Fuji 3510 模擬底片色調 VisionColor M31 常見好萊塢電影橙藍風 Bleach Bypass 高對比、低飽和的冷調效果

💡 小建議

  • 若你想要「專業電影感」:可嘗試 M31、Osiris、Rec709 Cine LUT

  • 若你做 Vlog、人像影片:可試 Cine Style、Warm Skin LUT

  • 若你是 產品、3C影片:可試 Neutral Contrast、Clean LUT


Premiere Pro (PR)Lumetri Color 面板中,「色輪與匹配 (Color Wheels & Match)」是中階以上調色時非常實用的功能,用來調整畫面的陰影、中間調與高光色調,並可快速讓兩段影片的色調風格一致。

以下是詳細教學 👇

🎬 一、位置

  1. 選取要調色的剪輯。

  2. 開啟 Lumetri Color 面板(視窗 → Lumetri Color)。

  3. 點選左側的「色輪與匹配 (Color Wheels & Match)」分頁。

🎛 二、色輪的基本概念

畫面通常分為三個明暗區域:

  • 陰影 (Shadows):暗部,控制黑色與低光的色偏。

  • 中間調 (Midtones):主要膚色與主體亮度區。

  • 高光 (Highlights):亮部、天空或反光區。

每個色輪有兩個控制:

  1. 中心點拖曳(色相) → 改變該亮度區的色調(偏冷、偏暖等)。

  2. 下方滑桿(亮度) → 改變該區域的明亮程度。

🎨 三、實際應用範例

目標 調整方式 讓畫面更有電影感 陰影偏藍、高光偏橘 修正偏綠膚色 中間調往粉紅/橘方向微調 強調對比感 降低陰影亮度,略提亮高光亮度

🧠 四、「自動匹配」功能(Color Match)

這是色輪分頁中最強的功能之一,可以自動將一段影片的色調匹配到另一段影片

使用步驟:

  1. 在時間軸上選取要「被匹配」的剪輯。

  2. Lumetri Color → 色輪與匹配 中,右側找到「比較檢視 (Comparison View)」按鈕(兩個螢幕圖示)。

  3. 左邊畫面是「參考影片」,右邊是「目前影片」。
    → 拖動時間軸,選取你想匹配的那段參考影片畫面。

  4. 點擊下方的 「套用匹配 (Apply Match)」 按鈕。

  5. Premiere 會透過 AI(Adobe Sensei) 自動分析色彩與亮度,並將參考畫面的色調套用到當前片段。

  6. 套用後可以手動微調三個色輪,讓結果更自然。

💡 五、進階技巧

  • 若參考影片光線差很多,可先用「基本校正」調整曝光再匹配。

  • 匹配後建議再用「創意」分頁微調飽和度或 LUT。

  • 可搭配「比較檢視」中的分割線,查看套用前後的效果。

📌 六、常見問題

問題 解法 自動匹配太偏色 手動微調中間調色輪或降低飽和度 影片明暗差太多 先在「基本校正」區對齊曝光後再匹配 要對多段影片匹配 可先調好一段 → 複製 Lumetri Color → 貼上其他剪輯


調光服務收費參考:https://timeline.com.tw/services

調色參考:https://www.lookae.com/


Premiere Pro (PR) 中,LUT(Look-Up Table,查找表) 是非常常用的「調色預設檔」,可以快速套用特定的色彩風格或還原相機原始色彩。以下是完整說明與使用技巧 👇

🎬 一、什麼是 LUT?

LUT 可以理解為「色彩轉換表」,它把原始畫面的顏色數值,轉換成特定風格的顏色
用途主要分為兩種:

  1. 技術 LUT(Technical LUT)
    用來「還原」相機的原始畫面(如 S-Log、V-Log、C-Log 轉 Rec.709)。

  2. 風格 LUT(Creative LUT)
    用來打造某種色調氛圍(如電影感、復古風、冷暖對比等)。

🎨 二、LUT 的副檔名

常見格式:

  • .cube(最常見)

  • .look

  • .3dl

🧩 三、在 PR 中使用 LUT 的方法

方法 1:在 Lumetri Color 中套用

  1. 選取影片剪輯。

  2. 開啟 Lumetri Color 面板(視窗 → Lumetri Color)。

  3. 基本校正 (Basic Correction) 中的「輸入 LUT (Input LUT)」選擇:
    → 點選下拉選單 → 選擇現有 LUT 或「瀏覽 (Browse)」匯入自訂 LUT。
    👉 適合用來「還原」相機色彩。

  4. 若要加上風格,切到 創意 (Creative) → 「外觀 (Look) / LUT」再選擇或匯入。
    👉 適合風格化處理。

方法 2:套用在「調整圖層」上

  1. 新建一個「調整圖層」(File → New → Adjustment Layer)。

  2. 把它放在所有影片剪輯上方。

  3. 套用 Lumetri Color,並在「創意」區套上 LUT。
    → 可一次影響整段影片風格,方便統一色調。

💡 四、實用技巧

  • 結合 Auto Color 使用:先自動校正曝光 → 再套 LUT → 再微調飽和與對比。

  • 可套用多層 Lumetri 效果:一層修正、一層風格。

  • 避免過度飽和:很多電影 LUT 飽和度偏高,可微調至自然狀態。

  • LUT 檔位置(可放這裡供 PR 長期讀取):

    Windows: C:\Program Files\Adobe\Common\LUTs\Creative\ Mac: /Library/Application Support/Adobe/Common/LUTs/Creative/


Premiere Pro (PR) 裡,「調色(Color Grading)」是讓影片質感提升的關鍵步驟。它不只是改亮度或對比,而是讓畫面有統一風格與情緒。
我幫你分成三個層次:基本調整 → 風格塑造 → 專業技巧,讓你由淺入深學會 PR 調色。

🎬 一、PR 調色的工具入口

在 PR 介面上方選擇:

「色彩 (Color)」工作區 → Lumetri Color 面板

Lumetri 是 PR 的主要調色系統,包含所有常用控制項。

🎨 二、基本調整(Basic Correction)

在 Lumetri 裡的 Basic Correction 是第一步,主要用來校正畫面曝光與色偏。

項目 功能說明 建議用法 White Balance 校正白平衡 若畫面偏藍或偏黃,用「Temperature」調整色溫。 Exposure 整體亮度 控整張畫面的明亮程度。 Contrast 對比 增加畫面層次感。 Highlights / Shadows 控高光與暗部細節 拯救過曝或太暗的部分。 Whites / Blacks 控最亮與最暗端 調整整體動態範圍。 Saturation 飽和度 適度增加讓畫面更生動,太高會假。

小技巧:

  • 若畫面灰濛濛,可先調高對比 + 降一點黑階。

  • 若人臉太黃或太紅,用白平衡或 HSL 二次修正。

🌈 三、創意風格(Creative)

這是加「氛圍」的階段,讓畫面有電影感或統一色調。

項目 功能 用法建議 Look / LUTs 快速套用風格 可載入電影 LUT,如 Kodak、Cinematic 等。 Faded Film 模擬膠片灰霧感 適合懷舊風。 Sharpen 銳化 適量即可,過多會顆粒化。 Vibrance 自動強化中間色 比 Saturation 溫和自然。

💡 常用風格建議:

  • 溫暖風:色溫偏黃、飽和度略升。

  • 冷調風:色溫偏藍、對比略強。

  • 電影感:降低飽和、微微加青綠陰影。

⚙️ 四、曲線(Curves)

進階控制對比與色調的核心工具。

曲線類型 功能 小技巧 RGB 曲線 控制明暗與對比 S 曲線可增加立體感。 色彩曲線 (R/G/B) 控色偏方向 可微調膚色偏紅、偏綠等。 Hue vs Hue / Sat / Luma 精準控制單一色 例:讓天空更藍、人臉更自然。

👉 Hue vs Sat:點取特定顏色(例如紅色臉頰),降低飽和度最自然。

🔲 五、色輪與匹配(Color Wheels & Match)

三個色輪控制不同亮度區域的色調:

色輪 影響區域 用法 Shadows 暗部 可加一點藍或青增加電影感。 Midtones 中間色 控膚色自然度。 Highlights 高光 加暖色提升溫度感。

自動匹配功能:

  • 在「Color Wheels & Match」裡點「Comparison View」→「Apply Match」

  • PR 會自動比對兩個鏡頭的光線與色調,使整體畫面一致。

🔳 六、HSL Secondary(二次調色)

這是針對「特定顏色」細修的利器。
例如:

  • 把人物膚色修得更自然。

  • 讓天空更藍、樹葉更綠。

操作步驟:

  1. 用吸管選取要修的顏色區域。

  2. 開啟「顯示遮罩」看範圍是否準確。

  3. 用下方滑桿調整顏色、亮度、飽和度。

🌠 七、Vignette(暗角)

最後加一點暗角能讓畫面更集中。

  • Amount:控制暗角強度。

  • Midpoint / Feather:控制過渡範圍。
    💡 建議只輕微添加,別讓觀眾明顯看到黑圈。

🧩 八、調色工作流程建議

  1. 校正 → 調風格 → 微調 → 統一色調

  2. 順序建議:

    • Basic Correction

    • Curves

    • Color Wheels

    • HSL Secondary

    • Creative / Vignette

  3. 調完一個鏡頭後,可右鍵 → Copy → Paste Attributes 到其他鏡頭。


你提到的「調整圖層(Adjustment Layer)」是 Premiere Pro (PR) 裡非常重要的調色技巧之一。
它可以讓你「一次調整多個片段的色調與特效」,而不需要逐一修改每支影片。

以下是完整教學與應用技巧 👇

🎞 一、什麼是調整圖層(Adjustment Layer)

調整圖層是一個「透明的圖層」,它本身沒有影像內容,
但你可以在它上面套用調色、特效等效果。

👉 原理:

PR 會讓調整圖層的效果「同時作用在它下面的所有素材」上。

💡 想像成在所有影片上「加一層濾鏡」。

⚙️ 二、建立調整圖層的步驟

  1. 在「專案視窗(Project Panel)」中點擊:

    ➕「新建項目 (New Item)」 → 「Adjustment Layer(調整圖層)」

  2. 出現對話框時,保持與序列相同的設定(解析度、幀率)。

    ✔ 不需要更改,直接按「確定」。

  3. 將產生的 Adjustment Layer 檔案 拖到「時間軸(Timeline)」上,
    放在想要調整的影片片段上方一軌(V2、V3)

🎨 三、在調整圖層上進行調色

  1. 選取調整圖層。

  2. 開啟 Lumetri Color 面板(上方選「色彩」工作區)。

  3. 進行任何調色(曝光、對比、色溫、LUT、色輪等)。

  4. 你會看到下方所有被覆蓋到的影片都同步變化

🌈 四、使用調整圖層的實際好處

優點 說明 ✅ 統一色調 可讓多個鏡頭保持相同風格,特別是不同機位拍的素材。 ⚡ 快速套用 複製一個調整圖層到其他地方即可重用相同效果。 🛠 非破壞性編輯 原始影片不會被改動,隨時可關閉或刪除調整層。 🎬 做特效過渡 例如淡入淡出、光線閃爍、顏色變化特效。

🧩 五、實際應用範例

1️⃣ 統一風格

  • 把所有鏡頭剪好 → 上方放一層調整圖層 → 套用統一 LUT 或色調。

2️⃣ 區分場景

  • A 場景偏暖、B 場景偏冷 → 為每段區域建立不同調整圖層,各自調色。

3️⃣ 動畫與特效

  • 在調整層上加 曝光 Keyframe → 模擬閃光效果。

  • 或用 Gaussian Blur 模糊動畫 → 做轉場模糊。

💡 六、小技巧建議

  • 若你有多個調色階段(例如:校正 → 氛圍風格),
    可以堆疊多層調整圖層,一層校正、一層風格,方便獨立控制。

  • 想對部分素材使用不同效果,可調整調整圖層長度,只覆蓋那段。

  • 命名清楚,例如:

    調整圖層_曝光校正 調整圖層_電影風格 調整圖層_暗角效果

✅ 七、總結一句話

「調整圖層」讓你在 PR 中 用最少的動作、維持畫面一致性、並保持非破壞性調色流程
是專業剪輯師最常用的技巧之一。

許多剛學 Premiere Pro (PR) 的人常會搞混「序列 (Sequence)」和「影片 (Video)」的關係。下面我用簡單明確的方式幫你釐清兩者差別與用途。

🎞 一、定義差別

名稱 定義 類比說明 序列 (Sequence) PR 中用來剪輯的「工作區域」或「時間軸」,可以放影片、音樂、圖片、特效等,是剪片的「容器」。 就像「剪輯桌」或「剪接膠捲」。 影片 (Video) 你輸出(Export)之後的最終成品,例如 MP4、MOV 等格式的檔案。 就像「剪完的電影」。

🧩 二、兩者的關係

  1. 你匯入素材(影片、圖片、音樂) → 放進「序列」。

  2. 在「序列」中剪接、加特效、轉場、調色。

  3. 完成後 → 將序列「輸出(Export)」成影片檔。

👉 所以簡單講:

序列是編輯的過程,影片是輸出的結果。

⚙️ 三、序列的技術設定

序列決定了:

  • 解析度(Resolution):如 1920×1080、4K。

  • 幀率(Frame Rate):如 24fps、30fps、60fps。

  • 比例(Aspect Ratio):如 16:9、9:16。

⚠️ 若序列設定與素材不同,PR 會自動縮放或需要手動調整。

例如:

  • 你把手機直拍影片(9:16)放進 16:9 序列中 → 畫面會被左右裁切。

  • 所以應該選擇 「根據素材建立序列」「使用預設模板」

🎬 四、一個專案可以有多個序列

這點很實用:

  • 你可以在同一個專案裡建立多個序列(例如:主片、預告、短版)。

  • 序列之間也可以互相嵌入(Sequence in Sequence),方便組合剪輯。

💡範例:

序列1:主影片剪輯
序列2:B-roll(輔助畫面)
序列3:輸出前總整
→ 最後把1和2拖進3,就能整合輸出成影片。

📤 五、輸出(Export)後才是影片

當你在 PR 中完成剪輯後,要透過:

File → Export → Media → Format(H.264 等)

才會輸出成 MP4、MOV 之類的「影片檔」,那才是你能上傳或播放的成品。

✅ 簡短總結:

項目 序列 (Sequence) 影片 (Video) 性質 編輯中的時間軸 輸出成品檔案 格式 PR 專用(.prproj 內) 常見格式:MP4、MOV 功能 剪輯、加特效、混音 播放、上傳、分享 可數量 可多個 每次輸出為一支影片

Premiere Pro 的 Lumetri Color 面板中確實有「自動調色」功能,官方稱為 Auto Color(自動色彩)Auto Tone(自動色調)。以下是詳細介紹與使用方法:

🎛 一、位置

  1. 選取要調色的剪輯。

  2. 開啟 Lumetri Color 面板(視窗 → Lumetri Color)。

  3. 基本校正(Basic Correction) 區域中,你會看到上方有一個按鈕:
    「自動」(Auto)「自動色彩」(Auto Color)

🎨 二、功能說明

按下「自動」後,Premiere Pro 會自動分析影片畫面,並根據影像的曝光、對比、白平衡與色階,自動調整以下參數:

  • 曝光 (Exposure)

  • 對比 (Contrast)

  • 高光 (Highlights)

  • 陰影 (Shadows)

  • 白色 (Whites)

  • 黑色 (Blacks)

這些調整是 非破壞性的,也就是說你仍可以手動微調每個滑桿。

⚙️ 三、進階技巧

  1. 按 Auto 後再細修:
    通常自動結果只是起點,建議再微調曝光與對比讓畫面更符合風格。

  2. 搭配 LUT 使用:
    先按 Auto 讓畫面曝光正常,再套用風格化 LUT,效果會更自然。

  3. 多剪輯快速調色:
    若是多段相似場景(同光線、同相機),可對其中一段 Auto 後再「複製 Lumetri 效果」貼上到其他剪輯。

  4. 臉部優先調整:
    Premiere 的自動調色演算法會以膚色作為參考基準,對人像影片特別實用。




10/18 張辰豪老師

照片討論/閃光技巧

相機的閃光(Flash)不只是「打光讓畫面變亮」而已,掌握好閃光技巧,可以讓照片更自然、有立體感。下面我幫你分成幾個層次來整理:

📸 一、基本觀念:閃光不是「照亮」,是「補光」

  • 閃光燈的主要功能是補足主體光線,讓主體不至於過暗。

  • 不應該讓閃光主導整個畫面(那樣會顯得平、硬、假)。

  • 目標:閃光 + 環境光平衡

🌤 二、常見情境與技巧

1️⃣ 室內拍攝(例如人像)

  • Bounce Flash(跳燈):把閃光打到天花板或牆面反射,光線會柔和許多。

    • 使用角度:45°~60°朝上或側打牆面。

    • 加個白卡小擴散罩效果更自然。

  • 若空間太高或太遠,跳燈反而會讓光變弱,可改用小型柔光罩。

2️⃣ 戶外白天補光(Fill Flash)

  • 即使白天也可以用閃光!

    • 背光或陰影下拍人像時,用閃光「補」回臉部陰影。

    • 建議使用 閃光補償(Flash Exposure Compensation) -0.3 到 -1EV,讓閃光不搶戲。

3️⃣ 夜拍人像

  • 調低快門速度(例如 1/30s),讓背景亮度保留,再用閃光補亮人。

    • 可啟用「慢速同步(Slow Sync)」或「後簾同步(Rear Curtain Sync)」模式。

    • 後簾同步能保留背景軌跡(如車燈)又讓主體清晰。

💡 三、閃光與曝光設定的關係

參數 影響項目 說明 光圈 影響閃光亮度 光圈越大(f 值越小),閃光效果越明顯 快門 影響環境光亮度 閃光時間極短,快門只控制背景亮度 ISO 同時影響兩者 提高 ISO 讓閃光與背景都亮一些

👉 實用口訣:

想讓背景亮 → 降快門速度
想讓人亮 → 開大光圈或調強閃光

🔦 四、進階應用技巧

  • 離機閃光(Off-Camera Flash):使用觸發器或同步線,把閃光燈放在相機外側,製造側光或逆光效果。

  • 多閃燈配置:主光、輔光、背光分層營造立體感。

  • 色片濾光(Gel Filter):讓閃光與環境光色溫一致,例如室內黃光可加 CTO 橙色濾片。

⚙️ 五、實戰練習建議

  1. 在家練習跳燈與不同角度反射效果。

  2. 嘗試在傍晚時補光拍人,學習閃光與自然光平衡。

  3. 拍同一主題,分別用直打、跳燈、離機閃,觀察光影差異。


11/17 曾約翰老師 AE

3ds Max 的功能非常強大且廣泛,要「快速學會」通常意味著您需要聚焦於一個特定的應用方向,並採用高效、實戰為導向的學習方法。

以下是針對想快速學會 3ds Max 的學習技巧和步驟:

快速學習路線圖 (以室內設計/建築可視化為例)

階段 學習重點 建議花費時間 (依個人投入)
階段 1:基礎操作與介面 1. 軟體介面: 熟悉視埠操作、指令面板、主工具列。 1 - 2 天
2. 基本操作: 熟練移動 (W)、旋轉 (E)、縮放 (R) 的使用,掌握選擇、複製
3. 熟悉快捷鍵: 立即開始使用常用快捷鍵,如 Ctrl+Z (撤銷)、F3/F4 (線框模式切換) 等。
階段 2:核心建模技術 1. 基礎形體與 2D 線: 學習使用基本體 (Box, Sphere...) 和 2D 線 (Line, Rectangle) 創建簡單形狀。 3 - 5 天
2. 編輯多邊形 (Edit Poly): 這是 Max 的靈魂。學會擠出 (Extrude)、倒角 (Chamfer)、橋接 (Bridge)、切分 (Cut/Slice) 等核心操作。
3. 輔助工具: 學習陣列 (Array)、鏡像 (Mirror)、對齊 (Align)。
階段 3:材質與貼圖 1. 材質編輯器: 了解材質球介面,學會賦予模型顏色。 3 - 5 天
2. 貼圖與 UV: 學習使用 UVW Map 指令來正確貼附紋理 (如木紋、磁磚)。
3. 應用主流材質: 學習使用 V-Ray 或 Corona 等渲染器的基礎材質球 (反射、漫射、凹凸/法線貼圖)。
階段 4:燈光與渲染 1. 基礎燈光: 學習太陽光 (Sun)、天空光 (Sky)室內燈光 (如 V-Ray Light/Corona Light) 的設置。 3 - 5 天
2. 基礎渲染設置: 學習設定輸出尺寸、降噪 (Denoise)基本參數
3. 實戰出圖: 完整跑完一個簡單場景的建模、材質、燈光到出圖流程。

高效率學習的 5 個核心技巧

  1. 實戰優先,跳過冷門功能:

    • 不要試圖一次性學會所有功能。一開始只專注於你目標領域(例如:室內設計)最核心的 20% 工具(Edit Poly、UVW Map、燈光/渲染設定)。

    • 盡快開始做一個完整的、簡單的案例,從零開始到最終渲染出圖。

  2. 立即使用快捷鍵:

    • 效率取決於你操作的速度。一開始就強迫自己使用 W/E/R (移動/旋轉/縮放)、Z (選取物體居中)、T/F/L/P (視埠切換)、M (材質編輯器) 等,能極大提升效率。

  3. 專注於一個渲染器:

    • 3ds Max 本身只是一個建模和動畫平台。要出圖,您需要一個渲染器 (如 V-Ray、Corona)。請選擇一個,並專心學習它的燈光、材質和渲染參數,不要同時學習多個。

  4. 善用腳本和外掛:

    • 3ds Max 有豐富的第三方資源。例如,用於擺放家具或優化工作流程的腳本或外掛。在熟悉基礎後,可以嘗試使用一些常用的插件來提高效率。

  5. 有條理地管理場景:

    • 養成使用圖層管理器 (Layer Manager) 的習慣,將牆體、家具、燈光等分門別類。這能讓你的場景保持整潔,方便後續修改,是提高效率的關鍵習慣。

總之,快速學會 3ds Max 的秘訣是:設定明確的目標 $\rightarrow$ 專注於核心工具 $\rightarrow$ 大量實戰練習 $\rightarrow$ 熟練使用快捷鍵。

學習 3ds Max 的技巧,建議您可以從以下幾個方面著手:

一、 建立正確的學習觀念與基礎

  1. 理解形體概念 (建模思路):

    • 在開始建模前,先在腦海中構思物體的形狀、結構和比例

    • 學習分塊建模:從整體外形開始,再逐步細化,分解成不同部分建立,這是一個常見且有效的工作流程。

  2. 掌握正確的工作流程:

    • 學習專業人士推薦的正確的工作流程和工具使用方法,而非只追求快速出結果的「野路子」教學。

    • 從簡單的物體開始:例如,嘗試建模一個簡單的人形或物件,可以幫助你熟悉介面和基本工具。

  3. 基礎操作與介面熟悉:

    • 熟悉 2D 線型操作、基礎材質、打光、算圖等基礎能力

二、 實用技巧與練習

  1. 多邊形編輯 (Edit Poly):

    • 這是 3ds Max 中非常重要的建模技術,需要花時間去理解和練習。

    • 學習如何編輯、套用、混合材質和貼圖。

  2. 善用輔助工具:

    • 參照線與預覽: 建模前先用參照線構圖,建模時隨時使用視圖預覽模式,掌握模型的實際大小和形態。

    • 優化模型: 學習如何減面合併小元件,確保模型在視覺效果和運行穩定性方面表現良好。

  3. 室內設計/建築設計相關技巧 (依需求):

    • 學習如 Array (陣列) 等功能來快速排列瓷磚、木地板等,加速工作流程。

    • 掌握建築材質的應用和參數調整 (如屋頂瓦片材質)。

三、 學習資源與社群交流

  1. 嚴選教學資源:

    • 雖然 YouTube 上有很多教學,但有些教學可能傳授不好的習慣。建議尋找專業或系統化的課程(無論是付費或免費)。

    • 如果可以,選擇有完整案例實作的課程,能讓你更有成就感並驗證所學。

  2. 社群交流:

    • 加入相關的 3ds Max 愛好者、專業人士或學習者的社群/論壇(如 Reddit 上的 3dsmax 板或其他中文論壇)。

    • 在社群中可以尋求幫助、展示作品、分享和討論技巧。

總結:

學習 3ds Max 是一個循序漸進的過程,從基礎觀念、正確工作流程開始,透過大量的練習,並配合優質的教學和社群交流,將能更有效率地掌握這項技能。祝您學習順利!


Clipping Planes(裁切平面)」是 3ds Max 裡一個非常實用的觀察工具,主要用來局部顯示模型做剖面視覺效果。它不會破壞模型,只是暫時隱藏超出平面外的部分

下面我會分成兩種用途來說明:

🧱 一、在「攝影機(Camera)」中使用 Clipping Planes

這是最常見的用法,用於控制相機「能看到的深度範圍」。

✅ 設定步驟:

  1. 建立攝影機

    • 在上方選單 Create → Cameras → Physical Camera 或 Standard Camera。

    • 放好你的 Camera 位置與方向。

  2. 切換到攝影機視角

    • 按下鍵盤 C(Camera View)。

  3. 打開 Clipping Planes 功能

    • 選取你的攝影機。

    • Modify(修改面板) → Clipping Planes 區段

    • 勾選:

      • Enable(啟用)

      • Show(顯示)

    • 會出現兩個可調的滑桿:

      • Near Clip Plane:靠近鏡頭的裁切面

      • Far Clip Plane:遠離鏡頭的裁切面

  4. 調整距離

    • 拖曳這兩個滑桿,或直接輸入數值。

    • Near Clip 越大 → 越近的物體被裁掉(像「剖面」)

    • Far Clip 越小 → 遠處的物體被裁掉(只顯示前景)

🧩 小技巧:

  • 若要製作建築室內「剖透視圖」,可把 Near Clip 設成略大於牆厚,就能看到室內配置。

  • 可與 Safe Frame (Shift+F) 一起開啟預覽真實構圖範圍。

🧠 二、在「透視視圖(Perspective)」中臨時裁切

這個方式不用相機,也可以直接看模型內部。

✅ 操作方式:

  1. 切換到 Perspective(透視視圖)

  2. Alt + C 開啟「Clipping Planes 控制模式」。

    • 視窗右上會出現一條「Clipping bar」。

  3. 拖曳滑桿調整近、遠平面:

    • 左滑桿:Near Clip

    • 右滑桿:Far Clip

  4. 可即時觀察視圖被裁掉的範圍。

🧩 小技巧:

  • 如果沒有看到效果,請確認「Viewport Clipping」圖示(視窗右下角)有開啟。

  • 這方法只影響檢視,不影響渲染

🎬 三、若想在「渲染結果」中出現剖切效果(非只是預覽)

Clipping Planes 本身只對視圖可見,不會真正切開模型。若想在渲染中看到剖面:

方法 A:使用 Slice Modifier

  1. 選取模型

  2. Modifier List → Slice

  3. 勾選 Remove Top / Remove Bottom 來控制裁切方向

  4. 可搭配 Cap Holes Modifier 封住剖面
    👉 這樣渲染時就真的只顯示被切的一半了。

方法 B:使用 Boolean(布林運算)

  • 若要更複雜剖面,可用一個 Box 做「Subtract」布林相減。

💡 延伸應用

用途 工具 說明 建築室內剖視 Camera Clipping 不破壞模型、控制可見範圍 動畫剖切 Slice Modifier + 動畫關鍵影格 做剖面移動動畫 教學展示 Viewport Clipping 方便暫時檢查內部結構

3ds Max (通常簡稱 3ds Max 或 Max) 和 Cinema 4D (簡稱 C4D) 都是業界領先的 3D 軟體,但在定位、優勢和應用領域上有顯著的差異。選擇哪一個取決於您的主要用途學習習慣

以下是它們的詳細比較:

特點 3ds Max (Autodesk) Cinema 4D (Maxon)
主要優勢領域 建築/室內/工業設計可視化、遊戲開發、大型影視特效。 動態圖形 (Motion Graphics)、廣播電視包裝、廣告、角色動畫、易用性。
學習曲線 (入門難度) 較陡峭。功能強大但介面相對複雜,需要較多技術基礎。 較平緩。介面直觀,對初學者更友好,上手速度快。
建模能力 非常強大,尤其在多邊形建模CAD 數據處理方面有深厚積累。 優秀,擁有許多高效的建模工具,但可能在極複雜的建築細節上不如 Max。
動畫能力 擅長於特效動畫、遊戲開發所需的骨骼綁定和複雜的物理模擬。 在角色動畫動態形態改變和其專屬的 MoGraph (動態圖形) 模組方面表現出色。
渲染器 通常使用外掛渲染器為主,如 V-Ray、Corona,內建 Arnold 渲染器。 內建標準/物理渲染器,並與 Octane、Arnold、Redshift 等第三方渲染器高度相容。
作業系統 僅限 WindowsWindows、macOS 皆可運行。
軟體整合 與 Autodesk 生態系(如 AutoCAD, Revit)和遊戲引擎(Unity, Unreal)整合性高。 與 Adobe After Effects (AE) 有極高效的動態連結整合,是動態圖形製作的首選。
指令碼語言 使用內建的 MAXScript,較為專有。 支援 Python、JavaScript、COFFEE 等主流語言,開放性高。

總結與建議

  1. 如果您主要從事:

    • 建築表現、室內設計、景觀設計 (ArchViz)。

    • 大型遊戲場景和資產建模。

    • 需要與 CAD/BIM 軟體 (如 AutoCAD/Revit) 深度協作。

    • 建議選擇 3ds Max。 它在建模精確度、可視化流程和外掛生態方面有絕對優勢。

  2. 如果您主要從事:

    • 電視廣告、頻道包裝、網路宣傳片、UI/UX 動畫等動態圖形 (MoGraph)。

    • 希望快速入門,並與 Adobe After Effects 緊密配合工作。

    • 偏好在 macOS 系統上工作。

    • 建議選擇 Cinema 4D。 它的 MoGraph 模組和直覺的介面使其在廣告和廣播領域非常高效。

結論:

兩者都是專業級的 3D 創作工具。 在許多大型專案中,專業人士通常會根據專案需求同時使用這兩套軟體,發揮它們各自的優勢。


3ds Max 中放入 AVI 影片檔 有幾種常見用途:

  • 🎥 當作 材質貼圖(Texture Animation)(讓模型表面播放影片)

  • 🌄 當作 背景影片(Background Animation)(建模或相機參考)

  • 🔁 當作 環境貼圖(Environment Map)(投影環景影片)

下面分三種方式詳細教你操作 👇

🎨 一、將 AVI 當作「貼圖」(讓物體表面播放影片)

🔹用途:

讓一個平面或螢幕物件顯示播放中的影片(例如電視牆、手機畫面、投影幕)。

🔹步驟:

  1. 在場景中建立一個 Plane

  2. 開啟 Material Editor(快捷鍵 M)。

  3. 選擇一個材質球,在「Diffuse」欄右邊點小方塊 → 選 Bitmap

  4. 在檔案選擇視窗中,選取你的 AVI 檔

    • 若出現「Sequence Control」對話框,直接按 OK

  5. 將這個材質球 拖曳到平面上

  6. 按下「Show Shaded Material in Viewport」圖示(棋盤格樣)來顯示。

🔹播放控制:

  • 在時間軸移動時,AVI 貼圖會依時間軸同步播放。

  • 可在 Material Editor > Coordinates rollout > Time rollout 裡控制起始幀與播放速度。

⚠️ 注意:AVI 檔若太大或編碼格式不支援,可能無法正確顯示,建議轉成較通用的格式(例如 uncompressed AVI 或 MJPEG)。

🌄 二、在 Viewport 當「背景影片」

🔹用途:

當你要對齊動畫或建模參考影片,例如 rotoscoping(描影)或相機追蹤。

🔹步驟:

  1. 在視窗中按下 Alt + B 或選單:
    Views → Viewport Background → Background...

  2. 在跳出的「Viewport Background」視窗中:

    • 勾選 Use Files

    • 點「Files...」 → 選取你的 AVI 影片

    • 勾選:

      • 「Match Bitmap」

      • 「Display Background」

      • 「Animate Background」✅(讓影片隨時間軸播放)

  3. OK,再按播放鍵(▶),影片會在 Viewport 中動起來。

☀️ 三、作為「環境貼圖」(Environment Map)

🔹用途:

讓整個場景背景播放一段環景影片(例如天空、移動背景等)。

🔹步驟:

  1. 按快捷鍵 8 打開「Environment and Effects」視窗。

  2. 在「Environment Map」欄位中點「None」→ 選 Bitmap

  3. 選取你的 AVI 檔

  4. 確定影片設定正確(可在 Bitmap Parameters 內設定播放幀數)。

  5. 渲染時背景就會跟著影片動。

💡補充技巧:

  • 若 AVI 不播放,可嘗試轉換為 Image Sequence(連續圖片)(例如 PNG 或 TGA 序列),再匯入使用,更穩定。

  • Render Setup > Time Output 中,確保「Active Time Segment」與影片幀數對應。

  • 若要輸出與背景影片合成,可使用「Environment Background」或後期合成(After Effects、DaVinci)。



11/16 陳裕旻老師

https://www.youtube.com/watch?v=DxrgCsrKmJE&t=1902s

https://www.youtube.com/watch?v=kIO3WBMUUdY&t=345s

用型狀畫出你要的圖再用路徑管理員來合併即可完成最終的圖 

沒錯 👍,你說的這句話其實就是 Adobe Illustrator(AI) 中非常核心的「形狀布林運算(Pathfinder / 路徑管理員)」技巧。
讓我幫你整理成一個更完整、實用的說明,方便你在教學或製作時運用 👇

🎯 觀念重點:

在 Illustrator 裡,路徑管理員(Pathfinder) 是用來「把多個形狀合併、相減、交集」的工具。
也就是你先畫出幾個幾何形狀,再用路徑管理員做出你要的最終造型。

🧩 常見操作步驟:

1️⃣ 建立基本形狀

用工具列中的:

  • 矩形工具 (M)

  • 橢圓工具 (L)

  • 多邊形工具 (Polygon Tool)

  • 星形工具 (Star Tool)
    鋼筆工具 (P) 畫出基本圖形。

2️⃣ 對齊與重疊

使用「對齊面板」讓形狀準確重疊(例如想挖洞、想切交集)。

3️⃣ 開啟路徑管理員

上方選單:視窗 (Window) → 路徑管理員 (Pathfinder)

4️⃣ 使用路徑管理員的主要功能

在路徑管理員中有幾個常用的功能(以圖示列出):

功能 說明 效果範例 合併 (Unite) 將多個圖形合成一個 兩個圓合成一個雲形 相減 (Minus Front) 前面形狀挖掉後面形狀 做出鏤空的效果 交集 (Intersect) 只保留重疊區域 製作對稱重疊圖案 排除 (Exclude) 保留不重疊部分 製作鏤空花紋

5️⃣ 擴展 (Expand) 成為完整路徑

合併完成後,建議選取結果 → 上方選單 物件 → 擴展 (Expand),讓結果成為獨立的可編輯路徑。

💡 應用舉例:

  • Logo 設計:先用幾何圖形組出大致形狀,再用相減與合併精修。

  • 圖示設計:圓形+矩形製作相機、信封、齒輪等。

  • 字型設計:先將文字「建立外框 (Shift + Ctrl/Cmd + O)」,再搭配其他形狀用路徑管理員修改字形。

如果你想,我可以幫你示範:

  • 🌀「利用路徑管理員畫出一個相機圖示」

  • 💬「用路徑管理員設計出一個文字 LOGO(如傑西影音工作室)」

封套扭曲(Envelope Distort)」是 Adobe Illustrator(AI) 中一個非常強大的功能,用來讓文字或圖形依照另一個形狀變形
這在做 LOGO、標誌、包裝設計、甚至廣告視覺時都非常實用。

🎯 一、基本概念

「封套扭曲」的意思是:用一個形狀(封套)去包住另一個物件(文字、圖形),
然後讓裡面的內容依照外部形狀的彎曲或輪廓進行變形。

換句話說,就是把文字或圖形"套進"某個形狀裡面

🧩 二、封套扭曲的三種主要方式

✅ 方法一:以變形製作封套

功能路徑:
上方選單 → 物件 (Object) → 封套扭曲 (Envelope Distort) → 以變形製作 (Make with Warp)

📌 常見選項:

  • 弧形 (Arc)

  • 魚眼 (Bulge)

  • 旗幟 (Flag)

  • 波浪 (Wave)

  • 圓弧下彎 (Arc Lower)

  • 拋物線 (Shell Upper / Lower)
    可透過「彎曲程度」與「水平/垂直」選項調整效果。

👉 適合:
快速做出文字彎曲、波浪形、笑臉弧度等效果。

✅ 方法二:以上方物件製作封套

功能路徑:
物件 → 封套扭曲 → 以上方物件製作 (Make with Top Object)

📌 使用方式:

  1. 先畫出一個封套形狀(例如圓形、星形或不規則多邊形)。

  2. 將要變形的文字或圖案放在這形狀下方。

  3. 同時選取兩者(封套形狀在最上面)。

  4. 執行上述指令。

💡 結果:
底下的文字或圖會被壓縮或拉伸成上方形狀的外觀。

👉 適合:
做「文字包在氣球裡」、「文字變成立體瓶子形」等效果。

✅ 方法三:以網格製作封套

功能路徑:
物件 → 封套扭曲 → 以網格製作 (Make with Mesh)

📌 使用方式:

  1. 選取物件後,輸入網格列數與欄數(例如 4×4)。

  2. 使用「直接選取工具 (A)」拖拉網格控制點,即可自由拉扯變形。

💡 結果:
可讓物件「局部扭曲」、「拉長」或「彎折」,像布料一樣柔軟。

👉 適合:
製作旗幟飄動、布料皺摺、包裝袋變形等真實感效果。



10/15 林金露老師

https://fontawesome.com/

Mobirise 是一個離線的網站建構工具(即軟體),它本身不提供網站空間(主機託管服務)

您在 Mobirise 中建立網站後,需要自己:

  1. 發佈到本機電腦: 將網站檔案儲存在您的電腦上。

  2. 發佈到自己的主機:

    • 透過 **FTP(檔案傳輸協定)**將網站檔案上傳到您已購買的網站空間(主機/伺服器)。

    • 發佈到像 GitHub Pages 這類提供靜態網站託管的服務。

簡單來說,Mobirise 負責設計和生成網站檔案,而網站空間則需要您自行購買或使用其他服務來託管您生成的檔案,以便網際網路上的使用者可以存取您的網站。


10/15 賀聖倫老師

很好的一個 C4D 動畫練習題 🎥🎞️
Cinema 4D(C4D) 中讓「靜止的懷錶打開並開始轉動」,可以分為兩個部分完成:

🧭 一、動畫概念拆解

階段 動作 對應技術 ① 初始狀態 懷錶靜止、錶蓋關閉 模型靜態 ② 錶蓋打開 錶蓋沿鉸鏈旋轉開啟 關節旋轉動畫 ③ 指針開始轉動 時針、分針、秒針開始旋轉 旋轉動畫(可循環) ④ 若想加強效果 錶面反光、齒輪運轉、相機緩入 材質 + 關聯動畫

⚙️ 二、具體製作步驟(C4D 操作)

🎬 Step 1:準備模型

  1. 將懷錶匯入(或自己建模)。

  2. 確保模型包含:

    • 錶殼 (Body)

    • 錶蓋 (Cover)

    • 錶面 (Dial)

    • 指針 (Hour hand / Minute hand / Second hand)

    • (可選)內部齒輪 (Gears)

🎯 Step 2:設定錶蓋旋轉軸

  1. 選取「錶蓋」物件。

  2. 按下 L 鍵(切換軸心模式)

  3. 將軸心點移到鉸鏈位置。

  4. 再按 L 回原狀,退出軸心模式。

👉 這樣錶蓋旋轉時才會「從鉸鏈打開」,而不是整個物件亂轉。

🎞️ Step 3:製作開蓋動畫

  1. 到時間軸第 0 幀,設定錶蓋旋轉角度 = 0°(關閉狀態)。

  2. 錄製關鍵影格 (Record Keyframe)

  3. 移到第 30 幀(或依你想要的速度)。

  4. 將錶蓋旋轉開啟,例如旋轉 Z 軸 = 120°。

  5. 再錄一次關鍵影格。

✅ 按下播放,就能看到錶蓋打開的動畫。

⏰ Step 4:指針旋轉動畫

每個指針都各自設定旋轉動畫:

秒針:

  1. 選取秒針物件 → 移軸心至中心點。

  2. 第 30 幀開始(等錶蓋打開後)。

  3. 設定旋轉 Z 軸角度從 0° 到 360°。

  4. 使用 時間線右鍵 → After → Continue 讓它循環旋轉。

分針與時針:

可用較慢速度(分針旋轉 6°/秒針圈,時針 0.5°/秒針圈)。
或用 表達式(Xpresso) 自動關聯旋轉比例。

🌟 Step 5:(進階可選)

  • 使用 XpressoPython Tag 讓指針依時間自動轉動。

  • 加上 相機動畫(例如推進或環繞)營造戲劇效果。

  • 材質加上 反光 + 金屬 Roughness,錶面加玻璃透明反射。

  • 若想讓齒輪轉動,可用 Constraint TagXpresso 設定齒輪關聯。

🎨 三、動畫時間建議

動作 幀數 備註 開蓋 0–30 1 秒內開啟 暫停一下 30–40 加緩衝感 指針開始轉動 40 以後 可循環播放

💡 小技巧

  • 若錶蓋打開太「硬」,可在時間軸中加 F曲線 (F-Curve),讓開蓋有「Ease In / Ease Out」效果。

  • 想快速讓指針旋轉,可在 坐標屬性右鍵 → Animation → Repeat


cloud 中寫程式」——意思是「在雲端寫程式」,也就是不用安裝本機開發環境,直接用網頁瀏覽器就能寫、執行、測試程式。這是現在很流行、也很方便的方式。

☁️ 一、什麼是「雲端寫程式」?

簡單來說,就是:

程式碼、編譯器、執行環境都放在雲端伺服器上,
你用瀏覽器連線登入即可開始開發。

例如你打開 Chrome、Edge、Safari,在網址列輸入平台網址 → 登入帳號 → 新建程式 → 寫完按「Run」,程式就會在雲端執行。

🧰 二、常見雲端開發平台(Cloud IDE)

以下是幾個主流的「線上寫程式平台」:

平台名稱 特點 適合語言 Replit(replit.com) 免費、可即時執行程式、多人協作 Python, JavaScript, C++, HTML/CSS/JS 等 GitHub Codespaces 跟 GitHub 倉庫整合、完整 VS Code 介面 幾乎所有語言 Google Colab 免費 GPU、適合 AI/資料分析 Python(尤其是 AI/ML) Glitch 實時預覽網站、適合前端 Web HTML/CSS/JS, Node.js AWS Cloud9 Amazon 雲端服務整合、專業用 Python, Node.js, PHP, Go 等 StackBlitz Web 專用 IDE、超快啟動 HTML/CSS/JS, React, Angular 等 CodeSandbox 前端開發熱門選擇 React, Vue, Svelte, Node.js

💡 三、優點

✅ 不需安裝軟體
✅ 任何電腦都能用(只要有網路與瀏覽器)
✅ 自動備份與版本控制
✅ 可即時分享、教學或協作
✅ 有些平台內建伺服器,可即時預覽網站效果

⚠️ 四、注意事項

  • 免費帳號通常有資源限制(如 CPU、RAM、儲存空間)。

  • 若寫較大型專案,建議使用 GitHub + Codespaces 或 AWS Cloud9。

  • 網路不穩時,雲端 IDE 會略有延遲。

🎯 五、舉例:在雲端寫 Python

Replit 為例:

  1. 打開 https://replit.com

  2. 建立帳號(可用 Google 登入)

  3. 點「Create → Python」

  4. 在左邊寫程式:

    print("Hello, world!")
  5. 點「Run」,右邊就會看到執行結果。

Runway,如果是指現在非常熱門的那個「Runway ML」平台,那它其實不是用來「寫程式」的傳統 IDE,而是一個 雲端 AI 創作平台,主要用來做 影像、影片、AI 特效與生成影片。我幫你整理一下重點 👇

🎬 一、Runway 是什麼?

Runway ML(Runway) 是一個雲端多媒體創作平台,
讓使用者不需要寫程式,也能利用 AI 進行:

  • 影片生成(文字轉影片、圖片轉影片)

  • 背景移除(Green Screen without green screen)

  • 影片上色、修復、超解析度

  • 人像替換(Face Swap / Lip Sync)

  • 以及多種 AI 特效

👉 網址:https://runwayml.com

🧠 二、它的技術背景

Runway 原本是給 AI 研究者與影像創作者 用的雲端 ML 平台,
但現在的版本(特別是 Gen-2 / Gen-3 Alpha 模型)主要聚焦於 AI 影片生成

例如你輸入:

"A cinematic close-up of a pocket watch opening and starting to spin, soft lighting, 4K"

它就能直接生成一段懷錶打開並轉動的影片 🎞️
不需要自己建模、綁骨、或在 C4D 裡製作動畫。

🎨 三、Runway 能做什麼?

功能 說明 Text to Video (Gen-2 / Gen-3 Alpha) 文字生成影片 Image to Video 上傳圖片讓它動起來 Remove Background 自動去背 Inpainting / Outpainting 修補或延展影像內容 Motion Brush 指定區域加上動態(例如風吹、眼睛眨動) Lip Sync 讓人物口型與語音對上 Color Grade / Stylize AI 自動風格化或調色

💻 四、是否能寫程式?

嚴格來說:

  • Runway 現在主要是無程式化操作(圖形介面操作)。

  • 早期版本(Runway ML Classic)支援 Python / Node.js 與 ML 模型串接。

  • 若你是開發者,可以透過 Runway SDK 或 API 連結模型,嵌入自己的應用。

👉 所以「可以寫程式控制 Runway」,但一般用戶是透過操作介面使用。

⚙️ 五、使用方式簡述

  1. 前往 https://runwayml.com

  2. 註冊帳號(可用 Google 或 Apple 登入)

  3. 登入後在「Projects」中新建一個專案

  4. 選擇你要的模型(例如 Gen-3 Alpha

  5. 輸入文字提示(prompt),按 Generate

  6. 等待 AI 自動生成影片(可再微調 prompt 或上傳圖片參考)

💡 六、如果你想「結合程式開發」:

可以:

  • Python + Runway API 去自動化生成影片

  • 或在 C4D / Blender 中製作素材,再導入 Runway 做 AI 動畫後期處理

要不要我幫你整理一份
👉「Runway + C4D 工作流程」教學?
例如:

在 C4D 建模懷錶 → 匯出影格 → 上傳至 Runway → 讓 AI 自動生成打開轉動的影片。
這樣你可以直接用自己的作品,結合 AI 動畫生成。

10/14 陳棖輝老師

初階攝影燈光

達芬奇軟體」一般是指 DaVinci Resolve(達文西剪輯軟體)
這是一款由 Blackmagic Design(黑魔法設計公司) 所開發的專業級影音後製軟體
所以「black magic」在這裡不是「黑魔法」,而是公司的名稱。😉

🎬 DaVinci Resolve 主要功能如下:

  1. 剪輯 (Edit)

    • 提供類似 Premiere Pro 的時間軸編輯功能。

    • 有「Cut」模式可快速剪輯,也有「Edit」模式進行細修。

  2. 調色 (Color)

    • 這是 DaVinci 最強的部分,全世界許多電影都用它進行色彩校正。

    • 可精準控制曝光、色溫、對比、飽和度、曲線、遮罩等。

  3. 特效 (Fusion)

    • 內建節點式的特效合成工具,類似 After Effects。

    • 可做合成、追蹤、綠幕、3D 文字、粒子效果等。

  4. 音訊 (Fairlight)

    • 專業音訊混音系統,可處理聲音剪接、音效、混音與降噪。

  5. 輸出 (Deliver)

    • 匯出格式眾多,可針對 YouTube、Netflix、廣播等設定不同輸出參數。

💰 版本區別:

  • DaVinci Resolve(免費版):功能非常完整,一般創作者或剪片師夠用。

  • DaVinci Resolve Studio(付費版,約 NT$10,000):增加進階特效、AI 工具、4K/8K 支援等。

📦 開發公司:Blackmagic Design(黑魔法設計)
澳洲公司,產品線還包括:

  • 攝影機(Blackmagic Pocket Cinema Camera)

  • 影像擷取卡(DeckLink)

  • 即時導播系統(ATEM Mini)

多重包圍曝光(Exposure Bracketing)
攝影中非常重要的一種技術,常用於風景、建築或高反差場景。
下面幫你簡單、實用地整理重點 👇

🎯 一、什麼是多重包圍曝光?

「多重包圍曝光」(Exposure Bracketing),
意思是相機在**同一個構圖下拍攝多張不同曝光值(EV)**的照片。

例如:

  • 一張正常曝光(0EV)

  • 一張較亮(+1EV)

  • 一張較暗(–1EV)

這三張照片拍出來的亮度不同,
後製時可挑最合適的那一張,
或用軟體(如 Lightroom、Photoshop、DaVinci)
將它們合成成一張高動態範圍影像(HDR)。

🌄 二、為什麼要用多重包圍曝光?

因為感光元件的動態範圍有限,
同一張照片中既有強光又有暗影時,無法同時保留細節。

例如:

  • 拍風景:天空太亮、地面太暗

  • 拍建築:室內暗、窗外亮

  • 拍逆光人像:人臉黑、背景亮

→ 使用多重包圍曝光可讓你在後製時「合併」成 HDR,
保留亮部與暗部的細節。

⚙️ 三、相機設定方式(以 DSLR / 無反為例)

  1. 在功能表或快捷鍵中找到「BKT」或「Exposure Bracketing」。

  2. 設定張數(通常是 3 張或 5 張)。

  3. 設定每張間隔的曝光值(±0.3EV、±0.7EV、±1EV、±2EV)。

  4. 調到 連拍模式,一次按快門即可自動拍完一組包圍曝光照片。

🧠 四、後製應用

拍完之後可使用:

  • Lightroom / Photoshop → HDR Merge

  • DaVinci Resolve → HDR 合成或色彩分層

  • Photomatix / Aurora HDR(專業 HDR 軟體)

透過「HDR 合成」功能,軟體會自動融合不同亮度的照片,
產生亮暗細節都清楚的最終影像。

💡 五、小提示

  • 拍攝時最好使用 腳架,避免相機晃動導致合成錯位。

  • 若畫面中有移動物體(例如人或樹葉),合成時可能產生「重影」,
    可在軟體裡開啟「Ghost Reduction(去重影)」功能。

你問的 HDR(High Dynamic Range,高動態範圍)
是現代攝影與影像處理中非常重要的概念。
我幫你用清楚、實用的方式解釋 👇

🎯 一、什麼是 HDR?

HDR(高動態範圍)指的是讓影像能同時呈現:

  • 亮部不過曝

  • 暗部不死黑

  • 並且保留細節層次的技術。

📸 在一般照片或影片中,如果同時有強光與陰影,
相機的感光元件往往無法同時記錄亮與暗的細節。
HDR 技術就是為了解決這個問題。

🌅 二、HDR 的原理(以攝影為例)

拍攝時:

  • 拍幾張不同曝光的照片(例如 –2EV、0EV、+2EV)

  • 再用軟體「合成」成一張 HDR 影像

這樣一來:

  • 暗部使用曝光高的照片的細節

  • 亮部使用曝光低的照片的細節

  • 最後融合成亮暗兼顧的畫面

👉 這和你剛提到的「多重包圍曝光」是密切相關的技術。

📺 三、HDR 在影片(Video)中的應用

現代電視、手機與相機都支援 HDR Video
例如:

  • HDR10

  • HLG(Hybrid Log-Gamma)

  • Dolby Vision

這些格式可以讓影片呈現:

  • 更高亮度(亮白更真實)

  • 更深黑階(黑得更有層次)

  • 更廣的色域(顏色更鮮明)

⚙️ 四、在 DaVinci Resolve 中的 HDR 調色流程(簡介)

如果你用 DaVinci Resolve 處理 HDR 影片,可這樣設定:

  1. 進入「Color」頁面

  2. 開啟「Color Management」

  3. 在「Timeline Color Space」中選擇:

    • HDR10HLG(取決於你拍攝的格式)

  4. 使用「HDR Wheels」進行亮度區域分層調整

    • Shadows(暗部)

    • Midtones(中間)

    • Highlights(亮部)

  5. 匯出時選擇支援 HDR 的編碼格式(如 H.265 10-bit)

💡 五、HDR 的常見用途

  • 風景攝影:保留天空與地面細節

  • 室內建築:兼顧窗外與室內亮度

  • 電影調色:營造真實光影與戲劇感

  • 手機攝影:多數智慧型手機內建自動 HDR 功能

簡單講:

🔹「多重包圍曝光」是拍攝 HDR 的方法
🔹「HDR」是最終合成出亮暗細節豐富的結果



10/14 蕭行明老師 - ICT 資訊通訊科技 (台南鹽水人)

不可同日而語 (不可以跟日本人講話)

延長線可允許的電壓值最高為 1650W

非常好的一題 ⚡️— 這是電學中最常被誤解的問題之一。
答案是:

電死人的是「電流」,不是電壓」!
但電壓是「推動電流流動」的原因,所以兩者密不可分。
以下我幫你完整拆解👇

⚡ 一、電壓與電流的關係

根據歐姆定律:
[
I = \frac{V}{R}
]

  • I:電流(A, 安培)

  • V:電壓(V, 伏特)

  • R:人體電阻(Ω, 歐姆)

👉 電壓只是「推力」,真正流經身體造成傷害的是「電流」。

💀 二、致命的是「電流量」

人體對不同電流大小的反應(以 60Hz 交流電為例):

電流大小 (mA) 生理反應 1 mA 幾乎無感覺(微麻) 5 mA 有刺痛感,可自行脫離電源 10 mA 肌肉開始抽搐,難以脫離 30 mA 可能導致呼吸困難、心律不整(致命門檻) 50~100 mA 心室顫動、高死亡率 >200 mA 嚴重燒傷、心臟暫時停止(有時反而能救回)

💡 致命門檻約在 30mA 以上的交流電(AC)
70~100mA 的直流電(DC)

⚙️ 三、為什麼電壓也很重要?

雖然電壓本身不殺人
但它決定了是否能「推動足夠電流」穿過人體。

人體的電阻值不是固定的:

狀況 人體電阻 (Ω) 約值 乾燥皮膚 50,000~100,000 Ω 潮濕皮膚 1,000~2,000 Ω 皮膚破損或導電良好接觸 < 500 Ω

例如:
[
I = \frac{V}{R}
]

  • 若接觸 220V 家用電,皮膚潮濕時:
    [
    I = \frac{220}{2000} = 0.11A = 110mA → 致命!
    ]

  • 若乾燥狀態:
    [
    I = \frac{220}{100000} = 2.2mA → 可感但不致命
    ]

所以:

⚠️ 高電壓比較危險,因為它更容易突破人體電阻讓電流流過。

💓 四、傷害的關鍵是:

  1. 電流大小(mA)

  2. 通過人體的路徑(例如心臟)

  3. 持續時間(ms)

  4. 交流/直流類型(AC 更危險)

⚰️ 五、總結一句話

電流殺人,電壓造就電流。

電壓越高、皮膚越濕、接觸面積越大 → 電流越多 → 危險越高。

把「會改變震盪頻率的元件」列出來,並針對常見振盪器給出對應頻率公式範例計算,並說明實務上的注意事項。直接用公式和實例幫你看得清楚、能量化。

1) 常見會改變或決定震盪頻率的元件 / 元件組合

  • 電容(C):固定電容、可變電容(trimmer)、陣列切換電容(switched capacitor)。

  • 電阻(R):RC 類振盪器或決定充放電速率的元件(在 relaxation / 555 等)。

  • 電感(L):LC 共振回路的 L。

  • 壓控電容(varactor / varicap):電壓改變其等效 C,用於 VCO。

  • 石英晶體(crystal)與 SAW 元件:高 Q、固定頻率(可以少量拉伸/壓力或溫度斜率微調)。

  • 半導體元件/拓撲:環形振盪器(ring oscillator)中邏輯閘延遲、VCO 中主動元件特性、PLL 的分頻/乘頻設定等。

  • 機械/微機電(MEMS)諧振器:微型機械共振頻率由結構決定,可製程微調。

2) 常見振盪器類型 與 頻率公式(重要公式都給出)

我把每種常見類型都列出公式、推導要點與實例數值(有算好的數字)——方便直接帶入設計。

A. RC 類 — Wien 橋振盪器(Wien bridge)

  • 公式(理想情形):
    [
    f = \frac{1}{2\pi RC}
    ]

  • 用途:音頻與低頻精確振盪。

  • 範例:R = 1 kΩ,C = 100 nF →
    ( f = \dfrac{1}{2\pi \cdot 1\times10^3 \cdot 100\times10^{-9}} \approx 1591.55\ \text{Hz} )。

B. RC 類 — 相移振盪器(Phase-shift, 用三個 RC)

  • 常用近似公式:
    [
    f \approx \frac{1}{2\pi R C \sqrt{6}}
    ]

  • 範例:R = 10 kΩ,C = 10 nF →
    ( f \approx \dfrac{1}{2\pi\cdot10^4\cdot10\times10^{-9}\sqrt{6}} \approx 649.75\ \text{Hz} )。

C. LC 類 — 基本 LC 谐振(tank circuit)

  • 公式(理想無損):
    [
    f = \frac{1}{2\pi\sqrt{LC}}
    ]

  • 用途:無線射頻、VCO、收發器。

  • 範例:L = 10 μH,C = 100 pF →
    ( f = \dfrac{1}{2\pi\sqrt{10\times10^{-6}\cdot100\times10^{-12}}} \approx 5.0329\ \text{MHz} )。

D. Colpitts 振盪器(常見 LC 諧振+分壓反饋)

  • 等效電容(兩個電容 C1、C2 串聯並與 L 串聯):
    [
    C_\text{eq} = \frac{C_1 C_2}{C_1 + C_2}
    ]

  • 頻率:
    [
    f = \frac{1}{2\pi\sqrt{L,C_\text{eq}}}
    ]

  • 說明:改變 C1 或 C2(或 L)會改變 f;若用 varactor 作為其中一顆電容,就可做 VCO。

E. Hartley 振盪器

  • 與 Colpitts 類似,但反饋用兩段電感(或分抽頭的電感);頻率仍由 L_eq 與 C 決定,
    [
    f = \frac{1}{2\pi\sqrt{L_\text{eq} C}}
    ]
    其中 (L_\text{eq}) 是等效電感(串並關係依拓撲)。

F. 晶體(Quartz)振盪器

  • 晶體等效電路包含 (L_1, C_1, R_1)(Series branch)和並聯的 (C_0)。

  • 系列共振頻率(近似):
    [
    f_s \approx \frac{1}{2\pi\sqrt{L_1 C_1}}
    ]

  • 晶體頻率非常穩定(高 Q),但實務上頻率會受負載電容 (C_L) 小幅偏移(公式較複雜,常用 datasheet 提供的拉頻/負載修正值)。

G. 555 定時 / 放電式振盪(Astable)

  • 555 astable 周期: (T = 0.693,(R_A + 2R_B),C),因此:
    [
    f = \frac{1}{0.693,(R_A + 2R_B),C}
    ]

  • 範例:(R_A=10\text{k}\Omega,\ R_B=10\text{k}\Omega,\ C=100\text{nF}) →
    ( f \approx \dfrac{1}{0.693(10k+20k)\cdot100\text{nF}} \approx 481.00\ \text{Hz} )。

H. 環形振盪器(Ring oscillator)

  • 由 N 個反相器組成,近似頻率:
    [
    f \approx \frac{1}{2N t_p}
    ]
    其中 (t_p) 是每級傳播延遲。增加級數或每級延遲會降低頻率。

I. VCO(壓控振盪器,varactor)

  • VCO 常見實作:LC tank,其中 C 被 varactor 取代:
    [
    f(V) = \frac{1}{2\pi\sqrt{L,C(V)}}
    ]
    其中 (C(V)) 是隨偏壓變化的電容。設計時需查 varactor 的 C-V 曲線。

3) 調頻 / 調整頻率的常見方法(實務)

  • 改變電容值(手動換 C、使用 trimmer、切換電容陣列、或用 varactor 電壓)。

  • 改變電感值(可用磁芯移動、開關電感段)。

  • 改變電阻(RC/充放電時間常數)——用於低頻或定時器。

  • 用晶體 + 改變負載電容(微調)。

  • 改變邏輯閘延遲或溫度/供電(環形振盪器、某些 CMOS 振盪)。

  • 數位合成/PLL / DDS:用數位方式精確控制輸出頻率(適合現代無線與高穩定需求)。

4) 設計/實務注意(Q、穩定度、非理想)

  • Q 值(諧振回路的品質因子):L/C tank 和晶體的 Q 會決定頻率穩定性與相位雜訊。高 Q → 低相位噪聲、較穩定。

  • 寄生電容/電感:印刷電路板上的走線、封裝電容都會影響實際頻率;實際設計要加上寄生值。

  • 溫度係數(TC):C、L、晶體皆受溫度影響,晶體和溫控晶體振盪器(TCXO / OCXO)可改善。

  • 驅動與負載效應:負載電容或負載阻抗會使頻率偏移,必須在設計時考慮(datasheet 中常給出負載電容與頻率校正)。

  • 線性範圍(VCO):varactor 的 C-V 非線性,意味著頻率調幅度與控制電壓的關係不是線性的。


「變頻為什麼比較省電?」可以從 電機控制原理 來解釋, 👇"降低重新啟動"

⚙️ 一、什麼是「變頻」?

「變頻」的英文是 Inverter(變頻器)
它的功能是把家用的 固定頻率交流電(AC 60Hz)
轉換成 可變頻率、可變電壓的電流
控制馬達的轉速

也就是說:

變頻控制 ≒ 控制馬達轉速的技術。

⚡ 二、非變頻 vs. 變頻 的差別

項目 非變頻(定速) 變頻(可變速) 電源輸入 直接接 60Hz 電源 由變頻器調整頻率(20~120Hz 不等) 運轉方式 馬達全速運轉 → 停止 → 再全速運轉 根據需求調整轉速,穩定運作 啟動電流 高(啟動瞬間電流大) 低(軟啟動,保護壽命) 溫度控制 大幅震盪(時冷時熱) 平穩恆溫 電能利用率 浪費多 效率高、損失少

🔋 三、變頻為什麼比較省電?

✅ 原因 1:轉速依需求調整

馬達的耗電量與轉速(負載)立方成正比
也就是說轉速降一點,耗電就大幅下降!

👉 範例:
若壓縮機轉速只需 80%,
耗電量 ≈ (0.8)³ = 0.512 = 只用一半電力!

✅ 原因 2:避免頻繁啟停

非變頻機會一直:

啟動 → 運轉 → 停止 → 再啟動

每次啟動電流是運轉時的 3~6 倍,非常耗電。
變頻則能「穩定低速運轉」,幾乎不需要停機。

✅ 原因 3:恆溫運作更高效

在冷氣或冰箱中:

  • 非變頻:溫度波動大,壓縮機常開常關。

  • 變頻:溫度穩定在設定值附近,耗能曲線平滑。

結果就是:

同樣的舒適度,變頻用電更少。

✅ 原因 4:功率因數較高、損失較小

變頻器可修正電壓與電流相位差(功率因數改善),
讓電力利用率提高,線路損失減少

📈 四、實際節能效果

以家用冷氣為例:

型號 功率 每月電費(約) 節能率 傳統定頻冷氣 900W 約 NT$1,000 — 變頻冷氣 500~600W(依溫度變化) 約 NT$600 約省 30~40% 電費

🧠 五、延伸重點

  • 變頻技術應用:冷氣、冰箱、洗衣機、水泵、電梯、風機

  • 缺點:初期價格高、控制電路較複雜

  • 優點:省電、低噪音、壽命長、運作平順

ICT(Information and Communications Technology,資訊通訊科技)課程是一個涵蓋範圍非常廣泛的學科,旨在教授學生如何有效地獲取、處理、儲存、傳送和溝通資訊所需要的技術和知識。

ICT 課程的內容會根據教育階段(小學、中學、大學)和開設機構(學校、培訓中心、大學科系)的不同而有很大的差異。

以下是 ICT 課程常見涵蓋的幾個核心領域

一、 資訊素養與基本概念 (Information Literacy and Basic Concepts)

這部分著重於讓學生理解資訊科技的基礎,並培養批判性使用資訊的能力。

  • 電腦系統基礎:

    • 電腦硬件(CPU、記憶體、儲存裝置等)和軟件(作業系統、應用程式)。

    • 數據的表示與處理。

  • 資訊處理:

    • 有效地使用各種應用軟件,例如文書處理、電子試算表(如 Excel)、簡報製作(如 PowerPoint)。

    • 資料的搜尋、組織、分析和呈現。

  • 資訊及通訊科技對社會的影響:

    • 科技倫理、版權、資訊安全、隱私權和網絡行為規範。

    • 科技如何改變日常生活、工作和社會發展。

二、 網絡與互聯網應用 (Internet and Networking)

探討現代通訊技術和網路架構。

  • 互聯網基礎:

    • 互聯網的運作原理、協定(如 TCP/IP)。

    • 雲端運算和網路服務的概念。

  • 數據通訊與建網:

    • 區域網路(LAN)和廣域網路(WAN)的架構。

    • 網路安全的基本知識。

三、 計算思維與程式編寫 (Computational Thinking and Programming)

這是 ICT 課程中一個日益重要的部分,旨在培養學生的邏輯思維和解決問題的能力。

  • 計算思維:

    • 抽象化、演算法、模式識別和分解問題等概念。

  • 程式編寫:

    • 學習一種或多種編程語言(如 Python、Scratch 等)。

    • 基本程式結構、流程控制和函式的概念。

    • 簡單應用程式或網站的開發。

四、 選修與專業領域 (Electives and Specialized Areas)

在高階的 ICT 課程(如高中選修或大學科系)中,會加入更深入的專業主題:

  • 數據庫 (Database):

    • 數據庫管理系統(DBMS)、SQL 語言、數據庫設計。

  • 網站建構與多媒體製作:

    • HTML/CSS、網頁設計原則。

    • 影像、聲音、動畫等多媒體元素的製作與整合。

  • 人工智能與大數據:

    • 機器學習、數據分析的入門概念。

  • 軟件開發與演算法:

    • 更複雜的演算法設計、軟體工程流程。

  • 物聯網 (IoT):

    • 智慧感測、設備互連等。

課程的重點與趨勢

現代的 ICT 課程已不再只強調「學會使用電腦」,而是更注重:

  1. 資訊素養: 具備批判性地篩選和評估資訊的能力。

  2. 運算思維: 培養邏輯思考和用電腦方式解決複雜問題的能力。

  3. 跨學科應用: 鼓勵將 ICT 技能應用到數學、科學、藝術等不同學科中(例如使用地理信息系統、數據分析儀器等)。


10/13 陳國榮老師

咖啡影片繳交和檢討

https://www.youtube.com/@56RPG

17種常用轉場https://www.youtube.com/watch?v=KAWLicu-8q4

相似性轉場(Similarity Transition)」是一種影片或動畫中的視覺轉場效果,主要概念是:
👉 利用兩個畫面之間「相似的部分」作為銜接點,讓轉場更自然流暢

這在影片剪輯、Motion Graphic(動態圖形)和特效製作中非常常見,尤其在 AE(After Effects)、Premiere、DaVinci Resolve 等軟體裡都能做到。
以下是詳細說明 👇

🎬 一、什麼是「相似性轉場」

定義:

當兩個鏡頭之間具有「顏色、構圖、形狀、動作」等相似元素時,透過這些相似之處進行融合或對位轉換,讓切換幾乎察覺不到。

例如:

  • 一個鏡頭中的太陽 → 下一個鏡頭中的燈泡。

  • 一個人關門 → 下一個鏡頭中另一個人開門。

  • 水面波光 → 下一場景海浪延續。

這就是「相似性轉場」的概念。

🧠 二、核心原理

「相似性」可來自幾種要素:

類型 說明 範例 形狀相似 利用畫面中的形狀過渡 太陽變成月亮、球變成地球 色彩相似 兩個畫面色調接近時漸層轉場 黃昏接落日、紅牆轉紅花 動作相似 兩段畫面動作方向一致 揮手轉揮刀、推門轉推車 構圖相似 主體位置一致,轉場自然 主角居中、相同視角 材質相似 利用紋理連續性 沙塵變沙灘、水波變煙霧

🎨 三、常見應用方式

  1. Match Cut(對位剪接)

    • 在拍攝時就設計兩個畫面動作相似或形狀重疊,直接剪在一起。

    • 🎥 例:《2001 太空漫遊》裡骨頭丟上天空 → 轉成飛船。

  2. Morph Transition(形變轉場)

    • 利用 AE、Premiere 外掛(如 Boris FX、Morph Cut)自動分析畫面相似處,平滑融合。

  3. 光影/顏色銜接

    • 兩個畫面色調接近時,用亮度或顏色漸變讓過渡更柔順。

  4. 運鏡延續

    • 例如第一段鏡頭往右推,下一段也往右推,就能自然轉換。

💡 四、在軟體中的做法

🟣 在 After Effects

  • 可用 Mask + Feather 結合畫面相似區域。

  • 或用 Displacement Map / Luma Matte 依亮度或紋理做轉場。

  • 若要更自然的形變,可使用 Morphing 插件(RE:Flex Morph、Flow)

🔵 在 Premiere Pro

  • 可嘗試「Morph Cut」(自動偵測臉部相似度)。

  • 或用 Cross Dissolve 搭配畫面色調與動作匹配,人工對位。

⚫ 在 DaVinci Resolve

  • 使用「Fusion」節點可做相似紋理過渡。

  • 也可用「光流(Optical Flow)」分析動作延續。

✨ 五、實際應用情境

  • 微電影、Vlog、MV、品牌形象片、紀錄片等。

  • 特別適合用在:情緒連貫、時間流轉、場景切換的地方。
    例如:「早晨 → 傍晚 → 夜晚」連續場景。


「快甩剪輯」(英文常稱 Whip Pan TransitionSwish Pan Transition)是一種非常有動感的影片轉場手法,常見於動作片、音樂影片或 vlog。
它的特色是利用 快速的鏡頭橫移(pan)或甩動,讓畫面產生 模糊殘影(motion blur),再在模糊的瞬間剪接到下一個畫面,使兩個鏡頭之間的切換幾乎無縫。

🎬 原理說明:

快甩剪輯利用「速度」與「模糊」遮掩剪接點,讓觀眾的注意力被動態吸引,從而忽略畫面的跳接。

🧩 製作方式(兩種方法):

1️⃣ 實拍法

  1. 鏡頭A結尾時快速甩動(左或右)

  2. 鏡頭B開頭時從相同方向快速甩入畫面

  3. 在剪輯時,找到兩個「模糊中段」的地方剪在一起。
    👉 用 Premiere、DaVinci、或 AE 對齊模糊段,幾乎可無縫銜接。

2️⃣ 後製法

若拍攝時沒甩鏡頭,可用:

  • Motion Blur 效果(例如 AE 的「Directional Blur」)

  • 添加相機移動模擬(Position/Rotation Keyframes)

  • 加上 Whoosh 聲音效果

來製造類似的速度感與模糊轉場。

🎯 常見用途:

  • 時間或地點快速跳轉

  • 角色視角切換

  • vlog、旅遊影片、動作短片
    → 讓節奏更「順」、「快」、「有動感」


L-cut」與「J-cut」是剪輯中最常見、卻又最容易被忽略的兩種 聲音轉場(audio transition / split edit) 技法。
這兩種手法在《進擊的鼓手》(Whiplash)中也常被巧妙運用,用來控制節奏與情緒張力。

🎬 一、什麼是 L-Cut 與 J-Cut?

🔹 L-Cut(也叫 Split Edit: Audio Follows Video

畫面先切換,但前一場的聲音延續到下一個畫面

📽 範例:
主角結束練鼓 → 畫面切到教官教室 → 但仍聽到主角喘氣或鼓聲逐漸淡出。

📊 為什麼叫「L-Cut」?
因為在剪輯軟體的時間軸上:

Video A |----| Audio A |--------| Video B |----|

聲音的尾巴向右延伸,看起來像字母 L

🎧 效果:

  • 保持情緒或氣氛連貫

  • 用聲音引導觀眾過渡場景

  • 讓剪接不突兀,感覺「流暢自然」

🔹 J-Cut(也叫 Split Edit: Audio Precedes Video

聲音先出現,再切到畫面。

📽 範例:
觀眾先聽到 Fletcher 教官在吼叫,接著畫面才切進教室。

📊 時間軸像這樣:

Audio B |--------| Video A |----| Video B |----|

聲音「提早進來」,像字母 J

🎧 效果:

  • 提前引導注意力

  • 創造期待、節奏感或懸念

  • 讓場景過渡更具戲劇張力

🎞 二、在《進擊的鼓手》中的應用

🎵 J-Cut 範例:

  • 主角剛結束夜間練鼓,下一場教官的吼聲先進來,音畫交錯,觀眾馬上感受到壓迫氛圍。

🎵 L-Cut 範例:

  • 比賽後,觀眾仍聽到鼓聲的殘響,畫面轉為主角孤單回宿舍,聲音延續情緒的餘韻。

✂️ 三、在剪輯軟體中的操作方式

▶️ Premiere Pro

  1. 在時間軸上 解除音訊與影像連結(Unlink)

  2. 拖拉聲音軌,使其 比畫面提早或延後

  3. 加上漸入(Fade In)或漸出(Fade Out)。

▶️ DaVinci Resolve

  1. 右鍵點擊 → Link Clips 取消。

  2. 在「Fairlight」或「Edit」頁面調整音軌時間。

  3. 可加入「Crossfade」讓轉場更柔順。

🎯 四、總結比較表

類型 特色 主要作用 時間軸形狀 L-Cut 聲音延後 情緒延續、柔順轉場 L形 J-Cut 聲音提前 製造期待、強化連貫性 J形


兩款軟體——達文西(DaVinci Resolve)剪映(CapCut),雖然都能做影片剪輯,但定位、功能深度、適合對象都有很大差異。以下是詳細比較 👇

🎬 一、軟體定位與用途

項目 達文西 DaVinci Resolve 剪映 CapCut 開發商 Blackmagic Design(澳洲) 字節跳動(抖音母公司) 定位 專業級影視剪輯、調色、音效、特效後製軟體 一般創作者、社群短影音製作工具 主要用途 電影、廣告、YouTube、專業後製 抖音、小紅書、IG Reels、YouTube Shorts

🧠 二、功能比較

功能 達文西 Resolve 剪映 CapCut 剪輯功能 極度強大(精確剪輯、時間線、代理媒體) 簡單易用(拖拉剪切、一鍵模板) 色彩調整 專業級調色節點系統(世界頂尖) 僅支援基本亮度、飽和、濾鏡調整 音效處理 內建 Fairlight 專業音訊編輯 可調音量、淡入淡出、加音樂 特效處理 Fusion 節點式 VFX、合成能力極強 提供現成轉場、濾鏡、特效模板 字幕處理 手動或語音轉文字(需插件) AI 自動上字幕(非常方便) AI 功能 有(如自動追蹤、Magic Mask、語音辨識)但需高版本 AI 字幕、智能去背、臉部美化、自動節奏剪輯 多機剪輯 ✅ 支援多機畫面同步剪輯 ❌ 不支援 輸出格式 高度客製(電影規格、RAW 支援) 針對社群平台最佳化(MP4)

🖥️ 三、操作介面與學習難度

項目 達文西 Resolve 剪映 CapCut 操作難度 中~高,需要時間學習 非常簡單,新手幾分鐘上手 介面語言 多國語系(含中文) 中文友好 電腦需求 高(需獨顯與高效能電腦) 較低,手機或中階電腦即可 跨平台性 Windows / Mac / Linux Windows / Mac / iOS / Android / Web

💰 四、價格與版本

項目 達文西 Resolve 剪映 CapCut 基本版 免費(功能已很完整) 免費(附帶水印與素材限制) 付費版 Resolve Studio 約 NT$11,000 一次買斷 CapCut Pro 需訂閱(約 NT$200/月)

📊 五、適合對象建議

使用者類型 推薦軟體 社群短影片創作者、手機剪輯者 剪映 CapCut ✅ 想快速產出影片、做字幕或模板影片 剪映 CapCut ✅ YouTuber、廣告剪輯、影視專案 達文西 Resolve ✅ 想學習專業後製、進軍影視業 達文西 Resolve ✅

💡 總結建議

  • 如果你要的是 「快速、方便、上字幕、發社群」 → 選 剪映

  • 如果你要的是 「專業、無損、高畫質、後製自由」 → 選 達文西



10/13 張辰豪老師

照片檢討、自修


10/9 沈宗成老師

選形式美得獎同學

標準字設計(Logotype Design)是品牌標誌(Logo)設計中,專門針對品牌或企業名稱所進行的特定字體或字型設計。它不僅是選擇一個好看的字體,而是透過對文字的細節調整,來突顯品牌的個性、風格並強化識別度。

標準字設計的重要性與品牌圖像符號(Icon)同等重要,甚至在某些情況下(如純文字標誌),是主要的品牌識別元素。

標準字設計的重要性

  • 精準傳遞訊息與品牌名稱: 雖然圖像能創造視覺衝擊,但文字(標準字)是讓消費者快速理解並記住品牌名稱的核心要素。

  • 強化專業與統一性: 透過標準字,確保品牌名稱在所有媒介上都以一致、規範的視覺呈現,維持品牌形象的統一。

  • 延伸品牌個性: 選擇和調整字體、筆畫、粗細和間距等細節,能有效傳達品牌的特定情感或調性(如科技感、古典、親和力等)。

標準字設計的步驟與核心考量

標準字的設計通常包含以下步驟:

1. 確立品牌定位與風格

在開始設計之前,必須清楚了解品牌所屬的行業特性目標客群以及想要傳達的品牌個性價值觀。這是選擇字體風格的基礎。

2. 選擇基礎字體

字體風格會直接影響品牌調性。常見的中文與英文基礎字體類型:

類型 特徵與風格 常用行業範例
黑體(無襯線) 筆畫一致、線條簡潔、現代感強。 科技、網路、簡潔、有力、朝氣。
圓體(無襯線) 在黑體基礎上將轉角圓潤化,具親和力。 兒童、餐飲、活潑、溫暖。
明體/宋體(襯線) 橫細豎粗、源於書法、帶有小裝飾線(襯線),富古典優雅氣息。 文化、時尚、正式、歷史感、優雅。
手寫體 極具個人特色、非規範筆畫,帶有溫度。 藝術、個性化服務。

3. 微調與優化字體結構

這一步是將選定的基礎字體轉化為獨特的「標準字」的關鍵,使其成為不可替代的品牌資產。

  • 筆畫細節調整: 觀察字體的筆畫與空間,進行如拉長、延伸、連接、斷開圓潤化幾何化等處理,以提升流暢感或獨特性。

  • 字距與字重(Kerning & Weight): 精確調整字母或漢字之間的間距,確保不會過密或過鬆,影響易讀性。同時調整筆畫的粗細,來營造陽剛、權威或細緻的視覺感受。

  • 與圖像的搭配(若有): 確保標準字在比例、線條或風格上與搭配的圖像符號保持視覺協調與呼應

4. 創造獨特記憶點的設計技巧

設計師常使用以下手法來為標準字增加獨特性:

  • 筆畫延伸或連接: 針對特定筆畫進行微小延伸,創造動態感和優雅感。

  • 簡化線條: 對筆畫多的漢字進行抽象或簡化處理,使其更簡潔、有記憶點。

  • 配置變化: 嘗試錯開字的基線,或使用縱向/傾斜排列,創造年輕或活潑的感受。

  • 融入圖形元素: 在文字中加入或取代部分筆畫的圖形元素,以強化意境和視覺吸引力。

總而言之,一個好的標準字設計,能夠讓消費者在看到文字的第一眼,就感受到品牌的精神與調性,是品牌與顧客建立信任和穩定印象的重要基石。


10/8 林金露老師

https://linjinlu.com/ 


10/8 賀聖倫老師 跟不上。。。

Cinema 4D(C4D) 裡,所謂的「節點式編輯(Node-based Editing)」是一種以 視覺化節點(Nodes) 取代傳統屬性面板的操作方式,主要應用在 材質系統、場景運算(Scene Nodes / Capsules)動態模擬 等領域。以下是重點整理與實際使用方向👇

🎨 一、節點式材質(Node-based Materials)

這是最常用也最容易上手的節點系統。

🔧 開啟節點材質的方式:

  1. 建立新材質 → 選擇「Node Material」或「Redshift Material」。

  2. 進入「Node Editor」(節點編輯器)畫面。

  3. 可看到「Output 節點」與「Material 節點」,右鍵空白區可新增節點。

🧩 常見節點種類:

類型 節點名稱 功能 Input Texture、Color、Value 輸入紋理或數值 Operator Add、Multiply、Mix 混合與數學運算 Shader Noise、Gradient、Fresnel 建立程式化貼圖或特效 Output Material Output 最終輸出到材質

💡 使用範例:

想要做一個「鏽蝕金屬」的效果:

  • Noise 節點 → 控制鏽斑紋理

  • Colorizer 節點 → 給鏽斑不同顏色

  • Mix 節點 → 混合金屬與鏽斑

  • 輸出至 Material Output

🧠 二、場景節點(Scene Nodes / Capsules)

這是 C4D R23 之後引入的新系統,屬於 幾何節點(Procedural Modeling) 的概念,類似 Blender 的 Geometry Nodes。

⚙️ 特點:

  • 可完全以「節點邏輯」建立模型,而非手動建模。

  • 每個節點代表一個幾何操作(如:建立立方體、布林運算、複製、位移)。

  • 可以儲存為「Capsule」,在物件管理器中像普通物件一樣使用。

🚀 使用方式:

  1. 切換至 Scene Nodes 或建立 Capsule Object

  2. 在節點編輯器中新增節點(如:Primitive → Cube)。

  3. 連接「立方體」→「Transform」→「Mesh Output」。

  4. 加上「Replicate」節點可製作陣列效果。

📘 範例流程:

想建立一排 10 個立方體:

Cube → Replicate (Count=10, Step=200cm) → Mesh Output

🔄 三、MoGraph 與節點的結合

新版 C4D 也支援把 MoGraph 效果器 的控制參數以節點連接,例如:

  • 用節點生成隨機位置

  • 節點控制顏色分佈或縮放

🧩 四、節點與傳統方式比較

項目 傳統方式 節點方式 操作方式 屬性面板 + 下拉選單 可視化節點連線 優點 簡單易學 靈活、可重組、可表現複雜關係 缺點 結構封閉 學習曲線較陡 適用 靜態材質、單一模型 程式化材質、動畫、複雜流程

🎥 五、建議學習路徑

  1. 先從 Redshift Node Material 入門,熟悉節點思維。

  2. 接著學 Scene Nodes(幾何節點)製作簡單模型。

  3. 最後結合 MoGraph 或動畫控制,建立完整流程。


Cinema 4D(C4D)與 After Effects(AE)的結合是 Motion Graphics 動態影像 領域的經典工作流程,Maxon 與 Adobe 之間也早已深度整合。以下我幫你整理一份完整架構,讓你清楚知道 怎麼把 C4D 與 AE 有效串接👇

🎬 一、C4D 與 AE 結合的核心概念

C4D 負責 三維場景與動畫製作
AE 負責 後期合成、特效、文字、色彩與輸出

💡 典型流程:

建模 → 動畫 → 渲染 / 導出 → AE 後製(光影、字幕、音效)

⚙️ 二、整合的三種主要方式

✅ 方式 1:使用「.aec」合成檔案(傳統但準確)

C4D 可直接輸出 AE 專用的「AEC 檔案」,包含:

  • 攝影機(Camera)

  • 灯光(Light)

  • 物件位置與標記(Nulls)

  • Render Pass(渲染分層)

  • Tracking 資訊

🔧 操作流程:

  1. 在 C4D 中:

    • 打開 Render Settings(渲染設定) → Save(儲存)

    • 勾選:

      • Compositing Project File

      • Save for After Effects

      • 選擇 .aec 儲存位置

    • 勾選「Include 3D Data」與「Save」主渲染圖層

  2. 點擊「Render」或「Save Project for AE」

  3. 在 AE 中:

    • 安裝對應的「Cineware/AE Importer」(通常 AE 自帶)

    • 匯入 .aec 檔案,AE 會自動建立完整合成層(含攝影機與光源)

✅ 方式 2:使用「Cineware」動態連結(Dynamic Link)

這是 最現代、最方便 的方法。
你可以直接在 AE 裡開啟 C4D 檔案,而不用先渲染!

🔧 操作步驟:

  1. 在 AE 中選擇:

    File → Import → File → 選取 .c4d

  2. AE 會自動建立「Cineware Layer」

  3. 你可在「Effect Controls」看到 Cineware 面板

    • 選擇 渲染模式(Standard、Software、Viewport、Final)

    • 切換 C4D 中的攝影機或 AE 攝影機

    • 可選擇顯示哪個物件群組、哪個 Take

💡 優點:

  • 不需預渲染,直接在 AE 裡看 3D 結果

  • 可隨時回到 C4D 修改模型或動畫,AE 自動更新

  • 支援 C4D Lite(AE 內建簡化版)

✅ 方式 3:使用多層渲染(Multipass Rendering)

這是專業後期中常見的流程,用於更細緻的合成控制。

🔧 操作流程:

  1. 在 C4D 渲染設定中開啟:

    • Multipass」功能,新增:

      • Diffuse

      • Specular

      • Shadows

      • Ambient Occlusion

      • Reflection / Refraction

      • Depth

    • 輸出成多張影像(或 EXR 多通道檔)

  2. 在 AE 中分層導入這些 Pass

    • 調整混合模式(如加亮、覆蓋、相乘)

    • 可用 Mask、Color Correction 調整單一通道效果

💡 優點:

  • 控制最細、畫質最高

  • 攝影機與燈光可完全匹配 AE 合成

  • 特效師常用於商業廣告後期

🔄 三、在 AE 中的應用

導入後可搭配:

  • 🎥 攝影機追蹤 + 3D 物件結合

  • 🌈 色彩與光暈特效

  • 🔠 文字與標誌動態疊加

  • 🔲 粒子特效、Lens Flare

  • 💥 使用 Trapcode / Optical Flares 與 C4D 互補

🧩 四、C4D Lite(AE 內建版本)

即使沒有完整版 C4D,你也可以:

  • 在 AE 裡用 Cineware 建立「C4D Lite」專案

  • 支援基本建模、相機動畫、燈光、材質

  • 儲存為 .c4d 檔可日後在完整版開啟

建立方式:

AE → Layer → New → MAXON CINEMA 4D File

🧠 五、建議工作流程(實用參考)

步驟 軟體 功能 1 C4D 建模 + 動畫 + 攝影機設定 2 C4D Multipass 渲染 + AEC 導出 3 AE 匯入 AEC → 自動建立合成 4 AE 後製色彩 + 特效 + 音樂剪輯 5 AE 輸出最終影片(ProRes 或 H.264)

如果你願意,我可以幫你畫出一張
🧾 「C4D → AE 動畫整合流程圖」(含 Cineware、AEC、Multipass 三種方式對比),
方便你在教學或專案流程中參考。


10/7 陳棖輝

自修again


10/3 彈性排休,下一次為11/24


10/2 陳裕旻老師

圖樣筆刷 (Pattern Brush) 是 Adobe Illustrator 裡一個很有趣的功能,它能把一個 圖樣物件 自動沿著路徑排列,像邊框、裝飾線條一樣。以下我一步步教你如何在 AI (Illustrator) 中建立和使用圖樣筆刷:

一、建立你的圖樣

  1. 在 Illustrator 畫布上 先畫一個小圖案(例如一顆葉子、一個方塊、一段小花)。

  2. 確定它是 向量圖形,而不是點陣圖。

  3. 選取這個圖樣 → 拖曳到 「色票面板 (Swatches)」,就會建立一個色票。

二、建立圖樣筆刷

  1. 打開 「筆刷面板 (Brushes)」 → 在右上角點選選單 → 新建筆刷 (New Brush)

  2. 選擇 「圖樣筆刷 (Pattern Brush)」 → 確定。

  3. 在設定視窗中,你會看到五個位置可設定:

    • 邊中 (Side Tile):主要沿路徑重複的圖樣。

    • 邊角 (Corner Tile):轉角時用的圖樣(可選擇自動生成或手動指定)。

    • 內角 (Inner Corner Tile)外角 (Outer Corner Tile)起始/結束 (Start/End Tile):視需求決定。

  4. 將你剛剛建立的圖樣色票套用到 邊中 (Side Tile)

  5. 設定間距 (Spacing)、縮放 (Scale)、方向 (Flip) 等選項 → 按確定。

三、使用圖樣筆刷

  1. 選擇 鋼筆工具 / 畫筆工具 / 線條工具,畫出一條路徑。

  2. 在筆刷面板裡選擇你剛建立的 圖樣筆刷,圖案就會沿著路徑自動排列。

  3. 如果圖樣太擠或太鬆,可以再到筆刷面板 → 雙擊圖樣筆刷 → 編輯間距或縮放,套用到所有路徑。

四、常見小技巧

  • 如果轉角變形不好看,可以自己畫一個轉角圖樣,放到「角落 (Corner Tile)」位置。

  • 想要讓圖樣方向反過來,可以在筆刷設定裡選擇 Flip Along / Flip Across

  • 如果想要調整已套用的圖樣顏色,必須先將筆刷「展開外觀 (Expand Appearance)」,再做編輯。

做一個 「花環圖樣筆刷」 的完整操作流程,照著做就能做出花朵沿著圓形排列的效果:

🎨 製作花環圖樣筆刷步驟

① 準備花朵圖案

  1. 在 Illustrator 畫布上畫一朵簡單的花(例如用「橢圓工具」畫 5 個花瓣,再加一個小圓心)。

  2. 選取所有花朵元件,Ctrl+G (群組)

② 建立圖樣筆刷

  1. 開啟 筆刷面板 (Window → Brushes)

  2. 把花朵群組 直接拖曳到筆刷面板

  3. 跳出對話框,選擇 Pattern Brush (圖樣筆刷)

  4. 在設定裡:

    • 把花朵指定為 Side Tile(邊中圖樣)

    • 角落 (Corner) 可以先選「自動」或留空。

    • 可以設定間距 Spacing(建議 0% 或 5%,看效果)。

    • Scale(縮放比例)大概設 100%。

  5. 按下 確定

③ 使用圖樣筆刷

  1. 選擇 橢圓工具 (L),畫一個圓形。

  2. 在筆刷面板選剛剛建立的 花朵筆刷

  3. 花朵就會自動沿著圓形路徑排列,形成花環效果 🌸🌸🌸。

④ 調整效果

  • 如果花朵太大:雙擊筆刷 → 修改 Scale。

  • 如果花朵間隔不均:調整 Spacing。

  • 如果想要顏色變化:可先「展開外觀 (Object → Expand Appearance)」,再單獨調整每朵花。

這樣就能快速做出一個 花環圖樣筆刷 🎀


10/1 邱文鑑老師

Adobe Photoshop (PS) 中,讓靜態圖片變成動畫(通常是 GIF 動畫 或簡單的 影格動畫)是一個非常常見的功能。您不需要複雜的後製軟體(如 After Effects)就能做到簡單的動畫效果。

以下是使用 PS 內建的「時間軸(Timeline)」功能,將圖片變成動畫的主要方法和步驟:

Photoshop 製作動畫的步驟(時間軸功能)

Photoshop 製作動畫的基本原理是利用不同的圖層(Layers)來建立不同的影格(Frames),然後讓這些影格依序播放,形成動態效果。

步驟一:開啟時間軸面板

  1. 開啟您的圖片檔案或建立新檔案。

  2. 點選頂部菜單列的 視窗 (Window) > 選擇 時間軸 (Timeline)

  3. 當時間軸面板出現後,點擊中央的按鈕。您會看到兩個選項:

    • 建立影格動畫 (Create Frame Animation):適用於圖層切換的簡單動畫(如 GIF)。

    • 建立視訊時間軸 (Create Video Timeline):適用於移動、變形等複雜動畫(類似影片剪輯)。

  4. 這裡我們選擇最常用的 建立影格動畫 (Create Frame Animation)

步驟二:準備圖層與影格

  1. 準備圖層: 在「圖層」面板中,將圖片拆分成數個您希望在動畫中依序出現的狀態(例如:眼睛睜開、眼睛閉合、手舉起、手放下等)。

  2. 建立第一個影格: 預設情況下,您的「時間軸」面板已經有了第一個影格,它會顯示您「圖層」面板中所有可見的圖層。

  3. 建立後續影格:

    • 點擊「時間軸」面板底部的 「複製選取的影格」 圖示(像一張紙的圖示)。

    • 在新複製的影格(例如影格 2)中,回到「圖層」面板,隱藏 您不想在該影格中顯示的圖層,並顯示您想呈現的新狀態圖層。

    • 重複此步驟,直到您擁有完整的動畫序列。

步驟三:設定播放參數

  1. 設定延遲時間: 在每個影格下方,點擊時間數字(例如:0 sec)。您可以設定該影格停留的時間(例如:0.1 秒、0.5 秒等)。數字越小,動畫速度越快。

  2. 設定循環選項: 在「時間軸」面板底部,找到「迴圈選項 (Looping Options)」,通常您會選擇:

    • 永遠 (Forever):無限循環播放。

    • 一次 (Once):播放一次即停止。

步驟四:輸出為 GIF 檔案

由於 GIF 支援影格動畫且檔案小,是網頁或社群媒體動畫的首選輸出格式。

  1. 點擊頂部菜單列的 檔案 (File) > 轉存 (Export) > 儲存為網頁用 (舊版) (Save for Web (Legacy))...

  2. 在彈出的窗口中:

    • 選擇檔案類型為 GIF

    • 確認右下方有您設定的迴圈選項(通常是「永遠」)。

  3. 點擊 儲存 (Save),您的圖片動畫就完成了。

💡 額外技巧:應用在照片上的「奇特動畫」

若您想讓一張照片動起來,例如讓水流動或頭髮飄動,這需要使用 視訊時間軸 (Video Timeline) 配合圖層的變形:

  1. 在步驟一中選擇 建立視訊時間軸 (Create Video Timeline)

  2. 在圖層上建立關鍵影格 (Keyframes),記錄圖層在某一時間點的位置或狀態。

  3. 將時間軸移動到另一個時間點,然後改變圖層的位置、旋轉或縮放。PS 會自動計算出中間過程,形成平滑的動畫。


Adobe Photoshop (PS) 中,讓物件在動畫中實現「平移」(從 A 點移動到 B 點)的功能,需要用到前面提到的**「視訊時間軸 (Video Timeline)」,並結合「關鍵影格 (Keyframes)」**來記錄物件的位置。

這是在 PS 中製作平滑、非影格切換動畫的核心方法。

Photoshop 製作物件平移動畫的步驟

步驟一:轉換為視訊時間軸

  1. 開啟 PS 檔案,確保您想移動的物件是獨立的圖層(例如:一個智慧型物件或一般的圖層)。

  2. 點選頂部菜單列的 視窗 (Window) > 選擇 時間軸 (Timeline)

  3. 在時間軸面板的中央,選擇 「建立視訊時間軸 (Create Video Timeline)」

  4. 您的時間軸會變成一個類似影片剪輯軟體的介面,每個圖層都對應一條時間軌。

步驟二:設定第一個關鍵影格(起始位置)

  1. 找到您要移動的物件圖層在時間軸上的時間軌。

  2. 點擊該圖層軌左側的小箭頭展開屬性。您會看到數個動畫屬性,我們要使用:

    • 位置 (Position):用來控制物件的移動。

    • (可選) 不透明度 (Opacity):用來控制淡入淡出。

  3. 將時間軸的播放頭 (Playhead) 拖曳到動畫的起始時間點(通常是 00:00:00:00)。

  4. 在「位置」屬性的左側,點擊碼錶(秒錶)圖示。這個圖示會變成藍色,並在時間軌上新增一個黃色菱形,這就是您的第一個關鍵影格 (Keyframe),記錄了物件在該時間點的位置 A

步驟三:設定第二個關鍵影格(終點位置)

  1. 將時間軸的播放頭拖曳到您希望平移結束的時間點(例如:00:00:02:00,即 2 秒鐘後)。

  2. 使用 移動工具 (Move Tool)(快捷鍵:V),在畫布上將該物件圖層拖曳到您希望的終點位置 B

  3. 當您移動物件後,PS 會自動在新的時間點上新增第二個關鍵影格

步驟四:檢查與輸出

  1. 按一下時間軸面板左下角的 播放 (Play) 按鈕。您會看到物件從位置 A 平滑地移動到位置 B。

  2. 若要輸出,請點擊 檔案 (File) > 轉存 (Export) > 演算視訊 (Render Video...)

  3. 選擇輸出的檔案格式(如 H.264 的 MP4 檔案)或選擇**儲存為網頁用(舊版)**來輸出 GIF 格式。

💡 平移動畫的進階技巧

  • 曲線平移: 如果您希望物件走曲線而不是直線,只需在 A 和 B 兩個關鍵影格中間的某個時間點,手動拖曳物件到曲線的頂點,PS 就會自動產生第三個關鍵影格,讓移動路徑變得平滑且彎曲。

  • 與縮放/旋轉結合: 您可以同時對「位置 (Position)」、「不透明度 (Opacity)」和「樣式 (Style)」(包含旋轉、縮放等)這幾個屬性設定關鍵影格,實現物件在平移的同時進行旋轉或淡入淡出。


10/1 賀聖倫老師

Cinema 4D (C4D) 中,光線是決定最終渲染品質、情緒氛圍和物件立體感的核心要素。掌握用光技巧,能讓您的 3D 場景從扁平變得栩栩如生。

以下是在 C4D 中使用光線的三大技巧與核心原則:

C4D 用光三大核心技巧

1. 三點打光法(The Three-Point Lighting)

這是影視、攝影和 3D 渲染中最經典也最基礎的照明方法,用於確保物件的立體感、層次感和戲劇性。

光源名稱 作用與技巧 參數建議
主光 (Key Light) 決定物體主要輪廓、方向、陰影形狀和整體亮度。它是場景中最亮的光源。 強度: 100% (最高);角度: 通常放置在攝影機斜前方 45° 左右。
輔助光 (Fill Light) 用來柔化主光在物體上產生的暗部陰影,避免陰影過黑。它不會產生新的明顯陰影。 強度: 30%~50% (低於主光);光色: 可選用與主光略微不同的顏色(如偏藍),增加色溫對比。
輪廓光/背光 (Rim Light/Back Light) 放置在物體後方,用來將物體邊緣從背景中分離出來,勾勒出清晰的輪廓,增加戲劇性和立體感。 強度: 60%~80% (通常高於輔助光);角度: 正對攝影機,位於物件後方,僅照亮邊緣。

2. 決定光線的性質與情緒

光線的類型、衰減和陰影,直接決定了場景的氛圍。

  • 陰影類型(Shadow Type)

    • 硬陰影 (Hard Shadows / Raytraced): 陰影邊緣銳利,適合硬表面、科技、正午的場景,給人專業、冷酷的感覺。

    • 軟陰影 (Soft Shadows / Area or Soft): 陰影邊緣柔和,是大部分場景的首選。適合人物、自然光、柔和氛圍的場景,更具真實感。

  • 衰減(Falloff)

    • 在 C4D 中,務必使用「真實衰減 (Inverse Square)」來模擬現實世界的物理光線。光線強度會隨著距離的平方遞減,讓遠處的物件不會被過度照亮。

  • 光源形狀與大小

    • 面積光 (Area Light): 面積越大,產生的陰影就越柔和。這是在 3D 中模擬窗戶、柔光箱等大面積自然光最常用的方法。

3. 使用 HDRI 與環境光(Global Illumination)

在現實世界中,光線來自四面八方。僅使用三點打光會讓場景顯得「假」。

  • HDRI (High Dynamic Range Image): 這是最快速且逼真模擬環境光的方法。HDRI 是一個 360 度的高動態範圍圖片,它不僅能作為環境背景,還能作為光源。

    • 技巧: 將 HDRI 貼圖載入到 C4D 的 天空物件 (Sky Object)環境物件 中,配合 全域照明 (Global Illumination, GI) 渲染設置。

    • 效果: HDRI 能提供複雜且自然的反射、高光,以及不同顏色光線的細節,讓金屬或反射材質看起來非常真實。

  • 全域照明 (GI): 啟用 GI 渲染設定,讓光線在場景中反彈。例如,白色的牆壁會將光線以白色調反射到旁邊的物件上,這是實現真實感的關鍵。

💡 C4D 用光進階心法

  • 光線服務於敘事: 永遠不要為了打光而打光。光線的顏色、角度和強度應該服務於您想表達的情緒(例如:橘黃色的暖光代表溫馨/懷舊,藍色的冷光代表孤獨/未來)。

  • 光線分組: 為了更好地管理複雜場景,將不同的光線(主光組、環境光組、特效光組)用組件 (Null Object) 分組,方便一鍵調整強度和可見性。

  • 嘗試體積光 (Volume Light): 如果您想在場景中呈現煙霧、灰塵或丁達爾效應 (Tyndall Effect),請使用聚光燈 (Spot Light) 並開啟體積光/霧 (Volume/Fog) 效果,可以創造出非常戲劇性和電影感的氛圍。

Create your website for free! This website was made with Webnode. Create your own for free today! Get started