键盘鼠标产品图怎么修出质感？键帽、轴体和外壳分层处理

做客制化键盘的阿哲，6 月底上新一把深空灰铝坨坨键盘，主图挂上去两周没什么点击。他把图发我，问是不是不够清晰。我看了半天，问题不在清晰——恰恰相反，是被锐化过头了：PBT 键帽本该有的那层细磨砂被推成了假光滑，铝合金外壳的拉丝纹被锐出一片毛刺，轴体那点该透的光被压死成了纯黑。整张图糊了一层「用力过猛」的塑料感，越看越廉价。键鼠图想修出质感，第一个要破的迷信就是「越清晰越好」。

先说清楚工具。图叮有网页版，浏览器打开就能用、不用装软件；要在 Photoshop 里精修，也有 PS 插件版。下面思路换别的工具也通用，具体效果以图叮官网为准。

第1步：把键盘拆成三层材质来看

阿哲这把键盘，我上手先拆成三层：键帽的 PBT 磨砂、外壳的铝合金拉丝、还有轴体和轴下的透光。鼠标同理，通常是外壳的类肤涂层、滚轮的橡胶、还有 DPI 键这类小塑料件。

拆层的意义在于，这几种材质对「锐化」的耐受度完全不同。铝合金拉丝纹经得起一点锐化，锐了反而更利落；PBT 磨砂经不起，一锐就发白发假；橡胶滚轮和类肤涂层最娇气，稍微一推就变成硬塑料。不分层、拿一个锐化值全图刷，注定是有的地方糊、有的地方毛。

第2步：一键抠图，键帽缝和线材边重点看

先用图叮的一键抠图把键盘从背景里分出来。键盘的边算比较规整，但有两处爱出问题：键帽之间的缝隙容易被当背景吃进去一点，键盘出线口那截编织线材细、边缘容易留脏色。

阿哲那把带一段可拆卸的航插线，自动抠完航插的金属接头缺了个角。这种放大到 100% 手动补回来就行。抠鼠标要额外注意滚轮和外壳的接缝，别把缝抠成一条黑边。抠干净是基础，缝里留脏色，后面打光一照全暴露。

图注：左为全图锐化过头、磨砂发白拉丝毛刺的原图；右为键帽、外壳、轴体分层修后的效果，铝坨坨的金属感和 PBT 的磨砂各自还在。

第3步：按材质修，磨砂压、拉丝提、透光留

这是键鼠图出质感的关键一步。我把三层分开选区各修各的。

PBT 键帽用图叮的材质高清修复，找回它本来的细磨砂颗粒，然后把上一版锐出来的假白压下去——磨砂的高级感来自「均匀的哑」，不是「亮」。铝合金外壳的拉丝纹相反，可以稍微强调一点方向性纹理，让金属显得利落；但高光只留侧边一条，别让整个面反光。轴体和轴下的透光要留住，那点若隐若现的光正是机械键盘的辨识度，压死了就废了。修键帽字符这类地方要格外收着手——字符是印上去的信息，能修干净毛边，但字符的形状、位置、有没有二色成型的层次，这些不能凭空改，改了就成了「照骗」。这块我在 机械键盘商品图 AI 修图返检 里专门拆过键帽字符和轴体颜色的坑。

第4步：补一束侧光，放大到细节能看清

材质分层修完，光要重新统一。键盘外壳是长条形，最吃「侧光」——用图叮的自定义打光从一侧 45 度补一束柔光，让铝合金的拉丝方向被光带出来，键帽的磨砂在光下呈现均匀的颗粒感，整把键盘立体感就起来了。鼠标是弧面，侧光要更柔，避免弧顶砸出一块死白。

最后放大校验。键鼠图买家常会点开看键帽字符、看轴体、看滚轮纹路这些细节，所以我会用高清放大把图补到能看清键帽二色层次的分辨率，再沿边扫一圈：拉丝有没有毛刺、磨砂有没有假白、字符边缘干不干净。校验完缩到详情页实际显示的宽度再看一眼，别只在放大三倍时判断。

修图能让质感对，改不了这把键盘的做工

得把边界说清。分层修材质、补侧光、抠边，做的是把这把键盘真实的质感在图里呈现到位，修的是光和呈现。但键帽是不是 PBT、外壳是不是真铝、轴体是什么颜色、二色成型有没有，这些是产品本身的属性，一个都不能靠修图捏造。阿哲那把是真铝坨坨，之前那版反而把它修得像喷漆塑料，白瞎了成本。

重修的主图换上去那周，点击回来了一些。阿哲后来拍新款先把「哪层磨砂、哪层拉丝、哪层透光」标清楚，我接手直接按层修，一把键盘半小时能出片。键鼠图这活儿，质感不是锐出来的，是把材质分清楚、各修各的修出来的。