Course log


11/25 John

After Effects (AE) 中,如果你想讓物件的 Rotation(旋轉) 持續循環播放,可以在 Rotation 屬性打開 Expressions(表達式),輸入:

loopOut("cycle")

或完整版寫法:

loopOut(type="cycle")

⭐ loopOut("cycle") 的效果

只要 在關鍵影格之前 設定至少兩個 Rotation keyframes,
loopOut("cycle") 會讓最後一個關鍵影格之後的動畫不斷循環前面的動作

例如:

第 0 秒 Rotation = 0°
第 1 秒 Rotation = 90°

套用 loopOut("cycle") 之後,物件會一直:
0° → 90° → 0° → 90° → 無限循環

⭐ Rotation 常見用法:360° 永續旋轉

如果你想讓物件 一直旋轉不停,最簡潔的方式其實是:

  1. 設兩個 keyframes:

    • 第一個:Rotation = 0°

    • 第二個:Rotation = 360°(1 秒或你想要的速度)

  2. 套用:

loopOut("cycle")

就會做成「永遠旋轉」效果。

⭐ 如果你要的是更平滑的無限旋轉

也可以用:

time * 30

讓它每秒旋轉 30°(自由設定速度,不需關鍵影格)

如果你願意告訴我你想做「什麼樣的旋轉效果」,我可以提供最合適的 expression(有些情況用 cycle,不如用 pingpong、offset 或 time)。


11/24 陳國榮老師

期末拍攝作業指導


11/21 John

在 Adobe After Effects (AE) 中使用 Track Camera(攝影機追蹤)功能的詳細步驟和關鍵點:

📸 AE 中的 Track Camera (攝影機追蹤) 步驟

在 AE 中使用「3D 攝影機追蹤器」(3D Camera Tracker)是實現 3D 動態追蹤(3D Motion Tracking)的核心,它能讓您將 3D 物件、文字或粒子系統精確地合成到您的 2D 影片素材中。

步驟一:準備與設定素材

  1. 匯入素材: 將您想進行 3D 追蹤的影片或影像序列匯入 AE。

  2. 建立合成: 將素材拖曳到「建立新合成」按鈕上,以素材設定建立一個新的合成。

  3. 選取圖層: 在時間軸中選取您要追蹤的素材圖層。

步驟二:套用 Track Camera 特效

  1. 開啟特效面板: 前往 Effect (特效) > Perspective (透視) > 3D Camera Tracker (3D 攝影機追蹤器)

    • 提示: 您也可以在 Effects & Presets (特效與預設) 面板中搜尋「3D Camera Tracker」。

  2. 等待分析解算: AE 會自動開始分析您的素材(Analysis)。

    • 在分析過程中,AE 會在素材上尋找固定的像素區域來確定追蹤點。

    • 完成分析後,AE 將顯示 "Solving Camera" (解算攝影機),這是計算攝影機在 3D 空間中運動軌跡的過程。

步驟三:建立追蹤點與平面

  1. 觀察追蹤點: 當解算完成後,素材上會出現許多彩色的小點,這些就是 追蹤點 (Tracking Points)

  2. 選取平面: 將滑鼠游標懸停在追蹤點上。當您懸停在三個或更多追蹤點上時,AE 會在這些點上產生一個目標環 (Target Ring),它代表一個可能的 3D 平面。

    • 關鍵: 選擇一個與您希望放置元素(如文字或固態層)對齊的平面(例如:地面、牆壁、桌子表面)。目標環變成藍色表示它是一個可用的平面。

步驟四:建立合成元素

  1. 右鍵點擊: 在您選定的目標環上按下滑鼠右鍵

  2. 選擇建立選項: 根據您的需求選擇以下選項之一:

      • Create Text and Camera (建立文字與攝影機): 建立一個與該平面對齊的文字圖層,以及一個新的 3D 攝影機圖層

      • Create Solid and Camera (建立固態層與攝影機): 建立一個與該平面對齊的固態層(Solid Layer),以及一個新的 3D 攝影機圖層

      • Create Null and Camera (建立空物件與攝影機): 建立一個與該平面對齊的空物件(Null Object),以及一個新的 3D 攝影機圖層

步驟五:調整與精修合成效果

  1. 檢視效果: 此時,您所建立的文字或固態層將會根據原始影片素材中攝影機的運動而精確地同步移動。

  2. 細部調整:

      • 位置/旋轉: 使用圖層的 $X$, $Y$, $Z$ 軸座標和旋轉屬性來微調元素在 3D 空間中的精確位置。

      • 替換內容: 如果您建立的是固態層,可以將其設定為預合成(Pre-Comp),然後在預合成中加入您想要的任何內容(如 Logo、複雜的動畫或圖形)。

      • 真實感: 為了讓合成元素看起來更自然,建議考慮添加陰影環境光,或使用 Adjustment Layers (調整圖層) 來匹配元素的色調與亮度。

✅ 關鍵提示與疑難排解

區域 提示/建議
素材品質 建議使用 高對比度高解析度的素材。過於模糊、雜訊過多或曝光不足的素材會導致追蹤失敗。
攝影機運動 平穩且有清晰特徵點的攝影機運動(如平移、推拉)最容易追蹤。劇烈晃動或運動模糊太強的片段難以解算。
遮擋處理 如果您的合成元素在影片中會被前景物體遮擋,您需要使用 Masks (遮罩)Roto Brush (去背筆刷) 等技術來進行進一步的精確合成。
目標環對齊 如果您選取的目標環看起來傾斜無法準確對應到想要的平面,請嘗試在素材中選擇其他區域的追蹤點,直到找到一個與您所需平面平行的目標環。
重新嘗試 如果追蹤結果不理想,可以在 3D Camera Tracker 特效的設定中點擊 Reset (重置),然後調整 Track Point Features (追蹤點特徵)Analysis Detailed (詳細分析) 選項後再次嘗試追蹤。



11/20

班會、選作品

多媒體特效班--班會建議報告

這四個月的學習歷程,對我和同學們來說都是一段充實、密集、需要高度專注的旅程。從基礎理論、軟體操作到專題製作,我們在課堂上投入了大量時間,也累積了不少心得與期許。為了提升未來課程的品質,並讓之後的學員能獲得更順暢的學習體驗,我想提出以下八項觀察與建議,內容皆基於實際上課經驗,希望能成為班級、中心與講師之間建設性的交流素材。

