<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Runway｜林鼎淵 Dean Lin</title>
    <link>https://deanlin.net/tags/runway/</link>
    <image><url>https://deanlin.net/images/author_hu_aa256fc934e9a932.jpg</url><title>Runway｜林鼎淵 Dean Lin</title><link>https://deanlin.net/tags/runway/</link><width>144</width><height>144</height></image>
    <description>林鼎淵（Dean Lin）的部落格：生成式 AI 企業內訓講師、外商資安公司軟體專家、7 本書作者。400 多篇文章用白話分享生成式 AI 實戰、Claude Code 與 Vibe Coding 教學、團隊合作與職場成長。</description>
    <generator>Hugo</generator>
    <language>zh-tw</language>
    <copyright>© 2020–2026 林鼎淵 Dean Lin</copyright>
    <lastBuildDate>Mon, 14 Aug 2023 22:05:48 +0800</lastBuildDate>
    <atom:link href="https://deanlin.net/tags/runway/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>AI 影音工具 —  Runway：影像去背、模糊人臉、移除物品、Video to video</title>
      <link>https://deanlin.net/blog/202308/runway-video-editing-tools/</link>
      <pubDate>Mon, 14 Aug 2023 22:05:48 +0800</pubDate>
      <guid>https://deanlin.net/blog/202308/runway-video-editing-tools/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>影音製作是一門專業的技術，從去除不需要的背景、生成影片素材，到模糊人臉保護隱私，每一個步驟都是專業和時間的象徵。但今天，我要向大家介紹一款顛覆我過去認知的 AI 工具：「Runway」。</description>
      <media:content url="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-og_hu_c2ca3b17b481a7b8.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>影音製作是一門專業的技術，從去除不需要的背景、生成影片素材，到模糊人臉保護隱私，每一個步驟都是專業和時間的象徵。但今天，我要向大家介紹一款顛覆我過去認知的 AI 工具：「Runway」。</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-01.webp" width="1090" height="609" alt="AI 影音工具 — Runway：影像去背、模糊人臉、移除物品、Video to video（圖 1）" fetchpriority="high" decoding="async"></p>
<blockquote>
<p>筆者過去有分享過兩篇 Runway 的文章，有興趣的朋友可以參考看看：<a href="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/">Midjourney + Gen-2 聯手將圖片轉成唯美動畫</a>、<a href="https://deanlin.net/blog/202307/runway-gen2-text-to-video/">用文字產生影片的 AI 黑科技</a></p>
</blockquote>
<p>今天這篇文章以「實測」的方式帶讀者了解 Runway 的強大（門外漢可以輕鬆操作），先給大家看一下筆者實測用的原始影片（秀一波已經生鏽的魔術技巧）。</p>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-02.webp" width="960" height="540" aria-label="AI 影音工具 — Runway：影像去背、模糊人臉、移除物品、Video to video（圖 2）" data-gifv>
    <source src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-02.mp4" type="video/mp4">
  </video>
</figure>

<h2 id="green-screen-綠幕去背">Green Screen 綠幕去背<a class="h-anchor" href="#green-screen-%e7%b6%a0%e5%b9%95%e5%8e%bb%e8%83%8c" aria-label="這個段落的連結"></a></h2>
<p>別再為繁瑣的去背煩惱。Runway 讓這個任務變得超級簡單，只需幾次點擊，你就能得到一個完美的無背景畫面。</p>
<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-03.webp" width="1079" height="386" alt="選擇 Remove Background" loading="lazy" decoding="async">
  <figcaption>選擇 Remove Background</figcaption>
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-04.webp" width="1400" height="875" alt="用滑鼠點擊「人」的位置" loading="lazy" decoding="async">
  <figcaption>用滑鼠點擊「人」的位置</figcaption>
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-05.webp" width="960" height="537" aria-label="然後就完成啦！" data-gifv>
    <source src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-05.mp4" type="video/mp4">
  </video>
  <figcaption>然後就完成啦！</figcaption>
</figure>

