Create Lady Birds Insect Tutorial Using Adobe Illustrator

Ilie Ciorba Posted on 25. Jan, 2010 | Comment in!


lady-bird-illustrator-tutorial-530

Lady birds, is there any other insect that symbolize the prosperity and freshness of the nature more? You can find these cute being almost anywhere and they won’t ever cause anything but cheers. In this tutorial I will show you how to create a cool lady bird using Adobe Illustrator.

We always offer 100% free design inspirations so that’s why you can also download source file of Adobe Illustrator (.ai file format), hope you will write your comments for more motivations.

Final Result

45

Step 1

Open Illustrator and set up a new document, any size you like, I’m using 800×600 pixels. Press (L) to select Ellipse Tool, click somewhere on you art board to bring up the Ellipse dialog box and enter values that you see in the image below, 320 pixels for Width and 250 for Height.

1

1. Now that we have the base for one of the lady bird’s body paths we can star editing it.

2

2. Select the Direct Selection Tool (A) and click on the left anchor point , hold down the Shift key and press the down arrow key three times.

3

3. Reduce the size of lower handle of the same anchor point to about half of it’s size.

4

4. Do the same thing to the lower handle of the right anchor point.

5

5. Click on the lowest anchor point of the path to select it, hold down the Shift key and press up arrow key twice.

6

Step 2

6. Use Ellipse Tool to create another smaller (270×175) ellipse like you see in the image.

7

