Fireworks MX 2004 取消了经典的“Object（对象）面板”，导致“路径对象与描边位置关系（居中/内部/外部）”这一核心矢量控制功能消失。本教程揭秘：下载安装 MXP 插件复活 “Object (Path)” 浮动面板 → 配合超级选择工具精准控制描边位置 → 结合 Samples/Shapes 素材库逆向拆解高阶图标构建逻辑，找回失落的矢量精控能力。

一、历史背景与痛点

FW3/4 时代，“Object 面板”提供三颗按钮控制“路径相对描边位置”：居中（默认）/ 内部 / 外部。MX 版本将大部分功能并入“属性面板”，唯独此功能缺失。导致绘制像素对齐图标、锐利边缘 UI 元素、精确描边插画时，描边模糊/偏移/锯齿无法从根源解决。

二、插件安装与面板唤醒

1. 下载 Object_Path_Panel.mxp（网络搜索或附件获取）。
2. 双击运行，Adobe Extension Manager 自动安装至 Fireworks MX 2004 Configuration/Command Panels 目录。
3. 重启 FW，菜单“窗口”下出现 “Object (Path)”，点击开启浮动面板。

三、超级选择工具 + Object (Path) 面板实战

选中任意矢量路径对象，切换超级选择工具（白箭头，快捷键 A），点击路径任意锚点/线段激活。Object (Path) 面板显示三颗按钮：

• 左：路径在描边内部（描边向外扩展，路径作为内边界），适合像素对齐锐利边缘、图标外轮廓。
• 中：路径在描边中心（默认，描边双向延伸），适合插画线条。
• 右：路径在描边外部（描边向内收缩，路径作为外边界），适合内部填充不溢出的按钮/标签。

点击切换，画布实时预览描边位置变化。配合属性面板“描边宽度/类型/纹理”，实现像素级描边控制。

四、逆向拆解 Samples/Shapes 素材库

FW 安装目录 Samples/Shapes/ 含数十个精美 PNG 源文件。打开任意文件，用超级选择工具点击形状，观察 Object (Path) 面板显示的描边位置、属性面板的填充/描边/滤镜参数，即可破解其构建逻辑。例如：
• 水晶五角星：路径在描边内部 + 径向渐变填充 + 内发光滤镜。
• 玻璃按钮：路径在描边外部 + 线性渐变 + 斜面浮雕 + 高光椭圆。
• 金属标牌：路径居中 + 纹理填充 + 多层投影/倒角。

五、自制图标实战：像素对齐的 16px 导航图标

1. 新建 16×16 px 画布，网格设 1px、吸附网格开启。
2. 矩形工具绘制 14×14 px 正方形，路径在描边内部（Object Path 面板左键），描边 1px、深灰，填充无。
3. 内部绘制功能图形（放大镜/齿轮/用户），路径在描边内部，描边 1px、主题色。
4. 导出 PNG-24，锐利无模糊，完美适配 Retina/高清屏。