<p>在完成品中可以看到有一些細節沒有處理好，不過這個是可以在編輯界面中持續微調的，這邊以功能展示為主。</p>
<hr>
<h2 id="blur-faces-模糊人臉">Blur Faces 模糊人臉<a class="h-anchor" href="#blur-faces-%e6%a8%a1%e7%b3%8a%e4%ba%ba%e8%87%89" aria-label="這個段落的連結"></a></h2>
<p>我們常常在新聞中看到受訪者的臉被馬賽克，現在 Runway 就有提供這個功能讓你一鍵搞定！</p>
<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-06.webp" width="1124" height="392" alt="選擇 Blur Faces" loading="lazy" decoding="async">
  <figcaption>選擇 Blur Faces</figcaption>
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-07.webp" width="1400" height="807" alt="上傳影片" loading="lazy" decoding="async">
  <figcaption>上傳影片</figcaption>
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-08.webp" width="960" height="532" aria-label="取得結果" data-gifv>
    <source src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-08.mp4" type="video/mp4">
  </video>
  <figcaption>取得結果</figcaption>
</figure>

<p>不過你會發現當手非常靠近人臉的瞬間，馬賽克有瞬間消失，這就是需要我們在細調的部分了。</p>
<hr>
<h2 id="inpainting-移除影片物件">Inpainting 移除影片物件<a class="h-anchor" href="#inpainting-%e7%a7%bb%e9%99%a4%e5%bd%b1%e7%89%87%e7%89%a9%e4%bb%b6" aria-label="這個段落的連結"></a></h2>
<p>如果影片中出現不需要的物件是不是很惱人？嚴重點甚至整個影片要重新拍攝！</p>
<p>但有了 Runway，這一切都是點幾下就能解決的事情。</p>
<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-09.webp" width="1124" height="381" alt="選擇 Inpainting" loading="lazy" decoding="async">
  <figcaption>選擇 Inpainting</figcaption>
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-10.webp" width="1400" height="824" alt="上傳影片後把不需要的物件塗滿" loading="lazy" decoding="async">
  <figcaption>上傳影片後把不需要的物件塗滿</figcaption>
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-11.webp" width="960" height="537" aria-label="Inpainting 移除影片物件（圖 11）" data-gifv>
    <source src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-11.mp4" type="video/mp4">
  </video>
</figure>

<p>然後上方的畫就真的消失了！？如果是相對靜態的畫面效果會更好，因為在這個 Demo 中你會發現手再接近畫的位置時有一些不自然的模糊。</p>
<hr>
<h2 id="video-to-video-將影片用特定素材重新渲染">Video to video 將影片用特定素材重新渲染<a class="h-anchor" href="#video-to-video-%e5%b0%87%e5%bd%b1%e7%89%87%e7%94%a8%e7%89%b9%e5%ae%9a%e7%b4%a0%e6%9d%90%e9%87%8d%e6%96%b0%e6%b8%b2%e6%9f%93" aria-label="這個段落的連結"></a></h2>
<p>想要把現有影片用不同的形式來表達嗎？只要提供素材就能幫你生成！</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-12.webp" width="1120" height="400" alt="Video to video 將影片用特定素材重新渲染（圖 12）" loading="lazy" decoding="async"></p>
<p>這邊用到的是 Gen-1，用影片產生影片的功能。</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-13.webp" width="1309" height="754" alt="Video to video 將影片用特定素材重新渲染（圖 13）" loading="lazy" decoding="async"></p>
<p>提供影片後，右側有 3 種方式讓你改變風格，都可以用「Preview styles」看看是否符合自己的期待。</p>
<p>➤ <strong>Image</strong>：自己提供圖片。</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-14.webp" width="1309" height="777" alt="Video to video 將影片用特定素材重新渲染（圖 14）" loading="lazy" decoding="async"></p>
<p>➤ <strong>Presets</strong>：有一些預設模板讓你使用。</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-15.webp" width="1309" height="777" alt="Video to video 將影片用特定素材重新渲染（圖 15）" loading="lazy" decoding="async"></p>
<p>➤ <strong>Prompt</strong>：用文字指令（使用 magicain）</p>
<p><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-16.webp" width="1309" height="777" alt="Video to video 將影片用特定素材重新渲染（圖 16）" loading="lazy" decoding="async"></p>
<p>這邊給大家看看用圖片產生的效果（有假面騎士的感覺？）</p>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-17.webp" width="896" height="512" aria-label="Video to video 將影片用特定素材重新渲染（圖 17）" data-gifv>
    <source src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-17.mp4" type="video/mp4">
  </video>
