第一步：打开photoshop软件。
我们打开photoshop软件。我这里安装的是photoshop CS5。版本比较旧，但是还是很好用的。您可以下载更新的版本。现在应该是Photoshop 2021。最近，我没有太关注这个。我觉得什么软件并不重要，只要够用就行。
第二步：在photoshop中打开效果图。
单击Photoshop 顶部菜单中的“文件”，然后单击下拉菜单中的“打开”。将会弹出一个窗口。在这个窗口中，找到我们刚刚在浏览器中捕获的WordPress主题渲染，如下图：
双击打开它或左键单击选择它，然后单击“打开”按钮。此时Photoshop的编辑区域中就会显示WordPress主题效果图，如下图：
第三步：放大图片。
此时，在编辑区域中，图片以全景的形式显示，因此看起来很小，很难剪切。按住ctrl键并连续点击+键后，我们可以放大图片，如下图：
第四步：选择“切片”工具。
将光标移至Photoshop左侧工具栏中的“裁剪工具”，单击鼠标右键。此时会显示该按钮的右键菜单，如下图：
然后，我们点击，在弹出的右键菜单中选择“切片工具”。
第五步：切割效果图中的图片。
选择剪切图片后，我们就可以剪切WordPress主题渲染了。切片工具的操作非常简单。我们只需在需要剪切的区域上按下鼠标左键，然后拖动到合适的区域即可创建切片，如下图：
在这个演示中，我剪切了7次，也就是说，我只剪切了效果图中的图片，因为我在写前端静态模板的时候，只需要这些图片作为素材，而对于文字部分，我可能直接添加文字。每次我们剪切的时候，被子的图片上都会显示一个蓝色的标记，这说明我们已经剪切了这一部分。
第六步：保存切图。
当我们剪切完效果图后，我们还需要保存它们。点击Photoshop顶部菜单中的“文件”，在下拉菜单中选择并点击“保存为网络和设备”子菜单，如下图：
此时会弹出“保存为网络和设备格式”窗口，如下图：
在这个窗口中，我们可以设置存储图像的格式、大小等，然后点击“保存”按钮，会弹出“优化结果另存为”窗口。在此窗口中，我们可以选择保存的格式。这里我选择“Image Only”，如下图：
然后，在“切片”选项中，我选择了“所有用户切片”，如下图：
“所有用户切片”就是我们用切片工具剪切出来的图片，比如我们第五步剪切的7张图片。当然，我们也可以选择“所有切片”。当我们剪切我们需要的图片时，Photoshop会自动将不需要的部分剪切成其他部分。所有切片包括用户切片和其他切片。
这些设置完成后，我们就可以点击“保存”按钮开始保存到本地电脑了。保存的图片会放在images文件夹中，每张图片都会以渲染名作为前缀来命名，如下图：
用户评论
肆忌
哇，这篇文章太实用了！我一直在找裁剪WordPress主题效果图的方法，这个教程简直救星啊！感谢分享！
有8位网友表示赞同！
(り。薆情海
这个标题听起来好专业，我是个新手，但想学做主题，这篇教程应该对我有帮助。
有10位网友表示赞同！
ー半忧伤
WP主题开发04，这个系列真不错，期待后面更多精彩内容！裁剪效果图是基础中的基础，学到了。
有15位网友表示赞同！
有些人,只适合好奇~
我试过用Photoshop裁剪，但总是裁不好，这个方法看起来简单又实用，谢谢作者！
有20位网友表示赞同！
服从
主题效果图的重要性不言而喻，这篇文章让我对裁剪有了新的认识，期待看到实际操作步骤。
有18位网友表示赞同！
凉笙墨染
裁剪效果图是细节处理，这篇文章让我意识到细节决定成败，学习了！
有16位网友表示赞同！
入骨相思
我之前觉得裁剪效果图很简单，看了这篇文章才发现有很多技巧和注意事项，收获颇丰。
有14位网友表示赞同！
顶个蘑菇闯天下i
这篇文章标题好吸引人，裁剪效果图这个环节确实挺重要的，希望能学到更多技巧。
有14位网友表示赞同！
限量版女汉子
WP主题开发04这篇文章让我对WordPress主题有了更深的了解，特别是裁剪效果图这部分。
有7位网友表示赞同！
如你所愿
裁剪效果图这个环节很重要，但是我一直做不好，这篇文章让我找到了新的方法，太感谢了！
有20位网友表示赞同！
寻鱼水之欢
看了这篇文章，我觉得裁剪WordPress主题效果图并不是那么难，只要掌握技巧。
有6位网友表示赞同！
←极§速
这个系列的文章很有用，尤其是裁剪效果图这部分，让我对主题开发有了更全面的了解。
有9位网友表示赞同！
蝶恋花╮
裁剪效果图这个环节真的很头疼，这篇文章提供了很好的解决方案，点赞！
有15位网友表示赞同！
米兰
学习了！裁剪效果图这个技巧对提升主题质量有很大帮助，谢谢分享。
有15位网友表示赞同！
面瘫脸
我之前觉得裁剪效果图是件麻烦事，现在有了这个教程，感觉轻松多了。
有7位网友表示赞同！
莫失莫忘
这篇文章让我意识到裁剪效果图并不是简单的剪切，还有很多技巧在里面。
有10位网友表示赞同！
非想
WP主题开发04这篇文章让我对WordPress主题开发有了新的认识，期待更多类似教程。
有6位网友表示赞同！
心悸╰つ
裁剪效果图这个环节确实很重要，这篇文章让我学到了很多实用的技巧，太赞了！
有19位网友表示赞同！