一、講師課堂錄音品質的重要性

在數位多媒體領域,課程內容往往具有高度技術性,若能提供良好的課堂錄音,將大幅提升學員課後複習的效率。近期 C4D 課程中,講師已經做到音量、設備與語速的最佳化,使錄音內容清晰易懂,這點值得肯定,也讓我們在課後操作軟體時能更有效率地跟上進度。

然而並非所有課程都能保持同樣品質,有些課當天錄音的音量較小、背景雜音較大、或因講師距離麥克風過遠導致內容不清楚。為了讓未來整體課程品質一致,建議中心在課前統一規範錄音設備位置、音量、環境控制方式,並提醒講師注意說話距離與收音品質。
清楚的錄音不只是紀錄,更是初學者補強概念的重要工具,希望未來每位講師都能延續 C4D 課的良好示範。

二、上課途中空污問題(吹葉機作業時段建議調整)

每天從機車停車場走向四館的途中,往往會遇到清潔人員使用吹葉機作業。雖然我們深知維持校園環境整潔的重要性,也十分感謝清潔夥伴的辛勞,但吹葉機所揚起的粉塵與廢氣,恰好在學員上課路線與上坡段,會讓人不得不在呼吸急促時吸入較多空污,對身體造成不適。

建議中心是否能與清潔團隊協調,在學員抵達教室的尖峰時段(例如 7:20–8:20)暫避使用吹葉機,或調整到人潮較少的時間段。這項調整成本不高,却能大幅改善學員上課前的身體感受,也能讓大家以更好的狀態進入課堂。

三、建議建立「小老師制度」,提升學習互助能量

課程內容包含 AE、PR、C4D、AI 工具、影像製作等多項技術工具,對初學者而言較為艱深。班上同學程度差異大,若能建立 "小老師制度",讓進度較快、操作熟悉的同學協助需要較多時間的初學者,可以有效提高整體學習進度。

小老師制度可以很彈性,不需影響課程節奏:

  • 每堂課挑選 2–3 位輪值小老師
  • 協助旁邊同學設定軟體、解決基本操作問題
  • 若遇到講師來不及一一指導,小老師可暫時協助卡關處

這樣做能增進班級互助,也能讓進度落後的同學更快跟上課程,是一種非常有效的學習社群模式。

四、講師需提前到教室準備教材,而非上課後才開始備課

偶爾會遇到講師來到教室後才開始整理教材、插電、開檔案、找素材等,導致正式開始教學時已過上課時間。對於短時間需要大量操作的技術課來說,這會壓縮練習時間,也讓學習節奏被打亂。

建議中心提醒所有講師:

  • 至少提前 5–10 分鐘到教室
  • 開好電腦、廣播設備、軟體介面
  • 整理好教材與示範檔案
  • 預先測試是否能順利播放

這能避免教學時間被浪費,也能讓學員一步一步地跟著練習,而不會在課堂前段就因等待而失去專注力。

五、將講師評量納入學員結訓作業的一部分

有些學員可能因為結訓匆忙、心情壓力、或不熟悉流程,而未能做出完整的回饋。

若能把「講師評量」正式列入結訓作業之一:

  • 每位學員都會完成
  • 意見更完整客觀
  • 對未來課程規劃具有實質效益

這不只是評鑑講師,更是讓課程能持續成長的必要機制。

六、希望每位講師在課程開始時提供明確的「學習地圖」

多媒體課程內容廣泛,技術跨度大,若學員無法在一開始就理解整體架構,容易產生迷失感。例如:

  • 一個月後會學會什麼?
  • 各單元的難度如何?
  • 哪些技能必須課後練習?
  • 哪些是加分選修、哪些是核心必修?

如果每位講師能提供一份「學習地圖」,包含課程目標、技能清單、預期成果,學員就能掌握「學完這堂課後,我到底會具備哪些能力」。有方向的學習更能激發動力,也讓學員知道如何安排時間練習。

七、感謝中心提供教材與器材,並建議增加空拍機與手機雲台使用機會

這段時間中心為我們提供許多教具、攝錄設備與補充教材,這點全班都非常感謝,也讓我們在學習過程中不需要額外負擔器材費用。

既然多媒班的重點放在「影像製作」,學生若能實際操作空拍機、或使用手機雲台拍攝更穩定的素材,會更符合課程目標。建議:

  • 每人能排到一段時間使用空拍機
  • 教室提供每位學員穩定器(雲台)作為教材之一

這能讓學員更接近業界需求,也能讓學習成果更具實戰價值。

八、部分同學在打掃時間請假,造成服務股長負擔,建議建立公平制度

班級打掃本是共同責任,但有少數同學常在打掃時段請假,使得工作落在其他人身上。服務股長因此壓力較大,也導致班級分工不平均。

建議建立簡單制度,例如:

  • 打掃輪值表、請假需簽到補位
  • 若請假過多,需補其他時段

這樣能避免負擔落到特定同學身上,也讓班級運作更順暢。

結語:感謝這段時間的安排,也期許課程越來越完善

四個月來,我們在課程中學習到許多技術,也看見中心與講師們的用心。提出以上建議完全不是批評,而是希望課程能更完善,讓未來的學員能在更舒適、高效、有方向的環境中成長。

很感謝中心給我們這次學習機會,也感謝每位講師投入時間準備教材、指導實作。也期許未來的課程能持續進步,共同打造更優質的學習環境。


11/19 賀聖倫老師  C4D let go


11/19 林金露老師

選擇特定的 block 會產生畫面抖動的問題。。。

把首頁改成動畫


11/18 李森洋老師



11/17 陳國榮老師

如何在 Adobe Premiere Pro (PR) 中使用或導入 Adobe Photoshop (PS) 製作的圖片

1. 🥇 直接導入 .psd 文件(推薦)

