不会制作？Custom Cursor 教程：从上传图片到应用只需 3 分钟

?️ 准备工作：素材和工具先到位

刚开始鼓捣 Custom Cursor 的朋友，第一步得把 “装备” 备齐了。先说图片素材，你得准备一张自己喜欢的图片，不管是萌宠照片、动漫角色，还是自己画的小插画都行。这里有个小讲究，图片格式最好是 PNG，因为 PNG 支持透明背景，这样做出来的光标边缘不会有白边，看着更精致。要是你手头上只有 JPG 格式的图片也没事，后面在编辑的时候可以处理背景，但提前弄成 PNG 能省不少事。

然后是工具方面，你需要打开 Custom Cursor 的官方网站。网址大家记好了，是customcursor.com，别走错了哈。这个网站操作很直观，就算是第一次用的人也能看懂。另外，你的浏览器最好用 Chrome 或者 Edge，这俩浏览器兼容性比较好，后续应用光标的时候不容易出问题。对了，还要确保你的电脑系统是 Windows 或者 macOS，手机暂时没办法用这个功能哦。

? 上传图片：把你的创意传上网

准备好了就可以开始上传图片啦。打开 Custom Cursor 官网，你会看到页面上有个明显的 “Upload New Cursor” 按钮，点击它就进入上传界面了。这时候会弹出一个文件选择框，你找到刚才准备好的图片文件，双击或者点击 “打开” 就能上传。

上传之后，网站会自动显示图片预览。这时候可能会遇到一个问题，就是图片尺寸不符合要求。别慌，网站会有提示，一般推荐的光标尺寸是 32x32 像素或者 48x48 像素，这是比较常见的光标大小，既能看得清楚，又不会显得太突兀。如果你的图片尺寸不对，页面上会有一个调整尺寸的选项，你可以手动输入数值，或者拖动滑块来调整。调整的时候注意看预览效果，确保图片没有变形，主体部分居中，这样做出来的光标才好看。

✂️ 编辑处理：让光标更贴合需求

图片上传并调整好尺寸后，就进入编辑环节了。这里主要做两件事，一是处理背景，二是调整热点位置。先说背景处理，要是你上传的是 PNG 图片，而且背景已经是透明的，这一步可能就不用做了。但如果是 JPG 格式，或者背景有杂色，就需要用到网站自带的背景去除工具。这个工具一般在编辑界面的左侧，有个类似橡皮擦的图标，点击之后可以选择自动去除背景或者手动擦除。自动去除适合背景颜色比较单一的图片，手动擦除则适合复杂背景，大家根据自己的图片情况选择就行。

处理完背景，接下来是调整热点位置。热点就是光标点击时的有效位置，比如默认的箭头光标，热点在箭头的尖端。你需要根据自己的图片主体来设置热点，比如如果是一个箭头形状的图片，热点就设在箭头尖；如果是一个手指图标，热点就设在指尖。调整的方法很简单，编辑界面上会有一个十字准星图标，你用鼠标拖动它到合适的位置就行。设置好之后，可以点击预览按钮，看看光标移动时的效果，确保热点位置正确，点击操作准确。

? 应用光标：让个性化光标生效

编辑好之后，就可以保存并应用你的自定义光标了。点击编辑界面右下角的 “Save” 按钮，会弹出一个保存对话框，让你给这个光标起个名字，比如 “我的可爱小猫光标” 之类的，方便以后管理。然后选择一个分类，比如 “Animals” 或者 “Custom”，当然也可以直接跳过分类，点击 “Save” 即可。

保存成功后，会跳转到你的光标管理页面，这里能看到你刚才创建的光标。接下来要做的就是让这个光标在你的浏览器中生效。如果你用的是 Chrome 浏览器，需要先安装 Custom Cursor 的浏览器扩展程序。在光标管理页面，每个光标旁边都会有一个 “Add to Chrome” 按钮，点击它，按照提示安装扩展。安装完成后，回到光标管理页面，找到你创建的光标，点击 “Activate” 按钮，这样你的浏览器光标就变成你自定义的啦。

要是你用的是 Edge 浏览器，步骤类似，也是需要安装对应的扩展程序。安装好之后，在扩展程序的设置里找到 Custom Cursor，选择你想要启用的光标就行。这时候打开一个新的网页，移动鼠标，就能看到你自己制作的光标啦，是不是很有成就感？

❓ 常见问题解决：遇到麻烦别着急

在操作过程中，可能会遇到一些小问题，别担心，这里给大家整理了几个常见问题的解决办法。比如，有的朋友说上传图片后，光标显示不全，这大概率是图片尺寸的问题。回去检查一下图片尺寸是否是正方形，而且像素在 32x32 到 48x48 之间，调整好尺寸再重新上传就好了。

还有的朋友安装了扩展程序后，光标没有生效。这时候可以先关闭浏览器，再重新打开，看看扩展程序是否启用。或者进入浏览器的扩展程序管理页面，检查 Custom Cursor 扩展是否被禁用，启用它之后再试试。另外，确保你激活的是刚刚创建的那个光标，有时候可能不小心激活了其他光标，导致没看到效果。

还有一种情况，就是背景处理不彻底，光标周围有白边。这时候回到编辑界面，重新处理一下背景，用橡皮擦工具仔细擦除边缘的杂色，或者使用更精确的选择工具来选取主体，确保背景完全透明。处理完后再保存并应用，就能解决白边问题了。

? 进阶技巧：让光标更有个性

学会了基础操作，想不想让你的光标更炫酷呢？这里给大家分享几个进阶技巧。首先，可以制作动态光标。Custom Cursor 支持上传 GIF 格式的图片，你可以找一个动态的 GIF 图片，按照前面的步骤上传编辑，这样你的光标就会动起来啦，比如一个会眨眼的卡通角色，或者一个旋转的小图标，让你的光标更有趣。

其次，可以给光标添加音效。虽然 Custom Cursor 本身不支持直接添加音效，但你可以结合浏览器的其他扩展程序来实现。比如安装一个鼠标点击音效扩展，设置成当你使用自定义光标点击时，播放特定的音效，这样视听结合，体验更棒。

另外，还可以批量管理你的光标。当你制作了多个光标后，在光标管理页面可以创建不同的分组，比如 “游戏专用”“日常办公” 等，方便根据不同的场景切换光标。比如玩游戏的时候用一个动感的光标，办公的时候用一个简洁的光标，随时切换，灵活又方便。