市面上 AI 繪圖工具五花八門非常多種，越強大的工具原則上學習曲線就越陡峭，包含一般常聽到的 Stable Diffusion、Midjourney、DALL·E 3 … 等，小蛙之前有介紹過 HitPaw Photo AI 軟體，使用上很簡單，但是需要收費。今天從點進這篇文章開始，只要知道一個詞兒、一個工具、一個軟體就好 Edge，沒錯，就是 Windows 電腦都會搭載的預設瀏覽器 Edge (小蛙的年代還是 IE)。

Edge 免費 AI 繪圖

使用 Edge 搭載的免費 AI 繪圖首先要有 Microsoft 帳號，首先開啟 Microsoft Edge 連到 MSN，點擊右上角登入，註冊是免費的，如果沒有帳號的話可以去註冊一個

登入成功後點擊右上角的 Copilot 按鈕開啟 Copilot AI

接著就可以開始念咒語了，現在 AI 發展非常強大，只要開頭告訴 AI 產生圖片、幫我產生圖片、幫我繪製圖片，總之有提到相關類似意思的描述，必應都可以幫忙產生圖片，例如這邊小蛙下的 prompt 是「產生圖片 蝙蝠俠跟蜘蛛人騎重機在山間小路飆車，寫實風格，有夕陽」

小知識補充：prompt 的意思是要給 AI 的「提示詞」或「問題」，也就是大家常說的「咒語」。

效果看起來很讚耶～不過 AI 可能不太了解「重機」是什麼，所以在下 prompt 的時候，就要多方嘗試多方修正，盡可能調整到跟 AI 相同頻率，這樣得到的圖片效果就會非常好～

試試看如果把重機改成重型機車，就可以得到較正確的圖片了，雖語意上還是不完全正確，例如小蛙下的 prompt 是在飆車，得到的結果大多是蝙蝠俠騎車或開車，蜘蛛人在旁邊跳來跳去 (有可能 AI 判斷蝙蝠俠的交通工具本來就是汽機車，而蜘蛛人大多是用蜘蛛絲)，這種情況就要自己多嘗試看看在 prompt 使用不同的詞彙來描述圖片的細節。

用一樣的重機 prompt 加上梵谷風格，點圖片可以放大來看，背景的勾勒線條都變成梵谷風格了

手塚治虫老師風格

賽博龐克 (cyberpunk 風格)

伊藤潤二風格

這些真的免費嗎？每次必應回話後面有一個 ?/30 如果滿了會怎樣呢？放心，目前都是免費的，只要把目前的 Edge 視窗關掉重新開啟 Copilot 又會變成 1/30 ～

別猶豫了，快開啟你的 AI 圖片創作之路吧！

圖片相關文章：

• 2 個去背的簡單方法 – iPhone, remove.bg
• 1 學就會的免費 AI 繪圖、AI 圖片生成 – 使用 Edge
• PicPick – 全方位的免費螢幕截圖、螢幕錄影軟體
• HitPaw Photo AI 開箱實測 – 圖片的事都交給它！
• iPhone 長截圖的 3 個方法學 (iOS)
• Mac OSX 螢幕截圖 / 錄影的方法
• 上傳圖片卻遇到圖片太大的問題？XnView 輕鬆幫你調整圖片大小
• 哎呀！私密資料不能公開啦！XnView 幫你的圖片馬賽克(pixelate)
• 圖片太大啦！要調整的那麼多張怎麼辦？XnView 幫你批次調整圖片大小
• 把圖片 key 進螢幕裡超簡單 – Mockuper

這篇文章 1 學就會的免費 AI 繪圖、AI 圖片生成 – 使用 Edge 最早出現於 記下來。

有一次看到阿咕用 PS 要做這個效果，因為有些情況下是沒有這些專業軟體的，小蛙就找到了一個免費的線上工具，真的是非常強大，快來看看吧～

什麼是 Mockup

