How to draw a hamburger icon in Illustrator

Source: Internet
Author: User
I will give you a detailed explanation of the examples of creating a hamburger icon.
Tutorial sharing:
Step 2
Create a new file in Illustrator and select the elliptic tool (L ). Draw an ellipse and fill it with CMYK = 15, 40

 

Step 2
Select the rounded rectangle and set the radius to 50 Gb/s to draw an elliptical bottom like a steamed stuffed bun. Fill in the same color as above.

 

Step 2
Now draw two rounded rectangles to make them thinner and fill them with CMYK =.

 

Step 2
Select the elliptic tool (L) again to draw some small Ovans as sesame seeds. Fill in CMYK = 5, 21.

 

Step 2
The next step is to draw the cheese. Pick up the pen tool (P) to draw the melted cheese slices between two hamburgers. The selected color is CMYK =.

 

Step 2
Copy the shape of the cheese and move down 10px. Change its color to CMYK =. Press A to select the tool and start Deformation. This allows you to create A 3D effect anchor. As shown in the following figure.

 

Step 2
Well, now we need to form a steamed stuffed bun. Select the pen tool (P) to draw a shape like a first image. Press Shift to select the shape of the upper steamed stuffed bun and click the intersection icon. Then, flip the new shape horizontally and move it to the steamed stuffed bun formed on the other side.
If you have a drawing board, you can use the path eraser tool instead.

 

 

Step 2
Repeat the process and draw another part.

 

Step 2
That's what Hamburg looks like now.

 

Step 2
Select the pen tool to draw a shape like the first image below. Copy the steamed stuffed bun layer. Select the shape you just created with the pen tool, hold down the Shift key, and click the intersection icon. Change the new shape color CMYK = 15, 31, 50, 0. Next, repeat, flip horizontally, and place it on the other side.

 

 

Step 2
Repeat the previous steps.

 

Step 2
Now our hamburger icon is ready. However, we will create another version with only one color. We need another method to achieve this. So, select the whole hamburger and hold down the Alt key to drag it anywhere on the canvas. This will create a copy of the hamburger. Start to select the sesame shape (select the first seed, press the Shift key, just click another seed ). Go to object> path> offset path, and select Add 5px. Next, press Shift and select the shape of the upper steamed stuffed bun. Click the minus icon. Change the shape of the upper steamed stuffed bun to 20 pixels (Shift + 2 times of the upward direction ).

 

Step 2
Continue with this, and the rest of the shape (remove the dark yellow milk slices) until you have something that looks like this (please be sure to leave enough space ).

 

Step 2
Use a pen tool to smooth the image edge.

 

Step 2
Combining all shapes, this is it. Now you can expand it, add any effect, and design projects on your web page. Before combining shapes, you may need to create a copy so that you can modify it (for example, delete a hamburger ).

 

Conclusion
This article ends. We hope this tutorial will help you learn new things. If you have any questions or specific tutorial requests, you can leave a comment below. Finally, let's take a look at the effects of different changes.

 

Well, the above information is the detailed tutorial on creating a hamburger icon for the users of Illustrator's software, users have seen this, and I believe that everyone is very clear about the drawing method, so you can follow the small series of tutorials to go to Hu's desired hamburger icon.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.