這是最靈活、功能最強大的方法,特別適用於需要使用 PS 文件中的不同圖層作為獨立素材的情況。

  • 操作步驟:

    1. 在 PR 的**「媒體瀏覽器」「專案」**面板中,雙擊空白處或使用 Ctrl/Cmd + I 導入您的 .psd 文件。

    2. PR 會彈出一個**「導入圖層」**對話框。在這裡,您可以選擇導入方式:

      • 「合併所有圖層」: 導入為一個單獨的、扁平化的圖片素材。

      • 「合併選定的圖層」: 選擇您想要合併的特定圖層組,導入為一個素材。

      • 「個別圖層」: 這是最有用的選項。它會將 PS 文件中的每個圖層都作為一個獨立的素材導入到您的 PR 專案中。

      • 「序列」: 將所有圖層作為一個序列(嵌套)導入,非常適合處理動畫元素或多狀態的圖片。

    3. 選擇**「個別圖層」,然後點擊「確定」**。

  • 優點:

    • 非破壞性: 保留了 PS 文件的所有圖層結構。

    • 可獨立控制: 每個圖層在 PR 中都是獨立的素材,您可以單獨調整它們的位置、縮放、透明度和動畫。

2. 🥈 扁平化導入 .png 或 .jpeg

如果您的 PS 文件已經是最終設計,不需要在 PR 中調整單獨的圖層,將其導出為常見的圖片格式是最簡單快捷的方式。

  • 操作步驟:

    1. 在 PS 中,選擇**「檔案」** > 「另存新檔」「導出」 > 「快速導出為 PNG」(推薦 PNG 以保留透明背景)。

    2. 在 PR 中,直接導入這個 .png 或 .jpeg 文件。

  • 優點:

    • 簡單快速: 導入和處理速度快。

    • 通用性強: 適用於任何標準的圖片使用場景。

3. 🥉 替換素材(用於後期修改)

如果您已經在 PR 中使用了一個 PS 導出的圖片(例如 .png),但後來在 PS 中對原圖進行了修改,可以使用此方法更新素材。

  • 操作步驟:

    1. 在 PS 中完成修改後,使用與原圖完全相同的名稱和格式,覆蓋保存到原先圖片所在的位置。

    2. 切換回 PR,專案面板中的素材會自動更新為新的版本,無需重新導入或替換時間線上的片段。

  • 優點:

    • 無縫更新: 保持時間線上素材片段的完整性。

💡 總結與建議

  • 如果您需要將文字標題複雜的圖形元素分解成多個部分進行動畫製作,請選擇方法 1 (直接導入 .psd,選擇「個別圖層」)

  • 如果您只是需要一個靜態背景單一圖像,請選擇方法 2 (導出 .png 或 .jpeg)


「一鏡到底」(One Shot / One Take)是一種 從開始到結束不剪接、不中斷 的拍攝方式,整段影片用 單一鏡頭 完成。

以下清楚整理給你:

🎬 什麼是一鏡到底?

一鏡到底 = 不剪接、不中斷拍攝、從頭到尾一個鏡頭完成。

常見於:

  • MV、短片

  • 廣告

  • 活動紀錄

  • 戲劇、電影場景
    例如《1917》《Birdman》等都大量使用一鏡到底效果。

🎥 一鏡到底的特點

1. 流暢、真實感強

觀眾會感覺像身歷其境,沒有跳接。

2. 需要精準安排

因為不能剪接,動線、表演、攝影移動、燈光都要一次成功。

3. 演員與攝影壓力大

只要出一個小錯就要重拍。

4. 氛圍與沉浸感極強

適合呈現情緒、動作流程、場景變化。

📌 一鏡到底拍攝常用技巧

1️⃣ 穩定器(Gimbal)

像 DJI RS 系列,穩住手持畫面。

2️⃣ 預先規劃動線(Blocking)

用地板貼 tape、畫線標記移動路線。

3️⃣ 收音方式簡化

避免 boom 收音跑進畫面,多用領夾麥。

4️⃣ 多次排練(Rehearsal)

包含演員、攝影、燈光、移動、道具切換。

5️⃣ 適當利用轉場位置

雖然叫「一鏡到底」,有些影片會用以下方式藏切點:

  • 黑暗經過鏡頭

  • 物體貼近鏡頭

  • 快速搖鏡

  • 通過門框、牆面遮擋

這樣可以偷接兩個鏡頭,看起來還是一鏡到底。

🔧 拍攝流程(簡版)

  1. 腳本:明確每秒要做什麼

  2. 分鏡:雖然一鏡,但動作要腳本化

  3. 動線設計:攝影和演員移動清楚標記

  4. 燈光規劃:可跟拍、也可預置

  5. 音訊安排:領夾麥、多機收音

  6. 多次走位排練

  7. 正式拍攝

  8. 必要的剪輯修飾(如穩定、色彩)

🎞️ 哪些題材適合一鏡到底?

  • 店家介紹

  • 活動導覽

  • 廣告:開箱、展示流程

  • 個人自介影片

  • 教學示範

  • Vlog 情境


「相似性轉場」(Similarity Transition)是一種 利用畫面中相似元素來銜接兩個鏡頭 的轉場方式,讓切換變得自然、流暢、不突兀。常見於電影、短片、廣告、YouTube 影片。

以下完整說明:

🎬 什麼是相似性轉場?

利用兩個畫面中「形狀、顏色、動作、構圖」的相似處來做轉換。
讓觀眾幾乎感覺不到切點。

🎨 相似性轉場的常見類型

1️⃣ 形狀相似(Shape Match)

例:

  • 圓形月亮 → 圓形燈

  • 車輪 → 旋轉的風扇

兩個圓形重合即可切換。

2️⃣ 動作相似(Motion Match)

例:

  • 一個人往右走 → 下一幕另一個人也往右走

  • 鏡頭中手往前伸 → 下一鏡也是相同動作

動作一致就能自然接上。

3️⃣ 色彩相似(Color Match)

例:

  • 前一幕以大量紅色物件為主 → 下一幕直接切到紅色背景或場景
    色彩主調一致可讓過場柔順。

4️⃣ 構圖相似(Composition Match)

例:

  • 第一鏡是一個人在畫面左側 → 下一幕也是一個人在左側

  • 前一幕置中物件 → 下一幕也置中

構圖一致更不容易讓觀眾感到突兀。

5️⃣ 物件形狀疊合(Match Cut)

最典型的「相似性轉場」。
例:

  • 書本翻開 → 切換成門打開

  • 眼睛特寫 → 切成車燈特寫

物件形狀一致即可 Match。

🎞️ 使用場合

相似性轉場常用於:

  • 微電影

  • MV

  • 廣告

  • YouTube Vlog

  • 開箱、產品影片

  • 旅遊影片

能讓影片節奏更連貫、有創意感。

