How to Draw Animals: Snakes and Their Patterns

6 comments
What You'll Be Creating
Snakes are one of the most-drawn animals, if not the most drawn animal. They're considered to be very simple, with no legs or special muscles that need to be defined. There's only a head (without ears!) and a long tail—what can go wrong?
So, welcome to the perfect start into the world of animal drawing: a guide to drawing snakes! I'll show you how to draw both venomous and harmless snakes, and how to draw their scales and patterns realistically. We won't focus only on one species, but rather will look at the techniques you need to draw any part of any type of snake. Aafter going through this tutorial, you should be able to draw most varieties of snakes almost effortlessly.
Let's start with some basics about snakes' anatomy. We tend to see think of snakes as  made mostly of a long tail, but the truth is, the majority of a snake's body is actually a long chest.
snake basic anatomy
1—head, 2- chest, 3—tail
The outwardly harmless belief that a snake body is mostly made of a tail leads to entirely incorrect drawings of snakes. Even as one of the simplest animals, snake drawings still suffer from a too-cursory knowledge about their makeup. Instead of seeing them as a constantly tapered tail, it's better to imagine them as a string of beads—which confirms closer to the curved rib shape that actually makes up the snake's body. "Neck" beads are a bit narrower than "chest" ones", and then they get smaller and smaller, but not very rapidly. In contrast, if you think of a snake as just a long tail, you'll likely sharply taper its entire length.
Snake as a tail versus snake as beads
The differences in body tapering if you draw a snake as beads instead of just a tail
The length and width of the "neck" and "chest" segments depend on the species. Some will have no neck at all, while others are so slender the chest will not be noticeable. If you're drawing a snake without focusing on the species, you can experiment here. Remember—snakes don't need to be always perfectly slender, and sometimes they look fat and clumsy!
moving beads in snake body
The string of beads method makes it easier to draw snakes in motion
The "string of beads" method is very useful in creating 3D poses. If you have problems with imagining the sides, you can use cubes instead of balls.
3d bead snake body
Turning your bead snake body into a 3D drawing
You can make the 3D very easy to draw by adding more circles between those building the pose. This way you'll get a sense of volume, and the sides will be easier to define.
upright snake with bead body
full upright snake body
An upright snake body with the extra circles to give its body volume
What about snake's famous hoods, often seen in cobras? They're actually a snake's body, flattened by straightened ribs. That means the hood's width is dependent on the normal width of the body, and it can't be as wide as you may like it to be.
snake hood
A snake's hood drawn proportionally to its body
To create a believable pose, we need to know how snakes move. 
1. Serpentine movement - the classic movement of a snake. The animal use its strong body to push on terrain crimps (or just uses the terrain as a whole, if it's rough enough to create resistance).
serpentine movement
Serpentine movement

2. Concertina movement - the movement where the snake folds and expands regularly, like a concertina or accordion. Snakes use this method when climbing or coming through narrow tunnels.
Concertina movement
Concertina movement
3. Caterpillar movement - this movement works similarly to a vertical concertina movement. Slight horizontal concertina may occur as well during this movement.
Caterpillar movement
Caterpillar movement
4. Sidewinging movement - this method is very efficient on slippery or hot surfaces (like desert). The snake pushes itself with a swaying motion of the raised coils, which makes it move somewhat sideways.
Sidewinging movement
Sidewinging movement
I'm going to show you three views of the snake's head at the same time: side (1), front(2) and top (3). This way, you'll be able to easily compare them to understand this form in 3D.
Start with a flattened ball. In addition to the center line, there should also be a line placed at one third of the diameter.
circle for snake head
Draw a line in the center and at 1/3rd diameter height of the circle
We next need to define the jaws and cheeks. The arrows in the diagram below show you the flow of this shape.
Adding cheeks and jaws to the snake
Adding cheeks and jaws to the snake
Add another, bigger ball behind the main one. This way, we'll elongate the skull properly.
additional head ball
Add an additional ball to the head.
How much larger should this second ball be? Generally, venomous snakes have more triangular heads, with a clear neck endpoint, so you'll want a much larger second ball. Nonvenomous snakes typically have narrower heads so the second ball only needs to be a bit wider.
second ball
Vary the width of the second ball depending on the type of snake
You can now easily outline the contours.
adding snake head contours
Outline the snake head contours
The eyes are placed close to the narrower tip of the skull.
Now, smile! The snake's smile—or mouth, rather—should be wide and well defined. Add small nose holes appropriately as well.
snake mouth
Add the snake's mouth and nostrils
With all the guide lines, you can easily sketch the rest contours. Don't forget about a small hole between the lips that lets the tongue slip out without opening the mouth!
outlining snake face
Add the contours of the rest of the snake's head
If you're adding a bottom view to your snake, use the top view circles to create the bottom one, and just forget about the eyes and nose.
bottom of snake head
The bottom of the snake head retains generally the same shape
If simply redrawing the scales at random doesn't satisfy you and you want to remember rules about their placement, here's a few tips. Keep in mind that not all snakes are the same, and their scales may vary as well. What I'm showing you is a general pattern, especially common for nonvenomous species.
Let's start with the mainly vertical lines. There's one right under the eye, two on its sides, and three others near the nose. (Observe all the views to understand exactly what you're drawing, so you'll remember it more easily).
large scales 1
The general direction of the large head scales
large scales 2
The large head scales, outlined
Now, let's go horizontal. Draw a line from the nose to the eye, then split it into four new ones. The front of the head needs some little tweaks too. 
horizontal lines 1
The main horizontal scale lines
head horizontal 2
The main horizontal head scales, outlined
Now, back of the head. Right behind it regular scale rows begin.
direction of neck scales
The direction of neck scales
neck scales outlined
Neck scales outlined
The bottom view of the head needs a different treatment:
bottom scales
The standard scale outline on the bottom of a snake head
If you don't want to learn all these arrows by heart, here's a colorful scheme for you. Once again, keep in mind that every snake is different and you can modify these shapes accordingly.
snake scale color scheme
1—side, 2—front, 3—top, 4—bottom
Venomous snakes (and some nonvenomous snakes—pythons, in particular, have them very distinctively) can have heat-sensitive pits on their heads. You can treat them as big nose-holes made of scales. You can find them somewhere next to the nose, and in a row on the upper or lower lip (not necessarily everywhere at the same time, as shown below). They let the snake see the temperature (infrared light) to spot the warm body of its prey.
Venomous snakes have also smaller, tighter scales on their heads, similar to the ones on the rest of their body. They're easier to draw, since they're often quite chaotic. You can make the head less "smooth", with high nostrils and strong brows, to define the aggressive look of the snake.
heat-sensitive pits on snake head
Heat-sensitive pits on snake head
Time for some details. Generally, venomous snakes have slit pupils, while nonvenomous snakes have round pupils. Their eyes themselves are round, but can look sharper thanks to a "brow" scale. Use it for an evil look!
snake eye shapes
Nonvenomous, venomous, and brow-shaded venomous snake eyes
Snake eyes come in unbelievably great set of colors. Basically anything you can imagine will look good on your made-up species, as long as you stick to the round shape and proper pupil. 
snake eye colors
Be creative with your snake eye colors
Snakes have the most interesting jaws construction of any animal (except perhaps for the moray eel). Let's start slowly. First, the fangs (if present) need to be curved to inside, so that the snake doesn't bite itself (snakes are not actually immune to their own venom!). 
snake teeth
Make sure your snake's teeth are pointed inwards
Secondly, there is a bone between the upper and lower jaw, loosely connected to both of them. It gives the jaws a tremendous range of motion. Snakes with long and strongly curved fangs (like vipers) may be able to "retract" them—bend the tip of the mouth to point them straighter.
snake jawbone
Snake jaws can open very widely to point the fangs straighter
But that's not all: each jaw is split in two (connected by an elastic ligament), and each can move independently. Now it's obvious how snakes can swallow prey much larger than their head!
snake jaw motion
Snake jaws have a wide range of flexibility
Let's take a good look at a close-up of the head:
  1. Fangs - sharp as needles, often covered with a thick gum. Only venomous snakes have those!
  2. Venom duct - venom runs from its gland right through a hollow fang. Then it can be transferred into the prey's body during a bite. Some species are able to spit the venom through the fangs.
  3. Glottis—a hole that's part of respiratory system. It lets the snake breath when it's swallowing, and is also able to create the hissing sound.
  4. Tongue—it's long, slim (but not flat) and shiny. A snake use it to "lick" the air, so it's used as an additional sense. To process the "taste", the tongue must touch a special organ inside the mouth, hence the slipping in and out. The tip is forked to create two independent tips, each receiving a slightly different signal from its side (just like two eyes). The pose shown below is impossible, since the tongue slips out of its sheath only when the mouth is closed.
  5. Cheeks—these strong muscles manage the movement of the jaws. Draw them as they deserve, thick and solid.
snake head anatomy
Each of the sections of the snake head, as described above
Scales are where the simplicity of a snake ends. Now the brave artist must be patient and draw all the scales one by one, and then shade them the same way. No, I'm not going to show you some magic method to avoid the work—instead, I'll show you how not to waste this time by ending up with a flat pattern.
We already described and sketched the scale structure all around the head. Beyond that, quite regular and well-known scales occur in neat, orderly rows. The dorsal scales cover all the back and sides, while the remaining space is taken by ventral scales—wide, elongated plates covering all the belly, parallel along the body. They can be as wide as the body (covering whole belly's width) or narrower. If they're narrower, they may not be visible from the side.
snake body and belly scales
1—side, 2—bottom
Of course, there is a place where the belly ends and the tail starts. It's defined by the anal plate (colloquially speaking, a snake's butt). Here things go a bit different for a venomous (left) and nonvenomous (right) species:
  • venomous snakes have a single anal plate, and the scales under the tail are placed just behind it
  • nonvenomous snakes have the anal plate slipped, and then the other scales are divided too.
snake tail scales
1—belly, 2—anal plate, 3—undertail
Drawing the scales themselves isn't very hard, and you have probably seen the mini-tutorial in the image below. Cross some lines, them draw the scales between them—we've all been there. The problem is, this trick gives us very flat laying scales, so we need to modify it.
basic scales
The default way to criss-cross lines and turn them into scales
Here's the steps you need to make your scales contour to the snake's body and appear more life-like.
The trick is to bend the initial line a little, to an opposite direction at both halves. So, instead of drawing an oblique line, you just need to draw an elongated S (or integral symbol), and cross it with its mirrored reflection.
snake scales curve 1
Draw a shallow figure S instead of a straight line...
snake scales curve 2
...then cross it with its mirrored reflection
The other lines need to copy the bending. Simply repeat that shallow curved line pattern along the snake's body.
remaining curved lines
Continue the curved line pattern
If you draw the scales on the mesh now, you'll see they get smaller when closer to the edge, which gives them the receding look that a 3D snake body should have. That's all!
finished curved scales
Your scales now will have the correct curve
However, this method becomes quite problematic when it comes to curves on the snake's body. Here's a workaround for this problem. It may look confusing at first, but try to draw it and you'll see how it works:
  1. Draw the guides with the usual method on the straight parts
  2. Draw a set of parallel lines between the pink line from A and blue line from B
  3. Do the same between the blue line from A and pink line from B
  4. If you did it correctly, the scales should now follow the curve. The tightening of lines inside the curve should now appear natural.
scale curves on curved body
The steps to make the scales look correct on a curved snake 
Generally, there's two distinct types of scales—smooth (1) and keeled (carinate, 2). Smooth scales are shiny (but not wet) and usually rounder than keeled ones, which have a rough look and are sharper.
smooth and keeled scales
Smooth and keeled scales
There's a special kind of keeled scales, raised in a way that makes them look spiky.
spikey keeled scales
Smoother and spikey keeled scales
Scales aren't connected to each other, but to the skin only. Therefore, when the skin is stretched (3—when swallowing a big prey or even when moving), the scales move away from each other. Some less slender snakes may have the scales placed tightly on the head and neck (1), and down their body a bit of distance between them occurs (2).
scale placement
The varying distance between scales when tight (1), somewhat spread (2), and stretched (3)
Advertisement
Once you got the problem with scales sorted out, you can add colors to your snake. The variations of patterns are limitless! While most animals are dull colored for camouflage's sake, snakes proudly show their bodies to the world, announcing how dangerous they are—and that they're not worth messing with. You can finally use saturated, bright colors without going away from realism.
Here's the color patterns that work well.
This can be a base for a pattern or just a pattern on its own. Use any color you want for the whole body.
plain color
A basic plain color can work nicely
The variation of this pattern is to blend it softly with other colors. You can make the head darker, or the belly lighter, whatever you want.
blended plain color
Blend two or more colors softly for a nice color effect
Rings go around the body. They can be plain or multiply colored (stripes with borders).
snake rings
Straight rings appear as bands
Crossbands are a variation of rings. They go around the body too, but without crossing the belly.
snake crossbands
Crossbands include multiple colors
These are small patches of color on individual scales. 
snake speckles
Speckles give snakes a more camouflaged look
They run along the length the body, straight and regularly.
snake stripes
Stripes run along the length of the body
These can be very irregular, of various sizes, placed randomly across the body.
snake blotches
Blotches give you even more room for variation...
Almost every pattern allows a variation of contrasting borders to be added to it.
blotch boarders
...with borders, shapes, and sizes to play with
These are diamond-shaped blotches, placed regularly, with contrasting borders.
snake diamond patterns
Snake diamonds should app have a regular size
Today we've learned that snakes aren't as easy to draw as one may think. These beautiful animals, so often feared and hated by people, deserve some love! Take a break from drawing cute kittens and puppies, and draw a snake from time to time. Eating a puppy.
Good luck!

Read More »

Create Your Own Web Apps With Stamplay

0 comments

step-by-step process on creating apps.

Stamplay can be used to make web apps that integrate with services like Facebook, Google, Dropbox, and loads of other apps. This is nice because, when using Stamplay, you don't have to go out and find the APIs for each respective service—you just drag it in.
In this tutorial, I'll show you how you can create your first social network powered app, from scratch, using Stamplay.
Creating a new web app from the home screen.
To start, head over to Stamplay's website and create an account by clicking on the green Start Now button that's located towards the center of the screen. You can then sign up for an account using either your email address or your Google Account.
Choosing a name for your new app.
You'll now be brought to your app library. You can use this page to both view your old apps as well as start the creation of new apps. To create a new app, look towards the upper right-hand corner of the screen and click on the blue Create app button. A pop-up window will then appear asking you to name your new app. After confirming your app's name, you'll be brought to the Components page.
In the components page, you can choose how you'd like your user to interact with your new web app. For this example, I'm going to create an application that lets a user sign-in with Facebook, fill out a simple form, and have an email sent to their inbox.
Selecting a sign up service for your app. 
To start, click on the blue User button from the top of the window. To add Facebook login to your app, click the blue Add button from the right-hand side of the window; a popup window will appear asking you to choose a login service. For this tutorial, I'll be selecting the Facebook option.
Adding components to your web app in Stamplay.
You'll now be asked to provide an App ID and App secret. These can be acquired on Facebook's devleoper page and are used to identify your app with Facebook's servers.
Now, click the blue plus button that's located to the right of the user logo. You'll now be able to add more components to your app. Since we want to send an email to our users, click on the email option. Then, click the plus button again to be brought to the selection screen again. This time, click the form button.
Creating fields for your form.
Look towards the center of the screen, you'll be able to set up your form by giving it a name and adding fields. To add fields, look to the bottom of the window under the Fields header. Use the Field Name text box to give your field a name. To the right of this text box you'll find a drop-down menu that asks what type of field you'd like to add.
For this tutorial, I'm going to be using the form to ask users what smartphone operating system they use. To do this, I'll have the user check what phone they use, so I'm going to choose radio button from the drop-down menu.
You'll now be be brought to a menu that lets you input your form's options. In the case of radio buttons, you can add your button names to the list. For my form, I'll be adding the names of smartphone operating systems to the list.
If you'd like to make a part of your form required, make sure you turn the required on/off switch to the on position. To add multiple forms to your app, click the + Add Form button from the top of the window.
Configuring the email that will be sent to your app's users. 
Now that you've created your form, it's time to use the Tasks tab to configure the email we're going to send to our user. Click into the Tasks button from the side-bar. Then, look towards the upper right-hand corner of the window and click the New Task button.
Configuring a task in Stamplay
You can now choose your trigger component and action component. Your trigger component is what triggers the action component to do something. Underneath each component, you can choose how said component will be triggered. For example, you can set your trigger component as your user and have it trigger the action component when it signs into Facebook.
For this example, I'm going to set the trigger component to the user and the action component to email. Additionally, I'm going to make it so when the user signs into the app, an email is sent to their inbox.
Filtering who your app sends an email to. 
Click the blue continue button and you'll find a header labeled Tune User. You can use this section to finely tune the User trigger, for example, if you'd only like the email sent to the user if their email ends with Gmail accounts, you can do this by clicking the Add filter button and choosing email from the Select a Property drop-down and (Text) Ends with from the drop-down menu. You can then type "@gmail.com" into the condition box and click the blue plus button to add this filter to your app.
Configuring the email that will be sent to your app's users. 

You'll now be prompted to setup your email options. Look towards the right-hand side of the window under the login trigger data header--you'll notice quite a few options. These options are information collected about your user in the Facebook sign-in process. To use this information in your form, just click into a text box and then click on its respective piece of information from the right-hand side of the window. 
You can also manually type information into your email as well, something you'll want to do for your return email address and email body. Once you're done setting up your email, click the Create Task button that is located towards the bottom of the menu.
Now that you've created your tasks, it's time to build your app's front-end. To do this, click into the Layout tab from the sidebar and look towards the upper right-hand corner of the window. Click on the button labeled Change theme.
Choosing a new theme for your app.
From the theme selection window, take a look at each of the included themes. When you find one you like, hover over the theme and click on the View Demo button to preview the theme. If you decide you like your new theme, click the Install Theme button.
Now, look to the left-hand side of the window and click on the pages drop-down menu. You will now be shown all of the HTML files that make up your web app. If you'd like to add content to your app, you can edit the HTML files to do so.
In this article, I'm using the standard Stamplay theme and have edited the home-page (index.html) to remove sample text.
Copying Facebook login div tags. 
Now it's time to start edit the front-end of our web app to display the Facebook log-in button to the home-page. To do this, look to the left-hand side of the Stamplay window and click on the drop-down menu labeled widgets. Then, click the auth.login.hbs.html button and look towards the center of the page.
Look towards the center of the Stamplay window at the HTML document. Scan this document until you find a line that starts with Facebook Login and copy it. Then, open index.html document from under the pages drop-down menu.
From the index.html page, create a new <p> tag, paste the Facebook Login code, and close the <p> tag (</p>). Now, look towards the upper-right-hand corner of the Stamplay window and click the Go To App button. Your web app will now appear in a new tab.
Copying Facebook login div tags. 
From your app, click the new Login button and login with your Facebook account. You should then see your Facebook name and profile picture at the upper-right-hand-corner of the app. Additionally, check the email account associated with your Facebook account, if configured properly, you'll notice that the email we setup earlier has landed in your inbox.
Adding the form div tags to your app.
Remember the form we created earlier? It's time to add that to the front end. To do this, click into the widgets drop-down menu and click the form.display.hbs.html button to be brought to your form's HTML code. Look towards the top of the menu and copy-and-paste the first div tag your the index.html document.
However, we're not quite done yet. If you look towards the end of the tag, you'll see an area to input your form's ID that was set when creating your table. If you're unsure of your table ID, you can view it by clicking on the table button in the components tab and looking towards the center of the window.
Now that your app is ready to go, test it by opening it in a new tab. You can retrieve your application's URL by clicking into the Settings tab on the left-hand sidebar and looking under the Domains header. Copy and paste this URL into a new tab and give it a whirl!
Advertisement
Once your app is live, you can go to the Admin tab to view responses to your form. Click into the tab and, from the drop-down menu, click the Form button. From the center of the window you can view resposnes to your form and the email addresses provided by the user's Facebook account. Additionally, if you click the Users button, you can view the name and email of every user that's used your app.
You can now use Stamplay to make simple web apps to interact with your users and customers. In the comments, link us to your new web app—or let us know if you need any help using Stamplay!

Read More »