實作學習講義首爾旅遊行銷跨媒體專案

Canva
全能小編實作課

從零打造一個首爾自由行品牌:社群貼文、企劃書與提案簡報、宣傳短影音,到一頁式官網,一條工作流做完。

使用 ← → 鍵或下方按鈕切換頁面

課程地圖

四個模組,一條產出鏈

模組一

社群圖文設計實務

首爾自由行促銷貼文 ×2,模板、AI 去背、遮罩浮水印、PNG 導出。

模組二

多頁文件與簡報製作

Canva Docs 四天三夜企劃書、16:9 提案簡報、圖表與動畫。

模組三

短片剪輯與音訊處理

時間軸剪輯、文字置於建築後方、航線動畫、降噪、Beat Sync、AI 字幕。

模組四

單頁式網站架設與發布

Vision Travel 品牌官網:表單整合、嵌入輪播、導覽選單、自訂網域。

01

社群圖文設計實務

首爾自由行促銷貼文

本模組產出

兩款臉書貼文(940 × 788 px),匯出為 PNG。

1.1平台基礎與專案建立

先選對工作環境

網頁版

跨裝置即時同步,不佔本地硬體資源,打開瀏覽器就能做。

桌面應用程式

處理多頁、高解析度檔案時渲染更順暢。首頁右上角選單 →「取得 Canva 應用程式」。

帳號與試用

可用 Google 或 Facebook 帳號快速登入。新用戶享 30 天 Canva Pro 免費試用,可完整使用進階素材與 AI 工具,期間內隨時取消不收費;試用結束回到免費版,基本功能也足以應付多數行銷設計。

1.1平台基礎與專案建立

免費版 vs Pro 試用版

面向Canva 免費版Canva Pro 試用版(進階效益)
影音與圖片素材免費圖片、向量貼圖與基礎音訊,但標示受限超過 1 億種皇冠素材:專業攝影圖片、4K 影片、無版權音樂、高級設計元件
視覺編輯僅能微調色溫、亮度、對比與套用濾鏡AI 一鍵去背、魔法橡皮擦、魔法抓取、AI 廣告文案生成
範本與品牌可用免費貼文與簡報範本,無法自動調整尺寸解鎖 Pro 範本、「一鍵調整尺寸(Resize)」、建立品牌色彩字型庫
1.1平台基礎與專案建立

建立「首爾自由行」臉書貼文

  1. 登入 Canva 首頁,點擊右上角 「建立設計」。
  2. 在類別列表選擇 「社群媒體」。
  3. 選左起第二個 「臉書貼文」(940 × 788 px),自動建立空白畫布。
  4. 在編輯頁右上角名稱欄位,改名為「首爾自由行促銷貼文」。
為什麼要先命名

專案一多,雲端資料庫靠名稱搜尋與追蹤版本。開工第一步就命名,後面省很多找檔時間。

1.2貼文設計一:模板套用與文字編修

從範本出發,改成自己的

左側「設計」頁籤搜尋 韓國 旅遊,套用合適範本後開始編修:

  • 清理元素:點選不需要的裝飾或文字,按 Delete。
  • 改標題與字型:換成中文促銷字樣,字型改為親和的「可畫軟糖體」(也可上傳 .otf / .ttf 品牌字型)。
  • 字距與版面:工具列「間距」把字母間距調到約 -180;拖曳四角等比縮放,拖曳底部圓形旋轉桿微調角度。
Pro Tip

字距微調的視覺設計學

中文粗體標題的預設字距常過鬆,削弱張力。調到 -180 讓標題成為緊密的「文字區塊」,在動態牆上更有衝擊力。

1.2素材替換與 AI 背景移除

換背景、加人物、一鍵去背

  1. 切到「元素」面板,搜尋 首爾 找高解析風景照。
  2. 把照片拖到畫布背景位置,系統自動替換背景。
  3. 插入人物旅遊照增加情境感;背景太雜就點「編輯」→「背景移除工具」。
  4. 去背後到「調整」微調色溫、亮度、對比,讓人物融入新背景(過頭可按「重設」)。
So What?

對擺好的背景或人物按右鍵 「鎖定」,框選標題時就不會誤選。筆刷元件擋到人物手指時,用「向後移動」或「圖層面板」拖到人物下方,前後層次就能精準掌控。

