做电商图或界面展示时，手机屏幕样机能省下大量拍摄和合成时间。你只需要把设计稿放进样机模板，就能得到一张看起来像真机实拍的效果图。
但样机不是万能模板。如果素材透视不对、分辨率不够，或者替换后不检查细节，出图反而会拉低整体质感。这篇教程按实际操作顺序，把准备、替换、检查和异常处理讲清楚。
开始前先确认：手机屏幕样机主要用于把界面设计快速合成到真实设备场景中。操作上，先检查素材的透视和分辨率，再用 Photoshop 智能对象替换屏幕内容，最后按出图用途检查尺寸和细节。关键是别只替换不检查，透视不一致或分辨率不足会直接让图显得假。
操作路线
- 手机屏幕样机的核心是智能对象替换，但替换前必须先确认素材透视和分辨率是否匹配你的设计。
- 替换屏幕内容后，要检查边缘、反光和阴影是否自然，必要时手动微调。
- 出图尺寸按最终用途来定，电商主图和详情页的要求不同，别用同一套导出设置。
- 遇到智能对象无法更新或替换后模糊，先检查源文件分辨率和画布尺寸，不要盲目放大。
先判断这个样机素材能不能用
拿到一个手机屏幕样机 PSD 或 PSB，先别急着替换。打开文件后，重点看三件事：透视角度、屏幕区域的分辨率、以及智能对象是否完整。
透视角度要和你的使用场景匹配。比如做电商主图，常用正面或轻微俯视；做社交媒体海报，可能用更有动感的角度。如果素材透视太夸张，替换进去的界面会严重变形，后期很难救回来。
屏幕区域的分辨率也很关键。在 Photoshop 里选中智能对象图层，查看它的原始尺寸。如果屏幕区域只有几百像素宽，而你需要输出 2000px 以上的图，替换后一定会模糊。这种情况下，要么换素材，要么接受只能小图使用。
智能对象是否完整，可以双击图层缩略图试试。如果打开的是一个独立的源文件，里面有清晰的屏幕占位层，那基本没问题。如果双击后是空白或提示链接丢失，这个素材需要先修复才能用。
准备你的屏幕内容和素材文件
屏幕内容就是你要放进手机屏幕里的设计稿，比如 App 界面、网页截图或促销海报。先把这些内容整理成独立文件，尺寸尽量接近样机屏幕区域的原始像素尺寸。
如果你的设计稿尺寸和样机屏幕区域差很多，可以在 Photoshop 里用「图像大小」调整。注意，调整时如果勾选了「重新采样」，会增减像素；只改分辨率 ppi 而不重新采样，不会补回缺失的细节。所以最好一开始就按目标尺寸做设计。
素材文件本身，建议复制一份再操作。样机模板通常有很多图层和效果，直接在原文件上改容易误操作。复制后，把不需要的图层隐藏或删除，只保留屏幕智能对象和必要的阴影、反光层。
替换屏幕内容的正确步骤
在图层面板找到屏幕智能对象，通常命名里会带 screen、display 或 mockup 字样。双击图层缩略图，Photoshop 会打开一个源文件窗口。
在源文件里，把你的设计稿拖进来，调整位置和大小，让它完全覆盖原来的屏幕占位区域。然后保存并关闭源文件。回到主文档，屏幕内容应该已经更新。
如果替换后位置偏移或大小不对，重新双击智能对象进去调整。不要在主文档里直接拉伸智能对象图层，那样会破坏透视匹配。
有些样机模板把屏幕分成多个智能对象，比如主屏和副屏。替换时要逐个处理，确保每个屏幕都对应正确的设计稿。
替换后必须检查的四个细节
第一，看边缘。屏幕内容有没有超出屏幕边框？有没有露出原来的占位图？如果有，回到智能对象里微调。
第二，看反光和阴影。真实手机屏幕有玻璃反光，样机模板通常会保留这些效果。替换后，反光层可能盖在你的设计上，显得不自然。可以适当降低反光层的不透明度，或者用蒙版擦掉部分反光。
第三，看透视一致性。如果你的设计稿里有直线或文字，替换后这些元素应该和手机边框的透视方向一致。如果明显歪斜，说明素材透视和设计稿不匹配，需要换素材或手动调整。
第四，看分辨率。把视图放大到 100%，检查屏幕内容是否清晰。如果模糊，说明源文件分辨率不足，需要重新制作或接受更小的输出尺寸。
按用途导出，别一套设置用到底
电商主图通常需要正方形或接近正方形的比例，详情页可能需要长图。导出前先确认平台要求，再设置画布尺寸和分辨率。
在 Photoshop 里用「导出为」或「存储为 Web 所用格式」时，注意选择正确的文件格式。屏幕截图类内容用 PNG 更清晰，照片类场景用 JPEG 可以平衡质量和文件大小。
如果最终图需要透明背景，导出 PNG 并保留透明度。如果不需要，导出 JPEG 时把背景色设置成白色或合适的颜色。
导出后，在电脑和手机上分别打开看看。手机屏幕小，一些细节问题在电脑上不明显，在手机上会放大。
替换失败或效果不对时怎么排查
双击智能对象没反应，可能是图层被锁定或不是智能对象。在图层面板看图层缩略图右下角有没有智能对象图标。如果没有，说明这个图层是普通图层，需要先转换成智能对象，或者换一个带智能对象的样机。
替换后屏幕内容没更新，检查是否保存了源文件。有些 Photoshop 版本需要手动保存，关闭时也会提示保存。保存后主文档才会刷新。
替换后屏幕内容模糊，大概率是源文件分辨率不够。回到智能对象源文件，用「图像大小」查看像素尺寸。如果比需要的输出尺寸小很多，只能重新制作设计稿，或者接受小图输出。
反光或阴影太重，可以单独调整这些效果图层。找到对应的图层，降低不透明度或添加蒙版。不要直接删除，否则屏幕会显得很假。
完成后的检查
手机屏幕样机的核心不是替换，而是替换前后的检查。素材透视、分辨率、反光细节，每一项都影响最终图的真实感。
下次拿到样机，先花几分钟判断素材能不能用，再动手替换。替换后按四个细节检查，按用途导出。这样出图效率和质量都能稳定下来。