在開發設計流程裡，常常可以看到 wireframe,mockup及 prototype 三個專有名詞，wireframe，prototype，mockup到底有何不同？ 這篇文章指出包含可操作互動功能的為 Prototype，不可操作下，wireframe 為功能設計不注重外觀，而mockup重視的則為豐富的視覺細節。

如果還是不太懂的話，以下說明更淺顯易懂

在平面設計裡的Mockup指的是把設計好的圖像合成到馬克杯、海報、招牌等等上，讓客戶可以想像設計展出或是應用在商品上的時候會是什麼樣子。在UI設計裡的Mockup指的是把wireframe繪製成使用者實際使用的畫面，但無法和使用者直接互動。在國外，有時候Mockup會和Prototype混用，但在業界基本上還是會把無互動的稱作Mockup，可互動的稱作Prototype。

UX流程簡介（下）：Mockup to Usability Testing

Mockuper.net 能做什麼？

Mockuper.net 能將想要展示的畫面呈現在特定的媒介上，例如上面提到的把設計好的圖像合成到馬克杯、海報或招牌上，或者是常見的將視覺樣式合成到書本封面、卡片、電腦或手機螢幕上，而且 Mockuper.net 操作非常簡單重點是免費！

如何使用 Mockuper.net？

連進 Mockuper 右手邊就可以看到一張超大畫布，左邊可以瀏覽想要的模板

模板的種類非常多，有桌上型螢幕、筆記型電腦、行動裝置、平板電腦、智慧手錶以及其他像是畫框、書本等等模板可以直接使用

每個類別拉到最下面點擊 View All 就能切到該類別分頁下，可查看該類別下的所有模板

找到要使用的模板後，點選畫面上的 VIEW

進到詳細說明後，再點擊圖面上的 USE IT

接著開啟編輯器

所有的設定 Mockuper 都已經處理好，我們唯一要做的事情就是點擊左邊的上傳圖片選項 (Upload screenshot)

點擊右下角的 DONE 後開始上傳螢幕畫面圖片

上傳完成就合成完了～

左側可以調整反光的樣式及強度，可以自己試試看調出最適合的樣子，來看看成果吧！小蛙用 YouTube 的影片封面當作測試，效果看起來真棒，是不是很簡單呢？快把 Mockuper 加入書籤吧！以後有需要這種功能就不用求人囉！

如何使用自己的素材製作 mockup

如果 Mockuper.net 提供的素材沒有合用的，mockuper.net 也可以自己上傳素材進行合成，選擇左上角的 CUSTOM MOCKUP。

小蛙從 Pixabay 找了一個漂亮的底圖 (Pixabay 介紹可參考 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材)

接著點擊 Add layer -> Screenshot 加入要挖空的部份

將要挖空的區域調整好

接下來的步驟就跟前面提到的一樣了，可直接參考前面操作的部份，下為完成圖

mockuper.net 是屬於簡單型的工具，沒辦法處理較複雜、不規則或是圓弧面的合成，如下圖，因為手遮住螢幕造成把圖合成上去的時候，手指頭被切掉了 …

非常驚悚

如果有單純矩形的需求，不妨試試 moucker.net 吧！

圖片相關文章：

• 2 個去背的簡單方法 – iPhone, remove.bg
• 1 學就會的免費 AI 繪圖、AI 圖片生成 – 使用 Edge
• PicPick – 全方位的免費螢幕截圖、螢幕錄影軟體
• HitPaw Photo AI 開箱實測 – 圖片的事都交給它！
• iPhone 長截圖的 3 個方法學 (iOS)
• Mac OSX 螢幕截圖 / 錄影的方法
• 上傳圖片卻遇到圖片太大的問題？XnView 輕鬆幫你調整圖片大小
• 哎呀！私密資料不能公開啦！XnView 幫你的圖片馬賽克(pixelate)
• 圖片太大啦！要調整的那麼多張怎麼辦？XnView 幫你批次調整圖片大小
• 把圖片 key 進螢幕裡超簡單 – Mockuper