🔧 實作方式(PR / AE 都可)

在 Premiere Pro (PR)

  1. 先找兩個畫面裡「形狀或動作相似」的位置

  2. 在相似瞬間做 Cut

  3. 用 position/scale 微調對位

  4. 加一點 Cross Dissolve(可選)

  5. 讓畫面重合後再接上

在 After Effects (AE)

  1. 將兩段畫面疊起來

  2. 找到要 Match 的區域

  3. 用 Mask 或 Keying 消除不需要的部分

  4. 讓畫面自然銜接

  5. 需要時加入 motion blur 或 tracking

如果你願意,我可以幫你做:

相似性轉場的「實例示範流程」
依你的影片題材設計轉場腳本
PR / AE 的操作教學(逐步指示)



11/14 邢穌玠老師

品牌廣告竸爭

品牌廣告的競爭方式是一個系統性多面向的過程,核心目標是讓自家品牌在目標受眾的心中,建立獨特且難以取代的印象,進而影響購買決策。

品牌在廣告上的競爭,絕不只是「砸錢」比誰的廣告多,而是要策略性地打造差異化 (Differentiation)

以下是品牌廣告競爭的幾個主要方式:

🚀 品牌廣告競爭的五大策略

1. 差異化定位 (Unique Positioning)

這是競爭的基礎,也是最重要的一環。品牌必須透過廣告,清晰地向消費者傳達「我與眾不同」的訊息。

  • 獨特銷售主張 (USP, Unique Selling Proposition): 廣告必須專注於品牌或產品獨有的特點、利益或優勢,讓消費者有「只有買你才能得到這個」的認知。

    • 範例: 專注於 環保、永續材質 的服飾品牌,以此區隔於一般快時尚品牌。

  • 情感連結與價值觀: 競爭不再只是產品功能,而是品牌代表的信念生活方式。廣告傳遞的價值觀若能與目標受眾產生共鳴,就能建立更高的品牌忠誠度。

    • 範例: 某些品牌強調**「挑戰極限」「家庭溫暖」**,而非單純介紹產品。

  • 市場空隙 (Market Gap) 佔領: 透過廣告找到競爭對手尚未滿足或觸及的特定小眾市場 (Niche Market),搶先建立主導地位。

2. 內容與創意質量競爭 (Content & Creative Quality)

在數位時代,內容的「吸睛度」和「傳播力」決定了廣告的效率。

  • 廣告創意突破: 製作讓人印象深刻、引起討論病毒式傳播的廣告。這要求廣告在故事敘事、視覺設計、音樂選用等方面具有高水準。

  • 多格式內容策略: 不只製作傳統廣告片,還要製作符合不同平台生態的內容,例如:

    • 短影音 (Reels/TikTok): 快速、娛樂性的內容。

    • 長篇深度文章/影片: 建立專業度與信任感(內容行銷)。

    • 用戶生成內容 (UGC): 鼓勵消費者參與和分享,用真實性贏得信賴。

3. 媒體渠道與投放效率競爭 (Media Channel & Efficiency)

品牌競爭在於如何用最低的成本最高的精準度觸及目標客戶。

  • 精準目標受眾鎖定 (Targeting): 運用大數據和數位廣告工具,將廣告精準投放給最有購買潛力的群體,避免資源浪費。

  • 渠道組合優化: 結合不同媒體的優勢(例如:電視廣告建立聲量,社群廣告互動導購,搜尋廣告捕捉需求),達到綜效。

  • 競品廣告監測: 密切關注競爭對手在哪些平台、投放什麼樣的廣告、使用哪些關鍵字,從而進行防禦性攻擊性的廣告投放策略。

4. 顧客體驗與口碑競爭 (Customer Experience & Word-of-Mouth)

廣告承諾必須與實際體驗一致,才能將一次性顧客轉化為品牌忠實支持者。

  • O2O (Online-to-Offline) 體驗一致性: 廣告中呈現的品牌形象,必須在實體店面、客服、售後服務等所有顧客接觸點 (Touchpoints) 上保持一致。

  • 口碑和淨推薦值 (NPS): 透過廣告鼓勵滿意的顧客分享體驗,利用KOL (關鍵意見領袖)KOC (關鍵意見消費者) 的力量,讓消費者成為品牌的擴音器。

5. 資源與價格競爭 (Resource & Price Competition)

雖然不建議只打價格戰,但在特定市場,資源優勢仍是重要的競爭手段。

  • 高頻率、高覆蓋率: 財力雄厚的品牌可以透過高密度的廣告投放,不斷出現在消費者眼前,維持**「心佔率」**。

  • 促銷活動與定價策略: 廣告常被用來推廣限時折扣、捆綁銷售等活動,作為短期內吸引消費者、削弱競爭對手的手段。

📝 總結

品牌廣告的競爭,是圍繞著如何建立並鞏固品牌定位而展開。成功的品牌會不斷透過創意、精準的投放和優質的顧客體驗,確保其品牌價值主張能持續且有效地傳遞給目標受眾。



11/14 John

在 After Effects (AE) 中製作 Audio Spectrum(音頻頻譜)和 Audio Waveform(音頻波形)是建立音樂視覺效果(Audio Visualizer)非常常見的步驟。

這兩個效果都內建於 AE 中,操作步驟大致如下:

🎵 製作 Audio Spectrum / Waveform 的基本步驟

步驟一:準備工作

  1. 建立新的合成 (Composition):

    • 在專案面板 (Project Panel) 中點擊右鍵或前往 Composition > New Composition...

  2. 匯入音訊檔案:

    • 將你的音樂或聲音檔案拖曳到專案面板中。

    • 將音訊檔案拖曳到時間軸 (Timeline) 中。

  3. 建立新的實色圖層 (Solid Layer):

    • 在時間軸面板中點擊右鍵,選擇 New > Solid... (圖層 > 新增 > 實色)。

    • 這個實色圖層將是視覺化效果的載體。建議將其命名為例如「Spectrum」或「Waveform」。

步驟二:套用效果

  1. 選擇實色圖層:

    • 在時間軸中選擇你剛才建立的實色圖層(例如:「Spectrum」)。

  2. 套用效果:

    • 前往頂部菜單 Effect > Generate (效果 > 產生)。

    • 選擇 Audio Spectrum (音頻頻譜) 或 Audio Waveform (音頻波形)。

