:::

AI繪圖教學投影片：AI繪圖教學 x 教AI學習繪圖 / AI Image Generation in Education: From Learning to Draw to Teaching AI to Draw

3月 03, 2025 , , 0 Comments Edit Copy Download

2024-1230-161721.png

為了讓大家瞭解如何使用提示詞來進行AI繪圖，本次教學以Kera AI為繪圖平台，一步一步帶領大家從簡單的提示詞、提示詞的變化，到使用圖片來引導繪製圖片。最後則是介紹更進階的控制圖片技巧，希望成為大家踏入AI繪圖領域的敲門磚。

To help everyone understand how to use prompts for AI art generation, this tutorial uses Kera AI as the drawing platform and will guide you step-by-step from simple prompts, variations of prompts, to using images as references. Finally, we will introduce more advanced image control techniques, hoping to serve as a stepping stone for everyone entering the field of AI art.

Short URL: https://l.pulipuli.info/24/hsc

課程簡介 / Abstract

近年來，人工智慧（AI）技術快速發展，AI 繪圖工具也日漸普及，不僅改變了藝術創作的方式，也為教材的製作帶來新的可能性。本演講將介紹生成式繪圖技術的概念，並探討如何利用 AI 繪圖滿足教學需求。本演講將深入了解目前的 AI 繪圖技術，及這些技術選擇上的考量。再來探討教學中教材製作的繪圖需求，包括版權議題、適用性等諸多考量，並介紹用開放素材庫輔助AI繪圖的使用方式。演講最後則是進一步討論控制AI繪圖以符合統一樣式的進階做法。希望本演講能幫助教師精進教材呈現，進而讓學生能從教師講課和教材的視覺刺激來加深學習印象。演講內含上網操作電腦的實作，也會用到Google帳號的登入。本演講主要是適合教育工作者以及對 AI 繪圖應用於教學有興趣的人士參與。

Part 1. 生成式AI繪圖 / Generative AI Art

AI_x_AI_-_1._AI_-_2024.png

https://docs.google.com/presentation/d/1k8RcJ3V3I1Kf_kYAOpTs0SLmQrBQkvlEK4TY2FOhZck/edit?usp=sharing

大綱 / Outline

AI_x_AI_-_1._AI_-_2024_-_image7.png

  • 前言：教材製作、AI繪圖經歷、教學風格
  • 生成式AI繪圖：Midjourney、DALL-E、Stable Diffusion

內容 / Description

AI_x_AI_-_1._AI_-_2024a.png

在投影片裡我先開始分享我製作教材的經驗、個人在AI繪圖領域的探索歷程，並且強調打造教學品牌的價值。在教材製作過程中，我會介紹我在圖片素材來源、版權問題，以及如何運用AI繪圖等多種手段來製作教材的過程。其中，我還會介紹我的虛擬助教「希希」，說明我是如何利用AI生成繪圖，讓她成為陪伴學生一起學習的重要角色。

AI_x_AI_-_1._AI_-_2024_-_1_.png

接著，我會深入探討生成式AI繪圖的核心概念。我會解釋什麼是AI藝術，以及生成式AI在繪圖領域的應用。在生成式AI繪圖工具的部分，我會詳細介紹三款主流的AI繪圖工具：Midjourney、DALL-E 和 Stable Diffusion。接著分析它們各自的特色、優缺點，以及適合的使用者類型。

  • Midjourney：我會說明它如何以Discord形式提供服務，並以容易使用、能夠建立高品質圖片著稱，同時也會提及它不斷更新的模型與收費模式。
  • DALL-E：我會介紹DALL-E是由OpenAI開發，並強調它理解提示詞的能力高，容易入門，以及它與ChatGPT 4和Bing Image Creator的合作關係。
  • Stable Diffusion (SD)：我會深入講解SD基於latend diffusion model (LDM) 的技術，並強調它高度的可客製化與開放原始碼的特性，並分享如何使用SD進行畫中畫的改變等進階特性。此外，我也會介紹各種使用SD的線上服務與自行架設的方式。

AI_x_AI_-_1._AI_-_2024_-_.png

最後，我會以表格的方式比較這三款工具的特點，讓大家更清楚了解它們之間的差異。