1.3貼文設計二:背景、邊框與快捷鍵

對稱邊框的精密對齊

新增頁面:Page Up/Page Down 切頁,Ctrl+滾輪縮放,右下角「符合畫面大小」重設檢視。

  1. 點畫布背景自訂色彩(相片擷取色或按 + 輸入色碼);搜尋傳統邊框放左下角並塗棕色。
  2. 按住 Alt/Option 拖曳複製,工具列「翻轉」→「水平翻轉」。
  3. Shift 複選左右邊框,往中間移到出現紫色垂直參考線即置中。
  4. 複製到上方並「垂直翻轉」,Ctrl+A 全選四個邊框後「鎖定」。
繪圖快捷鍵
R矩形
C圓形
T文字框
Alt+拖曳角中心點固定縮放
Shift多選/軸向鎖定
Ctrl+A全選頁面物件
1.3邊框遮罩 × AI 影像產生器

做一枚宮殿浮水印

畫布中央圖層結構 棕色圓形(C) 圓形邊框遮罩 雙色調宮殿剪影
  1. AI 影像生成:側邊欄「AI 影像產生器」→「圖像」,輸入「韓國傳統宮殿的黑白剪影」→「產生圖像」。
  2. 雙色調轉化:生成圖是點陣圖不能直接換色,點「編輯」套用「雙色調」,陰影與亮部改成品牌米黃色並調淺。
  3. 合成浮水印:拖入圓形邊框(超出自動隱藏,右鍵「分離圖片」可取出),與棕色圓形組成群組並調低透明度。
1.3–1.4特效文字、配色與專案管理

讓標題被看見

標題與文字特效

  1. 插入手繪筆刷字體,輸入 SEOUL,套用深灰色。
  2. 按 T 新增副標「首爾自由行」(白色、粗體)。
  3. 「文字特效」可選陰影、外框;本例用深灰 「背景」色塊拉高對比,「彎曲」則能貼合徽章或圓形邊框。

一鍵換配色

「設計」→「樣式」點任一調色盤,Canva 會把配色循環套用到全頁,方便快速比較視覺風格。

專案資料夾歸檔

左側「專案」面板新增資料夾,依專案類別、客戶或上架日期整理作品。

1.4多頁面導出

PNG 導出設定

  1. 點擊右上角 「分享」。
  2. 選擇 「下載」。
  3. 檔案類型選 PNG(社群圖檔品質最佳)。
  4. 在「選擇頁面」勾選要匯出的頁面,例如第 1、2 頁。
  5. 點擊 「下載」 完成。
接下來

同樣的元件邏輯與 AI 工具,延伸到多頁的企劃文件與提案簡報。

02

多頁文件與簡報製作

首爾行程規劃與提案簡報

本模組產出

四天三夜 Docs 企劃書(PDF / Word)與 16:9 動態提案簡報。

2.1Canva Docs 企劃書製作

用 Markdown 語法快速排版

首頁「建立設計」→ 選 Docs(文件),開始撰寫首爾四天三夜企劃書。

輸入語法介面觸發方式輸出結果
# + 空白鍵工具列 H1,或 + 選單(斜線 /)一級大標題(文件主標題)
## + 空白鍵工具列 H2,或反白文字設定二級副標題(章節標題)
* + 空白鍵+ 選單「項目符號清單」圓點項目符號清單
1. + 空白鍵直接輸入 1. 加空白鍵自動遞增編號清單
Ctrl+B工具列粗體圖示選取文字設為粗體
2.1清單階層、AI 寫作與表格

結構清楚,輸出不跑版

清單階層

Tab 向右縮排一層,Shift+Tab 還原上一層。

複製樣式

反白設好的文字,點「複製樣式」刷子,再劃過目標文字即同步格式。

魔法文案工具

+ 選單輸入 Prompt(如「首爾四天三夜行程特色」)自動生文;鉛筆圖示調文風字數,也能翻譯。

表格快速複製
Ctrl+A 全選表格→Ctrl+C 拷貝→右下儲存格按 Tab 新增空行→Ctrl+V 貼上

一次複製出第二到第四天的行程表。Shift 選多格後右鍵「合併儲存格」;頁首可插入「2 欄」放 Logo 與聯絡資訊。

記得插入分頁符號

