<?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>Animation｜林鼎淵 Dean Lin</title>
    <link>https://deanlin.net/tags/animation/</link>
    <image><url>https://deanlin.net/images/author_hu_aa256fc934e9a932.jpg</url><title>Animation｜林鼎淵 Dean Lin</title><link>https://deanlin.net/tags/animation/</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>Tue, 22 Oct 2024 21:44:41 +0800</lastBuildDate>
    <atom:link href="https://deanlin.net/tags/animation/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>玩轉 Pika.art 的炫酷特效（揉捏、溶解、蛋糕化、洩氣）</title>
      <link>https://deanlin.net/blog/202410/pika-art-effects/</link>
      <pubDate>Tue, 22 Oct 2024 21:44:41 +0800</pubDate>
      <guid>https://deanlin.net/blog/202410/pika-art-effects/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>筆者過去介紹過 Runway、Haiper 等強大的 AI 生成影片工具；而這 Pika.art 這個 AI 工具的特色在於有許多現成的特效可以直接使用。 現在只要上傳照片，選擇你想要的特效（壓扁、碎裂、膨脹、爆炸），就可以輕鬆生成讓人眼睛一亮的炫酷影片！</description>
      <media:content url="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-og_hu_85b339ee2d4207f.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p>筆者過去介紹過 <a href="https://deanlin.net/blog/202307/runway-gen2-text-to-video/">Runway</a>、<a href="https://deanlin.net/blog/202404/haiper-ai-product-video/">Haiper</a> 等強大的 AI 生成影片工具；而這 Pika.art 這個 AI 工具的特色在於有許多現成的特效可以直接使用。</p>
<p>現在只要上傳照片，選擇你想要的特效（壓扁、碎裂、膨脹、爆炸），就可以輕鬆生成讓人眼睛一亮的炫酷影片！</p>
<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-01.webp" width="1400" height="750" alt="玩轉 Pika.art 的炫酷特效（揉捏、溶解、蛋糕化、洩氣）（圖 1）" fetchpriority="high" decoding="async">
  <figcaption><a href="https://pika.art/">https://pika.art/</a></figcaption>
</figure>

<h2 id="一註冊-pika">一、註冊 Pika<a class="h-anchor" href="#%e4%b8%80%e8%a8%bb%e5%86%8a-pika" aria-label="這個段落的連結"></a></h2>
<p>Pika 官網：<a href="https://pika.art/">https://pika.art/</a></p>
<p><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-02.webp" width="1400" height="744" alt="一、註冊 Pika（圖 2）" loading="lazy" decoding="async"></p>
<p>點擊「Sign in」後，可以透過 Gmail、FB 或 Discord 等方式登入。</p>
<p><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-03.webp" width="1400" height="786" alt="一、註冊 Pika（圖 3）" loading="lazy" decoding="async"></p>
<p>Pika 有不同的付費方案，<strong>要特別注意必須是 Pro 以上方案才可商用喔！</strong></p>
<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-04.webp" width="1329" height="732" alt="官方初始提供 150 credits，每個影片消耗 15 credits" loading="lazy" decoding="async">
  <figcaption>官方初始提供 150 credits，每個影片消耗 15 credits</figcaption>
</figure>

<hr>
<h2 id="二上傳圖片體驗不同特效">二、上傳圖片體驗不同特效<a class="h-anchor" href="#%e4%ba%8c%e4%b8%8a%e5%82%b3%e5%9c%96%e7%89%87%e9%ab%94%e9%a9%97%e4%b8%8d%e5%90%8c%e7%89%b9%e6%95%88" aria-label="這個段落的連結"></a></h2>
<p>登入後點擊下方的「Image」上傳圖片。</p>
<p><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-05.webp" width="1329" height="951" alt="二、上傳圖片體驗不同特效（圖 5）" loading="lazy" decoding="async"></p>
<p>從「Pikaffect」選擇效果，下面是中英對照表：</p>
<ul>
<li><strong>Ta-da it</strong>（魔術）</li>
<li><strong>Deflate it</strong>（洩氣）</li>
<li><strong>Crumble it</strong>（碎裂）</li>
<li><strong>Dissolve it</strong>（溶解）</li>
<li><strong>Squish it</strong>（壓扁）</li>
<li><strong>Inflate it</strong>（膨脹）</li>
<li><strong>Melt it</strong>（融化）</li>
<li><strong>Crush it</strong>（粉碎）</li>
<li><strong>Cake-ify it</strong>（蛋糕狀）</li>
<li><strong>Explode it</strong>（爆炸）</li>
</ul>
<p><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-06.webp" width="704" height="495" alt="二、上傳圖片體驗不同特效（圖 6）" loading="lazy" decoding="async"></p>
<p>接著稍等一分鐘左右（看當下操作人數而定），影片就會出來嚕～</p>
<p><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-07.webp" width="1400" height="945" alt="二、上傳圖片體驗不同特效（圖 7）" loading="lazy" decoding="async"></p>
<p>下面為「Ta-da it」的範例</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-08.webp" width="1024" height="1024" alt="二、上傳圖片體驗不同特效（圖 8）" fetchpriority="high" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-09.webp" width="960" height="960" aria-label="二、上傳圖片體驗不同特效（圖 9）" data-gifv>
    <source src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-09.mp4" type="video/mp4">
  </video>
