Create your own amazing emojis in Sketch
Learn how to use vector shapes and gradients to create your own emojis in just a few minutes
The Internet has given us a lot of great things — from connections with friends around the globe to cat videos. But something that the Internet has really popularized in the last few decades are emojis. Today, we’ll be teaching you how to make your own custom emojis that you can add to apps like Slack or WhatsApp, so you never have to go a day without expressing yourself exactly how you want to.
And before we dive in, here’s a quick look at the emoji we’ll be creating. Feel free to come back to it at any point in the tutorial to keep track of your progress!
Ready? Let’s get to it! 👇
1. Create the head
First, press A to create an Artboard, and resize it to 400x400. Then press O and create a 300x300 oval shape. Don’t forget to disable the border!
2. Add some color
Next, apply a Radial Gradient to your oval. Align the gradient from the top-left corner to the bottom-right corner, and give the top-most point a #FEEBBO color value. Add a middle point and give it a #FDDF79 value. For the last point, use #EDA52D.
3. Create the mouth
Press O and create a 235x235 oval shape. Then, double-click or press ↵ to enter Edit mode and delete the top point. Now, adjust its height until you’re happy with it — this will be your emoji’s mouth.
4. Give it some depth
For the mouth’s backdrop, add a #3C2727 color fill and a few inner shadows. We recommend the following values for your inner shadows, although you can play around with them until you find a setup you’re happy with:
- 0x 20y 20 blur 0 spread
- -26x 0y 50 blur 0 spread
- 26x 0y 50 blur 0 spread
5. Create and mask the tongue
To create the tongue, add another 200x170 oval shape and position it near the bottom of the mouth shape. This layer should be above the mouth layer you created in step three. Select the tongue shape, then hold ⇧ and select the mouth shape. Then Control-click and select Mask from the menu. Most of your tongue shape should disappear inside the mouth!
6. Add a Linear Gradient
Select the tongue again and add a linear gradient, making the top point #E64545 and the bottom point #F47A7A. Adjust the position of the handles on the Canvas until you’re happy with the result.
7. Add some cuteness
Now it’s time to add some rosy cheeks. Press O and create a 90x90 oval shape. Give it a #F9A038 fill and set a Gaussian blur to 18. Duplicate the shape by pressing ⌘D and place the shapes at the mouth’s corners. D’aww!
8. Add some eyes
Press L and draw a short line shape near the top of your face. Give it a #382424 fill and set the width to 8px. In the Inspector, set the end to Round, then double-click the line to enter edit mode, and click in the center to add a new point. Move that point up to give your line a slight curve. This will give your emoji eyes, so duplicate the shape and place them both where they look best to you.
This is just the start! Feel free to customize this emoji to your heart’s content, or try other designs with different expressions to show every emotion you want.
Have you created an amazing emoji with Sketch? We’d love to see it! Share it with us using the hashtag #MadeWithSketch.