免費素材系列文章：

• 把圖片 key 進螢幕裡超簡單 – Mockuper
• FootageCrate 海量影像、聲音及圖片素材下載庫
• 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材
• 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集
• 【 免費音樂素材 】超棒的 YouTube 免費音樂素材
• 技巧分享：免安裝軟體取得 YouTube 封面照

這篇文章 把圖片 key 進螢幕裡超簡單 (A Easy and Free Mockup Generator – Mockuper) 最早出現於 記下來。

FootageCrate 是小蛙早期尋找素材時找到的素材庫，還記得找到當時的激動！裡面有很多特效素材，雖然大部份是需要付費購買的，不過網站也非常夠意思提供不少免費的素材給使用者，與 Pixabay 比較不同的是 FootageCrate 主要素材比較偏向特效方面，像是火焰閃電、炸彈煙霧 … 等等的，還有一些 YouTube 或社交相關的例如訂閱按鈕、片尾推薦影片模板 … 等等，來看看 FootageCrate 裡面有什麼吧！

FootageCrate 會員機制

要使用 FootageCrate 的素材有一些限制，首先會員分成免費 (Free)、專業 (Pro) 及企業 (Enterprise)，個別的收費如下圖，小蛙使用的是免費版本，因此有下載素材解析度的限制，以及每天只能下載 5 個素材，滿了就要隔天再來下載囉！雖然麻煩了一點，但是為了省錢，一天五個一個禮拜就有 35 個了 ~ 其實也蠻不錯的，不過如果要更高質量的素材，就要考慮升級成付費會員囉！

註冊完成登入後可以看到是 Basic 級別的會員，有 星星 符號的素材必須要升級成 PRO 等級才可以下載

從 這邊 點過去可以看到所有免費素材，也可以從選單裡素材的種類進去慢慢挑選

下載 FootageCrate 素材

找到要下載的素材後點開他，上面可以看到素材的預覽畫面，左下角為素材的細節，右邊下載的格式裡可以挑選適合自己使用的，選好後用力按下去就可以下載啦

這邊要注意一點的是，免費帳號一天只能下載 5 個素材，但實際上是點 (or 啟動) 五次下載，小蛙之前遇過的狀況是點了之後啟動下載，後來又不小心按到取消，即使沒下載完成還是會扣掉 1 次喔！再來如果點下去被 Chrome 阻擋而沒開始下載，這樣也會算一次喔～如果不了解這些的話說不定不小心多點了幾下，一天五次就用完了，一定要特別注意！

免費素材系列文章：

• 把圖片 key 進螢幕裡超簡單 – Mockuper
• FootageCrate 海量影像、聲音及圖片素材下載庫
• 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材
• 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集
• 【 免費音樂素材 】超棒的 YouTube 免費音樂素材
• 技巧分享：免安裝軟體取得 YouTube 封面照

這篇文章 FootageCrate 海量影像、聲音及圖片免費素材下載庫 最早出現於 記下來。

Pixabay 也是小蛙常用的素材網，這個網站提供合計超過 230 萬個素材，這些素材的使用方式也很簡單，只要不違反基本原則的狀況下，甚至連使用上都不用標示來源，既然是免費素材，能幫忙分享推薦就盡量在延伸作品中加入原始連結，小蛙如果影片或部落格有使用到免費素材，也都會盡可能在描述中加入來源，這對創作者是基本的尊重！

連到 Pixabay 可以看到跟大部份素材網差不多，一個簡單的搜尋框，下方有一些推薦的素材，沒什麼想法或只是想瀏覽累積素材的話，一直往下滑就可以了

如果介面是英文看不懂的話，或是想把簡體中文換成英文的話，可以點選右上角的「探索」或 Explore -> Language 後選擇要切換的語言

