运营丢来一张产品图,要求做成插画风放详情页,参考风格是粗描边加平涂色块。原图白底、光线硬、包装上的小字很清楚,直接丢进转换工具,出来像蒙了一层滤镜,线也没出来。

转换前先把背景清干净

插画化最怕背景杂物。白底产品图好办,杂色桌面或者木纹台面会让工具把边线画得到处都是,连纹理都描成线条。先用选区或蒙版把主体抠出来,边缘留两三个像素,再导出带透明的 png。这一步偷懒,后面的描边一定糊成一团,返工更费时间。

描边粗细决定像不像手绘

线太细像矢量图标,太粗像贴纸。常见做法是按短边像素的千分之三到千分之五给,1000 像素宽的图大约 3 到 5 像素。线色别用纯黑,取主体最深的那个颜色再压暗一点,接缝处会自然。转角的地方容易断线,放大到 200% 补两笔。

色块压到 8 档以内才像平涂

工具有色阶或者色调分离的档位,调到 6 到 8 段最稳。超过十几段就回到照片的渐变,插画味全没了。皮肤和金属反光单独拎出来少减一档,脸不会变成一块,高光也还在。调完把画笔硬度拉到最硬,边缘才干净。

尺寸按用途反着推

详情页主图按 800 像素宽做,再放大到 2 倍适配缩放;手机端竖版 Banner 要另起构图,别拿横图硬裁。导出时保留一份分层源文件,改色改字不用重做。文字建议最后再叠,转换过程会把小字吃掉。

包装上的小字和二维码别一起转

原图上的品牌名、净含量这类小字,转换时会被当成色块糊掉,放大看是一团。办法是把文字层单独抠出来,等插画化完成再叠回去,颜色按插画调性重配。二维码更不能碰,描边和色阶一糊就扫不出来,主图带码的话单独留一块原图。真要整张都插画化,就另做一版不带码的图给详情页用。

用工具还是手绘,看你的量

一个月出两三张,手工描边加滤镜够了,改哪一笔自己说了算。批量出几十张,用带插画模型的工具先出底稿再修线,能省一半时间。工具的弱点在细节逻辑,手指、包装折角、反光位置经常错,修的地方比画的还多。别指望一键出图直接上线。整套详情页要放一起看,同一批图固定同一组线宽、色阶和色板,动手前先定一张样图,剩下全照它调。

转换工具省掉的只是勾线时间,主体干净、描边和色阶调对,出来的东西才敢往商品页放。