如何使用 PowerPoint 改进登陆页面截图

已发表: 2022-05-07

高转化目标网页最重要的方面之一是清晰、增值的内容。

当涉及到软件登陆页面时,该内容应包括展示您的软件界面或独特功能的屏幕截图。 购买者希望在提供有价值的联系信息以换取试用或演示之前先看看软件的实际外观。

与其简单地将屏幕截图粘贴到您的目标网页上,还有许多不同的方式来展示您的软件,同时为您的目标网页设计增加视觉趣味。 添加阴影、在设备上显示屏幕截图或调用关键功能是吸引用户注意力的好方法。

您可能认为创建具有专业外观的图像需要照片专业知识和复杂的编辑软件,但实际上使用可能已经在您的计算机上的软件非常容易获得出色的结果。

下面,我将向您展示几种使用令人惊讶的工具为屏幕截图增添趣味的方法:Microsoft PowerPoint。

如何使用 powerpoint 来改进你的登陆页面截图

PowerPoint 入门

我们之前已经表明 PowerPoint 不仅可以用于会议,但在寻找照片编辑器时,它可能不是首先想到的。

然而,凭借令人惊讶的强大功能,PowerPoint 可以快速将平淡无奇的图像转变为吸引买家注意力的图像,使其成为创建具有专业外观的屏幕截图以在登录页面上使用的绝佳工具。

对于本教程,我将使用 PowerPoint 2013,因此如果您使用不同的版本,您的布局和菜单选择可能会略有不同,但功能应该相同。

在我们开始之前,这里有一些基本的技术可以让我们编辑我们的图像:


我们将使用的大多数工具都可以在 PowerPoint 的“设置图片格式”菜单中找到:

  • 要访问这些工具,请插入图像,然后右键单击它并从列表底部选择“设置图片格式”,然后单击出现在右侧的格式菜单上的“效果”选项卡屏幕。

PowerPoint 允许您将多个元素(包括图像、文本、线条、箭头等)组合成一个可以保存的统一图像:

  • 按住 Shift 键单击每个元素以选择它们,然后右键单击并选择“组”将它们组合成一个图像。

完成图像编辑后,您需要保存它,以便在登录页面上使用它。

  • 右键单击完成的图像并选择“另存为图片”,然后将图像保存到桌面以供使用。 使用 PNG 文件类型来保持图像背景的透明度。

下面,我将向您展示使用 PowerPoint 改进屏幕截图的五种具体方法。

1.阴影

在 Unbounce 页面上使用阴影使屏幕截图脱颖而出
Unbounce 使用阴影使屏幕截图脱颖而出

修饰屏幕截图的最简单方法之一是添加带有阴影的维度。 由于深度错觉,图像不会平放在页面上,而是从背景中弹出。

操作方法:只需单击几下即可将阴影添加到任何图像中,并且可以与下面介绍的许多其他技术结合使用作为画龙点睛的效果。

  • 从效果菜单中,单击“阴影”以访问下拉菜单。 选择一个预设阴影,然后使用滑块根据自己的喜好调整阴影的大小、位置、颜色和透明度。

如何在 PowerPoint 中为图像添加阴影
如何在 PowerPoint 中为图像添加阴影

快速提示:使用具有 80% 透明度和 101% 大小的“偏移中心”预设来生成在几乎所有应用程序中看起来都不错的简单阴影。


2. 3D旋转

康沃索的屏幕截图

Convoso 堆叠的、旋转的屏幕截图看起来像是占据了物理空间,而不是平放在屏幕上

PowerPoint 允许您在空间中旋转照片,为您的图像增加深度和视觉趣味。

此工具可用于匹配库存照片中屏幕的角度,允许您将软件的屏幕截图放入具有专业外观的图像中(更多内容见下文)。 然而,我最喜欢使用 3D 旋转工具来创建具有多个屏幕截图的堆叠效果。