Part 2. 提示詞AI繪圖 / Prompt AI Drawing

AI_x_AI_-_2._AI_-_2024_-_.png

https://docs.google.com/presentation/d/1atwzaZShoMKWGmFOqD8Y8WVGFXjyT32ircB6yYFMphk/edit?usp=sharing

大綱 / Outline

AI_x_AI_-_2._AI_-_2024_-_image8.png

  • 教材插圖繪製：嘗試ChatGPT、Krea AI
  • 實作：用提示詞來AI繪圖：Kera AI註冊、進入生成圖片、複製提示詞、輸入並生成、取得生成結果
  • 提示詞的建構：明確描述、使用英文、圓括弧隔開、背景與風格
  • 實作：提示詞變化挑戰

教材 / Materials

實作2-1. 用提示詞來AI繪圖

  1. Kera AI 註冊：可以用Google帳號登入。如果你有開啟兩步驟驗證的話，請準備好你的手機
  2. 進入 Generate > Image: Model Flux
  3. 複製提示詞：護理師職涯發展選擇
  4. 輸入提示詞並執行生成
  5. 取得生成結果

實作2-2. 提示詞變化挑戰

  1. 在空白筆記本編輯提示詞：筆記本網頁
  2. 嘗試變更提示詞：Google翻譯：中翻英
  3. 在Kera AI輸入提示詞並生成圖片：進入 Generate > Image: Model Flux
  4. 取得生成結果，上傳到成果分享表單 (已經停止回應)

查看「實作2-2. 提示詞變化挑戰」分享成果。

內容 / Description

AI_x_AI_-_2._AI_-_2024_-_4_.png

投影片開頭我先示範如何根據教材運用ChatGPT來繪製圖片。然而過於抽象的教材描述，通常ChatGPT很難畫出具體的內容。

AI_x_AI_-_2._AI_-_2024_-_3_.png

接著我將帶領大家實際操作，改用Krea AI來繪製教材插圖。從Krea AI的註冊開始，一步步教導如何進入圖片生成介面、複製提示詞、輸入並生成影像，最後取得生成結果。

AI_x_AI_-_2._AI_-_2024_-_2_.png

在提示詞的建構方面，我會強調幾個重點：描述要明確、使用英文撰寫、利用圓括弧區隔不同的描述，以及如何設定背景與風格。這些技巧能幫助我們更有效率地引導AI產出符合預期的影像。

AI_x_AI_-_2._AI_-_2024_-_1_.png

為了讓大家更熟悉提示詞的應用，我還設計了「提示詞變化挑戰」的實作環節。在這個環節中，大家可以嘗試修改提示詞，例如變更主詞、調整風格等，並觀察AI生成影像的變化，進而掌握提示詞的精髓。

Part 3. 教學的繪圖需求 / Drawing Requirements for Teaching

AI_x_AI_-_3._-_2024_-_.png

https://docs.google.com/presentation/d/1bSjrXftFBbWoPXHSYUCqGZCAJFC5HX0b0p0G4ObXn7k/edit?usp=sharing

大綱 / Outline

AI_x_AI_-_3._-_2024_-_image13.png

  • 教學與圖片：著作權爭議、AI繪圖作為教材的問題
  • 創用CC：創用CC授權條款、CC0
  • 開放素材庫：圖示、剪貼畫、圖片、數位典藏與資料庫

內容 / Description

AI_x_AI_-_3._-_2024a.png 

我在這份投影片中，主要探討在教學情境下，關於繪圖需求的相關議題，並聚焦於AI繪圖的應用與限制。首先，我點出了大家在尋找教材圖片時常遇到的著作權爭議，以及AI繪圖看似能解決問題，但實際上卻可能產生新的法律與道德挑戰。

AI_x_AI_-_3._-_2024.png

我深入解析了生成式AI的著作權問題，強調AI本身並非著作權人，使用AI繪圖並不等同於擁有著作財產權。同時，我也提醒大家務必留意各AI繪圖服務的授權條款，像是DALL-E、Stable Diffusion和Midjourney等，它們在商業使用上的規範各有不同。

AI_x_AI_-_3._-_2024c.png

