Draw a Seahorse! Make her Swirl! Have a great Friday!

Easy steps to Seahorse land…

  1.  Use Microsoft Paint or another free Paint editor to draw a Seahorse.  If you’re using my seahorse, great! Just split-screen your windows and copy. I used the Curved Line tool for the outline and then the Fill Bucket for the pink body.  Polka-dots and spray can for colors.

 

2.  Save your Seahorse to your Desktop to find it easily in a second.

3. Open www.Codepen.io and go to this link https://codepen.io/hudsoncomputer/pen/ZXOYpr

4. Fork this pen for yourself and play with code.  Code below if you want to use another code editor or Notepad.

5. Can you make the Seahorses swirl or rotate faster?

Swirling Seahorses

6.  Code for swirling seahorses.  Have fun!

<!DOCTYPE html>
<html>
<head>
<style>
body{
background:url(“https://s3-us-west-2.amazonaws.com/s.cdpn.io/272446/rainbow%20background2.jpg”);
background-size: cover;
background-repeat: no-repeat;
color: #3BB9FF;
}
a {
color: #43BFC7;
}
a:hover{
color: white;
}

#shark1 {
width: 2000px;
height: 2000px;
animation: swim 12s infinite;

}

@keyframes swim {
to {background: url(“https://s3-us-west-2.amazonaws.com/s.cdpn.io/272446/imageedit_1_5456729698.gif”); background-size: 5px 5px; }
from {background: url(“https://s3-us-west-2.amazonaws.com/s.cdpn.io/272446/imageedit_1_5456729698.gif”); background-size: 775px 775px; transform: rotate(180deg); }
}

</style>
</head>
<body>
<h1> Seahorses! </h1>
<h2> <a href=”https://www.digitalanimationforkids.com”>Learn to draw seahorses and everything else under the sun.</a></h2>
<div id=”shark1″>
</div>
</body>
</html>

 

Simple Animation Directions

Do you know how to write HTML and draw cartoon images?  If yes, I found the simplest code ever for frame animation!

Use this code with 6 different sprite poses moving from left to right.

<!DOCTYPE html>
<html>
<head>
<style>
#orangefish  {
background: url(“images/orange fish.png”);
width: 1800px;
height: 500px;
animation: walk-east 2.5s steps(6) infinite;
}
@keyframes walk-east {
from {background-position: 0px;}
to {background-position: -1800px;}
}
</style>
</head>
<body>
<div id=”orangefish”> </div>);
</body>
</html>

 

50 Facts about Harry Potter!

Easy way to draw Nagini!

We have 2 new ways to see the instructions.

Click on the Gallery pictures to see each drawing closer.

Our usual step-by-step directions are down is below.  Have fun!

 

Step 1.  Open Paint or another drawing tool online.  Draw 4 circles.

Step 2.  Draw 2 long curved lines as the snake’s neck connected to the head circle at the top of the body

Step 3. Draw a large circle to the left of the snake.

Step 4.  Draw a small circle to the left of the snake’s neck and a long flat circle to the right and in the back of the snake.  This will be more of his tail.

Step 5. Draw a Curved Line connecting the snakes tail.

Step 6.  I love using the Eraser! Start erasing around the snake’s tail.

Step 7.  Make a little curve at the top of the snake’s tail.  Next, draw curved lines around the left circle of the tail.

Step 8.  Erase and all extra lines.  Add 3 little lines to the end of the snake’s tail.

Step 9.  Add 2 curved lines for the snake’s tongue.  Add 1 curved line for the top of his mouth.

Step 10.  Erase extra line in mouth to make the mouth open.  Make 2 fangs downward.  

Step 11.  Make 1 circle for the snake’s eye.  Make the another curved line tongue on top of the first.  Connect the back of the cheek.

Step 12.  Coloring!

Step 13.  Draw a light green line down the snake’s neck to color one half of the snake light green and the other half dark green.

Step 14.  The arrows here show where to add black to make the snake more realistic looking.

Step 15. The arrows here show where to add light green again to make Nagini look a little more realistic.

Step 16.  Save your snake by going to File, Save as, Snake 1.png or jpg or gif.  I like saving to my Desktop to find the picture more easily later.

Wands and Wizards

We love Wizards and Wands!

Register for our class at CVCC this summer for many magical creatures adventures.  Steps to draw your own Wizard below.

The top 3 greatest wizards of all times?

1) Merlin (Arthurian Myth and Legend)

Wow! Everyone has heard of Merlin! I think he started his career in fairy tales like the Sword in the Stone and he continues today in many tales and media. He is one of the most reproduced characters of all time. 

2) Gandalf (The Lord of the Rings, The Hobbit)

Reminds me of Merlin, Gandalf is J. R. R. Tolkien’s Middle-Earth wizarding expert.  He doesn't work miracles, instead he's a fighting wizard with a staff and lots of sage advice.

3) Albus Dumbledore (Harry Potter Books)

