Hello folks! Today in our new article series ‘Icon Design Tutorial’, we are designing Cloud icon in few simple steps. We are using Adobe Illustrator 2017. We’ll publish two tutorials per week.
After the success of LogoDrop, Iconscout is bringing plugin — Icondrop for Sketch, Illustrator, and Photoshop.
You can download it from here: https://iconscout.com/icondrop
1. Setup New Document
Open Adobe Illustrator. Create a New Document (File -> New or Ctrl+N or Command+N) with the following description:
- Width: 16px
- Height: 16px
- Artboards: 1
- Color Mode: RGB
- Orientation: Vertical (Checked first icon)
2. Setup Grid & Guides
Open Preferences dialog (Edit -> Preferences -> Guides & Grid)
- Gridline every: 5px
- Subdivisions: 5
Please ensure Snap option active.
View -> Snap to Grid & Snap to Point
3. Create Cloud Icon
Grab Ellipse tool (L) and create 6 x 6 px first Circle.
- Width: 6px
- Height: 6px
- Stroke: 1px
- Position: X: 3.5px; Y: 5.5px
Grab Ellipse tool (L) again and create 9 x 9 px second Circle.
- Width: 9px
- Height: 9px
- Stroke: 1px
- Position: X: 8px; Y: 2.5px
Grab Ellipse tool (L) again and create 5 x 5 px third Circle.
- Width: 5px
- Height: 5px
- Stroke: 1px
- Position: X: 12px; Y: 6.5px
Open Pathfinder from Window -> Pathfinder or Shift + Ctrl + F9.
Select all three circle and perform Unite Operation (First option in Shape Modes) from Shape Modes.
Select Anchor point of shape as shown in the image and then delete those point using Delete Anchor Point Tool (-).
Check out the video tutorial to create Cloud icon in 10 seconds. Follow Iconscout on Instagram and get everyday icon design tutorial.
Learn How to make Heart icon in 10 sec. ____________________________________________________ Heart icon design tutorial by @jemismali ! ____________________________________________________ #heart #icon #iconography #icondesign #learn #tutorial #howto #teach #lineicon #outline #design #vectorart #dribbble #behance #creatives #iconscout #graphicgang #vanilladesign #gfxmob #designsheriff #thedesigntip #graphicarf #thedesigntip #pirategraphic #designspiration #graphicgang #graphicroozane #designspiration #designsheriff #supplyanddesign #creativesnack #gfxdaily #graphicdesigncentral #graphicroozane #cheymarketing
We hope you’ve found this article helpful. We’d love to hear your thoughts. If you want to request tutorial of any specific icon, please mention it in the comment section below.
Also, don’t forget to check our latest article series ‘Design Insights’ where we are covering design process of best Indian startups. Check out our first interview with Razorpay. Don’t forget to share and subscribe! 🙂
Also published on Medium.