RSS

Create Lady Birds Insect Tutorial Using Adobe Illustrator

Mon, Jan 25, 2010

Freebies, Illustrate

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.

Ilie Ciorba
View all posts by Ilie Ciorba
Ilie Ciorbas website
  • Delicious
Share for other World:
  • Digg
  • del.icio.us
  • TwitThis
  • Facebook
  • StumbleUpon
  • Technorati
  • Reddit
  • MySpace
  • Mixx
  • LinkedIn
  • Google Bookmarks
  • Yahoo! Buzz
  • DZone
  • Propeller
  • Design Float
  • Diigo
  • Live
  • Netvibes

Related posts:

  1. Create a Penguins Illustration Tutorial for Global Warming Cause Global Warming is one of the biggest problems of...
  2. Valentine’s Day Themed Pattern Tutorial Using Adobe Illustrator Saint Valentine’s Day is coming, soon millions of will...
  3. Create an Famous Blog Logo Through Photoshop Tutorial Today we’re trying to present an short way for...
  4. How To Create Floral Theme Typography Using Photoshop and Illustrator Few weeks ago I stumbled on a very beautiful...
  5. How To Draw A Realistic Pencil and Break It Apart In this Photoshop tutorial, we will draw realistic pencils...

Related posts brought to you by Yet Another Related Posts Plugin.

, , , ,

This post was written by:

Ilie Ciorba - who has written 3 posts on Tutorial Lounge.


Contact the author

9 Comments For This Post

  1. Inside the Webb Says:

    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. Hermitbiker Says:

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

  3. Peter Pap Says:

    Nice Tut, thanks for sharing…Cheers Peter

  4. Marcoverga Says:

    Very nice tutorial!

  5. Designebookcover Says:

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

  6. Sniper The End Says:

    Thank you, it is so much illustrative.

    Muchas gracias desde México.

  7. ardhan Says:

    woow, cool, maybe i can try it soon

  8. ranggaw0636 Says:

    Thanks for this tutorial, better bookmark it first

  9. ilham Says:

    i will try it, thanks

47 Trackbacks For This Post

  1. Servefault.com Says:

    Create Lady Birds Insect Tutorial Using Adobe Illustrator…

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

  2. tripwire magazine | tripwire magazine Says:

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

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

    [...] 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 [...]

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

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

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

    [...] 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 [...]

  6. Create Lady Birds Insect Tutorial Using Adobe Illustrator | Making money thru online Says:

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

  7. Vectips Monthly Roundup: January 2010 | Programming Blog Says:

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

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

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

  9. Alexandra Ipate - Web design resources » Blog Archive » High Quality Adobe Illustrator Tutorials Says:

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

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

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

  11. Vector Tutorial Round Up Says:

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

  12. 100 Fresh New Photoshop And Illustrator Tutorials | Creative Nerds Says:

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

  13. 100 Fresh New Photoshop And Illustrator Tutorials | Programming Blog Says:

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

  14. 33 adet kaliteli Illustrator dersi | webrafik.net Says:

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

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

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

  16. Awesome Vector Tutorials | The New Drop Says:

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

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

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

  18. VECTORTUTS Updates « Petergraphics Weblog Says:

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

  19. Kye Cha − VECTORTUTS Updates Says:

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

  20. VECTORTUTS Updates | Kye Ting's Blog Says:

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

  21. 48 Extremely Helpful Vector Tutorials | Junkiee.Net Says:

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

  22. 100 Fresh New Photoshop And Illustrator Tutorials From 2010 « HUE Designer Says:

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

  23. 40 Detailed Drawing Tutorials for Illustrator - Speckyboy Design Magazine Says:

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

  24. 40 Detailed Drawing Tutorials for Adobe Illustrator - Programming Blog Says:

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

  25. 40 Detailed Drawing Tutorials for Adobe Illustrator | Yooxe Says:

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

  26. 40 Detailed Drawing Tutorials for Adobe Illustrator | Web Development News Says:

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

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

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

  28. Adobe Illustrator Drawing Tutorial Collections | Design | Web Risorsa | A Web Resource Abode Says:

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

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

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

  30. 60 character illustration tutorials | T-shirt Factory Blog Says:

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

  31. 30 Küsür Tane Vektör(Vectors) « SistemBlog Says:

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

  32. 40 Illustrator Tutorials created in 2010 | AcrisDesign Says:

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

  33. 30 frische Adobe Illustrator-Tutorials | print24 Blog Says:

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

  34. 40 Best Detailed Drawing Tutorials for Adobe Illustrator | AMC Says:

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

  35. Tutoriales de Illustrator: Novedades de 20102010 Says:

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

  36. 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 Says:

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

  37. 30 brand-new Adobe Illustrator tutorials | print24 Blog Says:

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

  38. 70+ Excellent Fresh Adobe Illustrator Tutorials | Tutorials | instantShift Says:

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

  39. 70+ Excellent Fresh Adobe Illustrator Tutorials - Programming Blog Says:

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

  40. TG Developer » 70+ Excellent Fresh Adobe Illustrator Tutorials Says:

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

  41. DIY: Adobe Illustration | 7thStrike Says:

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

  42. Drawing Animals – 30 Great Illustrator Tutorials | Designer77 Says:

    [...] Ladybug [...]

  43. 60 Cartoon Character Illustration Tutorials | Drawing Cartoon Characters Says:

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

  44. 35+ Best Web Abode illustrator Tutorials - Wsblogz.com – Web design magazine Says:

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

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

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

  46. 50 Most Creative Character Illustration Tutorials Says:

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

  47. 50 Most Creative Character Illustration Tutorials | Programming Blog Says:

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

Leave a Reply