</figure>

<hr>
<h2 id="結語">結語<a class="h-anchor" href="#%e7%b5%90%e8%aa%9e" aria-label="這個段落的連結"></a></h2>
<p>目前嘗試下來，我覺得畫面細節並沒有處理得很好；但如果你今天跟筆者一樣是個門外漢，只是需要用到裡面的幾個功能（ex：去背、模糊人臉、移除物件），我覺得上手難度趨近於零。</p>
<p>如果是影視從業者，相信 Video to video 的功能可以給你帶來無限創意。</p>
<a class="linkcard" href="https://deanlin.net/categories/ai/">
  <span class="lc-body">
    <span class="lc-title">AI 實戰</span>
    <span class="lc-desc">實測生成式 AI 工具、Vibe Coding 與自動化流程的第一手心得，把 AI 變成每天都用得上的即戰力。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

<p><strong>想將 AI 導入自己的職場與生活嗎？歡迎<a href="https://www.books.com.tw/products/0011004216">購買筆者出版的新書</a></strong>，幫助您<strong>在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202308/runway-video-editing-tools/images/runway-video-editing-tools-18.webp" width="1400" height="319" alt="林鼎淵著作《ChatGPT 與 AI 繪圖效率大師（新增 Copilot、Gamma、Runway、Suno）》" loading="lazy" decoding="async">
  <figcaption><a href="https://www.books.com.tw/products/0011004216">https://www.books.com.tw/products/0011004216</a></figcaption>
</figure>

]]></content:encoded>
    </item>
    <item>
      <title>用文字產生影片的 AI 黑科技  (Runway Gen-2 Text to Video)</title>
      <link>https://deanlin.net/blog/202307/runway-gen2-text-to-video/</link>
      <pubDate>Sun, 30 Jul 2023 13:46:56 +0800</pubDate>
      <guid>https://deanlin.net/blog/202307/runway-gen2-text-to-video/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>之前分享了一篇將圖片轉成唯美動畫的文章，裡面用到了 Runway Gen-2 的 AI 技術；而今天這篇文章要分享用文字產生影片的方法，讓你用簡單的提示語（prompt）就產生實用的影片，現在只要註冊 Runway…</description>
      <media:content url="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-og_hu_52c927e1158e56ac.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>之前分享了一篇<a href="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/">將圖片轉成唯美動畫</a>的文章，裡面用到了 Runway Gen-2 的 AI 技術；而今天這篇文章要分享用文字產生影片的方法，教你用透過簡單的提示語（prompt）來產生實用影片，現在只要註冊 Runway 帳號，就能體驗它的強大，無論是火山爆發的壯闊、日落湖畔的美景，還是機器人喝酒的場景都能一鍵產生！</p>
<p><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-01.webp" width="1233" height="683" alt="用文字產生影片的 AI 黑科技 (Runway Gen-2 Text to Video)（圖 1）" fetchpriority="high" decoding="async"></p>
<p>過去製作影片會需要一個團隊，並學習非常多的技術才有辦法製作（ex：After Effects、Cinema 4D…），但隨著 AI 降臨，這一切正在被改寫。</p>
<p>現在你只要在 Gen-2 輸入想要的內容，然後按下「Enter」就好了，那具體怎麼操作呢？讓我們看下去！</p>
<h2 id="step-1註冊-runway-帳號">STEP 1：註冊 Runway 帳號<a class="h-anchor" href="#step-1%e8%a8%bb%e5%86%8a-runway-%e5%b8%b3%e8%99%9f" aria-label="這個段落的連結"></a></h2>
<p><strong>Runway 官網</strong>：<a href="https://runwayml.com/">https://runwayml.com/</a></p>
<p><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-02.webp" width="1400" height="748" alt="STEP 1：註冊 Runway 帳號（圖 2）" loading="lazy" decoding="async"></p>
<p>可以使用 Google 帳號 or 其他方案來註冊，成功後會詢問你是否要訂閱他們的最新資訊。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-03.webp" width="1400" height="741" alt="STEP 1：註冊 Runway 帳號（圖 3）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-04.webp" width="1400" height="741" alt="STEP 1：註冊 Runway 帳號（圖 4）" loading="lazy" decoding="async">
</figure>


