動態圖樣產生器
在瀏覽器中設計動態光影圖樣：彎曲線條、搭配顏色，並將無縫循環匯出為 MP4、WebM、GIF、PNG 或即時程式碼。免費使用。
從一種風格開始
調整線條形狀
建議使用背景透明的 PNG 或 SVG。檔案只會留在你的裝置上。
拖曳畫面上的四個節點即可彎曲線條。
拖曳畫面可移動圖樣的中心。
選擇顏色
線條顏色設定動態
潤飾風格
印刷效果匯出
匯出畫面上目前顯示的這一格。拖曳時間滑桿可選擇其他格。
此瀏覽器無法編碼影片。請使用最新版 Chrome、Edge、Firefox 或 Safari，或改為匯出 GIF。
GIF 最多只支援 256 種顏色。若想要平滑的漸層與較小的檔案，請匯出影片。
將這段程式碼貼到任何網頁，即可即時執行該圖樣。不需要任何函式庫，任何尺寸都清晰銳利，離開畫面時會自動暫停。
文字與標誌圖樣目前還無法以程式碼執行。請將它們匯出為影片或圖片。
此格式不支援透明，將使用背景色。
此工具需要 WebGL 2，但你的瀏覽器或裝置已將其關閉。請在瀏覽器設定中開啟硬體加速，或換一個瀏覽器試試。
在你的裝置上完成，不會上傳任何內容。
Saved designs
0關於 動態圖樣產生器
動態圖樣產生器是一個免費的光影圖樣工作室。彩色線條由你的顯示卡即時繪製，每次調整都立刻可見：扇形、隧道、螺旋、花朵、等高線圖、旋轉的地球儀、電路晶片等應有盡有。先選一個現成的風格，再調整線條、顏色與動態，直到圖樣與你的品牌完美契合。
你可以手動彎曲線條，讓線條沿著任何文字或標誌的輪廓流動，從圖片擷取配色，或直接貼上品牌色。每段動畫都由整數個週期組成，最後一格會直接銜接第一格，循環不會出現跳動。
可匯出最高 4K 的 MP4 或 WebM 影片、GIF，以及最高 8K 的 PNG、JPG 或 WebP 靜態圖片，格式支援時還能使用透明背景。你也可以複製即時程式碼，不需要任何函式庫就能在任何網站上執行該圖樣。所有操作都在你的裝置上完成，不會上傳任何內容。
如何使用 動態圖樣產生器
- 選擇一個風格作為起點，或按下「隨機產生」取得全新設計。
- 選擇圖樣並調整線條。拖曳畫面可移動圖樣中心，也可輸入一個詞，讓線條圍繞它流動。
- 選擇一組配色、貼上你的 hex 色碼，或從圖片擷取顏色。
- 設定動態、循環長度與速度，再用光暈、3D 管狀、長虹玻璃或底片顆粒潤飾風格。
- 選擇畫面比例：16:9、正方形、直式、限時動態、橫幅或自訂尺寸。
- 匯出影片、GIF 或圖片，或複製程式碼，在你的網站上即時執行。