請 AI 幫忙想繪圖用提示詞-自建網頁產生篇之補充影片

更新 發佈閱讀 4 分鐘
vocus|新世代的創作平台

上圖為影片中提示詞的生圖結果~ 影片西哩呼嚕錄完了,完全忘了有作生圖示範這件事,哈哈!

如果想知道這影片在幹麻,請先看: 請 AI 幫忙想繪圖用提示詞-自建網頁產生篇,對該文有興趣再來看。

影片中提到,給 AI 來產生 HTML 網頁的指令如下:

我想要請您設計一個簡單的html網頁,
網頁中需要一個可以輸入多行文字的輸入框(請命名為 docText),在輸入框下方會顯示一些常用詞句,如:二十歲亞洲女生, 時裝模特兒, 傍晚, 海邊, 漁夫帽, 水彩畫畫風...等。
當使用者點選某一常用詞句時,該詞句會被送入輸入框中,與原本輸入框中現有的文字進行合併,該詞句會出現在出入框的尾端,並在該詞句前加上 "," 逗號,以便和原本輸入框的內容分開。
需要一個送出按鈕,當按下送出按鈕後,將執行以下動作:

1.請將多行文字的輸入框 docText 的內容,加入以下內容中,下指令給 Gemini API(模型使用文字的 2.0 Flash ) 產生文字結果。

「您是一位專業且富有創意的視覺設計大師。請理解我所提供的內容:
'插入輸入框 docText 的內容'
根據您的理解,提供三個生成圖像的英文提示,為每個英文提示提供繁體中文解釋,

提示產生時:
* 確保每個英文提示準確反映使用者文字的內容。 
* 製作詳細、令人回味且適合產生影像的提示。 
* 力求三個提示的風格和重點多樣化。 

2. 翻譯:
* 為每個英文提示提供清晰、準確的繁體中文翻譯。
* 確保翻譯準確傳達英語提示的細微差別。

依照下列格式化輸出。
{
"En1":"第一則生圖用的英文提示詞內容。",
"Tw1":"第一則生圖用英文提示詞內容的中文翻譯。",
"En2":"第二則生圖用的英文提示詞內容。",
"Tw2":"第二則生圖用英文提示詞內容的中文翻譯。",
"En3":"第三則生圖用的英文提示詞內容。",
"Tw3":"第三則生圖用英文提示詞內容的中文翻譯。"
}」

2.等待 Gemini Api 回應
3.解析 Gemini Api 回應的 Json 格式內容,依序顯示如下:

一個按鈕,標題為 "英文提示詞1"(按下此按鈕會將所回應的 En1 內容複製到系統剪貼簿中) : 列示出所回應的 En1 內容。
繁體中文文翻譯1: 列示出所回應的 Tw1 內容。

一個按鈕,標題為 "英文提示詞2"(按下此按鈕會將所回應的 En2 內容複製到系統剪貼簿中) : 列示出所回應的 En2 內容。
繁體中文文翻譯2: 列示出所回應的 Tw2 內容。

一個按鈕,標題為 "英文提示詞3"(按下此按鈕會將所回應的 En3 內容複製到系統剪貼簿中) : 列示出所回應的 En3 內容。
繁體中文文翻譯3: 列示出所回應的 Tw3 內容。

有興趣的話,複製去使用吧!

vocus|新世代的創作平台