</div>

<p>然後會有彈窗顯示目前的付費方案，我們先選擇「Free」來嘗試看看。</p>
<p><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-05.webp" width="1233" height="790" alt="STEP 1：註冊 Runway 帳號（圖 5）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="step-2使用-gen-2-模型用文字生成影片">STEP 2：使用 Gen-2 模型，用文字生成影片<a class="h-anchor" href="#step-2%e4%bd%bf%e7%94%a8-gen-2-%e6%a8%a1%e5%9e%8b%e7%94%a8%e6%96%87%e5%ad%97%e7%94%9f%e6%88%90%e5%bd%b1%e7%89%87" aria-label="這個段落的連結"></a></h2>
<p>這篇文章的目的是用文字生成影片，所以我們選擇左上角的「Text to Video」。</p>
<p><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-06.webp" width="1400" height="808" alt="STEP 2：使用 Gen-2 模型，用文字生成影片（圖 6）" loading="lazy" decoding="async"></p>
<p>然後在輸入框中輸入你大腦中想要產生的影片，例如：「Robot drinking in the forest in the style of cinematic action, Magic Hour 」，然後點擊「Free Preview」來看看哪個畫面你比較喜歡。</p>
<figure class="figure"><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-07.webp" width="1400" height="814" alt="機器人在森林裡喝啤酒，用電影動作風格，魔幻時刻" loading="lazy" decoding="async">
  <figcaption>機器人在森林裡喝啤酒，用電影動作風格，魔幻時刻</figcaption>
</figure>

<p>點擊喜歡的圖片後（我選擇右上角），就會開始生成影片嚕～</p>
<p><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-08.webp" width="1400" height="814" alt="STEP 2：使用 Gen-2 模型，用文字生成影片（圖 8）" loading="lazy" decoding="async"></p>
<p>不過機器人喝酒的方法有點太神奇惹！？是能量罐的概念嗎 XD</p>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-09.webp" width="896" height="512" aria-label="STEP 2：使用 Gen-2 模型，用文字生成影片（圖 9）" data-gifv>
    <source src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-09.mp4" type="video/mp4">
  </video>
</figure>

<hr>
<h2 id="一些比較有機會派上用場的案例">一些比較有機會派上用場的案例<a class="h-anchor" href="#%e4%b8%80%e4%ba%9b%e6%af%94%e8%bc%83%e6%9c%89%e6%a9%9f%e6%9c%83%e6%b4%be%e4%b8%8a%e7%94%a8%e5%a0%b4%e7%9a%84%e6%a1%88%e4%be%8b" aria-label="這個段落的連結"></a></h2>
<ul>
<li><strong>絢麗的轉場畫面</strong>：如果要人工做出這類型的影片耗時耗力，購買素材還容易跟別人撞倒，現在用 AI 可以在短時間產出非常多個。</li>
</ul>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-10.webp" width="896" height="512" aria-label="colorful paint flying through the air" data-gifv>
    <source src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-10.mp4" type="video/mp4">
  </video>
  <figcaption>colorful paint flying through the air</figcaption>
</figure>

<ul>
<li><strong>一些場景素材</strong>：如果有影片製作的需求，那應該常常會用到示意場景，但有時找了半天就是沒有自己喜歡的，那不如自己產一個？</li>
</ul>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-11.webp" width="896" height="512" aria-label="sunset lakeside" data-gifv>
    <source src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-11.mp4" type="video/mp4">
  </video>
  <figcaption>sunset lakeside</figcaption>
</figure>

<blockquote>
<p>動物、人類的動作我目前實驗下來結果不如預期；但相信這些技術在不久的將來將會突破（看看隔壁棚的 Midjourney 已經變得多沒強大）。</p>
</blockquote>
<hr>
<h2 id="總結">總結<a class="h-anchor" href="#%e7%b8%bd%e7%b5%90" aria-label="這個段落的連結"></a></h2>
<p>目前體驗下來，筆者認為 Gen-2 的提示語（Prompt）算是可以用「白話文」來撰寫的。</p>
<p>如果你希望我給出一個結構，那大概是 [你想呈現的影片][使用的風格][一些小調整]，比如：</p>
<ul>
<li>Volcano eruption in the style of professional cinematography, zoom out（活山噴發，用專業電影風格，縮小）</li>
</ul>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-12.webp" width="896" height="512" aria-label="總結（圖 12）" data-gifv>
    <source src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-12.mp4" type="video/mp4">
  </video>
