Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator

How to Make a Food Highlight Cover for Instagram

by
Read Time:8 minsLanguages:
Final product imageFinal product imageFinal product image
What You'll Be Creating

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.

food instagram highlight coverfood instagram highlight coverfood instagram highlight cover

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.

illustrator new documentillustrator new documentillustrator new document

2. How to Create a Food Instagram Highlight Icon

Step 1

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.

rectanglerectanglerectangle

Step 2

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.

corners radiuscorners radiuscorners radius

Step 3

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.

rounded rectanglerounded rectanglerounded rectangle

Step 4

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.

rounded rectanglerounded rectanglerounded rectangle

Step 5

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.

zig zagzig zagzig zag

Step 6

Using the Ellipse Tool (L), create a 620 x 560 px shape and place it as shown in the following image.

ellipse toolellipse toolellipse tool

Step 7

Switch to the Rectangle Tool (M), use it to create a 720 x 330 px shape and place it as shown below.

rectangle toolrectangle toolrectangle tool

Step 8

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.

pathfinder panelpathfinder panelpathfinder panel

Step 9

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.

corners radiuscorners radiuscorners radius

Step 10

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.

triangletriangletriangle

Step 11

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.

circlescirclescircles

3. How to Create a Food Cover for Instagram

Step 1

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.

illustrator groupillustrator groupillustrator group

Step 2

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.

backgroundbackgroundbackground

4. How to Add a Food Instagram Highlight Cover

Step 1

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.

instagram profileinstagram profileinstagram profile

Step 2

Tap the + button from the top bar or the New button from the Story Highlights section, and then tap the Story Highlight button.

instagram story highlightinstagram story highlightinstagram story highlight

Step 3

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.

instagram edit coverinstagram edit coverinstagram edit cover

Step 4

Select your design and tap that Done button, and then tap the Add button to save your story highlight.

instagram highlight coverinstagram highlight coverinstagram highlight cover

Your new story highlight with the cover design will show up in the list.

instagram hightlightsinstagram hightlightsinstagram hightlights

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.

instagram highlight coverinstagram highlight coverinstagram highlight cover

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.

Coffee Instagram Highlight Cover

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.

Coffee Instagram Highlight CoverCoffee Instagram Highlight CoverCoffee Instagram Highlight Cover

Drinks Instagram Highlight Cover

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.

Drinks Instagram Highlight CoverDrinks Instagram Highlight CoverDrinks Instagram Highlight Cover

Sport Instagram Highlight Cover

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.

Sport Instagram Highlight CoverSport Instagram Highlight CoverSport Instagram Highlight Cover

Cat Instagram Highlight Cover

Make it cute and simple with this cat Instagram highlight cover. Remember that you can edit the colors depending on your taste.

Cat Instagram Highlight CoverCat Instagram Highlight CoverCat Instagram Highlight Cover

Fruit Instagram Highlight Cover

Add a bit more color with this fruit Instagram highlight cover. As always, you can adjust all the colors with a few clicks.

Fruit Instagram Highlight CoverFruit Instagram Highlight CoverFruit Instagram Highlight Cover

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads