08 AI製作繪本

(2023/06/25)

本教材是為今年夏令營(小小AI程式創客營)的教學教材！供大家參考....

短網址：http://gg.gg/0828ss 

• 此夏令營的學生繪本成果 (由於上課時間有限，只要求學生做6頁內容)

  • https://www.youtube.com/watch?v=etzDM0P82no

  • https://www.youtube.com/watch?v=QjjQEygetPM

  • https://www.youtube.com/watch?v=byLwmPX92Ww

  • https://www.youtube.com/watch?v=LNEvLXUIDYw

  • https://www.youtube.com/watch?v=Tb8k5qprOHA

  • https://www.youtube.com/watch?v=Ndi7Q_THL-g

  • https://www.youtube.com/watch?v=f8qoJd9GM5o

  • https://www.youtube.com/watch?v=sCAWYf7T4t0

  • https://www.youtube.com/watch?v=8SExQseBAZw

  • https://www.youtube.com/watch?v=H4m0052y-O0

  • https://www.youtube.com/watch?v=IgiIasahMY0

  • https://www.youtube.com/watch?v=Y3vt5RPIw8U

  • https://www.youtube.com/watch?v=rn0VCs9G1io

  • https://www.youtube.com/watch?v=2n5_0drDEg0 

  • https://www.youtube.com/watch?v=Vg8wBYksLbA 

  • https://www.youtube.com/watch?v=22Uu1W1d6DI 

  • https://www.youtube.com/watch?v=sTesAF2reYc 

一、AI製作繪本參考資料

• https://youtu.be/9T8Dn2cY_04 

• https://youtu.be/DclCgOLw5tg 

• https://youtu.be/WhQSyPFkMrk 

• https://youtu.be/M8wJtF5zEug  

二、利用AI構思繪本故事

• 製作一本1分鐘小故事的睡前兒童讀物

  • 如公主與女巫的故事

  • 麗莎和他的機器人朋友

  • 男孩和兔子

• 範例：

  • 你好，你是一位國小繪本故事的設計師

  • 請設計一個繪本故事，主角是一位對【歷史】感興趣的【國小】【女】學生，名叫【小玉】，請給我一些點子   (【】內容請自行修改)

• Chat Everywhere

• 網址：https://chateverywhere.app/zh

• 註冊：可以不註冊使用，適合國小學生(聊天記錄可以保留同一台電腦上)，即使註冊，免費帳戶聊天記錄也不會被保留在帳戶上！！只能使用匯出及匯入的功能了！

• 我對上面第【2】個題材很感興趣，請列出【5】個適合國小學生的歷史事件

• 我選上面【1、3、5】這三個主題，結合【小玉的神奇筆記本】的點子，讓【小玉】融入到這些歷史事件中，當成故事主要的情節，請幫我設計這故事的內容，謝謝

• 請將上面的內容整理成一個完整的故事，而不是只是一篇文章 

• 由於要製作繪本，請將上面每一個冒險內容切割成3頁的內容 

• 請再調整頁面內容，包括起始頁面1~2頁，每一個冒險內容切割成3頁，再加上結尾1~2頁，變成一個完整的繪本故事

• 由於利用AI來繪製各頁的圖片，所以提供想呈現畫面的各頁的prompt

• 再利用google翻譯，所各頁的prompt翻譯成英文 