</figure>

<ul>
<li>spaceman in cockpit in the style of VHS video, Close-Up（駕駛艙內的太空人，用 VHS 視頻風格，特寫）</li>
</ul>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-13.webp" width="896" height="512" aria-label="總結（圖 13）" data-gifv>
    <source src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-13.mp4" type="video/mp4">
  </video>
</figure>

<p>隨著 AI 技術發展，影視的製作成本會越來越低，製作團隊也會越來越小；相對的，在未來能說出「好故事」的能力會更加重要！</p>
<a class="linkcard" href="https://deanlin.net/categories/ai/">
  <span class="lc-body">
    <span class="lc-title">AI 實戰</span>
    <span class="lc-desc">實測生成式 AI 工具、Vibe Coding 與自動化流程的第一手心得，把 AI 變成每天都用得上的即戰力。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

<p><strong>想將 AI 導入自己的職場與生活嗎？歡迎<a href="https://www.books.com.tw/products/0011004216">購買筆者出版的新書</a></strong>，幫助您<strong>在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202307/runway-gen2-text-to-video/images/runway-gen2-text-to-video-14.webp" width="1400" height="319" alt="林鼎淵著作《ChatGPT 與 AI 繪圖效率大師（新增 Copilot、Gamma、Runway、Suno）》" loading="lazy" decoding="async">
  <figcaption><a href="https://www.books.com.tw/products/0011004216">https://www.books.com.tw/products/0011004216</a></figcaption>
</figure>

]]></content:encoded>
    </item>
    <item>
      <title>Midjourney &#43; Gen-2 聯手將圖片轉成唯美動畫</title>
      <link>https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/</link>
      <pubDate>Sat, 29 Jul 2023 21:43:18 +0800</pubDate>
      <guid>https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>Midjourney 是一款輸入關鍵字就能產出唯美圖片的工具，而 Gen-2 可以讓靜態的圖片動起來；那如果將這兩款工具結合，是否能產生令人歎為觀止的唯美動畫？</description>
      <media:content url="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-og_hu_c54d4f6e85ec221d.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>Midjourney 是一款輸入關鍵字就能產出唯美圖片的工具，而 Gen-2 可以讓靜態的圖片動起來；那如果將這兩款工具結合，是否能產生令人歎為觀止的唯美動畫？</p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-01.webp" width="1145" height="617" alt="Midjourney &#43; Gen-2 聯手將圖片轉成唯美動畫（圖 1）" fetchpriority="high" decoding="async"></p>
<p>結果是否跟我們想的一樣呢？就讓筆者來實際操作看看！</p>
<h2 id="step-1用-midjourney-產生圖片">STEP 1：用 Midjourney 產生圖片<a class="h-anchor" href="#step-1%e7%94%a8-midjourney-%e7%94%a2%e7%94%9f%e5%9c%96%e7%89%87" aria-label="這個段落的連結"></a></h2>
<blockquote>
<p>目前 <a href="https://www.midjourney.com/">Midjourney</a> 需要付費才能使用，如果這是你第一次認識 Midjourney，可以參考筆者先前分享的<a href="https://deanlin.net/blog/202301/midjourney-getting-started/">文章</a>；如果你沒有 Midjourney 帳戶，透過 DALLE 或是使用筆者在後面提供的圖片也可以體驗。</p>
</blockquote>
<p>筆者的 Prompt 為「<code><strong>musical imitation &ndash;ar 16:9</strong></code>」</p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-02.webp" width="1400" height="749" alt="STEP 1：用 Midjourney 產生圖片（圖 2）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="step-2註冊-runway-帳號">STEP 2：註冊 Runway 帳號<a class="h-anchor" href="#step-2%e8%a8%bb%e5%86%8a-runway-%e5%b8%b3%e8%99%9f" aria-label="這個段落的連結"></a></h2>
<p><strong>Runway 官網</strong>：<a href="https://runwayml.com/">https://runwayml.com/</a></p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-03.webp" width="1400" height="748" alt="STEP 2：註冊 Runway 帳號（圖 3）" loading="lazy" decoding="async"></p>
<p>可以使用 Google 帳號 or 其他方案來註冊，成功後會詢問你是否要訂閱他們的最新資訊。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-04.webp" width="1400" height="741" alt="STEP 2：註冊 Runway 帳號（圖 4）" loading="lazy" decoding="async">
</figure>

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-05.webp" width="1400" height="741" alt="STEP 2：註冊 Runway 帳號（圖 5）" loading="lazy" decoding="async">
</figure>


