如何使屏幕截图看起来像从真实表面拍摄的照片?

平面设计 瘸子 模糊
2022-01-11 02:43:14

可能重复:
如何在 Photoshop 中获得这种模糊纹理效果?

我从一个普通的旧屏幕截图开始,我希望它以 3D 形式旋转,更远的部分更模糊。有没有一种简单的方法可以实现这种效果?我主要使用 GIMP,但使用任何其他工具的技巧也将不胜感激!

我想要达到的结果:

在此处输入图像描述

4个回答

您的示例看起来像一张真实的照片(除其他外,云纹是一种赠品)。有时最好的方法是最明显的方法。

1. 在屏幕上显示图像。

2. 给它拍照。

老实说,这比花费数小时使用数字效果并创建可能看起来不切实际的东西要好。

在此处输入图像描述

  1. 我使用消失点来获得角度。
  2. 复制图层。
  3. 应用镜头模糊以将模糊部分与图像中最模糊的部分相匹配。
  4. 应用蒙版,右侧的椭圆渐变蒙版模糊,还应用倾斜反射渐变。
  5. 然后,从左到右应用黑色渐变并有点标题并设置模式以去饱和降低的不透明度。
  6. 然后,复制图层并将模式设置为乘法并调整其不透明度。
  7. 裁剪出空白部分。

我不是 Gimp 用户,因此我无法为您提供太多帮助,但我可以就如何在 Photoshop 中创建这种效果给您一些建议。这基本上有两个组成部分。首先,您需要模拟 LCD 显示器或要投影图像的其他物理表面。其次,您需要通过 3D 透视和移轴摄影效果创建透视提示。

第一部分:人造液晶投影

LCD 屏幕通常由 RGB 像素网格组成。有不同的亚像素几何形状,但最常见的是按顺序排列的红色、绿色、蓝色垂直带。这意味着当您放大亮区和暗区之间的界面时,照明区域的左边界会出现轻微的红色调,而右边界会出现轻微的蓝色调。此外,您通常可以看到构成整个像素网格的垂直行(通常称为“扫描线”,尽管这是 CRT 显示器的术语)。

所以模拟这部分非常简单:

  1. 要模拟 RGB 子像素,只需将红色通道微移到左侧(通过“通道”窗格),然后将蓝色通道微移到右侧。由于您可以更改光栅图像的最小量是一个完整像素,因此您通常希望从非常高分辨率的图像开始,否则这种技术会过度放大子像素偏移(有效地表示虚拟图像中的单个子像素)实际图像中的完整像素)。
  2. “扫描线”也很容易重现。首先创建一个 1x2 像素的透明图像;填充一个像素;选择文档和Define Pattern...(在编辑菜单中找到)。
  3. 接下来在源图像上创建一个新层,并用新的扫描线图案填充它。将混合模式设置为Soft Light,不透明度设置为 ~ 20%
  4. 复制该扫描线图层,但这次将混合模式设置为Normal,不透明度设置为 ~ 6%同样,高分辨率源图像在这里会有所帮助,因为您不希望扫描线过大,尽管可以通过调整不透明度在这里有所减弱。

第二部分:透视线索

当前版本的 Photoshop Extended 确实使这部分变得比其他方式更容易。

3D 透视

  1. 将源图像和扫描线叠加层组合在一起,以便将整个事物视为单个虚拟图像。
  2. 现在转到3D-> New 3D Postcard From Layer
  3. 现在只需打开 3D 窗格并使用 3D 工具(主要是3D Object Rotate Tool3D Object Roll Tool3D Object Pan Tool3D Object Slide Tool3D Object Scale Tool)来调整虚拟图像的透视/方向。
  4. 完成后,您可以将渲染质量从 更改InteractiveRay Traced DraftRay Traced Final

人造移轴效果

最后,我们通过模拟非常浅景深的光学效果对图像进行最后润色,这在微距摄影或以其他方式拍摄非常近的物体时很常见。这部分使用 Photoshop 也很容易。

  1. 选择您的 3D 图层并为其应用图层蒙版 ( Layer-> Layer Mask-> Reveal All)。
  2. 现在使用渐变工具,在图层蒙版上创建一个黑白渐变,用作深度图。这意味着您希望较暗的部分与虚拟图像较远(沿 Z 轴)的部分重合,而较白的区域与较近的部分重合。如果您反转深度蒙版也没关系,但只需确保渐变角度与虚拟图像的透视相匹配。完成此操作后,禁用图层蒙版,使其实际上不会遮盖图层。
  3. 最后,使用Lens Blur效果来模拟浅景深。需要这个特殊工具,因为正如镉所说,光学失真与简单的高斯模糊不对应。即使作为近似值,简单地改变固定半径高斯模糊的不透明度也不能接近模拟景深效果。

之后的最终结果应该看起来像这样: 显示维基百科“焦点(光学)”页面的 LCD 屏幕的模拟倾斜移位照片

这个特定的图像不太理想,因为我从分辨率相对较低的源图像开始。此外,我使用Ray Traced Draft3D 渲染的质量设置来节省渲染时间。

编辑:

这是一个 Flickr 讨论,其中提到了 Gimp 用于镜头模糊的替代解决方案和类似插件:http: //www.flickr.com/groups/tilt-shift-fakes/discuss/72057594073514981/

原始帖子可能不正确,但其他用户提到焦点模糊和深度图的评论可能会产生与镜头模糊相当的效果。

要真正以数字方式实现这种影响,您需要了解一点光学上正在发生的事情。源图像具有有限的景深。当相机拍摄的图像的一部分失焦时,镜头会以一种非常特殊的方式扭曲它。这种效果的通用术语称为散景。

从视觉的角度来看,图像被镜头光圈的形状所扭曲,图像的较亮部分被强调,尤其是光点。这种效果不能通过简单的高斯模糊来实现。这是一篇很棒的文章,强调了这些差异https://photo.stackexchange.com/questions/21459/whats-the-difference-between-bokeh-and-gaussian-blur/21460#21460

在图像处理器中实现这种效果的最简单方法是 Photoshop 中的镜头模糊滤镜,它可以很好地模拟散景。我会复制图层,应用镜头模糊,然后使用渐变蒙版来控制效果。如果您只需要这样做一次,您可以免费试用 Photoshop 30 天。

否则可能会有一些教程或插件在 gimp 中提供类似的效果,但如果你想要真实感,请确保它超越简单的模糊。