• 完成作品：

  • 小玉的神奇筆記本大冒險

  • 頁面1：封面

  • 頁面2：起始及埃及金字塔的神秘之旅

    • 小玉在學校的圖書館發現了一本神奇的筆記本。她打開筆記本，在第一頁留下了她對埃及金字塔的好奇心。

    • 繪本圖片內容：小玉在學校的圖書館內，打開一本書 (Xiaoyu opens a book in the school library)

    • 註：繪本圖片的prompt不要太複雜！！(遵守：什麼人在哪裡做什麼事 即可)

    • 註：每頁的文字也不要太多，如果太多，請再自行修短！！

  • 頁面3：與法老相遇

    • 小玉突然發現筆記本發出微弱的閃光，當她睜開眼時，她發現自己置身在古埃及的時空。她在金字塔的腳下遇見了一位年輕的法老，法老向她講解了埃及人的宗教信仰和建築技巧。

    • 繪本圖片內容：

      1. 小玉和一位年輕的法老在金字塔旁邊散步 (Xiaoyu and a young pharaoh walking beside the pyramid)

      2. 法老向她講解了埃及人的宗教信仰和建築技巧

  • 頁面4：迷宮的探索與寶藏的發現

    • 法老鼓勵小玉勇敢地進入金字塔的迷宮，小玉開始了她的探險之旅。她解開了迷宮中的謎題，最終找到了一個神秘的寶藏。小玉興奮地抱著寶藏回到了現實世界。

    • 繪本圖片內容：小玉在金字塔的迷宮中發現神秘的寶藏 (Jade discovers a mysterious treasure in the labyrinth of the pyramid)

  • 頁面5：中世紀騎士與城堡的冒險

    • 小玉寫下她對中世紀騎士和城堡的好奇心，接著筆記本再次發出微弱的閃光。

    • 繪本圖片內容：小玉又回到學校的圖書館內，在書上寫下中世紀(Xiaoyu went back to the school library and wrote the medieval book on the book.)

  • 頁面6：城堡的探索

    • 當小玉睜開眼時，她發現自己置身在一座宏偉的中世紀城堡。她遇見了一位名叫亞瑟的勇敢騎士，亞瑟邀請小玉一同探索城堡的秘密和騎士的生活。他們一起解開了城堡內的謎題，並守護了城堡免受入侵者的威脅。

    • 繪本圖片內容：小玉置身於中世紀城堡，旁邊有一名勇敢騎士 (Jade is in a medieval castle with a brave knight next to her)

  • 頁面7：勝利的時刻

    • 在一場激烈的戰役後，小玉和亞瑟站在城堡的巨大城牆上，欣賞著眼前的壯觀景象。他們成功地守護了城堡，拯救了城堡的居民。小玉感到無比自豪，她知道這將是她繪本中最精彩的一頁。

    • 繪本圖片內容：小玉經歷一場激烈的戰役，成功守護了城堡(Xiaoyu went through a fierce battle and successfully defended the castle)

  • 頁面8：現代科學探索之航海時代

    • 小玉寫下她對航海時代的好奇心，筆記本再次發出微弱的閃光。

    • 繪本圖片內容：小玉又回到學校的圖書館內，在書上寫下航海時代(Xiaoyu went back to the school library and wrote down the age of sailing in the book)

  • 頁面9：與哥倫布一起航海

    • 當小玉睜開眼時，她發現自己置身於哥倫布的航海時空。小玉成為哥倫布的助手，一同啟航探索未知的大海。他們迎著風浪，經過千辛萬苦，最終發現了一片新大陸。

    • 繪本圖片內容：小玉成為哥倫布的助手，發現新大陸(Xiaoyu became Columbus's assistant and discovered the New World)

  • 頁面10：探索結束及收穫

    • 在冒險的過程中，小玉學習到了關於航海技術和科學探索的知識。哥倫布感謝小玉的協助，並將她視為自己的寶貴夥伴。回到現實世界後，小玉感慨萬千，她認識到冒險不僅能帶來樂趣，還能讓她成長並擁有無數珍貴的經驗。

    • 繪本圖片內容：小玉學習到了關於航海技術和科學探索的知識(Jade learns about sailing techniques and scientific exploration)

  • 頁面11：結尾

    • 小玉回到家中，將筆記本放回書架上。她心中充滿了對未來冒險的期待，因為她相信每一次的旅程都將帶給她新的驚喜和成長。

  • 頁面12：封底

三、下 圖片Prompt的技巧

• Image Creator from Microsoft Bing 下提示詞的建議：

  • 形容詞＋名詞＋動詞，照片樣式

  • 此方式很像我教學生的方式：

    • 怎樣的人(或物)在哪裡做什麼事  (很像寫作文的造句) 

      • 【戴著帽子的紅色長頭髮女生】【在海邊】【看夕陽】  (girl with red long hair wearing a hat watching the sunset by the sea)

      • 【美麗的女孩】【背景是台灣的街道】【生活照片】 (Beautiful girl, the background is the streets of taiwan, photos of life )

• 更深入的提問技巧：

  • 使用肯定句

  • 精確用語

  • 主體、情境、道具、氣氛、風格、藝術家名字、色彩、光照、特效、精緻度、鏡頭焦段、渲染引擎、參考網站、指令

    • 如：年輕女子、爬山、背面、府瞰、光線照射、景深、森林、湖泊、小徑、白雲、寫實、最好的質量、傑作、高分辨率、8K壁紙、精緻美麗、雜誌封面、清晰的圖片...

    • 【正向提示】的提詞使用過程，由簡單到複雜：(到後面會實際用到)

      • 基本款：photo of a beautiful woman  (一個美麗的女人的照片)

      • 加入背景：portrait photo of a beautiful , nature background (美麗自然背景的肖像照片)

      • 加入一些形容詞：half body wide angle portrait photo of a beautiful hippy woman, nature background at sunset (一個美麗的嬉皮士女人的半身廣角肖像照片，日落時的自然背景)

      • 添加更多細節：half body wide angle professional portrait photo of a beautiful hippy woman, clear and detailed eyes, nature background at sunset, backlighting, fashion photography  (一位美麗的嬉皮士女性的半身廣角專業肖像照片，清晰而細緻的眼睛，日落時的自然背景，逆光，時尚攝影)

      • 加入 居中對稱，防止圖形被切割：half body wide angle professional portrait photo of a beautiful hippy woman, clear and detailed eyes, nature background at sunset, backlighting, fashion photography, centered, symmetrical (一個美麗的嬉皮士女人的半身廣角專業肖像照片，清晰而細緻的眼睛，日落時的自然背景，逆光，時尚攝影，居中，對稱)

      • 加入 相機型號、鏡頭、藝術家風格：half body wide angle professional portrait photo of a beautiful hippy woman, clear and detailed eyes, nature background at sunset, backlighting, fashion photography, centered, symmetrical, hasselblad helios 44-2 58mm F2, by Annie Leibovitz and Ellen von Unwerth (一位美麗的嬉皮士女性的半身廣角專業肖像照片，清晰細緻的眼睛，日落時的自然背景，逆光，時尚攝影，居中，對稱，hasselblad helios 44-2 58mm F2，Annie Leibovitz 和 Ellen von Unwerth)

      • 修改內容：half body wide angle professional portrait photo of a beautiful hippy man, clear and detailed eyes, city at sunset, backlighting, fashion photography, centered, symmetrical, hasselblad helios 44-2 58mm F2, by Annie Leibovitz and Ellen von Unwerth  (一個美麗的嬉皮士的半身廣角專業肖像照片，清晰而細緻的眼睛，日落時的城市，逆光，時尚攝影，居中，對稱，hasselblad helios 44-2 58mm F2，Annie Leibovitz 和 Ellen von Unwerth)

    • 負面提示(NEGATIVE PROMPTS)： ugly, duplicate, morbid, mutilated, out of frame, extra fingers, mutated hands, poorly drawn hands, poorly drawn face, mutation, deformed, blurry, bad anatomy, bad proportions, extra limbs, cloned face, disfigured, out of frame, ugly, extra limbs, gross proportions, malformed limbs, missing arms, missing legs, extra arms, extra legs, mutated hands, fused fingers, too many fingers, long neck (醜陋，重複，病態，殘缺不全，框架外，多餘的手指，變異的手，畫得不好的手，畫得不好的臉，突變，變形，模糊，解剖學不好，比例不好，多餘的肢體，克隆的臉，毀容，畫框外， 醜陋，多餘的肢體，毛比例，畸形的肢體，缺胳膊少腿，多餘的胳膊，多餘的腿，變異的手，融合的手指，太多的手指，長脖子)

• Prompt產生器

  • 日系動漫風格的AI 念咒語法產生器 https://aiart-navi.com/prompt-maker/  (日文網站)

三、認識Playground AI

• 網址：https://playgroundai.com/ 

  • 使用教育部的Google帳戶來註冊(xxx@go.edu.tw)

  • 免費版，每天可創作1000張圖，而且可商業使用 https://playgroundai.com/pricing 

• Playground AI的簡單教學：https://youtu.be/7c1aA48jIYE 

• Playground AI的簡單教學

  • 學習別人下的prompt

    • 先從首頁中選定一位角色當主角

• 本範例的prompt：

  • 正向prompt

    • Closeup of cute little girl holding cute Pomeranian, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution(可愛的小女孩抱著可愛的博美犬的特寫，超現實，複雜，高度詳細，電影燈光，最佳質量，8k 高分辨率)

    • 為求畫面品質，上面紅字部份要一直放在每一張圖上

  • 負向prompt

    • text, logo, wordmark, writing, heading, signature, two heads, two faces, cropped image, out of frame, deformed hands, twisted fingers, double image, malformed hands, multiple heads, extra limb, ugly, poorly drawn hands, missing limb, disfigured, cut off, ugly, grain, low res, deformed, blurry, bad anatomy, disfigured, poorly drawn face, mutation, mutated, floating limbs, disconnected limbs, disgusting, poorly drawn, mutilated, mangled, extra fingers, duplicate artifacts, missing arms, mutated hands, mutilated hands, cloned face, malformed,(文本、徽標、字標、寫作、標題、簽名、兩個頭、兩張臉、裁剪圖像、出框、變形的手、扭曲的手指、雙圖像、畸形的手、多個頭、額外的肢體、醜陋、畫得不好的手、缺失 肢體、毀容、切斷、醜陋、顆粒、低分辨率、變形、模糊、解剖結構不良、毀容、畫得不好的臉、突變、突變、浮動肢體、斷開的肢體、噁心、畫得不好、殘缺不全、損壞、多餘的手指、重複 文物，失踪的手臂，變異的手，殘缺的手，克隆的臉，畸形的，)

    • 上面紅字部份要一直放在每一張圖上
      
      

• 繪本建議使用的Model(模型)及Filter(濾鏡)

  • Model：Stable Diffusion 1.5

  • Filter：ReVAnimated 或 Playtoon
    
    

• 由於本作品最後想用影片的方式呈現在youtube上，所以圖片大小(解析度)

  • 採用 768*512 (免費版的最大解析度了)

  • 下載存檔時，存成4倍大小的圖片(3072*2048)

• 利用此prompt修改成我們所要的prompt來製作第一頁的圖，如：

  • A cute girl  discovers a mysterious treasure in the labyrinth of the pyramid, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

  • 可調整：

    • Prompt Guidance (越右，越接近prompt)

    • Quality & Details (越右，品質越好，免費版只能到50)

    • Number of Images

• 第2張圖：A cute  girl  and a young pharaoh walking beside the pyramid,see the front, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

• 不滿意再一直修改prompt及相關參數

• 第3張圖：A cute  girl  discovers a mysterious treasure in the labyrinth of the pyramid, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

• 不滿意再一直修改prompt及相關參數

• 第4張圖：A cute  girl  went back to the school library and wrote the medieval book on the book, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

• 不滿意再一直修改prompt及相關參數

• 第5張圖：A cute  girl is in a medieval castle with a brave knight next to her, ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

• 不滿意再一直修改prompt及相關參數

• 第6張圖：A cute  girl  went through a fierce battle and successfully defended the castle, flames of war,ultra realistic, intricate, highly detailed, cinematic lighting, best quality, 8k high resolution

• 不滿意再一直修改prompt及相關參數

• 可利用canva(畫布)功能修改圖片細節

• 其他圖以此類推....

• 一共得了如下的幾張圖

四、文字轉聲音

• 在線免費文字轉語音：TTSMaker https://ttsmaker.com/zh-hk 

五、使用Cnava製作影片

• 先準備好繪本的圖片及聲音檔

• 進入Canva 

  • 網址：https://www.canva.com/

  • 一樣用教育部的Google帳戶來註冊

  • 記得加入老師的class，才有教育版的功能

• 成果展示：https://www.canva.com/design/DAFnZmO3wB8/OhIiPmye0zsRHnRRMmx03g/edit?utm_content=DAFnZmO3wB8&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton