用 Sketch 设计逼真的手机模型374


Sketch 是一款功能强大的设计软件,特别适合创建用户界面和网站原型。它还具有创建逼真手机模型的能力,这在展示您的应用设计或网站在移动设备上的外观时非常有用。

在本指南中,我们将逐步向您展示如何使用 Sketch 创建手机模型。我们将从创建一个新文档开始,然后添加一个矩形以表示手机的屏幕。接下来,我们将添加一个圆角矩形以表示手机的机身。最后,我们将添加一些阴影和高光,让模型看起来更逼真。

1. 创建一个新文档


首先,我们需要创建一个新文档。为此,请单击“文件”>“新建”。在“新建文档”对话框中,将宽度和高度设置为 375 像素和 667 像素。这些是 iPhone 6/7/8 的尺寸,但您可以根据需要调整它们以匹配其他设备。

2. 添加一个矩形以表示屏幕


接下来,我们需要添加一个矩形以表示手机的屏幕。为此,请单击“矩形”工具并拖动以创建矩形。将宽度和高度设置为 320 像素和 568 像素。将矩形居中放置在文档中。

3. 添加一个圆角矩形以表示机身


现在,我们需要添加一个圆角矩形以表示手机的机身。为此,请单击“圆角矩形”工具并拖动以创建矩形。将宽度和高度设置为 375 像素和 667 像素。将矩形的圆角半径设置为 10 像素。将矩形放在屏幕矩形的后面。

4. 添加阴影和高光


要使模型看起来更逼真,我们需要添加一些阴影和高光。为此,请双击机身矩形以打开“检查器”。在“填充”部分中,将颜色设置为白色。在“阴影”部分中,添加一个阴影。将偏移量设置为 5 像素,模糊度设置为 5 像素。将颜色设置为黑色,并将不透明度设置为 50%。接下来,添加一个高光。将偏移量设置为 -5 像素,模糊度设置为 5 像素。将颜色设置为白色,并将不透明度设置为 50%。

5. 导出模型


一旦您对模型的外观满意,您就可以将其导出。为此,请单击“文件”>“导出”。在“导出”对话框中,选择“PNG”作为格式。单击“导出”按钮将模型导出为 PNG 文件。

现在,您已经了解了如何使用 Sketch 创建逼真的手机模型。您可以使用此技术来展示您的应用设计或网站在移动设备上的外观。祝你好运,并且设计愉快!

2025-01-26


上一篇:如何使用 SketchUp 逼真地打光场景

下一篇:Sketch 中去除背景:分步指南