Dumbledore doesn't disappoint! If you're looking for a wizard that is casting spells with a wand, look no further than Albus Dumbledore.  He has a wondrous office with loads of cool instruments, a phoenix, and spell props everywhere.  He makes the greatest effects onscreen and he's loveable!

Draw your own Wizard with our simple steps!

1. The hat.  The Wizard is hat is so important. Pointy and slouchy is how I like to draw it.  Tips: The thicker the black lines the better.  Go over and over black lines with more black lines.

2. The face outline.  Use the Straight Line tool to make the face and mustache.  Use the Paint Brush to make his hair. Tips: The Curved Line tool may be hard to use at first, but keep practicing.  Go over and over your black lines to make a thick outline.

3. Use the Circle tool to make the top of the Wizard's staff.  Draw the staff's long shaft with the Paint Brush tool.  Tips: The staff is old, wooden and has lots of bumps and knots so don't use the Straight Line tool.

4. Draw a big long beard.  Tips: Use Paint Brush and go over and over the beard to make it bumpy.

5. Draw a long circle shape for his hand and then draw a larger circle shape for his arm.  Finally, draw two long lines downward and connect them at the bottom for his robes. Tips: You can use the Straight Line tool.

6. Make a skirt for the bottom of his robes. Tips: Use your Straight Line tool.

7. With the Paint Brush tool, make a square shape for the Wizard's elbow and a belt and lines for the Wizard's chest.

8. Make a couple more lines for the bottom of the Wizard's robes and then two feet poking out of the bottom with triangles.

9.  Make a small triangle and then a bigger rectangle for the Wizard's sleeve.

10.  Make a bigger half Circle for the Wizard's bottom sleeve with a couple of lines that will make his robes look more realistic.

11.  Make the Wizard's hand.  Tips: Make a Straight line and then the letter C.  Connect with Paint Brush strokes and just 1 line representing his fingers.

12.  Draw the rest of the Wizard's staff with the Paint Brush tool. Tips: the Wizard's staff is bumpy and very old.  It's seen many battles and should be bumpy and uneven.

13.  Draw the Wizard's hand clutching the top of the staff.  Make a C shape and add just 3 lines for his fingers.

14.  Start coloring! Using the Fill bucket, color the top of the staff Yellow and the Wizard's hat blue.  Dark grey fills his hair and light grey for his beard.

15.  Grey blue for his robes and dark brown for his staff.  A different shade of blue for the front of his hat makes it look more realistic.

16.

17.

More tutorials?

Want more Wizard tutorials?  Here's simple directions for an evil looking wizard. Enjoy!

How to Draw a Storm Trooper

Come to our Storm Trooper camp at Cuyahoga Valley Career Center  or schedule your Star Wars Digital Animation Camp today.

How to draw a Storm Trooper.

  1. Open Microsoft Paint or another Paint tool like Sketchbook.

2. Split Screen Microsoft Paint and this webpage to see steps clearly.

3. Vest

  • Draw 2 curved lines for the top of the uniform.
  • Draw 2 curved lines for the arms to stick out.
  • Draw 1 curved line for his utility belt.
  • Tips: I like to draw very thick lines over and over again to make the outline bold and it helps the Trooper look like he’s moving better.

4. Belt

  • Use the Fill bucket to turn the previous lines black.
  • Draw  1 curved line up to meet the vest.
  • Draw 1 line in the middle.
  • Draw 2 lines for sides.

5. Leg 1

  • Use the Fill bucket to turn the previous lines black.
  • Draw a small rectangle at the top of the leg to hold ammo.
  • Draw big Curved lines for the Trooper’s leg armor.
  • Draw 2 lines for the knee.
  • Draw 1 block for the foot.

6. Leg 2

  • Use the Fill bucket to color the finished leg black.
  • Using the same basic curved lines, draw long lines for the first half of the leg and then shorter lines for the bottom.
  • Draw this knee is slightly bent.
  • Tips: Remember, go over and over the lines to make the outline thick.

7.  Belt

  • Use the Fill bucket to turn the second leg black.
  • Add the rest of his bottom and some accent lines with your Paint Brush tool for his utility belt and knee.

 

8.  Shoulders, arms, and hands

  • Draw 3 Circles for his shoulder and 2 hands.
  • Make Curved lines connecting the hands, arms, and shoulders.

9.  Gun

  • Fill in the arms and shoulders with Black
  • Draw 1 small rectangle at the top of the gun scope.
  • Draw 1 long line for gun outline.
  • Draw 3 small lines for the gun barrel and trigger.
  • Draw 3 small lines for the handle.
  • Draw 2 small lines for the Trooper’s fingers.

10.  Shoulders and hands

  • Fill in the gun and fingers with black
  • Add more curved lines around the shoulders, elbow and hand.

11.  Body

  • Color all the lines with black.
  • Add more lines for a thick outline.
  • Use the eraser tool to make some parts thinner inside the body armor.
  • Save your picture to your Desktop to find it easily later.  Go to File, Save as, Trooper 1.png.

 

How to draw the Storm Trooper helmet.