</figure>


</div>

<hr>
<h2 id="三不同特效展示">三、不同特效展示<a class="h-anchor" href="#%e4%b8%89%e4%b8%8d%e5%90%8c%e7%89%b9%e6%95%88%e5%b1%95%e7%a4%ba" aria-label="這個段落的連結"></a></h2>
<h3 id="cake-ify-it">Cake-ify it<a class="h-anchor" href="#cake-ify-it" aria-label="這個段落的連結"></a></h3>
<p>讓任何物體像蛋糕一樣被切開。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-10.webp" width="1232" height="928" alt="Cake-ify it（圖 10）" fetchpriority="high" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-11.webp" width="960" height="713" aria-label="Cake-ify it（圖 11）" data-gifv>
    <source src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-11.mp4" type="video/mp4">
  </video>
</figure>


</div>

<h3 id="squish-it">Squish it<a class="h-anchor" href="#squish-it" aria-label="這個段落的連結"></a></h3>
<p>把物體拿出來揉捏壓扁的感覺。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-12.webp" width="1232" height="928" alt="Squish it（圖 12）" fetchpriority="high" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-13.webp" width="960" height="713" aria-label="Squish it（圖 13）" data-gifv>
    <source src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-13.mp4" type="video/mp4">
  </video>
</figure>


</div>

<h3 id="deflate-it">Deflate it<a class="h-anchor" href="#deflate-it" aria-label="這個段落的連結"></a></h3>
<p>你可以選一些胖胖的目標讓他洩氣</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-14.webp" width="1232" height="928" alt="Deflate it（圖 14）" fetchpriority="high" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-15.webp" width="960" height="713" aria-label="Deflate it（圖 15）" data-gifv>
    <source src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-15.mp4" type="video/mp4">
  </video>
</figure>


</div>

<h3 id="dissolve-it">Dissolve it<a class="h-anchor" href="#dissolve-it" aria-label="這個段落的連結"></a></h3>
<p>這邊我就讓一個沙子做成的城堡在風中溶解。</p>
<div class="gallery-row cols-2">

<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-16.webp" width="1232" height="928" alt="Dissolve it（圖 16）" fetchpriority="high" decoding="async">
</figure>

<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-17.webp" width="600" height="446" aria-label="Dissolve it（圖 17）" data-gifv>
    <source src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-17.mp4" type="video/mp4">
  </video>
</figure>


</div>

<hr>
<h2 id="四結語">四、結語<a class="h-anchor" href="#%e5%9b%9b%e7%b5%90%e8%aa%9e" aria-label="這個段落的連結"></a></h2>
<p>Pika.art 一樣有文字生成影片＆圖片生成影片的功能，但讓他爆紅的是這些有趣的特效。</p>
<p>如果仔細看生成的影片，會發現有一些 Bug，像上面刀子切開禮物盒的時候就突然彎曲了。</p>
<p>另外因為這個 AI 工具才剛推出沒多久，所以並不是那麼穩定，如果你在短時間大量操作，有可能每個影片都跑不出來，等幾天都不會出現（應該是希望使用者付費的一種方式？）</p>
<figure class="figure"><img src="https://deanlin.net/blog/202410/pika-art-effects/images/pika-art-effects-18.webp" width="1400" height="947" alt="也有傳言說是免費版一個月的生成數量限制" loading="lazy" decoding="async">
  <figcaption>也有傳言說是免費版一個月的生成數量限制</figcaption>
