原型示意图 Mockup
Mockup 是设计领域常用的术语，表示“原型、模型、示意图”，意思是使用虚拟的图像，快速呈现最终的成果，而 Recraft 刚好提供了 Mockup 的功能，可以将产生的图片，快速套用到对应的物体中，并会根据物体的阴影和角度进行对应的变形和透视效果，这篇教学会介绍如何使用 Mockup 功能 。
快速导览：
使用 Mockup
登录 Recraft 后，点击“Create new project”建立新专案，点击 Mockup 按钮，切换为成生原型示意图模式。
切换为 Image Set 模式后，使用鼠标点击画面，画面中会出现一个“紫色区域”，设定面板也会自动切换为 Product photo 商品摄影风格。
仿照设定面板的提示，输入“white t-shirt”的提示词，就会产生一张具有“Mockup 信息”的图片，有别于其他生成的图片，Mockup 图片上方的功能，只有“Mask 遮罩”和“Rasterize mockup 点阵化”两个功能，同时 Mockup 图像的中间，也会出现 Raster image 的绿色方框，目的是让用户可以产生图片，并将产生的图片套用到 Mockup 图像里。
点击绿色方框，输入提示词产生图片后，就会自动启用“on mockup”的选项，接着就会将产生的图像，根据 Mockup 图像阴影与透视变化进行套用，套用时可以设定 see-through 穿透 ( 图片更具透明度 )、Titles none ( 不重复 )、Titles Repeat ( 重复 ) 和 Titles Mirror ( 镜像重复 )。
也可以使用 Recraft 所提供的“去背”功能，去除放上去的图片有背景，让效果更加明显，下方范例将小透图片去背并缩小，搭配 Titles Repeat 重复功能，让白色 T-Shirt 变成小狗花纹的衣服。
转换图片为 Mockup
如果是上传自己的图片，或运用 Raster image、Vector image 产生的图片，则可以点击上方“Convert to Mockup”的按钮，将其转换成具有 Mockup 信息的图片。
接着使用 Raster image 或 Vector image，搭配“单色背景”与“去背工具”产生去背的角色。
将去背角色的图片，用鼠标拖拉到 Mockup 图像上，就会自动根据 Mockup 信息套用不同的角度与透视效果。
摆放到 Mockup 里的图像，可以使用复制、贴上、变形和旋转的功能，让产生的原型示意图更加符合需求。
下方范例上传了一张身体曲线较明显的白色 T-Shirt 图片，运用 Mockup 的方式，就能让套用的图片更为自然的符合身体曲线。
如果发现有“不想套用”的部分，则可以使用“Mask 遮罩”工具进行“涂抹遮罩”或“擦除遮罩”，例如下方范例的手臂也套用了图像，就能运用遮罩让手臂不要套用图像。
运用同样的做法，也可以快速制作“刺青图案”的 Mockup 图像，下图呈现皮卡丘刺青的效果。
输出 Mockup 图片
当 Mockup 图片完成后，可以在图片上点击右键，选择“Export as”就能输出为 PNG 或 JPG ( 向量图则会有 SVG 或 Lottie )。
也可以点击右上方 Export 按钮进行输出。
或者也可以点击上方“Rasterize Mockup”按钮将图片转换成位图，就能运用位图的工具编辑或重新产生图片。
小结
过去要实作 Mockup 效果，往往会需要使用图像处理软件的滤镜功能，但透过 Recraft 却能够轻松实现，这个功能不仅能用在各种产品，竟然连刺青的预览都能派上用场，真是非常有趣的功能。
微信扫码关注
抖音扫码关注