步驟三:調整效果控制項 (Effect Controls)

套用效果後,請前往 效果控制項 (Effect Controls) 面板進行設定:

參數 說明
Audio Layer 點擊下拉選單,選擇你的音訊檔案圖層名稱。這是最關鍵的一步! 效果才會隨著音樂跳動。
Display Options

選擇顯示的樣式:

* Analog Lines(類比線條)

* Analog Dots(類比點)

* Digital(數位)


Start/End Point 控制波形線條的起點終點位置。你可以拖曳這兩個點來調整線條的長度或位置。
Frequency Bands 頻譜中的條狀數量(越多越細緻)。
Maximum Height 頻譜或波形跳動的最大高度
Thickness 線條的粗細
Color 頻譜的顏色

🌟 進階技巧:製作圓形頻譜 (Circular Spectrum)

如果你想要做出圍繞圓心跳動的圓形頻譜(類似於 Monstercat 頻譜),可以結合另一個效果:

  1. 完成上述基本步驟(套用 Audio Spectrum)。

  2. 套用 Polar Coordinates:

    • 選擇頻譜實色圖層。

    • 前往 Effect > Distort > Polar Coordinates (效果 > 扭曲 > 極座標)。

  3. 調整 Polar Coordinates 設定:

    • Type of Conversion (轉換類型) 設定為:Rect To Polar (矩形到極座標)。

    • Interpolation (插值) 設定為 100%

  4. 微調 Spectrum 的 Start/End Point:

    • 回到 Audio Spectrum 的設定,微調 Start PointEnd Point,讓圓形的開口完全閉合。

如果想看到更直觀的操作示範,您可以上 YouTube 搜尋關鍵字如:After Effects Audio Spectrum Tutorial 或 AE Circular Waveform,會有大量的教學影片可以參考!



11/13 校外教學

台中美術館

健豪印刷公司


11/11 台風假


11/10 張辰豪老師

照片討論、相機技巧解析、拍攝方式說明


11/7 邢穌玠了解 👍

這裡給你一份針對「品牌形象廣告提案」的完整雛形,以故事性+品牌精神為主軸。
我假設品牌屬性為中小型企業、創作者品牌或服務型品牌(你可再指定)。

🌟 品牌形象廣告提案

主題:打開每一道門,迎向更好的自己

🎯 一、核心概念(Big Idea)

每個人都有一道「門」,代表我們的目標、夢想或恐懼。
品牌的存在,不是替人關門,而是幫助他們找到打開門的力量
這支品牌形象影片以「開門」為象徵,傳達品牌陪伴、啟發與成長的價值。

🧭 二、品牌定位

品牌角色: 啟發者(Enabler)
品牌核心價值: 「陪你一起開啟新可能」
品牌情感溫度: 真誠、專業、希望、信任

🎞️ 三、影片概念架構

【開場】|關上的門

黑暗、靜止的畫面。幾個人面對不同的「門」——
有人猶豫不前、有人被拒於門外、有人手上握著鑰匙卻不敢轉動。
旁白淡出一句話:

「人生的每一道門,都藏著一次改變的機會。」

【中段】|開啟的瞬間

音樂漸起。人們開始一一推開門。
門後的世界各不相同——
光線灑入、風吹來、有人展開旅行、有人重新起步。
畫面節奏加快,象徵勇氣與希望的流動。

「當你準備好,我們就在門的另一邊。」

【結尾】|品牌信念

鏡頭穿過最後一道門,視野開闊,呈現品牌主視覺。
LOGO 緩緩浮現,搭配主標語。

✍️ 四、口號(Slogan)建議:

  1. 開啟可能,成就未來。

  2. 每一道門,都是新的開始。

  3. 與你一起,打開世界。

  4. 開門,就有光。

💬 五、影片語氣與視覺調性:

面向 描述 色調 柔和自然光、溫暖金色或晨光色系 音樂 鋼琴+弦樂,漸進式情緒鋪陳 節奏 前段沉靜、中段啟動、尾段釋放 語氣 溫柔鼓勵、真誠陪伴,不說教、不誇張

💡 六、延伸應用

  • 可作為品牌年度主題影片或形象廣告。

  • 短版剪輯可用於社群開場片頭。

  • 搭配主題活動:「開門行動」「Open Your Story」等互動行銷。

若你願意,我可以依你品牌屬性(例如:3C維修、影像工作室、非營利組織、教育品牌)改寫這份提案,使之完全符合你的品牌故事與調性。


以下是專為「影像工作室(影音製作品牌)」量身打造的
品牌形象廣告提案版本,結合故事敘事與品牌精神,讓人感受到「用影像開啟人與人之間的真實連結」。

🎬 品牌形象廣告提案

主題:打開每一扇門,看見故事的光

🎯 一、核心概念(Big Idea)

每一段影像,都是一扇通往故事的門。
當鏡頭被打開,我們不只是記錄畫面,更是打開了人心深處的情感與記憶

影像工作室的價值,不在於設備多精良,而在於能否「讓觀眾看見真實」。
品牌想傳達的,是:

我們用影像打開世界,用故事連結人心。

🧭 二、品牌定位

品牌角色: 故事的引光者(Story Illuminator)
品牌精神: 「讓真實被看見,讓情感被記住」
品牌核心價值: 專業、溫度、敘事力

🎞️ 三、影片架構概念

【開場】|光未亮之前

畫面黑暗、靜止。
一扇又一扇門靜靜佇立在不同的場景中——
學校走廊、婚禮現場、工廠、街角。
旁白緩緩出現:

「每一扇門,藏著一個故事。」

【中段】|鏡頭打開的瞬間

門緩緩被推開,光線灑入。
相機快門聲響起。
畫面轉換:

  • 一位新娘回眸的笑

  • 一個孩子奔跑的背影

  • 一位職人手上的細節

  • 一個創業者的眼神

每一幕都被光線勾勒出生命的質感。

「我們在每一次拍攝中,找尋故事被點亮的那一刻。」

【結尾】|品牌信念

鏡頭拉遠,顯示拍攝現場。
攝影師放下相機,看向被拍攝者微笑。
畫面漸白,品牌 LOGO 與標語浮現。

傑西影音工作室 JC Studio
打開光,就能看見故事。