如何:要完成此操作,请对多个屏幕截图应用相同的旋转,然后将它们排列在一起。 为每个图像添加阴影和 3D 深度将有助于在视觉上将它们分开。

  • 选择“3D Rotation”下拉菜单并应用预设开始。 我通常坚持“平行”部分,因为这些对于匹配库存照片屏幕和创建有趣的效果最有用。
  • 调整 X、Y 和 Z 旋转设置以在 3D 空间中旋转图像。
  • 要添加厚度错觉,请选择“3D 格式”下拉菜单并使用“深度”选项。 这使它们看起来像块而不是纸一样薄。

展示如何使用 PowerPoint 旋转屏幕截图并创建堆叠效果的 Gif
如何使用 PowerPoint 旋转屏幕截图并创建堆叠效果

快速提示:将“等距充值”预设应用于多个屏幕截图,旋转 300° X、320° Y 和 70° Z。 排列图像,使它们稍微重叠,然后分别应用阴影和深度。


3.设备截图

Polymail 的屏幕截图显示了如何在设备上放置屏幕截图
在设备上使用屏幕截图,例如 Polymail 的这个示例,可以帮助买家更好地了解您的软件的多功能性

这种效果需要一些技术,包括 3D 旋转,以及多个图像才能启动。 您将需要您的屏幕截图以及笔记本电脑、平板电脑或智能手机的库存照片。 选择库存图片时,请务必检查许可证,以确保其免版税并获准用于商业用途。 如果可能,请尝试查找具有纯色或透明背景的正面图像,因为这会使该过程更加容易。

如何:将您的屏幕截图和库存照片插入 PowerPoint 并对齐图像。 一旦您的屏幕截图看起来在设备上,通过将它们组合在一起来组合图像。

  • 如果您希望最终图像只是设备上的屏幕截图,没有任何背景,您可能需要在库存照片上使用 PowerPoint 的“删除背景”工具。 此工具位于主功能区菜单的“图片工具”下,允许您在库存照片上画线以选择要删除的图片区域。 我建议放大并花点时间,来回移除和保留区域,直到您满意为止。
  • 如果库存照片覆盖了您的屏幕截图,您可以右键单击它并选择“发送到后面”以重新排序图像。
  • 调整您的屏幕截图大小以适合您的股票照片上的设备屏幕。 如果图像比例不正确,您可能需要裁剪图像。 裁剪工具可以在“图片工具”菜单或“图片格式”菜单的“图片”选项卡下找到。 使用裁剪工具,从图像边缘拖动以剪掉任何不适合库存照片的多余部分。
  • 如有必要,您可能还需要使用 3D 旋转工具来帮助将屏幕截图与库存照片屏幕对齐。 您需要手动调整 X、Y 和 Z 旋转,直到两个图像正确对齐。
  • 正确对齐屏幕截图后,按住 shift 单击两个图像,然后右键单击并将它们分组。

展示如何使用 PowerPoint 将屏幕截图叠加到设备图像上的 Gif
如何使用 PowerPoint 将屏幕截图叠加到设备图像上

快速提示:使用正面拍摄的图像可以更轻松地正确放置屏幕截图。 如果需要裁剪,请务必不要剪掉屏幕截图的重要元素。


4. 信息标注

Revelation Pets 的屏幕截图,使用呼出来突出显示软件功能
Revelation Pets 使用标注来突出其软件的几个关键功能

突出独特功能的一个好方法是在屏幕截图上逐字指出它们。 PowerPoint 有一些用于向图像添加线条或箭头的选项,可让您轻松标记要素。 为了获得更精致的效果,您可以将此技术应用于您放置在设备上的屏幕截图。