只要在搜尋框中輸入搜尋文字即可，中文跟英文都可以喔（要對應選擇的語言）！如果搜尋中文沒有結果的話，可以嘗試切換到英文介面用英文搜尋，會得到比較多的結果。

看到喜歡的素材點進去可放大瀏覽，同時右邊會有一些圖片相關的資訊，藍框處為該素材的授權，小蛙點的這個影片是 Pixabay License 可以做商業用途 不要求署名，這是個非常非常寬鬆的授權，連要求署名都不用，確定是自己喜歡的素材點選右邊的免費下載

接著選擇要下載的圖片大小

畫面左邊出現「捐贈」以及複製來源的文字，如小蛙上面所說，基於尊重創作者的原則，基本上小蛙都會附上這一段文字，至於如果你真的找超久終於找到一個非常喜歡的素材，想要「實質上」感謝作者，也可以點選捐贈給予實質上的幫助。

Pixabay 基本上幾乎使用上沒什麼限制

有一些更詳細的說明也可以在網站上找到

看不懂沒關係，請出 Google 翻譯大師

Pixabay 提供的素材品質都蠻高的，小蛙非常推薦，另外還有其他免費素材可以參考下方連結喔！

免費素材系列文章：

• 把圖片 key 進螢幕裡超簡單 – Mockuper
• FootageCrate 海量影像、聲音及圖片素材下載庫
• 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材
• 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集
• 【 免費音樂素材 】超棒的 YouTube 免費音樂素材
• 技巧分享：免安裝軟體取得 YouTube 封面照

這篇文章 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材 最早出現於 記下來。

今天要介紹的這個網站是小蛙在搜尋素材的時候發現的，這網站叫做 irasutoya 素材集，這個網站非常非常非常強大，小蛙寫這篇文章的時候網站上有 25,135 張可愛圖片，而且這個網站的圖片會一直不停跟著時勢增加的，真的是非常棒的一件事情。

YouTube Studio Audio Library 提供非常多免費的音樂及音效喔！
可參考：【免費素材】超棒的免費音樂：YouTube 工作室音效庫

設計師的噩夢《IRASUTOYA免費素材爭議》再也沒有人想要付錢設計了…… 從這篇文章就可以看出 irasutoya 素材集有多強大了，各式各樣你想的到或想不到的可愛插圖都有！小蛙到該網站上隨便點了一些分類之後立馬加入書籤，真的是太強大了！

隨後小蛙的影片裡幾乎主要都是用這個素材，其實在很多 YouTube 影片、廣告、文宣或是政府單位之類的，很多地方都可以看到這個素材，你可能會抱持著跟小蛙當時一樣懷疑的態度，哪可能有那麼好的事，這樣用都不會有版權問題嗎？（當然很多人根本不管版權問題，不過身為良好國民，一定要注意這件事情，任何創作者都不希望自己的作品被不當使用！）

從官網上的 FAQ 裡面有明確指出使用限制（小蛙看不懂日文，請出 Google 翻譯大師），算起來是很寬鬆的，除了特殊負面的狀況不得使用外，最重要要注意的就是單一作品裡面不可以超過 20 個素材，比如說一部影片、一篇文章、一張文宣 … 等最多只能使用 20 個素材，超過的話要直接以 21 個計費，而非只計多出來的，還有一點是如果要引用的話，請直接把圖片下載下來使用，不要使用該站的連結，以降低網站負擔。附上部份 Google 翻譯得到的 FAQ

更多詳細的說明可點過去官網的 FAQ（不懂日文的就用 Google 翻譯囉）

免費素材系列文章：

• 把圖片 key 進螢幕裡超簡單 – Mockuper
• FootageCrate 海量影像、聲音及圖片素材下載庫
• 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材
• 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集
• 【 免費音樂素材 】超棒的 YouTube 免費音樂素材
• 技巧分享：免安裝軟體取得 YouTube 封面照

這篇文章 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集 最早出現於 記下來。

