显示屏幕截图是屏幕截图的好(且简单)方法是什么?

平面设计 网站设计 截屏
2022-01-24 21:32:36

我使用的是 Mac OS X 10.6,我喜欢系统屏幕抓取工具。默认情况下,当您抓取整个窗口时,它会在其下方放置一些阴影/渐变,具有透明度,使用 PNG 图像 - 我认为这非常好。

但是,如果您捕获屏幕的一个区域,例如从网页中捕获,边缘是平坦的,并且很难将其与网站的其余部分区分开来,尤其是当它看起来与已经存在的元素相似时.

所以我的问题是——什么是一种简单、优雅的方式来表明图像实际上不是网站的一部分?我认为一个 5 像素的黑色边框可能会做到这一点,但这并不优雅。我喜欢 OS X 所做的微妙渐变,但这是否适用于所有屏幕截图,并且易于创建吗?

如果有一个脚本我可以用来应用转换而不必打开 Photoshop 本身,我会非常喜欢它,但这不是可接受答案的要求。

在此处输入图像描述

^ 我正在谈论的问题的示例

4个回答

完全取决于我们正在谈论的图像类型。

可能的方法:

  1. 某个角落的文字说“屏幕截图”或“屏幕截图”
  2. 相机图标某个角落或相机图标的文本和图像。
  3. 如果说那个答案框,最安全的方法可能是用另一种颜色覆盖它并在悬停时显示图像。
  4. 因为#3 可能不是那么清楚,所以该叠加层可能伴随着文本和/或图标,或者如果没有叠加层颜色,它也可以反转。
  5. 某种边界可能是很好的指标。

就技术而言:

#1 和#2
很多截屏程序都允许使用水印,这对于单个图像或少量图像来说是理想的。如果有多个图像,可以使用 Photoshop 添加水印。或者HTML/CSS字幕。

#3、#4 和 #5
这些必须带有HTML/CSS标题。


忍不住想我的一个项目......现在...... “我不想做广告......但是......” http://photoshopmesta.net/sic/theTest/这样的东西可以用来将鼠标悬停在图像上时显示它是图像。

没有其他事情可做,所以我举例说明了它是如何工作的http://photoshopmesta.net/1/screenshot/


哦,顺便说一句,我在我的 iPad 上阅读这篇文章,我不得不承认我确实尝试点击答案图片。我直接给你+1。希望我能给+2,因为那是一个很好的例子:)

这是我个人最喜欢的方式,虽然不适用于所有情况,但非常适合全屏截图。

截图示例

保持方法一致是一个好主意,同时以微妙的方式突出显示您的屏幕截图。我发现苹果的默认投影有点太多了。

我只是在不透明度为 40% 的镜头中添加了一个 3px 居中的笔触。如果您愿意,可以为其添加阴影。

根据上下文,你可以做的比模拟一个程式化的“监视器”框架(也许是苹果灰色?)更糟糕。Photoshop 的图像处理器脚本允许您在批处理图像时运行一个动作,这样您就可以创建一个调整画布大小的动作,放入​​屏幕截图上方的“监视器”,添加标准背景(对于不填充的屏幕抓取帧),然后将结果保存为 png 或 jpeg。

您不必像程式化的显示器那样精心制作,如果您不希望它们都具有相同的大小,您的操作可能只是为任意大小的图像添加渐变笔触。这将允许您从 Bridge ( Tools > Photoshop > Batch...) 进行批处理并在操作中执行所有操作。