游標放在段落標題前,從 + 選單插入「分頁符號」,下載 PDF 時標題與表格就不會被拆到不同頁。

2.2Canva 簡報設計與版面佈局

三個 AI 圖像修飾工具

建立 16:9 簡報,可「套用全部」範本頁;右下角「網格模式」篩選、刪除、重排投影片,雙擊縮圖回單頁編輯。

工具觸發路徑解決什麼問題
魔法橡皮擦點圖片 →「編輯」→「魔法橡皮擦」塗抹即消除雜亂人影或雜物,不必開修圖軟體
AI 裁切與展開點圖片 →「裁切」→「展開」→「完整頁面」AI 延伸圖片邊界,鋪滿 16:9 投影片
魔法抓取點圖片 →「編輯」→「魔法抓取」主體獨立成圖層,可在人物後方排巨型文字,做出空間感
2.2視覺可讀性優化

照片再搶眼,字也要看得清

  1. 更換背景:右鍵圖片「更換背景」鎖成底圖;要再編修就「分離圖片背景」。
  2. 漸層遮罩:按 R 建立矩形,設「黑色至透明」漸層蓋在照片上,白色標題立刻清楚。
  3. 影片背景:動態背景時,在文字下方墊一塊低透明度、大圓角矩形。
Pro Tip

漸層透明度歸零法

矩形選「黑色至深灰」漸層,按色彩面板 + 號,把深灰端透明度調到 0%。得到一張沒有邊界感的半透明遮罩,保留背景細節,白字依然 100% 可讀。

2.3數據圖表與動態效果

折線圖與轉場、動畫

首爾四季氣溫趨勢

  1. 「元素」搜尋 圖表,選 折線圖(最適合時間連續趨勢)。
  2. 直接在內建表格輸入,或「新增」→「上傳資料」匯入 Excel。
  3. 「值」只勾「氣溫」、取消「月份」,再到「設計」面板美化。
轉場 Transitions動畫 Animations
作用對象頁面與頁面之間單頁內的元件、文字、圖片
常見類型流動、圓形擦除、溶解、堆疊、直線擦除打字機、上升、移位、線條出現、彈跳
使用建議控管章節轉換流暢度,可一鍵套用全頁優先用「進入」類型,避免畫面過於繁雜
2.3–2.4序列控制與發布匯出

掌握節奏,多管道發布

按一下時出現

在動畫設定點「按一下時出現」,於底部時間軸排順序。重點文字與圖表隨講者點擊依序浮現,掌握聽眾注意力。

魔法動畫工具

點投影片背景啟用,AI 分析頁面元件屬性與位置,一鍵配對整體動態風格。

Docs 匯出

「分享」→「下載」選 PDF 或 Word,匯出前先確認分頁符號。

簡報展示與下載

右上角「展示」全螢幕播放;「下載」可選 PowerPoint (.pptx) 或 PDF。

公開觀看連結

「分享」→「觀看連結」,產生免登入即可在瀏覽器開啟的網址。

03

短片剪輯與音訊處理

首爾旅遊宣傳短影音

本模組產出

1080p 宣傳短片(MP4),含片頭特效、航線動畫、旁白與字幕。

3.1影片專案設定與時間軸基礎

時間軸剪輯基本功

建立 1080p 影片專案,搜尋「首爾」影片右鍵「設為背景」,空白鍵 播放/暫停。

分割 S

播放頭移到剪輯點按 S,選取無用片段按 Delete。

非破壞性修剪

拖曳片段兩側控制桿修剪長度,素材完整保留,隨時能拉回。

照片揚升

靜態風景照太單調時套用,營造緩慢鏡頭推進的氣氛。

排序與靜音

上傳本地影片拖入時間軸重排;素材有雜音就把原始音訊設為「靜音」。

3.2高階片頭動畫

文字置於建築物後方

  1. 樂天世界塔影片拖入時間軸,右鍵「設為背景」。
  2. 「應用程式」搜尋開啟 Design to Image,把第 1 頁匯出成靜態圖插入畫布。
  3. 「編輯」→「背景移除工具」刪掉天空,只留建築物前景。
  4. 原背景影片 Ctrl+X 剪下、Ctrl+V 貼回,右鍵「設為背景」。
  5. 調圖層:大標題 SEOUL 放在去背建築之後、影片背景之上。