7. Press Ctrl + [ to send it back under the first path.

8

Step 3

8. Select the main body path and give it a 2pt black stroke. Fill it with a three color radial gradient with the Aspect Ratio set to 80.5%. I used these colors: #E0532A to #E23A2A (position 74%) to #AF2D29.

9

9. Select the second body path and using Eyedropper Tool (I) click on the first path to apply the same setting to it. Adjust the gradient Aspect Ratio and position.

10

Step 4

10. Now we start working on the head shape. Create an ellipse, the edit anchor points of the path to create an egg-like path. Make sure that it also have a 2pt black stroke.

11

11. Re-size it, rotate and then place it on the body of the lady bird.

12

12. Fill it with a linear gradient from black to 80% gray and set the Angle of the gradient to 126 degrees.

13

Step 5

13. We’re moving forward to highlights of the head and body. Let’s start from the body. Select the Pen Tool (P) and try to achieve a path as you see in the image below. Fill it with linear gradient from white to white. Set the opacity of the first slider to 25% and the second to 5%.

14

14. Draw the second highlights path on the top of the first one and fill it with the same gradient but set the opacity to 25% and 0%.

15

15. Draw another highlight path and fill with the same gradient and the same opacity settings as the last one the make a copy of it and reflect it horizontally.

16

16. Select the head path, press Ctrl + C and then Ctrl + F to make a copy of it on the top of the original path and using Eyedropper t Tool click on the second highlight path that we’ve made. Adjust the gradient position.

17

17. Draw another two highlight paths with the same settings applied and place these two sub layers and the main body path sub layer.

18

18. With the Pen Tool still selected draw a black path between body paths. Move this sub layer under the head sub layer.

19

Step 6

19. For the lady bird spots draw an ellipse with a 2pt black stroke, rotate it clockwise and place it on the body. Fill it with a radial gradient from black to #341211 with the setting that you see in the image below.

20

20. As we did with the body and the head, draw two highlights on this spot.

21

21. Make a copy of the spot (the spot path itself and the highlights), reduce it size and height and then place it near the first one. I’ve made the first spot a little smaller so the second one could fit better. Edit the gradient position of the second spot.

22

22. Make a copy of the biggest spot (without highlights) make it wider and place it that way so it intersects the main body path.

23

23. Select the body path, press Ctrl + C and then Ctrl + F. Select the new spot path that we’ve made and the copy of the body path and press the Intersect button on the Pathfinder palette.

24

24. Edit the handles of the corners to make them rounded. Make the path a little smaller and move it a little bit out of the body so it won’t be blending with it.

25

25. Draw highlights like other spots have.

26

26. Create a copy of the last spot and place it on the second part of the lady bird body.

27

Step 7

27. Now we’ll start drawing the eyes. Select the Ellipse Tool and by holding down the shift key, create a circle. Give it a 2pt white stroke and fill it with a radial gradient from 10% gray to 50% gray.

28

28. Draw another, smaller circle inside this one, give it a 2pt black stroke and a linear gradient from black to 80% gray.

29

29. Draw another two smaller circle intersecting last one and each other, fill them with white, no stroke.

30

30. Select all eye paths and press Ctrl +G to group them together. Place the eye group on the head, scale it down if needed. Remember, it should still be pretty big.

31

31. Select the eye group and press Ctrl + C and Ctrl + b to create a copy of it and place it under. Scale down the copy and move it up and to the right.

32

32. As we did before, draw highlights on the bigger eye, but set the opacity of the first slider to 100%.

33

Step 8

33. Draw a intersecting the body that we’ll use for the belly.

34

34. Press Ctrl + Shift + [ to send this sub layer to back.

35

35. Using Eyedropper Tool, click on the head path to apply the same settings and gradient to it. Make the gradient radial and adjust Aspect Ratio and angle.

36

36. Select the Pen Tool and draw two black, 2pt stroke lines on the belly.

37

Step 9

37. Drag a copy of the head path and set the angle of the gradient to -176.

38

38. Draw a highlight on it; make sure your head copy stroke is aligned to outside.

39

39. Draw another ellipse that is intersecting this path with the same gradient but set the angle to 161 degrees.

40

40. Group the result, scale it down and by making another four copies of it create the legs.

41

41. The middle part of every leg should be the biggest part. Create another three copies of this leg.

42

42. Use the same technique to draw two small antennas on the head.

43

43. Give your illustration a background and a shadow and we’re done!

44

Lady Birds Final Result

45

Download Source File

39

Draw a highlight on it; make sure your head copy stroke is aligned to outside.

Tags:    /    /    /    /  

If you enjoyed reading, consider sharing it on one of these social bookmarking sites.

  • 0hits
  • Digg Button

Related Posts:

Enjoy this Post? Subscribe to Tutorial Lounge



Leave a Comment Subscribe to RSS Feed Subscribe by Email

Comments

  1. Inside the Webb

    January 25, 2010

    This is a wicked cool tut! I don’t know how practical it is, but realistically the skill it takes to make this in Illustrator is amazing. Nice work man!

  2. Servefault.com

    January 25, 2010

    Create Lady Birds Insect Tutorial Using Adobe Illustrator…

    Thank you for submitting this cool story – Trackback from Servefault.com…

  3. tripwire magazine | tripwire magazine

    January 25, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  4. Hermitbiker

    January 26, 2010

    …. great “Ladybug” tutorial showcased here by TutorialLounge…. thanks TL !!

  5. Tweets that mention Create Lady Birds Insect Tutorial Using Adobe Illustrator | Tutorial Lounge -- Topsy.com

    January 26, 2010

    [...] This post was mentioned on Twitter by Blueprint DesignBlog, Tutorial Lounge, Tutorial Lounge, Tutorial Lounge, Rafi and others. Rafi said: RT @tutoriallounge Create Lady Birds Insect Tutorial Using Adobe Illustrator | Tutorial Lounge http://tinyurl.com/yd5ml3x [...]

  6. 95+ Fresh Community Posts for Web Designers and Developers | Afif Fattouh - Web Specialist

    January 27, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  7. Follow Friday: Best of Web #16 Inspiration, Tutorials, Freebies

    January 29, 2010

    [...] to Make a Professional Buddy Icon in Photoshop 10. How to Create a Realistic Fountain Pen 11. Create Lady Birds Insect Tutorial Using Adobe Illustrator 12. Create a Fantastic Abstract Fan [...]

  8. Create Lady Birds Insect Tutorial Using Adobe Illustrator | Making money thru online

    February 02, 2010

    [...] Visit link: Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  9. Vectips Monthly Roundup: January 2010 | Programming Blog

    February 05, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  10. Saint John Web Design | Informative Computer Solutions :: Blog Tricks and Tips :: Vectips Monthly Roundup: January 2010

    February 05, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  11. Alexandra Ipate - Web design resources » Blog Archive » High Quality Adobe Illustrator Tutorials

    February 08, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  12. أفضل 33 درس لكيفية التصميم علي برنامج Adobe Illustrator | :. أبو حبيبه جرافيك .:

    February 09, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  13. Vector Tutorial Round Up

    February 10, 2010

    [...] – Create Lady Birds Insect Tutorial Using Adobe Illustrator [Tutorial Lounge] [...]

  14. 100 Fresh New Photoshop And Illustrator Tutorials | Creative Nerds

    February 15, 2010

    [...] 15. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  15. 100 Fresh New Photoshop And Illustrator Tutorials | Programming Blog

    February 15, 2010

    [...] 15. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  16. 33 adet kaliteli Illustrator dersi | webrafik.net

    February 16, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  17. Peter Pap

    February 21, 2010

    Nice Tut, thanks for sharing…Cheers Peter

  18. 5 векторных туториалов | Дизайн-журнал №1.

    February 22, 2010

    [...] Нарисуйте божью коровку в Adobe Illustrator [...]

  19. Awesome Vector Tutorials | The New Drop

    February 23, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  20. Marcoverga

    February 23, 2010

    Very nice tutorial!

  21. Create Lady Birds Insect Tutorial Using Adobe Illustrator : YourTutorialsBox.com

    February 26, 2010

    [...] Click on the picture or here to see the tutorial!!! 0 Comment [...]

  22. VECTORTUTS Updates « Petergraphics Weblog

    March 02, 2010

    [...] Visit Tutorial [...]

  23. Kye Cha − VECTORTUTS Updates

    March 02, 2010

    [...] Visit Tutorial [...]

  24. VECTORTUTS Updates | Kye Ting's Blog

    March 08, 2010

    [...] Visit Tutorial [...]

  25. Designebookcover

    March 13, 2010

    just amazing, just amazing tut and that look really good thanks a lot

  26. 48 Extremely Helpful Vector Tutorials | Junkiee.Net

    March 16, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  27. 100 Fresh New Photoshop And Illustrator Tutorials From 2010 « HUE Designer

    March 17, 2010

    [...] 15. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  28. 40 Detailed Drawing Tutorials for Illustrator - Speckyboy Design Magazine

    March 17, 2010

    [...] Create Lady Birds Insect [...]

  29. 40 Detailed Drawing Tutorials for Adobe Illustrator - Programming Blog

    March 17, 2010

    [...] Create Lady Birds Insect [...]

  30. 40 Detailed Drawing Tutorials for Adobe Illustrator | Yooxe

    March 18, 2010

    [...] Create Lady Birds Insect [...]

  31. 40 Detailed Drawing Tutorials for Adobe Illustrator | Web Development News

    March 18, 2010

    [...] Create Lady Birds Insect [...]

  32. 40 Detailed Drawing Tutorials for Adobe Illustrator | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more!

    March 18, 2010

    [...] Create Lady Birds Insect [...]

  33. Adobe Illustrator Drawing Tutorial Collections | Design | Web Risorsa | A Web Resource Abode

    March 19, 2010

    [...] Lady Birds Insect [...]

  34. Sniper The End

    March 20, 2010

    Thank you, it is so much illustrative.

    Muchas gracias desde México.

  35. Вектор. Божья коровка « Куций блог… или блог Куцого

    March 27, 2010

    [...] взят отсюда. Метки: Adobe, Illustrator, vector, вектор Эта запись была [...]

  36. 60 character illustration tutorials | T-shirt Factory Blog

    March 30, 2010

    [...] 45. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  37. 30 Küsür Tane Vektör(Vectors) « SistemBlog

    April 11, 2010

    [...] Create Lady Birds Insect( uğurböceği vektör) [...]

  38. 40 Illustrator Tutorials created in 2010 | AcrisDesign

    April 16, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  39. 30 frische Adobe Illustrator-Tutorials | print24 Blog

    April 26, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  40. 40 Best Detailed Drawing Tutorials for Adobe Illustrator | AMC

    April 28, 2010

    [...] Create Lady Birds Insect [...]

  41. Tutoriales de Illustrator: Novedades de 20102010

    April 28, 2010

    [...] Crea un simpático insecto en Illustrator [...]

  42. Tutoriales de Illustrator: Novedades de 2010 | Alojate.com Tu Proveedor de Web Hosting, Dominios, VPS, Servidores Dedicados, Factura Electrónica y Marketing para Buscadores en México

    April 29, 2010

    [...] Crea un simpático insecto en Illustrator [...]

  43. 30 brand-new Adobe Illustrator tutorials | print24 Blog

    April 30, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  44. 70+ Excellent Fresh Adobe Illustrator Tutorials | Tutorials | instantShift

    April 30, 2010

    [...] Tutorial Link [...]

  45. 70+ Excellent Fresh Adobe Illustrator Tutorials - Programming Blog

    April 30, 2010

    [...] Tutorial Link [...]

  46. TG Developer » 70+ Excellent Fresh Adobe Illustrator Tutorials

    May 01, 2010

    [...] Tutorial Link [...]

  47. DIY: Adobe Illustration | 7thStrike

    May 19, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  48. Drawing Animals – 30 Great Illustrator Tutorials | Designer77

    May 22, 2010

    [...] Ladybug [...]

  49. 60 Cartoon Character Illustration Tutorials | Drawing Cartoon Characters

    May 24, 2010

    [...] 45. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  50. 35+ Best Web Abode illustrator Tutorials - Wsblogz.com – Web design magazine

    June 08, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  51. 33 New High Quality Adobe Illustrator Tutorials | Dzinebook blog | Inspirational design resource for Web design - development - freelancer tips

    June 15, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  52. ardhan

    July 15, 2010

    woow, cool, maybe i can try it soon

  53. ranggaw0636

    July 15, 2010

    Thanks for this tutorial, better bookmark it first

  54. ilham

    July 17, 2010

    i will try it, thanks

  55. 50 Most Creative Character Illustration Tutorials

    July 27, 2010

    [...] 23. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  56. 50 Most Creative Character Illustration Tutorials | Programming Blog

    July 28, 2010

    [...] 23. Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  57. logo templates

    October 05, 2010

    Nice illustration. I will also try this. Its really cool. Thanks for the post.

  58. 40 Hướng dẫn vẽ chi tiết về Illustrator | Freelancers.vn - Hành Trang cho Freelancers

    October 07, 2010

    [...] Create Lady Birds Insect [...]

  59. Top 25 Adobe Ilustrator Design Works For Inspiration « Click on post

    November 07, 2010

    [...] #14 Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  60. Vectips Best of 2010: Illustrator Tutorials | Vectips

    December 16, 2010

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  61. 50 Fresh And Useful Adobe Illustrator Tutorials | Free and Useful Online Resources for Designers and Developers

    February 08, 2011

    [...] [...]

  62. 35 (More) Adobe Illustrator Cartoon Character Tutorials

    September 06, 2011

    [...] Making of: Lady Birds Insect using Adobe IllustratorAn easy-to-follow tutorial which teaches how to create a detailed lady birds insect, by using Adobe Illustrator. [...]

  63. mokatoon.com Adobe Illustrator Cartoon Character Tutorials

    September 07, 2011

    [...] Making of: Lady Birds Insect using Adobe Illustrator An easy-to-follow tutorial which teaches how to create a detailed lady birds insect, by using Adobe Illustrator. [...]

  64. 35 (More) Adobe Illustrator Cartoon Character Tutorials | Ruturaj Pradeep Kohok | Your Web Advisor

    September 07, 2011

    [...] Making of: Lady Birds Insect using Adobe IllustratorAn easy-to-follow tutorial which teaches how to create a detailed lady birds insect, by using Adobe Illustrator. [...]

  65. Amy N Boon » 35 (More) Adobe Illustrator Cartoon Character Tutorials

    September 08, 2011

    [...] Making of: Lady Birds Insect using Adobe IllustratorAn easy-to-follow tutorial which teaches how to create a detailed lady birds insect, by using Adobe Illustrator. [...]

  66. 35 (More) Adobe Illustrator Cartoon Character Tutorials « fbguide.info

    September 10, 2011

    [...] Spooner in which he shows off the ways to create a cool vector panda character in Adobe Illustrator.Making of:Lady Birds Insect using Adobe IllustratorAn easy-to-follow tutorial which teaches how to create a detailed lady birds insect,by using Adobe [...]

  67. 30 Wonderful Character Design | illustrator Radar

    December 01, 2011

    [...] Create Lady Birds Insect Tutorial Using Adobe Illustrator [...]

  68. 30 Best Illustrator Tutorials for Graphic Designer | 1step web design: Best for developer and designer

    January 06, 2012

    [...] Lady Birds Insect Tutorial [...]

Add a Comment

Please note that comments are moderated. Please avoid to: link dropping, keywords or domains/URL as names. Kindly do not spam, and do not advertise!