如何在 Sketch 中创建逼真的剥落贴纸效果

了解如何使用您最喜欢的设计工具从头开始设计逼真的贴纸

有些人可能只使用 Sketch 进行 UI 设计——但它可以做更多的事情。从逼真的插图到引人注目的图标设计，Sketch 拥有创建精彩作品所需的所有工具。

今天，我们将探索如何使用一些快速方法来创建剥落贴纸设计。这些非常适合为您的其他创作添加一些特色，或者只是与您的朋友分享！

让我们开始吧……

如何设计剥落贴纸效果 — 逐步

在我们开始之前，让我们快速浏览一下最终结果

A screenshot of a finished peeling sticker design in Sketch’s Mac app. — 在此演示中，我们使用了 Maria Letta 的免费 Gopher 包，其中包含大量有趣的设计

1. 创建你的贴纸背景

首先，创建一个 400x400 像素的画板，并在其上添加一个相同大小的等尺寸矩形。使用画布上的手柄，使用圆角样式将角半径设置为 90。接下来，使用三种你选择的颜色添加一个线性渐变——我们选择了几种蓝色阴影——#4A9EEE、#1F57DA 和 #28368D。定位渐变，使其从右上角开始并沿对角线向下移动。然后添加一个白色 (#FFFFFF) 内边框，宽度为 11。

2. 添加图案

现在我们将通过条纹背景为背景添加更多纹理。首先，创建一个 400x20 像素的矩形，然后复制它并将其向下移动到第一个矩形下方，使两者之间有 18 像素的间隙。然后，再复制几次——可以通过选择两个矩形并向下拖动手柄，或者使用 ⌘D。新形状应该会自动间隔开，使它们之间的距离相同。

一旦你有了足够的数量来覆盖你的整个贴纸（你应该需要 11 个矩形），选择所有矩形并使用联合使它们成为一个组合形状。然后为整个形状添加一个具有三个点的线性渐变。它们都将使用 #FFFFFF，但随着渐变的进行，Alpha 将从 100 降低到 40，再到 0。将其放置在与上一步中的渐变相同的位置。

3. 遮罩图案

接下来，将你的组合形状放置在贴纸矩形上方，然后将贴纸矩形设置为遮罩。将线条图案的混合模式更改为“颜色”，并将其不透明度值降低到 20%。你应该最终得到一个位于彩色背景顶部的图案，并且随着它向下朝左下角移动而逐渐消失。

想学习如何遮罩图层吗？ Joseph Todaro 在我们的免费 Sketch 101 课程的这一课中为你介绍！

4. 插入并遮罩你的图像

现在是时候将图像添加到你的贴纸了——你设计的主要主题！抓取任何没有背景的 PNG 并将其放置到贴纸上，放置在上一步中的组合形状图层之上。因为你的贴纸矩形已经在充当遮罩，它也会遮罩 PNG。

在此演示中，我们使用了 Maria Letta 的免费 Gopher 包，其中包含大量有趣的设计。

5. 创建折叠

An image showing a vector shape in the bottom-left corner of the sticker that looks like the corner folded up.

现在是时候创建贴纸的折叠角了。按 V 选择矢量工具，并使用它绘制一个三角形。然后按住 ⇧ 并单击每个直边以在每个边的中间添加三个更多的点。

将它们的点类型更改为镜像，然后移动它们并调整手柄以在每侧添加一些曲线，如上图所示。然后也将右上角更改为镜像，并将其弯曲以使其看起来像矩形形状的弯曲角。

6. 添加逼真的渐变和阴影

现在你已经有了折叠形状，是时候让它看起来更逼真了。使用浅灰色颜色——#FFFFFF、#C9D1D7 和 #C9D1D5，为它提供一个沿对角线向下和向右移动的线性渐变。然后为你的新形状添加一个微妙的阴影，X 偏移量为 -6，Y 偏移量为 6，模糊值为 25。你可以使用默认的灰色，但我们建议你稍微降低不透明度。