景點字卡 Lower Third

元素搜尋 Lower Third 放左下角,加上「仁川國際機場」,Shift 複選後組成群組,套用「線條出現」(方向靠右)。

背景偏暗時「編輯」→「調整」提高亮度、加深陰影,字卡更清楚。

3.3地圖航線動畫與 Mockup

畫出一條飛行軌跡

以 Google Map 截圖為背景:

  1. 按 C 產生桃園機場與首爾兩個圓形,套用「彈跳」。
  2. 按 L 產生直線,改虛線、加粗、型態設「彎曲」,套用「擦去」。
  3. 時間軸錯開順序:起點彈跳 → 航線擦去 → 終點彈跳。
桃園首爾

網頁 Mockup

Apps 搜尋「樣張(Mockups)」,把網站首頁截圖拖進樣板,快速做出網頁展示畫面。

漸暗片尾

按 R 建黑色矩形並降透明度,在時間軸上把矩形與片尾標題一起延後出現,畫面漸暗、文字浮現。

3.4旁白錄製、音訊優化與 BGM

音訊處理三大關鍵

降噪

旁白音軌啟用右上角「強化口吻」,AI 自動掃除冷氣、風扇、交通等背景雜音。

語速調整

微調影片播放速度,讓畫面長度剛好貼合旁白。

節拍對齊

上傳配樂後開「顯示節拍標記」看鼓點,或直接「立即同步(Beat Sync)」自動對齊剪輯點。

內建錄音與獨立音軌

在 Canva 內錄製旁白,錄完對影像選單執行「擷取音訊」,旁白就獨立成下方音軌,再刪掉不需要的攝像頭圖層。

3.5AI 字幕生成與成品導出

手動字幕 vs AI Captions

手動字幕(文字框 + 背景色塊)AI Captions 自動字幕
流程按 T 輸入語音內容,文字特效加 50% 透明背景色塊,於時間軸逐句對齊無字幕影片導出 MP4 → 上傳到新影片專案 →「文字」分頁啟用 Captions → 自動辨識
優勢位置、時間點、文字精準度高,排版完全自由極速產生全片字幕,省去打字與對時間軸
劣勢非常耗人力,不適合長篇語音需先匯出一次 MP4;若出簡體要右鍵翻譯成繁體
適用情境少量重點標語、短秒數品牌片頭長篇旁白宣傳片、景點導覽短片
04

單頁式網站架設與發布

Vision Travel 品牌一頁式官網

本模組產出

整合表單、輪播與社群連結的官網,綁定自訂網域上線。

4.1主視覺橫幅與外部表單連結

預訂按鈕連到表單

  1. 主視覺:「建立設計」選「網站」,首爾風景照置底,編修優惠標題與預訂按鈕。
  2. 綁定 Google 表單:複製公開表單連結,選取按鈕右鍵「新增連結」(或 Ctrl+V)貼上。
  3. 多裝置預覽:右上角「預覽」切換桌面/手機,實際點按鈕測試表單能否開啟。
Pro Tip

手機版面手動檢查

手機模式下多欄會自動變成單欄堆疊。預覽時務必檢查上下留白、換行斷詞與按鈕點擊範圍,避免文字重疊或擁擠。

4.2三欄式服務特色與東方風格背景

三欄統一,一刷完成

新增頁面自訂品牌色背景;「設計」→「版面配置」套用 3 欄式:歷史古蹟、購物天堂、美食巡禮。

三欄式視覺統一工作流
第一張照片設米色邊框→點「複製樣式」刷子→劃過第二、三張照片→全頁樣式統一
So What?

相框顏色與邊角弧度一鍵同步,可減少 70% 以上重複設定時間,品牌視覺也保持一致。

傳統紋樣浮水印

紋樣調米色、降透明度放最底層,Alt 拖曳複製鋪滿全頁;「頁面」標籤可套用平移、揚升、淡化動畫。

4.3品牌願景與創意雙欄版面

關於我們卡片與AI 展開

  1. R 建米色圓角矩形,T 加「關於我們」,L 拉粗細 1 的垂直分隔線,再貼上經營理念;把卡片移到主視覺正下方建立信任感。
  2. 插入首爾塔照片,「裁切」→「展開(Full Page)」讓 AI 把天空向上延伸,騰出文字空間。
