【PS教程】制作一个属于自己的Mockup
作者：活力网AX阿祥很早的时间就想做一期Mockup制作教程，今天就为大家揭开Photoshop与mock up模型之间的秘密。
Mockup，也就是展示模版、样机，广泛应用于LOGO、名片、海报和UI等设计领域的效果展示。
https://bdn.135editor.com/files/users/252/2520684/201903/Rkyt3Y2t_frQ5.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/r9IXbyDR_ck6w.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/SCQHOZfO_dx6g.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/LQzgX2KM_Dau4.png设计师的设计稿完成之后，打开Mockup，进入其中的智能图层即可一键替换原有内容，无脑的操作和优质逼真的效果可以说是广大画图狗的福音。
一、合适的素材
俗话说巧妇难为无米之炊，要做好的Mockup，首先肯定需要一个优质素材，这时候你可以选择自己拍摄（当然了技术要求很高），再者就是上素材图片网站找。这里我上最常去的素材网站Free stock photos · Pexels搜blank frame，找了下面这张
https://bdn.135editor.com/files/users/252/2520684/201903/TsPOFbUw_FgvI.jpg
二、构建内容
用矩形选框工具大致填充出一个背景层。
https://bdn.135editor.com/files/users/252/2520684/201903/k6UQWMzn_dRZZ.png
右击将该图层转化为智能图层，自由变换将背景层透视稍作调整以适应画框，并根据周围环境添加阴影，最后添加一些杂色，模拟纸质感。
https://bdn.135editor.com/files/users/252/2520684/201903/Beb4BS2Y_xvxH.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/R5KRPW8N_wU7x.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/S5kTQRFI_YCcd.png
码上一些字。
https://bdn.135editor.com/files/users/252/2520684/201903/KuWFypbh_N5xT.png
做到这里将内容层和背景层打做一组
三、模拟反射层
一般情况下Mockup都带有略强的反光效果，这是因为其中的样机载体一般是画框、名片和电子设备等，表面光滑，反射较强，所以做出反射层至关重要。
这里我们可以观察原图的反射层
https://bdn.135editor.com/files/users/252/2520684/201903/5r3DCTvQ_gqu9.png
画出或者提取出反射层内容，这里我们找一张室内夜景图
https://bdn.135editor.com/files/users/252/2520684/201903/T48uTUE4_Lkj5.jpg
ctrl+shift+u去色之后卡色戒，尽量让画面只剩下高光部分。
https://bdn.135editor.com/files/users/252/2520684/201903/9prOcpbZ_vrk7.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/qAGhuLmw_79Ev.png
高斯模糊（这里的高斯模糊是为了让高光部分轮廓羽化，从而减少卡色介过程中产生的锯齿感，同时需要注意高斯模糊参数太高将会使表面的质感表现得更粗糙）
https://bdn.135editor.com/files/users/252/2520684/201903/8Ntkgs2c_58L7.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/cnvzgUIG_IQRv.png这时候剪贴蒙版链接上一步做好的组，并调整至合适大小，用魔棒选择黑色部分同时添加蒙版并反相，擦除一些不必要部分。
https://bdn.135editor.com/files/users/252/2520684/201903/E8hfn2sY_XXtf.pnghttps://bdn.135editor.com/files/users/252/2520684/201903/fFA4XTpx_zz9Z.png
注意这个场景的曝光和对比度较高，所以高光部分会盖住内容层部分（参照原图），所以该图层的透明度保持百分百。（这么做影响了内容表达，所以显然在正经的Mockup中不会这么做...）
这时候可以用圆形笔刷画出两个圆并调整透视，同时链接剪贴蒙版，并高斯模糊，这时候一个Mockup就做好了。
https://bdn.135editor.com/files/users/252/2520684/201903/2yhSP7zI_p39m.jpg
优秀教程，与您共同分享！更多PS软件教程学习，请上活力网活力网TV，一个专注于室内/建筑表现的公众号。
页:
[1]
