paper

2025年2月，苹果在iPhone16e的发布预热中展示了一个液态金属质感的Logo动画，银色镀铬般的表面缓缓流动，视觉效果相当抓人。这个设计很快在设计师圈子里传开，大家都想知道怎么做出来的。

设计公司Paper的创始人StephenHaney看到后觉得很有趣，他想如果每个人都能让自己的Logo变成液态金属效果，那应该挺好玩的。于是Paper团队用WebGL着色器技术开发了一个网页工具，用户拖入Logo图片就能实时看到它变成流动的金属质感。

这个工具发布后很快在设计社区引起关注，Paper创始人StephenHaney在社交平台上分享了演示视频，有评论说接下来几天每个设计师的作品集里都会塞满这种效果，Haney回应说如果大家能做出酷东西那就达到目的了。

工具本身是免费的，不需要注册账号。Paper还把项目开源了，代码放在GitHub上，开发者可以自己修改和扩展这个液态金属效果。

官网入口地址

https://liquid.paper.design/

开源项目地址

https://github.com/paper-design/liquid-logo

下载地址

PaperLiquidMetal是在线工具，无需下载安装软件。通过浏览器访问官网即可使用，所有渲染在本地GPU完成。

功能介绍

实时液态金属渲染
上传Logo图片后，工具会立即将转化为动态的液态金属表面。效果基于WebGL着色器实现，金属表面的反光和流动感是实时计算的，不是预设的动画序列。

多维度参数调节
用户可以通过右侧控制面板调整多个视觉参数。包括背景颜色、色散（控制金属反光中的彩虹色散效果）、边缘锐度（调整Logo边缘的清晰程度）、图案模糊（控制金属条纹的柔和度）、液化强度（决定金属流动扭曲的程度）、动画速度（从静止到快速流动）、图案缩放（调整金属纹理的密度）。

实时预览与即时反馈
所有参数调整都会立刻反映在画面上，不需要等待渲染或导出。拖动滑块就能看到效果变化，直观地找到满意的参数组合。

PNG下载
调节完成后可以下载为PNG格式图片，用于项目或分享。

开源可扩展
项目基于TypeScript和WebGL着色器开发，代码在GitHub上开源，开发者可以自行修改着色器代码或集成到自己的项目中。

PaperShaders组件库
液态金属效果也被封装为PaperShaders库中的一个组件，开发者可以通过npm安装@paper-design/shaders-react在React项目中直接使用LiquidMetal组件，传入Logo图片地址就能渲染出相同的效果。

应用场景

品牌视觉升级
把静态Logo转化成动态液态金属版本，用于官网加载动画、品牌宣传视频或社交媒体头像，给品牌增加科技感和未来感。

社交媒体内容创作
生成动态Logo效果后录制或截图，用作社交平台的帖子配图、故事素材或短视频封面，在信息流中更容易吸引注意力。

产品展示和广告
在数字广告、产品发布会演示或线上店铺的Banner中使用液态金属Logo动画，强化品牌的创新形象。

设计探索和灵感参考
设计师可以用这个工具快速尝试不同Logo在液态金属风格下的效果，作为视觉方向的参考，不需要从零搭建3D场景。

个人项目
个人创作者给自己的作品集、个人品牌或副业项目做一个液态金属版本的标识，增加视觉趣味。

使用方法

第一步，打开 https://liquid.paper.design/ 页面上默认展示了几款示例Logo的液态金属效果，包括Apple、Nike、NASA、Chanel、大众等。

第二步，点击上传按钮，拖入或选择自己的Logo图片。工具建议使用透明背景或白色背景的图片，形状比文字效果更好。SVG或高分辨率图片能获得更清晰的渲染结果。

第三步，在右侧面板调节参数。背景颜色可以选择灰色、白色、黑色或自定义。他参数包括色散、边缘、图案模糊、液化、速度、图案缩放，按需拖动滑块调整。

第四步，效果满意后，点击下载保存为PNG图片。

服务支持

PaperLiquidMetal是Paper公司推出的免费工具，不需要注册或登录即可使用全部核心功能。Paper是一家设计工具公司，旗下产品包括Paper设计画布和PaperShaders着色器库。

液态金属效果的着色器也被集成在PaperShaders中，开发者可以在自己的项目中免费。PaperShaders是一个零依赖的WebGL着色器库，通过npm安装即可在React项目中调用。

Paper的设计画布产品采用免费加订阅模式。免费版提供基本的MCP调用和存储额度，Pro版每月16美元（年付）或20美元（月付），解锁无限协作文件、视频导出和更高额度的AI调用。但液态金属Logo工具本身独立于Paper画布的付费体系，直接使用不需要付费。