YouTube 是一個非常方便的平台，剪輯完的影片直接上傳到 YouTube 之後，還可以設定 Private / Unlisted / Public 等權限，再分享給其他人觀看，如果是一個 team 或一個家庭，有影片要分享給其他成員，只要上傳到 YouTube，如果只想讓自己人看到，就選 Unlisted (小蛙用英文版)，中文可能是「有連結就可以觀看」之類的文字，總之就是搜尋不到，只限拿到連結的人可以看見影片，小蛙幫忙處理的影片也是透過這種方式來分享的。

更多免費素材可參考 這裡。

YouTube 音樂版權

先看一下影片

大致上 YouTube 對於音樂侵權這件事情，依情節嚴重性分成「被消音」、「營利歸版權所有方」、「影片被下架」或甚至是帳號被停權 … 之類的。小蛙發現不只這個影片，還有其他影片也都有提到，那創作者要怎麼知道自己使用的音樂是可以合法使用的，就是創另一個帳號測試，或是放一小段影片不要設定公開，放個幾天看看有沒有被警告（小蛙不確定是否正確，因為也有可能當下沒有問題，但事後原本沒有版權的音樂被宣告版權了，還是會遇到相同的問題 Orz …）版權這塊真的有點麻煩，像小蛙就看到一個創作者說他看了所有條款都合法使用，但是最後營利還是被音樂創作方拿走，申訴也被駁回。

使用 YouTube Studio Audio Library

因為小蛙還是新手，盡量就直接用 YouTube 提供的免費音樂囉！下面都會以這個為主，進到 YouTube 後，右上角選單曲可以看到「YouTube Studio (beta)」，點進去！

左側可以看到 Other features -> Audio library，如果使用中文版的網友就自己轉換或找大概的位置囉！

進去之後可以看到有「免費音樂」跟「免費音效」兩個頁籤，其中免費音樂的部份，可以從上方的過濾器去篩選出自己想要的音樂，還有必須要提的是有些音樂是透過創用 CC 授權的（下圖右方的小人圖像），也就是說點開來之後如果看到有額外說明，就必須要在使用到音樂之處（可以是描述、或是其他地方），標示音樂的授權、創作者 … 等資訊，如下圖。

小蛙從前一直有個疑惑，這些免費音樂到底哪裡來的，是哪裡來的善心人士把自己努力的創作放上去讓其他人任意使用，直到看到這部─YouTube的音樂教父! 他為什麼要把音樂全部免費供人使用? Kevin Macleod的故事 | 啾啾鞋，才知道原來偉大的善心人士是這位仁兄！當然除了這位仁兄外，也很感謝願意分享音樂創作的人啦～

開始要做一些東西出來的時候，才發現缺東缺西，特別是背景音樂 … 從前都不了解 BGM 的偉大，多虧了這些免費音樂的分享者，讓初學影片處理的人也能有好聽的音樂可以使用！

最後，因為 Audio Library 裡面的音樂實在是太多了，一個一個點真的很麻煩，可以訂閱 Audio Library 音樂庫 無版權配樂 免費背景音樂下載，這邊把 Audio Library 裡面的音樂，做了一些分類集結在播放清單中，平常聽的時候遇到喜歡的或是可以用來當成素材的，就可以在描述欄查看音樂資訊，比起直接去 Audio Library 裡面一首一首找方便不少喔！

免費素材系列文章：

• 把圖片 key 進螢幕裡超簡單 – Mockuper
• FootageCrate 海量影像、聲音及圖片素材下載庫
• 【 免費素材 】Pixabay 超過 230 萬個優質圖片、影像及聲音素材
• 【 免費圖片素材 】高達兩萬五千多張超可愛圖片 irasutoya 素材集
• 【 免費音樂素材 】超棒的 YouTube 免費音樂素材
• 技巧分享：免安裝軟體取得 YouTube 封面照

這篇文章 【 免費音樂素材 】超棒的 YouTube 免費音樂素材 最早出現於 記下來。