接著，我進一步探討了AI繪圖作為教材的適當性。我指出，AI繪圖可能因為難以傳遞正確資訊、錯誤引導閱讀焦點，以及無法精準呈現教學所需的圖形等問題，而不適合直接作為教材使用。我認為，教材的視覺呈現應該以清晰、準確為優先，而非過度花俏或不符教學目標。

AI_x_AI_-_3._-_2024d.png

在尋求合適的教材圖片時，我介紹了創用CC授權條款（Creative Commons Licenses）以及CC0公眾領域貢獻宣告的概念，鼓勵大家使用這些開放授權的素材。我也分享了許多實用的開放素材庫，像是圖示類的flaticon、icon ninja，剪貼畫類的Pixabay、PublicDomainVectors，以及圖片類的CC0免費圖庫搜尋引擎、Pxhere等。此外，我也介紹了國內外的數位典藏與資料庫，例如臺灣記憶、故宮Open Data，以及JSTOR、Library of Congress Digital Collections等，提供更多元的圖片來源。

AI_x_AI_-_3._-_2024e.png

最後，我坦言理想與現實之間仍存在差距，即使有這麼多資源，有時還是難以找到完全符合需求的圖片。因此，我將在下一部分探討如何「以AI繪圖圖片」，來解決這個問題。

Part 4. 以圖片AI繪圖 / AI Drawing from Images

AI_x_AI_-_4._AI_-_2024.png

https://docs.google.com/presentation/d/1avlbbqVtkIzIAZC40po5wwM7tOZkknedgXMwEqwMyj8/edit?usp=sharing

大綱 / Outline

AI_x_AI_-_4._AI_-_2024_-_image6.png

  • 準備階段：參考構圖、Generate > Realtime、重置畫布、刪除物件、白色背景、清空提示詞、變更模型、插入參考構圖、插入圖片、放大圖片
  • 設定階段：提示詞、複製提示詞、設定提示詞、調整繪圖、參考程度、細部調整、提示詞
  • 取得結果

教材 / Materials

準備階段

設定階段

  • 5. 設定提示詞
    1. 複製提示詞：碼頭打招呼
    2. 設定提示詞
  • 調整AI繪圖
    1. 調整圖片參考程度
    2. 用筆刷和橡皮擦修改圖片

取得結果

  • 7. 取得生成結果，上傳到成果分享表單 (已關閉)

查看「實作4-1. 以圖片AI繪圖 成果分享」分享成果。

內容 / Description

這份投影片繼續帶領大家深談Krea AI的進階功能：Realtime即時繪圖。整個操作有點複雜，我把它分成「準備階段」、「設定階段」以及「取得結果」三個部分來講解。

AI_x_AI_-_4._AI_-_2024b.png 

首先，我們會從「準備階段」中選擇適合的參考構圖，重點在於畫面構圖、人物姿勢以及色彩配置，確保它與我們預想的畫面相近。接著，我會引導大家進入Krea.ai的Realtime功能，這是一個即時生成AI繪圖的平台。在正式開始繪圖前，我會示範如何重置畫布，包括刪除畫布上的物件、將背景設定為白色、清空提示詞，以及將模型變更為Flux。最後，我們會學習如何插入參考構圖，並將其放大至適當大小。

AI_x_AI_-_4._AI_-_2024a.png

接下來進入「設定階段」，這部分是整個流程的核心。我會詳細解說如何撰寫和運用提示詞，並分享一個範例，說明如何將複雜的場景拆解成多個描述，並用括號區隔，同時加入風格描述。我會示範如何複製提示詞、貼上提示詞，以及如何調整AI繪圖的參數，包括調整影像參考程度（AI Strength），數值越大，生成結果與原圖差異越大，反之則越相似。此外，我還會介紹如何使用筆刷和橡皮擦工具進行細部調整，以及如何修改提示詞，並產生新的變化圖。

AI_x_AI_-_4._AI_-_2024c.png

最後，在「取得結果」階段，我會示範如何下載生成的影像。這部分也點出了AI繪圖的有趣之處，每次生成的結果都有可能不同，這也是AI繪圖的魅力所在。

Part 5. 讓AI跟教學看齊 / Aligning AI with Teaching