留言
avatar-img
AI繪圖 18+/R 實驗室
2.3K會員
378內容數
【限制級】未成年請勿進入。本沙龍旨在分享 電腦 AI 繪圖 的 "精彩" 畫面, 絕無真人演出。
2025/05/10
在介紹本文內容之前,我先盤點了本站寫過,關於 AI 幫忙產生提示詞的文章,有以下幾篇(追到去年9月): 如何無腦的畫出抽象的概念...(發佈於 2024/09/03) 讓AI辨識人物服裝,再生出類似服裝的圖片如何?(發佈於 2025/02/07) ...
Thumbnail
2025/05/10
在介紹本文內容之前,我先盤點了本站寫過,關於 AI 幫忙產生提示詞的文章,有以下幾篇(追到去年9月): 如何無腦的畫出抽象的概念...(發佈於 2024/09/03) 讓AI辨識人物服裝,再生出類似服裝的圖片如何?(發佈於 2025/02/07) ...
Thumbnail
2025/05/03
最近,比較忙了些... 突然想到,好久沒有來畫點...
Thumbnail
2025/05/03
最近,比較忙了些... 突然想到,好久沒有來畫點...
Thumbnail
2025/04/21
老實說~ 標題是有點奇怪! 前陣子 Chatgpt 繪圖超火,TensorArt 不甘寂寞,要來蹭一下熱度吧! 推出了這個專題! 蠻有趣的~ 來分享一下!
Thumbnail
2025/04/21
老實說~ 標題是有點奇怪! 前陣子 Chatgpt 繪圖超火,TensorArt 不甘寂寞,要來蹭一下熱度吧! 推出了這個專題! 蠻有趣的~ 來分享一下!
Thumbnail
看更多
你可能也想看
Thumbnail
這是什麼大問題嗎?這樣就寫一篇文章,會不會太混了! 會! 其實蠻混的! 哈哈哈! 1.英文不好,乾脆用中文。就用微軟 Copilot 設計工具 的網址在此。好啦!
Thumbnail
這是什麼大問題嗎?這樣就寫一篇文章,會不會太混了! 會! 其實蠻混的! 哈哈哈! 1.英文不好,乾脆用中文。就用微軟 Copilot 設計工具 的網址在此。好啦!
Thumbnail
在學習描寫文的過程中,將思維視覺化是一個重要的教學策略。通過使用AI生成圖片功能,教師能夠幫助學生將抽象的描述轉化為具體的圖像。
Thumbnail
在學習描寫文的過程中,將思維視覺化是一個重要的教學策略。通過使用AI生成圖片功能,教師能夠幫助學生將抽象的描述轉化為具體的圖像。
Thumbnail
​ 【線上報名表: https://reurl.cc/2zVoL6】 🔖過去要花許多時間或經費製作的企業/品牌/產品簡介有聲影片,現在透過AI程式AutoMedia,企業影片DIY可以變的很easy!本課程將手把手教導學員如何將PPT簡報轉成有字幕及語音的簡介影片,無須委外就能輕鬆製作出自己想
Thumbnail
​ 【線上報名表: https://reurl.cc/2zVoL6】 🔖過去要花許多時間或經費製作的企業/品牌/產品簡介有聲影片,現在透過AI程式AutoMedia,企業影片DIY可以變的很easy!本課程將手把手教導學員如何將PPT簡報轉成有字幕及語音的簡介影片,無須委外就能輕鬆製作出自己想
Thumbnail
運用生成的AI圖像來激發視覺和創意,無論是生成素材、用在社交媒體上,這些圖像都能為你的的視覺帶來獨特的風格。
Thumbnail
運用生成的AI圖像來激發視覺和創意,無論是生成素材、用在社交媒體上,這些圖像都能為你的的視覺帶來獨特的風格。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這篇要講的圖像提示詞概念是在AI繪圖的過程中輸入圖片,讓AI去理解圖像內容,或是直接參考圖像的構圖或色彩,再產生新的圖片。 雖然我最常用的是文字提示詞的方式生圖,但是圖像提示詞的應用比文字提示詞更廣也更加複雜,尤其在生成影片的範疇。 即使OpenAI在近日發表了強大的文生影片的Sora模型,但畢
Thumbnail
這篇要講的圖像提示詞概念是在AI繪圖的過程中輸入圖片,讓AI去理解圖像內容,或是直接參考圖像的構圖或色彩,再產生新的圖片。 雖然我最常用的是文字提示詞的方式生圖,但是圖像提示詞的應用比文字提示詞更廣也更加複雜,尤其在生成影片的範疇。 即使OpenAI在近日發表了強大的文生影片的Sora模型,但畢
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News