如何:

  • 首先在屏幕截图中添加指向该功能的线条或箭头。 从“插入”菜单中,选择“形状”下拉菜单以访问各种线条和箭头选项。 选择线条形状,然后从文本框中单击并拖动到屏幕截图上的特征以创建线条。 对于更复杂的形状,例如直角弯曲,您可能需要使用多条线。
  • 您可以使用“格式形状”菜单下的“线条”选项来更改线条的设计。 使用“宽度”选择器更改线条的粗细,使用箭头选项添加、删除或更改每条线末端的点的大小。 您还可以将箭头点更改为椭圆形,以获得更清晰的外观。 尝试不同的线条样式、颜色和粗细,找到你喜欢的设计。
  • 最后,添加文本以标记您突出显示的功能。 从菜单中选择“插入”,然后选择“文本框”,然后单击幻灯片上的任意位置以绘制文本区域。 使用与您的品牌相匹配的字体和颜色。 您可能还希望在下方以较小的字体包含对该功能的简短描述。

Revelation Pets 的屏幕截图,使用呼出来突出显示软件功能
如何使用 PowerPoint 突出显示着陆页屏幕截图中的功能

快速提示:在拉出线的同时按住 shift 键,以确保它是笔直的。 要创建完美的 90 度弯曲,首先创建单独的水平和垂直线,并将两条线的“结束类型”选项设置为方形。 单击并拖动一个靠近另一个末端 - 它们将吸附在一起。


5. 放大标注

When I Work 网站的屏幕截图,该网站使用放大镜来引起对细节的关注
当我工作时使用放大镜来帮助吸引人们注意屏幕截图上的关键细节

有时屏幕截图充满了密集的信息,很难在保持适当大小的同时找出细节。 引起注意这些细节的一个好方法是增加细节区域的大小,而保留屏幕截图的其余部分。 效果就像拿着放大镜在你软件的重要细节上。

操作方法:此效果结合了将屏幕截图放在设备上和添加信息标注的技术。 在合并这两个图像之前,您需要操作您的屏幕截图的一个副本并将其放在另一个之上。

  • 将您的屏幕截图的两个副本插入 PowerPoint。 如果可能,请使用高分辨率图像作为放大细节拍摄的副本。
  • 选择一份截图副本,然后转到主功能区菜单下的“图片工具”选项卡。 选择裁剪工具下的下拉菜单,然后选择“裁剪为形状”,然后选择“椭圆形”。 接下来,再次选择裁剪下拉菜单,然后选择“纵横比”,然后选择“1:1”以裁剪成一个完美的圆形。
  • 使用深色角括号调整裁剪的大小,然后单击并拖动图像以确保放置在您要突出显示的细节的中心。 单击形状以完成裁剪。
  • 选择裁剪的图像并使用“格式”菜单上的“图片边框”选项添加边框,以帮助它在主屏幕截图中脱颖而出。 更改边框粗细和颜色以使详细部分脱颖而出。
  • 最后,将放大的细节部分放在屏幕截图上,并将两个对象组合在一起。

展示如何使用 PowerPoint 放大图像的一部分的 Gif
如何使用 PowerPoint 放大屏幕截图的特定部分

快速提示:在裁剪部分周围使用粗灰色边框来创建经典的放大镜效果。 确保放大的部分足够大,买家可以看清细节。


奖励功能

如果您需要一种方法来捕获软件的屏幕截图,那就看看——你猜对了——PowerPoint

从主菜单中,选择“插入”,然后选择“屏幕截图”以启动该工具。 PowerPoint 将显示您打开的每个窗口的列表,然后只需选择您的软件应用程序,它就会捕获该屏幕并将其放在您的 PowerPoint 幻灯片上。 然后,您可以直接在 PowerPoint 中对其进行编辑。

使用 PowerPoint 截取屏幕截图

在启动“屏幕截图”工具之前,确保您已打开要捕获的软件屏幕

是时候开始了!

你有它! 使用这些技术,可以将单调的屏幕抓取变成令人难忘的、增值的登录页面上的照片。 我强烈建议您使用每个工具的设置来了解它们的工作原理以及它们还有什么可能。

您是否发现了任何以有趣的方式使用常见业务软件的技术? 在下面的评论中告诉我!