AI_x_AI_-_5._AI_-_2024.png

https://docs.google.com/presentation/d/1Sk-lEzG1POQuqVV9f7SyreC6bL6oLuSXniRNeYQtBpU/edit?usp=sharing

大綱 / Outline

AI_x_AI_-_5._AI_-_2024_-_image6.png

  • 控制AI繪圖：引導繪圖、提示詞管理、模型管理、參照圖片、ControlNet
  • 結語

內容 / Description

AI_x_AI_-_5._AI_-_2024d.png

首先，我從生成式AI繪圖的基本概念切入，逐步帶領大家認識提示詞在AI繪圖中的重要性。接著，我點出教學場域中對於繪圖的獨特需求，並探討如何運用AI來滿足這些需求。這份簡報的重點在於「控制AI繪圖」，我詳細介紹了幾種關鍵方法，包括：

  • 引導繪圖： 透過圖生圖（img to img）的方式，以顏色和位置來引導AI繪圖，雖然AI無法理解圖中物體，但仍能提供一定的控制。
  • 提示詞管理： 我強調提示詞的精確性對於繪圖結果一致性的影響，並分享如何撰寫詳細的提示詞，以確保AI產出符合預期的圖像。我也展示了如何利用複雜的提示詞，來產生特定風格的圖像，例如我所使用的希希助教的繪圖範例。
  • 模型管理： 不同的模型模型在AI繪圖上會產生出不同的結果。我說明來如何根據需求選擇合適的模型，並強調模型風格的影響力甚至可能勝過提示詞。
  • 參考圖片： 我介紹了Midjourney的「風格參考」功能，以及Stable Diffusion中ControlNet的「Reference Only」功能。這些功能可以讓AI根據參考圖片的風格或內容，產生相似或相關的圖像，大幅提升繪圖的精準度。
  • ControlNet： 我進一步說明ControlNet的Depth、Scrible和Openpose等功能，如何透過深度、形狀和動作的控制，來引導AI繪圖，讓AI繪圖更加精細和可控。

AI_x_AI_-_5._AI_-_2024c.png

最後，我以「知識應以文字為本，教材何必繪圖？」的反思作為結語，並引用雙碼理論（Dual Coding Theory）來強調圖像在教學上的重要性。從理論和實務來看，透過文字、圖像、數字、顏色和連結等多元方式，確實能夠有效提升學習的效率。希望AI繪圖這項工具，能夠幫助授課的教師和學習的學生營造更好的學習環境。

結語 / Conclusion

20241119_163346.jpg

這次感謝新生醫專的黃老師與圖書館楊先生協助安排演講。臺下聽眾大家都好認真，不管是前面的提示詞撰寫，還是後面圖片引導繪圖，都能看到大家發揮各種創意，嘗試探索AI繪圖的可能性。到最後大家幾乎都在都把Krea AI提供的免費額度用完的時候，迎來了這次演講的結束。

這份教學是「讓AI繪圖成為你的教學利器：Stable Diffusion 工作坊」的變化版本。在「讓AI繪圖成為你的教學利器：Stable Diffusion 工作坊」後面還有提到很多模型的進階應用，有興趣的人可以再移架過去看看。

以往我們會認為美術設計和人物繪畫是經過特別訓練的大師才有的資格，但就如繪圖其實從手上的原子筆跟紙張就可以開始一樣，希望AI繪圖也可以成為飛入尋常百姓家、每個人都能活用的能力。

讓我們一起來為這個世界添增更多色彩吧！

那這篇關於AI繪圖教學投影片的文章就到此為止了。文章最後要來問大家的是，你通常都用什麼方式作AI繪圖呢？

  • 1. ChatGPT：OpenAI能文能圖，天下無敵。
  • 2. Bing Image Creator：我大微軟誰敢不服。
  • 3. MidJourney：AI繪圖界他說是第二，誰敢說是第一？
  • 4. TensorArt或SeeArtAI：哥繪的不只是圖片，懂得都懂。
  • 5. AI繪圖都是抄襲，你怎麼能教AI繪圖！
  • 6. 其他：歡迎在下面留言，分享你的看法吧！

訂閱： 張貼留言 (Atom)