✍️ 四、口號(Slogan)建議:

  1. 打開光,看見故事。

  2. 用影像說話,讓情感留存。

  3. 記錄,不只是畫面。

  4. 我們拍的不只是影像,而是生命的片刻。

💬 五、影片風格與語氣設定:

項目 建議 色調 柔和自然光、夕陽橙與晨光白的層次對比 音樂 輕鋼琴+弦樂鋪陳,後段可加入心跳或快門音 節奏 前段緩慢、後段逐漸推進,營造情緒高點 語氣 真誠、溫柔、有信念,不浮誇

💡 六、延伸應用

  • 年度品牌主題影片(可放於網站首頁或展覽開場)

  • 社群短版(15 秒、30 秒)版可作為形象貼文主軸

  • 延伸文案主題:「打開你的故事」「每一刻都值得被記錄」

  • 可搭配實際作品花絮畫面串聯,強化真實感

🧠 七、提案語氣(Pitch 精神)

「我們不是在拍影片,我們在拍
我們不追求特效的炫麗,而追求光影中的真實。
因為每一扇門後,都有一段值得被記錄的故事。」



11/7 John

這個效果在 AE(After Effects)裡通常叫作「照片穿越」或「開門轉場」(Door Opening Transition)。你可以理解為一張張照片像門一樣往左右(或上下)打開,畫面接續不斷。以下是完整製作流程👇

🎬 目標效果

多張照片依序從畫面前方「打開」滑過,就像一扇扇門打開後又關上,接著下一張出現,形成流暢的穿越感。

🧩 步驟一:準備素材

  1. 匯入所有照片(建議尺寸一致)。

  2. 將它們依序放入時間軸,每張間隔約 1 秒(可依節奏調整)。

🪞步驟二:建立 3D 空間

  1. 選取所有照片,啟用 3D Layer(立方體圖示)

  2. 開啟相機(Layer → New → Camera),焦距可設 35mm。

  3. 建立一個 Null Object(Layer → New → Null Object),命名為「Camera Control」,並開啟 3D。

  4. 將相機「Parent」到 Camera Control,方便控制移動。

🚪步驟三:開門動畫(以一張照片為例)

  1. 將第一張照片的 Anchor Point 移到左側邊緣(用 Pan Behind Tool 鍵 Y 移動)。

  2. 在 Y Rotation(或 X Rotation)上設關鍵影格:

    • 開始時:Y Rotation = 0°

    • 結束時:Y Rotation = -90°(往內開門)

  3. 下一張照片的 Anchor Point 設在右邊邊緣,Rotation 往相反方向開(+90°),這樣像兩扇門開啟。

🌌 步驟四:照片穿越與切換

  1. 讓相機(或 Camera Control)沿著 Z 軸往前移動(例如從 Z=0 到 Z=-2000),營造「穿過照片」的感覺。

  2. 每張照片的開門動畫與相機移動搭配,時間上要略微交疊,讓畫面不中斷。

  3. 可以在相機運動軌跡上加 Ease In/Out 平滑過渡。

✨ 步驟五:細節與強化

  • 在開門過程中加上 Motion Blur(動態模糊) 提升真實感。

  • 可加入 Light Layer(Layer → New → Light),讓光線隨相機移動而變化。

  • 若想更戲劇,可在開門時加入「光線閃爍」或「粒子穿越」。

🎁 進階技巧(可選)

  • CC Page Turn 效果可快速模擬「頁面翻開」感覺。

  • 若要「多張照片連續穿過眼前」:可將多張照片排成一條 Z 軸長廊,讓相機沿 Z 軸平移即可。



11/6 陳裕旻老師

PTH-451 是 Wacom Intuos Pro 系列數位板的一個型號,屬於小型 (Small) 專業繪圖板。

要開始使用 PTH-451,主要步驟包括安裝驅動程式連接/設定學習使用其核心功能

以下是 PTH-451 的完整使用方法指南:

🛠️ 第一步:設定您的裝置 (驅動程式與連線)

PTH-451 是一款需要驅動程式才能正常運作的數位板。

1. 安裝 Wacom 驅動程式

  • 下載: 請到 Wacom 的官方網站「支援」頁面,輸入您的產品型號 (PTH-451),下載並安裝最新版的數位板驅動程式。

  • 重要: 在安裝驅動程式之前,請不要將數位板連接到電腦。安裝完成後,通常需要重新啟動電腦。

2. 連接數位板

PTH-451 支援兩種連線方式:

  • USB 連線 (有線):

    • 將 USB 連接線的一端連接到 PTH-451 的埠口,另一端連接到電腦的 USB 埠。

    • 連線成功後,數位板上的狀態指示燈會亮起(通常是白光)。

  • 無線連線 (Wacom 無線模組):

    • PTH-451 支援無線操作,但通常需要安裝隨附的 Wacom 無線模組和電池

    • 將無線接收器連接到電腦的 USB 埠。

    • 數位板應在幾秒內自動搜尋並連線。

🖊️ 第二步:核心功能的使用

PTH-451 主要功能是數位筆輸入多點觸控

1. 使用數位筆 (Pen Mode)

這是繪圖板最主要的功能:

  • 筆尖定位: 將筆尖靠近數位板的有效工作區(感應區域),螢幕上的游標會立即跳至筆尖的對應位置。

  • 繪圖/點擊: 輕觸數位板表面即為「點擊」,壓力感應讓您可以畫出粗細不同的線條。

  • 自訂按鈕: 數位筆側面的兩個按鈕可以自訂功能(例如:右鍵點擊、平移、縮放等)。

2. 使用多點觸控 (Touch Mode)

PTH-451 支援多點觸控手勢,類似智慧型手機:

  • 啟用/停用: 數位板上有一個觸控切換滑桿,可以切換開啟或關閉觸控功能。

  • 標準手勢:

    • 一指: 移動游標 (滑鼠模式)。

    • 兩指: 滾動 (捲動頁面或畫布)。

    • 三指: 常用於應用程式切換或啟動特定功能。

    • 捏合/擴張: 縮放畫布或文件。

⚙️ 第三步:自訂與優化 (Wacom 數位板內容)

安裝驅動程式後,您可以在電腦的系統設定中找到 Wacom 數位板內容 (Wacom Tablet Properties) 程式。這是您調整數位板所有設定的地方:

