互联网给了我们很多很棒的东西——从与全球朋友的联系到猫咪视频。 但在过去的几十年里,互联网真正普及的是表情符号。 今天,我们将教你如何制作自己的自定义表情符号,你可以添加到像 Slack 或 WhatsApp 这样的应用程序中,这样你就永远不用在没有准确表达自己的情况下度过一天。
在我们深入研究之前,这里快速浏览一下我们将要创建的表情符号。 随时在教程中回到它,以跟踪您的进度!

在本教程之后,您将能够重新创建此表情符号并构建自己的表情符号——玩得开心!
准备好了吗? 让我们开始吧!👇
1. 创建头部
首先,按 A 创建一个画板,并将其大小调整为 400x400。然后按 O 并创建一个 300x300 的椭圆形状。 不要忘记禁用边框!
将您的画板(包括椭圆!)保存为模板,这样您将来就可以跳过此步骤并直接进行设计!
2. 添加一些颜色
接下来,将径向渐变应用到您的椭圆。 将渐变从左上角到右下角对齐,并给最顶端的点一个#FEEBBO 的颜色值。 添加一个中间点,并给它一个#FDDF79 值。 对于最后一个点,使用#EDA52D。
可以随意使用不同的颜色组合来表达不同的状态。 例如,红色表示愤怒,蓝色表示寒冷。
3. 创建嘴巴
按 O 并创建一个 235x235 的椭圆形状。 然后,双击或按 ↵ 进入编辑模式并删除顶部点。 现在,调整其高度,直到您满意为止——这将是您的表情符号的嘴巴。
尝试使用不同的形状来表达各种情绪。 如果你拉下嘴巴的边缘,你可以表达悲伤。
4. 给它一些深度
对于嘴巴的背景,添加一个#3C2727 的颜色填充和一些内阴影。 我们建议以下内阴影值,尽管您可以随意摆弄它们,直到找到您满意的设置
- 0x 20y 20 模糊 0 扩展
- -26x 0y 50 模糊 0 扩展
- 26x 0y 50 模糊 0 扩展
您知道您可以堆叠任意数量的阴影吗? 填充、边框和模糊也是如此!
5. 创建和遮罩舌头
要创建舌头,添加另一个 200x170 的椭圆形状并将其放置在嘴巴形状的底部附近。 此图层应位于您在步骤三中创建的嘴巴图层之上。 选择舌头形状,然后按住 ⇧ 并选择嘴巴形状。 然后 Control-单击并从菜单中选择蒙版。 你的大部分舌头形状应该在嘴里消失!
除了舌头,你也可以给你的表情符号牙齿。 插入一些矩形,圆角以达到你想要的形状,并添加一些颜色和阴影以获得最终外观。
6. 添加线性渐变
再次选择舌头并添加线性渐变,使顶部点为#E64545,底部点为#F47A7A。 调整画布上手柄的位置,直到您对结果感到满意为止。
虽然我们只在渐变中使用两个颜色点,但您可以添加任意数量的颜色点。
7. 添加一些可爱之处
现在是时候添加一些红润的脸颊了。 按 O 并创建一个 90x90 的椭圆形状。 给它一个#F9A038 的填充,并将高斯模糊设置为 18。 按 ⌘D 复制形状,并将这些形状放置在嘴巴的角落。 多可爱啊!
如果你不确定哪个确切的值看起来不错,请尝试使用滑块。 当你拖动滑块时,你将立即看到它的外观!
8. 添加一些眼睛
按 L 并在脸的顶部附近绘制一个短线形状。 给它一个#382424 的填充,并将宽度设置为 8px。 在检查器中,将末端设置为圆形,然后双击该线以进入编辑模式,然后在中心单击以添加一个新点。 向上移动该点以使你的线稍微弯曲。 这将给你的表情符号眼睛,所以复制形状并将它们都放在你认为看起来最好的地方。
人们常说,眼睛是心灵的窗户! 尝试不同的形状,改变高度,并使用配件进行游戏,以使用相同的面部基础获得完全不同的外观。
这仅仅是个开始! 随意自定义这个表情符号以满足您的需求,或者尝试其他具有不同表情的设计来表达您想要的每一种情绪。
你用 Sketch 创建了一个惊人的表情符号吗? 我们很乐意看到它! 使用#MadeWithSketch 的标签与我们分享。