In the following tutorial, you will learn how to create a food Instagram highlight cover using Adobe Illustrator.
If you don't have the time to learn how to create an Instagram highlight cover, you can always try Placeit, where you can find some amazing mockups to quickly create Instagram highlight covers. This food highlight cover is just one of the many examples.
What You'll Learn in This Illustrator Tutorial
- How to create food Instagram highlight icons
- How to create a food cover for Instagram
- How to add a food highlight cover in Instagram
1. How to Create a New Document and Set Up a Grid
Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, set the Width to 1080 px and the Height to 1920 px, and then click that Advanced Options button. Select RGB for the Color Mode and set the Raster Effects to Screen (72 ppi), and then click the Create button.
Enable the Grid (View > Show Grid or Control-") and Snap to Grid (View > Snap to Grid or Shift-Control-"). You will need a grid every 10 px, so simply go to Edit > Preferences > Guides & Grid, enter 10 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.
You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System.
You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units. Now that you're set, let's see how you can create food Instagram highlight icons.
2. How to Create a Food Instagram Highlight Icon
Focus on your toolbar and pick the Rectangle Tool (L), and then focus on the color settings.
Select the fill and remove the color, and then double-click the stroke and set it to R=227 G=41 B=41. Move to your artboard and simply create a 620 x 140 px shape. You can either click and drag to create the shape, or you can click once on your artboard and manually enter the size settings.
Switch to the Direct Selection Tool (A) and keep focusing on your shape.
First, hold down the Shift key and select the top anchor points. Move to the Control panel and set the Corner Radius to 40 px.
Return to your shape, and this time select the bottom anchor points. Head back to the Control panel, and this time set the Corner Radius to 80 px.
Reselect the Rectangle Tool (M), create a 620 x 80 px shape and place it as shown in the first image.
Keep this new shape selected and switch to the Direct Selection Tool (A). Move to the Control panel and just set the Corner Radius to 40 px.
Reselect the Rectangle Tool (M), create a 620 x 120 px shape and place it as shown in the first image.
Keep this new shape selected and switch to the Direct Selection Tool (A). Move to the Control panel and just set the Corner Radius to 60 px.
Continue with the Line Segment Tool (\) and use it to create a 620 px horizontal path. Keep this line selected and go to Effect > Distort & Transform > Zig Zag.
Check the Absolute and Smooth boxes, drag those sliders to 8 px and 7, and then you can click OK to apply the effect.
Using the Ellipse Tool (L), create a 620 x 560 px shape and place it as shown in the following image.
Switch to the Rectangle Tool (M), use it to create a 720 x 330 px shape and place it as shown below.
Pick the Selection Tool (V), hold down the Shift key to select your ellipse along with the rectangle, open the Pathfinder panel (Window > Pathfinder) and click the Minus Front button.
Keep the resulting shape selected and focus on the Appearance panel (Window > Appearance). First, remove the fill color and then apply that same 40 px red (R=227 G=41 B=41) stroke.
Make sure that the shape made in the previous step is still selected and switch to the Direct Selection Tool (A). Select the bottom anchor points, focus on the Control panel and set the Corner Radius to 50 px.
Pick the Rectangle Tool (M), create a 200 x 80 px shape, and place it as shown in the first image.
Switch to the Direct Selection Tool (A), select the bottom anchor points, and go to Object > Path > Average. Check the Both box and click OK to easily turn your rectangle into a triangle.
Pick the Ellipse Tool (L) and hold down the Shift key as you click and drag to easily create a 40 px circle.
Switch to the Selection Tool (V), hold down the Alt and simply click and drag this new circle to add a copy. Use this technique to add another five copies and then arrange your circles as shown in the following image.
3. How to Create a Food Cover for Instagram
Select all the shapes that make up your icon and press Control-G to Group them.
Keep this new group selected and focus on the Control panel. Make sure that the alignment is set to artboard and then click those Horizontal Align Center and Vertical Align Center buttons to easily move your group in the center of the artboard.
Use the Rectangle Tool (M) to create an 1100 x 1940 px shape and fill it with R=253 G=220 B=115.
Click again those Horizontal Align Center and Vertical Align Center buttons to center this shape and then press Control-Shift-[ to send it to the back.
4. How to Add a Food Instagram Highlight Cover
Now that you've got your design, let's see how you can apply it on Instagram. Open the app and go to your profile.
Tap the + button from the top bar or the New button from the Story Highlights section, and then tap the Story Highlight button.
Select the stories that will be part of your Story Highlight, and then tap Next. You can type in a name for your Story Highlight and then tap the Edit Cover button.
Select your design and tap that Done button, and then tap the Add button to save your story highlight.
Your new story highlight with the cover design will show up in the list.
Congratulations! You're Done!
Here is how your food Instagram highlight cover should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects.
Feel free to adjust the final design and make it your own. You can find some great sources of inspiration at Envato Elements, with interesting solutions to improve your food highlight covers.
Popular Mockups From Placeit
Placeit can be a good alternative whenever you wish to create an Instagram highlight cover. Here's a short list of some of the most popular mockups that you can use to easily create food covers for Instagram.
Keep it fresh and create your own Instagram highlight cover with just a few clicks. At Placeit, you can always adjust the colors of the final design so it fits your needs.
You can always use a simple line icon design to create a drinks Instagram highlight cover. Feel free to adjust the background or the outline colors as you wish.
Here's another simple line icon design that can be used to create a sport Instagram highlight cover. Don't forget that you can always adjust the color settings.
Make it cute and simple with this cat Instagram highlight cover. Remember that you can edit the colors depending on your taste.
Add a bit more color with this fruit Instagram highlight cover. As always, you can adjust all the colors with a few clicks.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!
- How to Make Instagram InfographicsAbbey Esparza
- How to Create an Instagram Post Template in PhotoshopAbbey Esparza
- How to Make Instagram Bingo TemplatesAbbey Esparza
- How to Use Instagram TemplatesAbbey Esparza
- 20+ Best Instagram Infographic Templates (Instagram Post Slideshow Templates)Nona Blackman
- 21 Instagram Post Ideas for Musicians (Instagram Template Examples)Nona Blackman
- 44 Best Instagram Layout Ideas (Using Instagram Grid Templates)Nona Blackman
- 28 Best Instagram Post Templates Using an Instagram Post CreatorNona Blackman