設定項目 可自訂功能
ExpressKey™ 快速鍵 PTH-451 有 6 個可自訂的實體按鈕。您可以為每個按鈕指派鍵盤快捷鍵、滑鼠點擊或導覽功能。
Touch Ring 觸控環 觸控環可以切換四種不同的功能模式(例如:縮放畫筆大小圖層切換等),並透過旋轉來控制數值。
數位筆設定 調整筆尖的壓力感應靈敏度,自訂筆側按鈕的功能,以及調整橡皮擦的靈敏度。
映射 調整數位板的有效工作區對應到電腦螢幕的方式(例如:全螢幕、單一螢幕、或僅對應螢幕的一部分)。

提示: 您可以為不同的軟體(例如 Photoshop、Illustrator、Painter 等)單獨設定不同的快速鍵配置,讓數位板操作更有效率。



11/5 林金露老師


11/5 賀聖倫老師

覺得自己讓 C4D。。。


11/4 林金露老師 

在 **XnView** 中執行「批次改檔名」非常方便,以下是詳細步驟說明(適用於 XnView Classic 或 XnView MP,大同小異):

---

### 🧩 方法一:使用「批次重新命名」功能

#### 📍步驟說明:

1. **開啟 XnView**。

2. 在檔案瀏覽器中,**選取要改名的多個檔案**(可用 Ctrl 或 Shift 多選)。

3. 按下快捷鍵 **F2**,或從上方選單選擇:

```

工具 → 批次重新命名(Batch Rename)

```

4. 會開啟一個「批次重新命名」對話框,這裡可以設定新的命名規則。

---

### ⚙️ 命名設定範例:

在「名稱模板(Name template)」欄位輸入規則,例如:

* `旅遊照片_###` → 結果:旅遊照片_001、旅遊照片_002、旅遊照片_003

* `<Filename>_改` → 結果:原檔名_改

* `<Date Taken>_<Filename>` → 加上拍攝日期

常用代碼(可按「插入」按鈕看到全部):

  • 代碼 | 意義 |
  • ----------------------- | ----------- |
  • `<Filename>` | 原檔名(不含副檔名) |
  • `<Ext>` | 副檔名 |
  • `<Counter>` 或 `#` | 數字遞增編號 |
  • `<Date>`、`<Date Taken>` | 檔案或 EXIF 日期 |

---

### 🧮 其他選項:

* **輸出資料夾**:可選擇是否保留原資料夾或另存新位置。

* **副檔名大小寫轉換**:可改為小寫或大寫(如 `.JPG` → `.jpg`)。

* **預覽視窗**:可先預覽改名結果,確認無誤再執行。

---

### ▶️ 執行:

全部設定好後,按 **「重新命名 (Rename)」**。

XnView 就會依照規則自動幫所有選取檔案改名。

---

### 💡 小技巧:

* 若要同時改名與轉檔,可使用 **「批次轉換 (Ctrl+U)」**,裡面也有「重新命名」選項。

* 若要避免覆蓋同名檔案,請勾選「如果檔案存在則自動加編號」。

很好 👍

你這次要的是「**批次更改檔案大小**」,也就是 **批次縮放(調整圖片尺寸)**。

這個功能在 **XnView** 裡也有,而且很強大!以下是詳細教學 👇

---

## 🧩 在 XnView 中批次更改圖片大小(縮放尺寸)的方法

### ✅ 方法一:使用「批次轉換」功能(推薦)

#### 📍步驟:

1. **開啟 XnView**。

2. 在左側瀏覽器中,選取你要改尺寸的多個圖片檔案。

3. 按下快捷鍵 **Ctrl + U**

或從選單點擊:

```

工具 → 批次轉換 (Batch Convert)

```

4. 會開啟「批次轉換」視窗。

---

### ⚙️ 設定步驟:

#### ① 「輸入」頁籤:

* 確認已選取正確的檔案。

* 若還沒選,可以點「新增」手動加入。

#### ② 「輸出」頁籤:

* 選擇「**轉換後的儲存資料夾**」。

* 請勿覆蓋原圖,建議放到新資料夾裡(避免誤改)。

#### ③ 「轉換」頁籤 → 按下「**新增動作**」:

* 選擇 **「調整大小(Resize)」**。

---

### 🧮 調整大小設定範例:

  • 選項 | 說明 |
  • ------------------------ | ------------------------------ |
  • **寬度 / 高度** | 例如輸入「1920」x「1080」或只填一邊(自動等比例)。 |
  • **保持比例(Preserve ratio)** | ✅ 建議勾選,避免圖片變形。 |
  • **使用高品質重取樣** | ✅ 勾選(畫質較好)。 |

你也可以用百分比縮放:

* 選「百分比」,輸入例如「50%」就可把圖片縮小一半。

---

#### ④ 其他可選動作:

你可以在同一批次裡同時做其他事,例如:

* 重新命名

* 轉檔格式(如 JPG → PNG)

* 加上浮水印

* 調整亮度、對比等

---

### ▶️ 執行:

全部設定好後,按下「**開始(Start)**」,

XnView 就會批次處理所有圖片,並輸出到你設定的資料夾中。

---

### 💡 小技巧:

* 若你只想縮小檔案容量(不一定改解析度),可以:

* 在「轉換」動作中加「**改變壓縮品質(JPEG quality)**」。

* 例如設定 JPEG 品質為 80%。

* XnView MP 支援更多格式與更快的批次處理,建議用新版。

非常好 👍

你問的 **「Cpanel 操作」** 是網頁設計與網站管理中非常重要的一環。

下面我幫你整理出 **Cpanel 的基本操作與常見用途教學**,讓你快速上手:

---

## 🧩 一、什麼是 cPanel?

**cPanel** 是一種圖形化的網站主機管理介面(Control Panel),

主要用來管理你網站的所有功能,例如:

* 上傳/管理網站檔案

* 建立電子郵件帳號

* 管理資料庫

* 安裝 WordPress、SSL 憑證

* 查看網站流量與主機資源使用狀況

---

## 🧭 二、登入方式

通常主機商會提供登入網址,例如:

```

https://你的網域.com/cpanel

```

```

https://主機商提供的網址:2083

```

登入後就能進入 cPanel 介面。

---

## ⚙️ 三、常見操作功能分類

### 🔹 1. 檔案管理(File Manager)

* 管理你網站的所有檔案與資料夾。

* 網站主檔案通常在:

```

public_html/

```

