跳到主要內容

球與球的連結!用 Photoshop 和 Illustrator 做出 Metaballs 變形球效果

球與球的連結!用 Photoshop 和 Illustrator 做出 Metaballs 變形球效果

Metaballs 變形球是當兩個以上球形互相靠近時,會產生沾黏與融合的效果。這在 3D 動畫界上是一個很經典的技術,做出來的動畫魔性十足。這樣有趣的效果也可以在 Photoshop 或 Illustrator 上實現喔!

Photoshop Metaballs 變形球製作方式

首先你需要製作如下圖有羽化邊緣的圖形,你可以使用向量形狀或智慧型物件上添加『高斯模糊』或『陰影』效果,也可以直接用筆刷畫

邊緣羽化的形狀

接著在圖層最上方添加一個『亮度/對比』的調整效果

調整『亮度/對比』時,請勾選『使用舊版』再調整『對比』數值,讓圖形邊緣呈現銳利平滑為止

Photoshop 調整對比

最後複製兩個以上的圖形物件,再試著移動靠近它們。黏踢踢的變形球就完成了!

👉 下載範例檔

Illustrator Metaballs 變形球製作方式

因為 AI 沒有對比可以調整,這裡會改用圓角正負『位移複製』讓交疊轉折處產生圓角過渡的技巧。首先先繪製兩個圖形,並將他們打群組。接著在群組上添加正負『位移複製』如下圖設定

Illustrator 正負位移複製

位移距離可以隨意設定,愈高的值感應沾黏的範圍就會愈大!然後轉角設定為『圓角』,而尖角限度不用修改設定。分別做兩層位移複製,一個正數一個負數。接著在這個兩個位移複製之間添加效果『路徑管理員 -> 相加』的效果,這樣兩個物件就會自動連結起來了!

Illustrator 路徑管理員相加

如果想要上色的話會以群組內的第一個物件為主,不能替每個物件都上不同的顏色。

👉 下載範例檔

這個網誌中的熱門文章

Google Doodles 中文版遊戲全蒐集

Google Doodles  塗鴉牆原本是在節慶或紀念日時,會在 Google 首頁臨時刊登的特別圖案,後來發展成動畫以及互動遊戲的形式,而且有些遊戲做的很用心很好玩!甚至還有直播主會特別開台遊玩。這裡蒐集了歷年有「中文」版本且支援手機遊玩的互動遊戲,have fun 👏 PAC-MAN 2025 萬聖節 推出時間:2025/10/30 遊戲說明:眾所皆知的 PAC-MAN 小精靈遊戲,全部由 8 個關卡,別忘記蒐集所有的物品 好玩程度:⭐⭐⭐⭐

分享 Google 日曆的中華民國 114 ~ 115 年 (2025 ~ 2025 休假行事曆也包含勞動節)

以下是 Google 日曆按照行政院人事行政總處公告的中華民國 115 年 (2026) 政府行政機關辦公日曆表製成的,並且再加入 5/1 勞動節。 請使用此 鏈接開啟 Google 日曆 點擊左下角的《新增至 Google 日曆》匯入,另有 iCAL 格式 提供其他應用程式匯入。

推薦 Visual Studio Code 前端網頁設計的擴充套件(延伸模組 Extensions)

以下整理推薦幾個 Visual Studio Code (VSCode) 前端網頁設計開發會使用到的擴充套件(延伸模組 Extensions)這些都是我使用過後覺得必備也常用的套件,適合 Html, Sass/SCSS, JavaScript 網頁設計語法開發!