How to design a Christmas Instagram story

Let’s design Christmas and New Year visuals for Instagram stories. We’ll use Lunacy and Woolly illustrations by Icons8.


You can watch this video or follow the step-by-step guide below. At the end of this article, we prepared a small Christmas gift for you.

We’ll create an ad for a Christmas market:

Launch Lunacy and create a new document.
Create an artboard. I used the Instagram Story option from the list of presets in the right panel.
Adjust the zoom so that the artboard fits the canvas.

Change the artboard color to #2С354С.

Select the Text tool and add a text block on the center of the artboard. I used the following text settings: Nunito Black, size 150, color #FFFFFF, line spacing 150, title case (you will find this setting on the Text options panel).

Create a text style to re-use these settings later.

Add another text block below: Nunito Light, size 85, color #FFFFFF.

And also save this text style for further use.

Add one more text block and apply the style from the previous step to it.
Then select all text blocks and group them (Ctrl+G or ⌘ G).
Use the alignment buttons to position the text group in the center of the artboard.

Open the Illustration tab and add some illustrations onto the canvas. I used illustrations in the Woolly style.

Then select the Artboard tool and add another Instagram story artboard. Adjust its color using the eyedropper.

Add an illustration.

Add an ellipse as shown below. Set its color to #FFFFFF.

Select the ellipse and illustration and click Toggle mask. Now you can resize the illustration, and it won’t get beyond the boundaries of the ellipse.

Create some more text blocks. Apply the text styles you’ve created earlier.

In a similar fashion, you can create as many screens as you need. Also, you can create visuals for other social media. Simply select the required option in the artboard presets.

That’s all! Thank you for reading our blog, here’s a pack of illustrations from this tutorial for free:

Watch the full tutorial:

Create your designs in Lunacy and share them with us on social media: Twitter, Facebook, and Discord.
Check out the other Lunacy tutorials:

Lunacy is a collaborative graphic editor with built-in graphics. It lets designers focus on their work rather than spend hours googling for icons and illustrations they need. Lunacy runs not only on Windows but also on macOS and Linux. Help us spread the word about Lunacy. Send your fellow designers and developers this link: icons8.com/lunacy.

About the authors:
Julia G is a QA engineer on the Lunacy team, and Polina G is a graphic designer on the Icons8 team.

Recent Posts

8 tips to revolutionize teamwork efficiency

Essential tips for team managers and members to enhance collaboration, improve communication, and achieve exceptional…

4 days ago

Figma plugins to optimize your design workflow

Discover top Figma plugins to streamline your workflow, enhance visuals, and add creative flair to…

1 week ago

How to optimize visuals in blog for SEO

Learn how to manage visuals in blog posts to optimize them for SEO in this…

2 weeks ago

Figma: design without breaking the bank. Tips to avoid costly mistakes

Unraveling Figma’s pricing structure: tips to avoid hefty bills and save money. (more…)

2 weeks ago

Get tons of modern graphics right into Webflow

Don't switch tabs to browse icons, illustrations, and photos for your websites. Get them inside…

2 weeks ago

A guide to Notion covers: combining aesthetics and productivity

Transform your Notion space with custom covers! Dive in for easy steps, pro tips, and…

3 weeks ago

This website uses cookies.