</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/202410/pika-art-effects/images/pika-art-effects-19.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>
    <item>
      <title>黑科技降臨！用 ChatGPT 產生會「動」的圖表（Advanced data analysis)</title>
      <link>https://deanlin.net/blog/202307/chatgpt-animated-charts/</link>
      <pubDate>Thu, 20 Jul 2023 22:54:53 +0800</pubDate>
      <guid>https://deanlin.net/blog/202307/chatgpt-animated-charts/</guid>
      <dc:creator>林鼎淵</dc:creator>
      <category>AI 實戰</category>
      <description>上一篇文章筆者分享了如何使用 ChatGPT 生成中文統計圖表（Advanced data analysis)，而這一篇則會介紹到「資料清洗、動態圖表」的操作，讓我們達成一行程式都不寫就產生「消費者物價指數」的動畫！</description>
      <media:content url="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-og_hu_feb6207124734154.jpg" medium="image" type="image/jpeg" width="1200" height="675" />
      <content:encoded><![CDATA[<p><a href="https://deanlin.net/blog/202307/chatgpt-chinese-charts/">上一篇文章</a>筆者分享了如何使用 ChatGPT 生成中文統計圖表（Advanced data analysis)，而這一篇則會介紹到「資料清洗、動態圖表」的操作，讓我們達成一行程式都不寫就產生「消費者物價指數」的動畫！</p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-01.webp" width="1225" height="670" alt="黑科技降臨！用 ChatGPT 產生會「動」的圖表（Advanced data analysis)（圖 1）" fetchpriority="high" decoding="async"></p>
<h2 id="step-1取得分析數據--以消費者物價指數為例">STEP 1：取得分析數據 — 以消費者物價指數為例<a class="h-anchor" href="#step-1%e5%8f%96%e5%be%97%e5%88%86%e6%9e%90%e6%95%b8%e6%93%9a--%e4%bb%a5%e6%b6%88%e8%b2%bb%e8%80%85%e7%89%a9%e5%83%b9%e6%8c%87%e6%95%b8%e7%82%ba%e4%be%8b" aria-label="這個段落的連結"></a></h2>
<p>筆者到<a href="https://www.moea.gov.tw/Mns/dos/home/Home.aspx">經濟部統計處</a>的網頁，下載民國 91~112 年的「<a href="https://web.archive.org/web/20250225041521/https://dmz26.moea.gov.tw/GA/common/Common.aspx?code=K&amp;no=2" title="原網頁已失效，連到網際網路檔案館的存檔">消費者物價指數</a>」。</p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-02.webp" width="1400" height="1029" alt="STEP 1：取得分析數據 — 以消費者物價指數為例（圖 2）" loading="lazy" decoding="async"></p>
<p>我們打開 Excel 看一下目前的資料格式：</p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-03.webp" width="1400" height="1354" alt="STEP 1：取得分析數據 — 以消費者物價指數為例（圖 3）" loading="lazy" decoding="async"></p>
<p>其實這份 Excel 的結構已經不錯了，但左側的「年 月 別」有分割成「年、月」兩個欄位，所以可以預見 ChatGPT 在分析這部分的資料時可能會遇到問題。</p>
<hr>
<h2 id="step-2請-chatgpt-幫我們清洗資料">STEP 2：請 ChatGPT 幫我們清洗資料<a class="h-anchor" href="#step-2%e8%ab%8b-chatgpt-%e5%b9%ab%e6%88%91%e5%80%91%e6%b8%85%e6%b4%97%e8%b3%87%e6%96%99" aria-label="這個段落的連結"></a></h2>
<p>在資料不乾淨的狀態下，ChatGPT 也可以生成圖表，但往往非常耗時，且失敗率極高；因此建議先請 ChatGPT 依照我們的需求調整目前的 Excel，我的 Prompt ：</p>
<pre tabindex="0"><code>請依照下面步驟處理，並在完成後給我調整過的 Excel

1. 先找到「年 月 別」，並將這一列當成第一列
2. 「年 月 別」這個欄位下方被分割成兩欄，他們紀錄的是日期，左邊為年右邊為月，需要將年與月合併 
3. 完成上面的合併後，如果該行只有「年」，就將這行刪除
</code></pre><p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-04.webp" width="903" height="595" alt="STEP 2：請 ChatGPT 幫我們清洗資料（圖 4）" loading="lazy" decoding="async"></p>
<p>最後獲得清洗後的 Excel。</p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-05.webp" width="917" height="223" alt="STEP 2：請 ChatGPT 幫我們清洗資料（圖 5）" loading="lazy" decoding="async"></p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-06.webp" width="611" height="502" alt="STEP 2：請 ChatGPT 幫我們清洗資料（圖 6）" loading="lazy" decoding="async"></p>
<blockquote>
<p>筆者強烈建議先將 Excel 下載下來，然後開新的 Chat 來處理資料，這樣後續的成功率較高。</p>
</blockquote>
<hr>
<h2 id="step-3將數據轉換為圖表">STEP 3：將數據轉換為圖表<a class="h-anchor" href="#step-3%e5%b0%87%e6%95%b8%e6%93%9a%e8%bd%89%e6%8f%9b%e7%82%ba%e5%9c%96%e8%a1%a8" aria-label="這個段落的連結"></a></h2>
<p>確認格式與我們的期待相符後，就可以請他產生圖表了。</p>
<pre tabindex="0"><code>請閱讀 Excel 的數據，並依照下面步驟整理資料