1. Helmet

  • Open a new Paint file.
  • Use the Curved line tool or Paint brush tool and make the letter C facing downward.

2. Ears

  • Add the letter C for the helmet’s ears on either side of the helmet.
  • Tips: The helmet is NOT symmetrical because he’s looking to the side.  This makes him more realistic looking.  
  • Add a circle for his mouth piece.

3.  Bottom of helmet

  • Color previous pieces black
  • Add connecting pieces from his ears to his mouthpiece.  Make lines in shape of backward letter J.

4. Eyes, nose, neck

  • Draw wide letter U for his eyes.  They don’t have to be the same shape.
  • Draw 1 upside down wide letter C for his nose piece.
  • Draw another upside down wide letter C for his nose piece to connect to.
  • Draw 3 lines for his neck using the Curved Line tool or the Paint Brush tool.

5. Forehead

  • Color previous lines black.
  • Draw 2 Curved lines for his forehead.

6. Accent lines

  • Add 1 accent line over the Troopers nose.
  • Add 2 crooked accents lines over his cheeks.

7. Helmet

  • Use the Eraser tool to erase some of the outline of the helmet to make it thinner in some parts of the helmet.  You choose where to erase.  I like to leave thicker lines around the corners of the helmet.
  • Add 2 Circles at the end of your cheek accent lines.

8. Turn all lines black and go to File, Save as Helmet 1.png on your Desktop so you can find it easily later.  Now, let’s add the helmet to the body.

  • Go to Select, Select all, Copy.
  • Go to File, Open, Trooper 1.png.
  • Paste the Helmet 1 onto the head.
  • Reconnect the lines.  Save as Trooper 1.png.  Yes, the file already exists and yes, you can just save it with a head.

Complete!

  • Save as Trooper 1.png.
  • Move the Storm Trooper into different poses and save each one as a separate file.
  • Open Movie Maker and Import pictures into Movie Maker.
  • Take the Duration of each picture down to .2 seconds so the pictures look as if they’re moving.
  • Add Title, credits, and captions and you have a moving Storm Trooper animation!
Trooper 1.png
Trooper 2.png He has moved his gun closer to his body.
Trooper 3.png. He has moved his leg and his vest is shaded.
Trooper 4.png. We are in the process of redrawing his legs, arms, and shading him differently.
Trooper 5.png. We have Flipped Horizontally this Trooper and he’s now searching for something beyond this hill.

Here’s another great how to draw Storm Trooper video:

More helmet pictures from the original Star Wars movie:

 

 

Drawing Rapunzel

Disney’s Tangled Rapunzel is here! Schedule a Princess Workshop.

Disney Princess Rapunzel is fun to draw!

I started with Step 3, try using your Stylus, a light Pencil line, and redraw your lines over and over.  Don’t try to be too perfect.  I use Microsoft Paint to draw my characters.  I redraw them with a hand up or in a different scene and then put them into Microsoft Movie Maker to make them come alive.

Here are some great examples of Rapunzel in action shots.

 

This a homemade video using the pictures above and Microsoft Movie Maker.  Follow these steps and you can create your own Tangled movie too!

Great Rapunzel Video Drawing

One last video:

How to Draw Rapunzel Cute and Easy

Boss Baby is coming!

Do you draw like a Boss?

Schedule your Boss Baby Workshop for 3 hrs. of digital animation fun!

Make a Boss Baby animation!

  1. Open Ms Paint or another Paint Editor and follow the steps below to draw Boss Baby.
  2. After you draw his outline, color him in using your Fill Bucket.
  3. Save the first Boss Baby with no color in the background as BossBaby1.jpg or other picture file to your Desktop.
  4. Using your Fill Bucket, color the other backgrounds Red, Orange, Green, Blue, and Purple, saving each one as a simple file. You will have about 6 files of different BossBaby.
  5. Open Microsoft Movie Maker and Import your pictures.
  6. Speed up the Duration of your picture files to .2 seconds each.
  7. Save as a Movie file and share online!

Now that you have some files to work with, open Microsoft Paint.

 

 

Digital Animation Minions Workshop

Schedule your workshop to draw & animate Minions!

I can’t wait to see Despicable Me 3!  Check out our Minion drawing and animation tips below…

  • Easy Minion animation ideas.
  • How to draw a Minion step by step.
  • Minion links.

Two Minions

How to Draw a Minion:

  

Steps for an easy digital animation:

  1. Draw your Minion online using MS Paint or SketchBook
  2. Save your file as Minion1.jpg or Minion1.gif or Minion1.png to your Desktop.
  3. Use the Fill tool to fill in the background color with Red or Orange.  Save as Minion2.
  4. Next, use the Fill tool again to change your background color to Green or Yellow, save as Minion3.
  5. Keep making little changes and saving as a new file.
  6. When you have at least 5 files, Import your Files into a movie editor, like Microsoft Movie Maker.
  7. Speed up the Duration in the Edit tab to .3 seconds.
  8. Save as a movie file and publish to social media.