* 可直接上傳、下載、刪除或線上編輯檔案(例如 index.html、style.css)。

🪄 **常見用途:**

* 上傳網站檔案。

* 修改網頁原始碼。

* 解壓縮 ZIP 壓縮包。

---

### 🔹 2. 網域與子網域(Domains / Subdomains)

* **附加網域 (Addon Domain)**:綁定另一個網域到主機上。

* **子網域 (Subdomain)**:建立像 `blog.example.com` 的子站。

* **重新導向 (Redirects)**:設定自動跳轉,例如從 `https://` → `https://`。

---

### 🔹 3. 資料庫管理(MySQL Database / phpMyAdmin)

* 建立 MySQL 資料庫與使用者帳號。

* 使用 **phpMyAdmin** 管理資料(常用於 WordPress、Joomla、Drupal 等)。

🪄 **常見用途:**

* 匯入/匯出資料庫。

* 修改網站設定表格。

---

### 🔹 4. 郵件(Email Accounts)

* 建立公司信箱,例如:

```

info@你的網域.com

```

* 可設定轉寄、自動回覆、垃圾郵件過濾等。

---

### 🔹 5. SSL / HTTPS

* 在 **「SSL/TLS」** 或 **「Let's Encrypt」** 中安裝免費 SSL 憑證。

* 安裝後網站就能使用 HTTPS 安全連線。

---

### 🔹 6. 軟體安裝(Softaculous Apps Installer)

* 一鍵安裝各種網站系統:

* WordPress

* Joomla

* phpBB

* Prestashop 等。

🪄 **WordPress 範例:**

1. 點選「Softaculous Apps Installer」

2. 選 WordPress → 安裝 → 選擇網域與資料夾 → 完成

3. 安裝完成後即可登入 `你的網域.com/wp-admin`

---

### 🔹 7. 備份與還原(Backup / Backup Wizard)

* 可將整個網站(含檔案 + 資料庫)打包備份。

* 可隨時手動下載備份,或還原舊版本。

---

### 🔹 8. 流量與主機狀態(Metrics)

* 查看網站訪客數、流量來源、主機 CPU、磁碟使用量等。

---

## 💡 四、小技巧建議:

  • 需求 | 對應功能 |
  • ------------ | --------------------- |
  • 上傳網站檔案 | File Manager / FTP 帳號 |
  • 建立網站信箱 | Email Accounts |
  • 安裝 WordPress | Softaculous Installer |
  • 調整 PHP 版本 | MultiPHP Manager |
  • 設定 SSL | SSL/TLS Manager |
  • 備份整站 | Backup Wizard |

---

## 🧰 五、延伸建議

* 若你是**網頁設計師**,熟悉 cPanel 能讓你獨立完成整個網站部署。

* 若你有多個客戶網站,可用「附加網域」集中管理。

* 若要提高速度與安全,可搭配:

* Cloudflare CDN

* 自動 SSL 更新

* 資料庫最佳化(phpMyAdmin)

當然有,以下推薦 **三款免費(或有免費方案)虛擬主機服務**,你可依照你的用途(例如:實驗、小型網站、個人作品集)選擇。每一款我也會簡單說明優缺點,方便你比較。

---

## 📋 推薦清單

### 1. InfinityFree

* 免費方案內容:提供 5 GB 磁碟空間、**不限帶寬**,支援 PHP 8.3 + MySQL/MariaDB,且可使用自己域名或免費子域名。 ([InfinityFree][1])

* 無強制在網站上放廣告。 ([InfinityFree][1])

* 適合用途:想要架個小型動態網站(如 WordPress)但預算為零。

* 注意事項/缺點:免費方案雖然不限帶寬,但實際性能可能有限;且支援可能較少。 ([Themeisle][2])

### 2. AwardSpace

* 免費方案內容:可託管 1 個域名 + 附加最多 3 個子域名;提供免費主機並且聲稱沒有廣告。 ([awardspace.com][3])

* 適合用途:個人或初學者做練習/測試用途。

* 注意事項/缺點:磁碟空間與功能較受限,相對專業用途或大流量網站會比較吃力。

### 3. FreeHosting.com

* 免費方案內容:可使用 cPanel 控制面板,支援自己域名、無廣告。 ([freehosting.com][4])

* 適合用途:需要較為「像付費主機那樣」控制面板管理的免費選項。

* 注意事項/缺點:雖然「免費」,因為資源較有限,長期穩定性或高流量情況可能會受限制。

---

## 🧐 選擇免費主機時的建議與提醒

* **資源限制**:免費主機通常在磁碟空間、資料庫、CPU/記憶體、訪問流量上會有限制。 ([Bluehost][5])

* **支援與可靠性**:免費方案在客戶服務、備份與 SLA(服務等級協議)方面通常不如付費方案。

* **擴充性**:若網站未來成長(流量變大、功能變多),可能需考慮升級或轉付費主機。

* **自己的域名 vs 子域名**:免費主機有些僅提供子域名(如 yoursite.provider.com),如果你要用自己的網域(如 yoursite.com)要確認支援情況。

* **廣告、品牌標示**:有些免費主機會在你的網站或控制臺加上自己的廣告或品牌標示,需要留意。

* **適用場合**:免費主機最適合:個人實驗、作品集、小型網站、教學專案,而不是大型商業網站或需要高效能的重要站點。


[1]: https://www.infinityfree.com/?utm_source=chatgpt.com "InfinityFree: Free Web Hosting with PHP and MySQL"

[2]: https://themeisle.com/blog/best-free-website-hosting/?utm_source=chatgpt.com "20 Best Free Website Hosting Services to Consider in 2025"

[3]: https://www.awardspace.com/free-hosting/?utm_source=chatgpt.com "Free Hosting - AwardSpace.com"

[4]: https://www.freehosting.com/?utm_source=chatgpt.com "Free Hosting - Your Domain, Unlimited Bandwidth, PHP & MySQL ..."

[5]: https://www.bluehost.com/in/blog/best-free-website-hosting-service/?utm_source=chatgpt.com "12 Best Free Website Hosting Services Compared for 2024 - Bluehost"






11/3 李森洋老師

期末作業項目選擇

組別腳本討論、週二課程作業分組或獨立拍攝。


11/3 張辰豪老師

照片討論、試拍

下週全天課程


Create your website for free! This website was made with Webnode. Create your own for free today! Get started