{"id":955,"date":"2011-09-07T22:35:43","date_gmt":"2011-09-08T05:35:43","guid":{"rendered":"http:\/\/eloine.com\/blog\/?p=955"},"modified":"2016-07-15T17:35:01","modified_gmt":"2016-07-16T00:35:01","slug":"how-to-draw-a-cute-ladybug-in-photoshop","status":"publish","type":"post","link":"https:\/\/eloine.com\/blog\/archives\/955","title":{"rendered":"How to draw a cute ladybug in Photoshop"},"content":{"rendered":"

 <\/p>\n

Step by step<\/h1>\n

\"Ladybug\"<\/a>When drawing from scratch I usually \u00a0draw my little cartoons with a combination of Adobe Illustrator and Photoshop but I decided to not stick with what was familiar to me and try to do the whole drawing in just photoshop. I used mostly used shape layers tracing a drawing that I sketched out on paper. I will show you below the steps from inspiration to completion on how to create this bug on the right. Hopefully you can take these steps and create your own cute little creature using these techniques.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n

\"\"<\/a>
Sketching the idea<\/figcaption><\/figure><\/td>\n
\n

Step 1<\/h1>\n

I still have trouble drawing on screen. There is nothing wrong with it if you can do it but I like to rough out an idea on paper and then scan or take a photo of the basic idea using that as a reference.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Use elipse tool to draw the body<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 2<\/h1>\n

After you have imported the image select the Ellipse tool or press the U key and make a circle for the body. This will be the most bottom layer above the layer that is being traced.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Use anchors to pull the shape out<\/figcaption><\/figure><\/td>\n
\n

Step 3 \"\"<\/a><\/h1>\n

Not that this is not a scientific drawing but a lady bug body isn’t perfectly round so to give it some identity I used my Direct Selection Tool (A) to click the path of the circle and this revealed the anchor point with the various handle bars. I could then stretch them to reshape the bottom of the bug.<\/p>\n

In addition I clicked on layers style icon at the bottom of the layers palette to bring up the gradient overlay. I thought a dark brown to black radial blend would give it an illusion of depth by giving it a slight shadow under the area where the wings will be.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Use the pen took to create a shape layer<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 4<\/h1>\n

Next I selected the pen tool and made sure that a new shape layer was selected versus the paths. Then I traced the outline of the drawing for the first wing noting that one wing would overlap the other. After creating the initial curves I can then click on each anchor point and adjust the curve by rotating the control bars associated with the anchor points as mentioned in step three.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
click on layer effect to add both inner and outer shadow<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 5<\/h1>\n

I can now apply a layer FX by selecting a slight inner shadow where the wing curves and a drop shadow where the wing rests on the body.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Make one wing overlap the other<\/figcaption><\/figure><\/td>\n
\n

Step 6<\/h1>\n

Draw the second wing the same as above and then position it underneath the left wing so that one shadow appears to overlap the other.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Make each shape and group them together<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 7<\/h1>\n

I traced the shape of one foot with the pen tool and then duplicated and stretched each foot by hitting the transform tool to match the drawing. This will make 6 duplicate layers so it’s best to group them all in one folder called foot by clicking the folder icon at the bottom of the layers pallet.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Use the pen tool to create the legs<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 8<\/h1>\n

I created each angle of the leg by using the line tool in the shape block of the tool box. I could have joined each segment into one but I like to keep each section editable. Again I grouped these layers together as well.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Use elipse too to create the head and add a gradient overlay for the face shine<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 9<\/h1>\n

Using the ellipse too I matched the head shape and put it on the layer below the wing. I added a gray to black gradient overlay to the face so the smile would show and add a suggestion that light is coming up from the white ground below.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Draw a circle filled with gray for the eye shadow depth and stroke it<\/figcaption><\/figure><\/td>\n
\n

Step 10<\/h1>\n

Make a circle for the eye and fill with gray and a stroke of black. This will be the outer part of the eye.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Add two more elipse shapes with no stroke, one white and one black<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 11<\/h1>\n

Add a white circle slightly smaller and move it up so the outline is thicker on the bottom than on the top.<\/p>\n

Add a small dot for the pupil.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
Add the right eye and change the layer stack order. Draw a custom shape for the mouth.<\/figcaption><\/figure><\/td>\n
\n

Step 12<\/h1>\n

Duplicate layer with the outlined eye and shrink (transform) it a little to make it look like it’s further away and move the layer order to below the head.<\/p>\n

 <\/td>\n<\/tr>\n

\n

\"\"<\/a>
Combonation of the shape layer and layer mask to create a group of dots.<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 13<\/h1>\n

Add more circles for the dots on the bug with the elipse tool.<\/p>\n

For the dot that goes over the right edge I made a selection of the right wing and inverted the selection. Then applied it as a layer mask to visually cut off the edge of the dot. It’s still there if you get rid of the layer mask but hidden from view.<\/td>\n<\/tr>\n

\n

\"\"<\/a>
A little highlight and curly antenna and we are almost done!<\/figcaption><\/figure><\/td>\n
\n

\"\"<\/a><\/h1>\n

Step 14<\/h1>\n

Lastly a little shine suggestion with a shape of white at 50% transparency on top layer.<\/p>\n

\"\"<\/a><\/h1>\n

The curly antenna was drawn with the pen tool as a path and then stroked as a path.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Lastly I decided this would be a cute little accent for my RSS feeds as my follow me bug. I used the custom speech bubble shape and smooshed it around with the direct selection tool. The font I used is an old one called giddyup std<\/a>. I liked how it matched her little antenna!<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

  Step by step When drawing from scratch I usually \u00a0draw my little cartoons with a combination of Adobe Illustrator and Photoshop but I decided to not stick with what was familiar to me and try to do the whole drawing in just photoshop. I used mostly used shape layers tracing a drawing that I […]<\/p>\n","protected":false},"author":1,"featured_media":956,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,38,123,124],"tags":[113,111,112,107,108,115,109,114,110],"class_list":["post-955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-featured","category-tutorial","category-tutorials","tag-bug","tag-drawing","tag-lady","tag-ladybird","tag-ladybug","tag-layers","tag-photoshop","tag-shape","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/comments?post=955"}],"version-history":[{"count":35,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/955\/revisions"}],"predecessor-version":[{"id":3384,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/posts\/955\/revisions\/3384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/media\/956"}],"wp:attachment":[{"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/media?parent=955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/categories?post=955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eloine.com\/blog\/wp-json\/wp\/v2\/tags?post=955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}