參數設定視覺引導作用
亮度與陰影調高亮度、加深陰影明暗層次分明,突顯建築質感
飽和度提高天空藍與城市色彩更鮮豔
清晰度提高強化首爾塔鋼骨結構細節
暈影加深四周視線聚焦於中央主題與兩側文字
4.4動態輪播卡片與表單整合

用嵌入簡報做出輪播

Canva 網站沒有原生輪播元件,改用嵌入簡報:

  1. 建立自訂尺寸簡報 1366 × 560 px。
  2. 做客戶推薦卡片(矩形、圓形邊框、星星評分),Ctrl+D 複製頁面。
  3. 頁間設「滑動」轉場,點「套用至所有頁面」。
  4. 「分享」→「嵌入」,複製 src 內以 https 開頭的 view 連結。
  5. 回網站專案,Apps 搜尋「embed」貼上連結並調整尺寸。
只貼 src 網址

Google 表單「嵌入 HTML」只複製 src="https://..." 裡的網址;整段 <iframe> 貼進 Embed App 會載入失敗。

美化覆蓋

表單頁首不搭時,疊一塊與網站同色的矩形蓋住,再重新加上標題與歡迎語。

頁尾

深色背景放聯絡資訊,IG、FB 圖示右鍵「新增連結」綁定社群網址。

4.5導覽選單與 GoDaddy 自訂網域

網域指向 Canva

替各區塊頁面命名,預覽勾「包含導覽選單」自動產生頂部導覽(目前僅支援單頁內跳轉)。「發佈網站」時開啟手機版面最佳化,於 GoDaddy「管理 DNS」設定:

類型名稱內容值設定邏輯
A@Canva 提供的第一組 IP根網域對應 Canva 伺服器;先刪除原有重複 A 記錄
AwwwCanva 提供的同組 IP讓 www 網址也能連線;先刪除原有 www A 記錄
TXT@Canva 提供的驗證碼向 Canva 驗證網域所有權
Pro Tip

同名稱有多筆 A 記錄會解析衝突。新增 Canva IP 前,先把 GoDaddy 預設的舊 A 記錄刪乾淨。

生效約需 20 分鐘至 72 小時,完成後會收到 Canva 確認信。在 GoDaddy 買網域,建議關閉自動續約以防意外扣款。

4.6課程總結

一條完整的
跨媒體實作鏈

社群圖文→Docs 企劃與簡報→影音剪輯與 AI 聲光同步→品牌一頁式官網

零基礎也能掌握 Canva,並套用到各種數位行銷與專案發表情境。

附錄 5.1常用快捷鍵彙整

快捷鍵一頁看完

R矩形
Tab / Shift+Tab清單縮排 / 還原
C圓形
Alt/Option+拖曳複製 / 中心點等比縮放
T文字方塊
Shift+點選/移動多選 / 軸向鎖定
L直線
Ctrl+A全選物件或表格
S影片時間軸分割
Ctrl+C / V複製 / 貼上
/ 或 +Docs 元素選單
Ctrl+X剪下
# / ##+空白Docs H1 / H2 標題
Ctrl+B粗體
1. / *+空白Docs 編號 / 項目清單
Ctrl+D快速複製頁面或卡片
附錄 5.2Canva AI 魔法工具集錦

AI 工具速查表

工具核心功能與應用情境
魔法文案工具 Magic Write生成段落文案,可改寫文風、增刪字數、多國語言翻譯
背景移除工具 Background Remover一鍵去背,快速提取人物或景點主體
魔法橡皮擦 Magic Eraser塗抹即消除照片中的雜亂人影或干擾物
AI 影像產生器輸入提示詞,不到一分鐘生成獨特行銷圖像
AI 裁切與展開 Magic Expand擴展照片邊界,延伸天空或背景以適應版面
魔法抓取 Magic Grab將主體提取為獨立圖層,靈活安排前後層次
魔法動畫工具 Magic Animate分析投影片元件位置,一鍵配對流暢動態
強化口吻 Enhance Voice消除旁白背景噪音,優化音質
Beat Sync 節奏同步辨識音樂鼓點,剪輯點自動對齊節奏
Captions 自動字幕語音轉字幕,支援簡轉繁與字型樣式

正在匯出 PDF

準備中…