1.「YearMonth」的列是用民國年，請轉換為西元年
2. 轉換成西元年後，將每個月份的資料繪製成折線圖
</code></pre><p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-07.webp" width="796" height="601" alt="STEP 3：將數據轉換為圖表（圖 7）" loading="lazy" decoding="async"></p>
<pre tabindex="0"><code>請繪製「總指數、食物類、衣著類、居住類」的折線圖
</code></pre><p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-08.webp" width="796" height="679" alt="STEP 3：將數據轉換為圖表（圖 8）" loading="lazy" decoding="async"></p>
<p>折線圖的顏色相同不好閱讀，所以讓他分色系。</p>
<figure class="figure"><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-09.webp" width="796" height="674" alt="請使用顏色差異大的線" loading="lazy" decoding="async">
  <figcaption>請使用顏色差異大的線</figcaption>
</figure>

<hr>
<h2 id="step-4讓圖表動起來">STEP 4：讓圖表動起來！<a class="h-anchor" href="#step-4%e8%ae%93%e5%9c%96%e8%a1%a8%e5%8b%95%e8%b5%b7%e4%be%86" aria-label="這個段落的連結"></a></h2>
<p>經過一番努力，總於走到了這一步 😭</p>
<pre tabindex="0"><code>請幫我生成折線圖的 GIF，Y 軸的數值請參考剛剛生成的圖，新的數據會從右側增加，以年為單位，先繪製前 10 年的圖，使用不需網路的方式來完成
</code></pre><p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-10.webp" width="796" height="365" alt="STEP 4：讓圖表動起來！（圖 10）" loading="lazy" decoding="async"></p>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-11.webp" width="960" height="640" aria-label="STEP 4：讓圖表動起來！（圖 11）" data-gifv>
    <source src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-11.mp4" type="video/mp4">
  </video>
</figure>

<p>確認過結果符合需求後，我請他繪製完整的年度、加快 GIF 速度，並使用我提供的字體重新繪製。</p>
<p><img src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-12.webp" width="796" height="561" alt="STEP 4：讓圖表動起來！（圖 12）" loading="lazy" decoding="async"></p>
<figure class="figure figure-video">
  <video class="gifv" muted loop playsinline controls preload="none" poster="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-13.webp" width="960" height="640" aria-label="STEP 4：讓圖表動起來！（圖 13）" data-gifv>
    <source src="https://deanlin.net/blog/202307/chatgpt-animated-charts/images/chatgpt-animated-charts-13.mp4" type="video/mp4">
  </video>
</figure>

<hr>
<h2 id="advanced-data-analysis-使用心得">Advanced data analysis 使用心得<a class="h-anchor" href="#advanced-data-analysis-%e4%bd%bf%e7%94%a8%e5%bf%83%e5%be%97" aria-label="這個段落的連結"></a></h2>
<p>在沒有相關指引的狀態下，我覺得 Advanced data analysis 使用起來挺痛苦的；除非你的資料超級簡單，否則通常會遇到一堆錯誤，下面是我建議的使用方式：</p>
<ol>
<li><strong>清洗資料</strong>：除非資料格式超漂亮，不然一定要先清洗資料並下載，以確認調整後的資料符合期待。</li>
<li><strong>提供乾淨的資料</strong>：如果你提供的格式混亂，那 ChatGPT 理解會花很多時間，建議取得清洗的資料後，開一個新對話讓 ChatGPT 重新思考。</li>
<li><strong>理解錯誤原因</strong>：除非你運氣爆棚，否則操作過程一定會遇到大量錯誤；建議你先閱讀錯誤原因，並引導 ChatGPT 執行的方向，一直按「繼續」可能是沒幫助的。</li>
<li><strong>明確提出需求</strong>：一開始產生的結果通常不會讓人滿意，像是資料錯誤、顏色相似、無法顯示中文…你需要明確提出自己的需求。</li>
<li><strong>不要想一次到位</strong>：一次解決一個問題，並確認結果是否符合需求。</li>
</ol>
<p>儘管 Advanced data analysis 能做出會動的圖表，但他的內存有限，如果想取得更好的結果，建議把程式複製到 Local （自己電腦）環境執行。</p>
<p>希望這篇文章有拓寬大家對 Advanced data analysis 的使用思路！</p>
<hr>
<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/chatgpt-animated-charts/images/chatgpt-animated-charts-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>
  </channel>
</rss>