</div>

<p>然後會有彈窗顯示目前的付費方案，我們先選擇「Free」來嘗試看看。</p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-06.webp" width="1233" height="790" alt="STEP 2：註冊 Runway 帳號（圖 6）" loading="lazy" decoding="async"></p>
<hr>
<h2 id="step-3使用-gen-2-模型將圖片轉成動畫">STEP 3：使用 Gen-2 模型，將圖片轉成動畫<a class="h-anchor" href="#step-3%e4%bd%bf%e7%94%a8-gen-2-%e6%a8%a1%e5%9e%8b%e5%b0%87%e5%9c%96%e7%89%87%e8%bd%89%e6%88%90%e5%8b%95%e7%95%ab" aria-label="這個段落的連結"></a></h2>
<p>這篇文章的目的是讓靜態圖片動起來，所以我們選擇右上角的「Image to Video」。</p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-07.webp" width="1400" height="737" alt="STEP 3：使用 Gen-2 模型，將圖片轉成動畫（圖 7）" loading="lazy" decoding="async"></p>
<p>進入後你會看到右上角顯示「105s left」，這是指你可以產生的影片秒數。</p>
<p><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-08.webp" width="1400" height="737" alt="STEP 3：使用 Gen-2 模型，將圖片轉成動畫（圖 8）" loading="lazy" decoding="async"></p>
<p>在 Gen-2 的模式下，可以使用「上傳圖片」或搭配「輸入文字」來產生影片，這邊我們採用<strong>上傳圖片</strong>的方案，點擊「Generate」後便會開始生成。</p>
<blockquote>
<p><a href="https://deanlin.net/blog/202307/runway-gen2-text-to-video/">用文字產生影片的教學文章在這裡</a>。</p>
</blockquote>
<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-09.webp" width="1400" height="740" alt="你會發現右上角的 105s 變成 101s 惹" loading="lazy" decoding="async">
  <figcaption>你會發現右上角的 105s 變成 101s 惹</figcaption>
</figure>

<p>下面就是圖片轉為影片的結果喔！目前 Gen2 只能產出 4 sec 的影片；如果你想要讓影片更長，可以用最後一張圖當基底讓他產生。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-10.webp" width="1400" height="785" alt="STEP 3：使用 Gen-2 模型，將圖片轉成動畫（圖 10）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-11.webp" width="896" height="512" aria-label="musical imitation — ar 16:9" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-11.mp4" type="video/mp4">
  </video>
  <figcaption><strong>musical imitation — ar 16:9</strong></figcaption>
</figure>


</div>

<hr>
<h2 id="更多案例展示">更多案例展示<a class="h-anchor" href="#%e6%9b%b4%e5%a4%9a%e6%a1%88%e4%be%8b%e5%b1%95%e7%a4%ba" aria-label="這個段落的連結"></a></h2>
<p>下面是筆者將圖片轉為動畫的各種實驗，大家可以先瀏覽看看，最後我再分享自己的心得。</p>
<h3 id="-場景">場景<a class="h-anchor" href="#-%e5%a0%b4%e6%99%af" aria-label="這個段落的連結"></a></h3>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-12.webp" width="1033" height="579" alt="場景（圖 12）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-13.webp" width="896" height="512" aria-label="A beautiful place wallpaper — ar 16:9" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-13.mp4" type="video/mp4">
  </video>
  <figcaption>A beautiful place wallpaper — ar 16:9</figcaption>
</figure>


</div>

<h3 id="-可愛動物有點魔性">可愛動物（有點魔性）<a class="h-anchor" href="#-%e5%8f%af%e6%84%9b%e5%8b%95%e7%89%a9%e6%9c%89%e9%bb%9e%e9%ad%94%e6%80%a7" aria-label="這個段落的連結"></a></h3>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-14.webp" width="1011" height="567" alt="可愛動物（有點魔性）（圖 14）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-15.webp" width="896" height="512" aria-label="The rabbit and his two friends are crazing Sprinkle banknotes towards the sky, the picture is full of banknotes and celebrate New Year , 3d , shiny , cute , painting by ghibli studio — ar 16:9" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-15.mp4" type="video/mp4">
  </video>
  <figcaption><strong>The rabbit and his two friends are crazing Sprinkle banknotes towards the sky, the picture is full of banknotes and celebrate New Year , 3d , shiny , cute , painting by ghibli studio — ar 16:9</strong></figcaption>
</figure>


</div>

<h3 id="-人像">人像<a class="h-anchor" href="#-%e4%ba%ba%e5%83%8f" aria-label="這個段落的連結"></a></h3>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-16.webp" width="1090" height="603" alt="人像（圖 16）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-17.webp" width="896" height="512" aria-label="a young male person with silver hair standing on the beach, in the style of sandara tang, piratepunk, karol bak, video, white and amber, hiroshi nagai, enchanting — ar 128:71" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-17.mp4" type="video/mp4">
  </video>
  <figcaption>a young male person with silver hair standing on the beach, in the style of sandara tang, piratepunk, karol bak, video, white and amber, hiroshi nagai, enchanting — ar 128:71</figcaption>
</figure>


</div>

<h2 id="結語">結語<a class="h-anchor" href="#%e7%b5%90%e8%aa%9e" aria-label="這個段落的連結"></a></h2>
<p>嘗試各種素材後，我發現了以下規則：</p>
<ul>
<li>圖片不要有太多元素，當細節太多時，哪塊會成為動畫完全憑運氣。</li>
<li>人物盡量只挑上半身，不然產出的影片會很獵奇。</li>
<li>多種素材測試下來，場景的表現是最好的。</li>
</ul>
<p>下面分享一些悲劇的案例：</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-18.webp" width="1400" height="785" alt="結語（圖 18）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-19.webp" width="896" height="512" aria-label="在雲端拉小提琴結果摔下去" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-19.mp4" type="video/mp4">
  </video>
  <figcaption>在雲端拉小提琴結果摔下去</figcaption>
</figure>


</div>

<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-20.webp" width="1400" height="785" alt="結語（圖 20）" loading="lazy" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-21.webp" width="896" height="512" aria-label="原本希望在沙漠前行，結果變成了鬼步" data-gifv>
    <source src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-21.mp4" type="video/mp4">
  </video>
  <figcaption>原本希望在沙漠前行，結果變成了鬼步</figcaption>
</figure>


</div>

<p>雖然部分結果不如預期，但這些成果也足夠驚人了；從筆者的角度來看，AI 將對影視產業產生巨大的衝擊，就像綠幕剛誕生的時候一樣。</p>
<a class="linkcard" href="https://deanlin.net/categories/ai/">
  <span class="lc-body">
    <span class="lc-title">AI 實戰</span>
    <span class="lc-desc">實測生成式 AI 工具、Vibe Coding 與自動化流程的第一手心得，把 AI 變成每天都用得上的即戰力。</span>
    <span class="lc-site"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M5 12h14M13 6l6 6-6 6"/></svg>林鼎淵 Dean Lin</span>
  </span>
</a>

<p><strong>想將 AI 導入自己的職場與生活嗎？歡迎<a href="https://www.books.com.tw/products/0011004216">購買筆者出版的新書</a></strong>，幫助您<strong>在 AI 的浪潮中站穩腳步，並在未來的職場競爭中佔據優勢！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202307/midjourney-runway-gen2-animation/images/midjourney-runway-gen2-animation-22.webp" width="1400" height="319" alt="林鼎淵著作《ChatGPT 與 AI 繪圖效率大師（新增 Copilot、Gamma、Runway、Suno）》" loading="lazy" decoding="async">
  <figcaption><a href="https://www.books.com.tw/products/0011004216">https://www.books.com.tw/products/0011004216</a></figcaption>
</figure>

]]></content:encoded>
    </item>
  </channel>
</rss>
