|
|
body {background-color:#333333;} a.nav { /display:block;color:#FFFFFF;font:40px arial;letter-spacing:-2px;padding:1px;text-align:center;border-left:5px solid #000000;border-right:5px solid #000000;text-decoration:none;width:50%;height:50%;font:20px;} a.nav:hover {background-color:#333333;color:#fff;letter-spacing:1px;width:60%;height:60%;;} h3 {font:20px georgia;color:#000000;font-style:italic;padding:2px;} #d {left:0px;top:0px;width:100%;} .d, .k {;padding:5px;} .d {height:10px;background-color:#FFFFFF;color:#000000;} .k {font:30px arial;text-transform:uppercase;letter-spacing:-3px;background-color:#FFFFFF;text-align:center;color:#000000;width:500px;} .o, .p {font:12px tahoma;} .o {background-color:#FFFFFF;color:#00000;padding:5px;text-align:left;} .p {background-color:#FFFFFF;color:#00000;padding:5px;text-align:left;} />
LessonsEasy: Simple People Easy: Simple People II Easy: Simple Pets Easy: Your Page
Other Tutorials
Updates1/29/09 - Re-did the whole page!2/21/09 - C~Bass sudmited me into a contest. I think he put me under "Graphics".Vote for me? 2/29/09-3/01/09 - I made a new guide, Simple people II! 3/01/09 - I added more Random Objects for you guys to play with. 3/07/09 - Hands are really hard to draw, so I've uploaded a few to the Random Objects section for anyone brave enough to try. 3/09/09 - I won third place in the Golden Neopian! Thank you every one who voted! 3/14/09 - I started a new section for "Really Impressive Art" Basically you'll be able to use for things like the BC and banner. Remember in the section "Your Page" I tell you to make your own banner? Well I'm finally telling you how! (Took long enough) 4/14/09 - I added some speach bubbles to the random object section, I've also started some plans to renovate this side bar.
Awards:
|
Before you Start, an Introduction to the World of Screenie ArtWelcome! Although this is called 'screenie' art help you can use this anywhere to decorate or narrate WebPages. Who knows? Maybe I'm talking to the next big comic artist for the Neopian Times. I will try to keep things simple. But explaining and re-explaining how to use MS Paint is really annoying. If you can't figure out how to use a tool it might be because I already explained it earlier on the page. But if you are stuck you can neomail me. But try it first please, for my sanity.WARNING! This is how to make screenie and other art NOT how to make a screenie. To learn that you can go to several other places like here or if you need more help you can look here. I had a poll on the boards for a while to see how people could get higher ratings. People said that they were more interested in screenies with funny characters. But they give lower rates if the characters are poorly drawn. So if you can't draw at all you should stick with text. But if you have even minimal skill you should try some characters. Also you are more likely to get people to read you screenies later in the day. Early in the day you come the more likely someone will yell spammer. And when ever I ask or make a board on it people say that asking people to rate your screenies is fine.
Did you do you Screenies all on MS?If you did all your screenie art in 100% MS Paint then you can have my award. Why? Because I have taken some computer art classes in school, and you know what I learned? MS Paint bombs. It's a terrible way to learn how to make screenies, but most of use can't afford to just go out and buy Photoshop can we? So if you are like me and are forced to do your screenies on MS Paint then you have won. If you choose to do you're screenies this way you're an idiot, but you still win. You can get the code below.Your award for doing your screenies in MS Paint:
![]() All the tools, an OverviewHello my friends, I am back. I noticed that my stick figure section was missing parts and thought that I might replace it… but I have a problem. After five months of cushy Photoshop and Illustrator classes in school I completely forgot how to use my old-school MS Paint! Oppose. Well here I will re-teach myself and maybe you can pick up on a few new tricks. ![]() The first thing I needed to do is remember what all the tools do. I will go in order from top left to bottom right. If you already know how to use a tool you can skip around but for the next sections you should read the Curve Tool and the Polygon Tool. Remember, if you make a mistake then go to edit, then undo. You can only undo three times in a row. Free Form Select This tool may look odd but its very use full. This tool lets you cut-out part of your drawing and move it to another part of your drawing. The part that you cut-out will be on top. (If you want to fallow along with me you will need to draw a large black shape and then a small gray shape.) First select the tool, then hold down the right mouse button and draw a circle around the small gray shape. When you release the button a square will appear around your shape. Click and drag the gray shape into the big black shape. You will see that any background color you circled will move with the shape. To remove the background color look below the tools where two new option will have appeared. These options appear everything you select the tool. Click the second option. The background color should disappear. Now you can click anywhere else on the screen to select a new piece or you can select a new tool. If you didn't click the second option before releasing your object then you can't go back and fix it. ![]() Select This is almost exactly the same tool as above. The only difference is that you can only select a square. This is a lot faster but not as accurate. Eraser Hum, I wonder what this could do? You guessed it, this tool erases. But what you erased might not turn back to white. For example if you have a blue background color then the eraser will be blue. What to know what your background color is? You can change it by left-clicking a color form your palate. Fill with Color I always call this one the paint bucket tool. And I think you know how it works too. If you draw a shape you can use the paint bucket to fill it in, or change the background color. You have to be careful that when you use it the shape you drew is completely closed. Pick Color This I call the eyedropper. You can use this to pickup colors you used somewhere else on the page. Or you can get a color out of a picture that you brought into paint. It's very useful, I use it a lot. You can left-click or right-click to use it, but remember that if you left-click you will need to hold down the left button when you draw to use the color you eye-dropped. Magnifier This tool has a nick-name too, must of us call it the magnifying glass. Either way it will do the same thing. You click the tool, you select one of the options below, and then it will zoom you in. This is good for detail work. To zoom out select it again and choose x1, that's has far out as you can go. Pencil I hate this tool X.X I can't draw with it the line it too thin and its all bumpy and itchy. Its very simple, click, drag, draw. If you can draw well with it go for it, I can't so I won't. Brush This is like an improved pencil. There a lots of different styles and sizes. I still don't like to free hand but if you want to draw a decretive border or backdrop this would be the tool to use. Click on the tool and play around with it, the same as pencil, hold down the left or right mouse key depending what color you want. Airbrush Think spray-paint. There are three size options that show up depending on what you want. I don't use this tool often but it's really fun. It gives your art a light, airy feel. I once used it to make a scarf that a Grandma was knitting. Just hold down either the left or right mouse keys depending on the color you want. Text Never hand write anything, use text. This tool only works when you're zoomed out all the way. You can change fonts and sizes, all the usual. You should try to make the box just a little bigger then you think it needs to be so you have room to type. The right-click and drag to make the box. Line This is the straight line tool, its very straight forward. You can change the line girth in the options below, I normally use at lest a two. Click and drag, very simple. If you just drew a line and you chose a new color or line size then the line will change. You can't change it back so edit, undo and try again. To prevent mistakes chose a different tool after drawing a line, then change the color. Curved Line This is my number one tool, and it's a bit tricky so I'm going to go into a little more detail. Okay, step one, select the tool, and the thickness of the line. Step two, click where you want the line to start, hold down the mouse key and drag the line to where you want it to end. Three, click on the line near the start and drag it to where you want the curve to be. Four, click on the end and move the line again. If you mix up those steps you will get a 'loop' or a really weird 'point'. ![]() Rectangle This one is pretty simple. When you click on it you get three options, form top to bottom they are: draw just the outline, draw just the fill (background) color, or draw with both the outline and the fill color. If you want to change the thickness of the line, click on line tool and adjust it there. You can also keep you squares more square by holding down the shift key while you draw. Polygon Polygon just means a shape with three or more sides. You have the same options as the rectangle tool, form top to bottom they are: draw just the outline, draw just the fill (background) color, or draw with both the outline and the fill color. You draw the shape the same way as you would use the line tool, but when you finish the shape will always close. Eclipse (circle) The same as rectangle only rounder, hold down shift for perfect circles. Rounded Rectangle The same as rectangle only rounder, but not as round a circle. Sort of like if the rectangle tool took the circle tool out to Vegas, saw a show, ate some food and had a drink, then got married and had a kid and named it Rounded Rectangle. Color Palate Did you think the last tool was the rounded rectangle? Not true, because this is a help page I should go over everything you might need help with, colors being one. New paint pages always have black and white selected. You can change the color in the black square by clicking on any color with your right mouse button. You can change the color in the white square with the left button. The left color is also you background or fill color. You can get new colors my double clicking on any color in the palate. A little window will pop up with more options. Don't see the exact color you want? Try define custom colors (button on widow) there you can get any color in the rainbow and few extra. If you want to edit a color you are using but you don't have it in your palate? Go to the top of the paint screen and go to colors, edit colors. It's very useful. ![]()
Simple People
Now that you know the tools its time to draw something. I think now is a great time to replace my deficient stick figure lesson. Here we will learn simple people.
Step 1) Open a new paint document and decide who you will draw, I will draw two, a boy on the right and a girl on the left. Step 2) Select the line tool and change the thickness of the line to the third down. Step 3) Select the circle tool and chose the very first option. Then hold down the shift key and draw a circle about the size of a quarter. ![]() Always draw the head first, I don't care what you are drawing, but if it has a head draw that first. Next I want you to draw the shirt or dress, depending what gender you are doing. Step 1) Pick a new color from the palate. Step 2) Select the line tool and draw two lines off the bottom of the head, try to make them as even as possible. Step 3) For a tee-shirt use the straight line tool to connect the bottom of the two lines. For a dress use a curved line. ![]() Does it look like a person yet? Let's try adding legs. If you skipped the tools section prepare to be confused. Draw the legs next to your person, not under it. Trust me it helps. Step 1) Pick a new color from the palate. Step 2) Select the polygon tool and draw two legs beside your person (see picture below). Step 3) If you did not close the shape then the polygon tool will do it for you. ![]() I had you draw the legs beside the drawing because you will want the shirt (or dress) on top of the legs. Now its time to use another new tool, select. Step 1) Use the paint bucket to fill in the shirt with a new color. Step 2) Select the select tool or free-form select tool and use it to capture the shirt and head. Step 3) Click on the second option and make sure that your background color is white. Step 4) Move your selection over the legs. ![]() Did I lose you? I hope not, this is why I made a tool section. That is the hardest step in this section so the rest should be easy as pie. Mmmm, pie. Step 1) Use the paint bucket to fill in the legs with a new color. Step 2) Decide if you want all the colors solid, my way with a dark color outline, or with a black outline. Step 3) Select the line tool and the fifth option down for a thicker line. Add feet. ![]() Now we can have some fun! I want you to think of this next part like a salad bar. I will give you a few choices and you can decide what you want on your drawing. I always draw hair first. Step 1) Look at the drawing below and choose a hair style. Step 2) Find that hair style in the how-to under the picture. ![]() Spiked Step 1) Use the line tool to draw a spiky outline Step 2) Fill it all in with the paint bucket Step 3) Zoom in with the magnifying glass to make sure the color got inside all the tips. Retro Step 1) Use the curvy line tool to draw the main shape, it should only take four lines. Step 2) Fill it in brown, or black, or blond (whatever) Step 3) Use the curvy tool again to make the color (two lines) Emo Step 1) Use the line tool to draw a zigzag across the forehead. Step 2) Use the curvy line tool to connect the sides of the zigzag to the top of your head. Step 3) Fill it in with the paint bucket. Ponies Step 1) Use the curvy line tool to make two half-moons on the top of the head. Step 2) Use the curvy tool again to make the ponies tails. Make one line just a gentle curve coming up and away from the head. The second curve should be wider at the base and meet with the first curve in a point. (I messed this part up two or three times so don't get frustrated) Step 3) Use the paint bucket on the black head line where you want it to be yellow, if the whole head changes color you need to use the paint brush to 'brake' the line. Step 4) Finally fill in the hair yellow (or any other color) and use the brush tool to add scrunches. Hat Long ![]() Is it starting to look like you? Is it you? The character on my page isn't me and yours can be anyone really, no one will ever know. But it can't be anyone until it has a face! Step 1) Use the biggest, roundest brush tool to make some eyes Step 2) Want to add sleeves? Use the line tool and fill it in! Step 3) Arms? How about the curvy line tool? Hands? Maybe you should try the circle tool. But wait, there's more! I like how the hair thing worked out so I'll do the same thing with different types of mouth. ![]() Talkative Step 1) Use the curvy line tool to make a smile Step 2) And again to add a bottom lip Step 3) The eyes were done with the paint brush. Happy *yawn* Sad ![]() And that's all! I hope you like your drawing, you can play with it a little; maybe add a design to the cloths. I'm finished so I'll move on to the next section. See you later! ![]() Simple People II
Hello everyone! So here's my quick explanation for making a second simple people guide. (You have my permission to skip this) I was looking at a few screenie pages I came across on the help chat and noticed (to my sheer delight) that they had been made with my guide, specifically the simple people. As I scrolled down I noticed that all the poses where basically the same which is fine for beginning artists. But at the bottom of the page I found a award which led me to another screenie page with the same deal. All very simple poses, and guess what was at the bottom of that page? Yep, another award to a new page with the same looking characters. This is all well and good, it means this page is really getting around but I figure, you're better then that. You want to be original; here I'll give you the tools to do so!
(end rant) First you'll need to read the first simple people guide. Step 1) Grab your favorite person drawing and bring it into a new paint document with lots of room to work. Step 2) Next to your favorite person, draw a simple stick figure of what you want them to do. ![]() I know that before I told you to draw the legs last, and it is easer for correcting mistakes. Here I'm drawing the legs for simplicity, in the end you can draw in any order you want. Step 1) Use the poloygon tool too make the legs. Step 2) Fill in the legs with the proper colors, simple right? ![]() Step 1) Draw the shirt and add color, maybe even sleeves. You already know how to do all this. (do you feel like your getting better?) ![]() Step 1) Remove the stick figure now that you don't need it, draw the head and arms the way you like. ![]() I'm a little sad that theres nothing new to tell you here. You already know how you like to customize your character and add details. Really, what else is there to learn? ![]() Well that was disappointing, I was hoping to type more. Next I'll just show you a few different poses; you can figure them out on your own. But don't think you're off easy. After we're done posing our characters we'll start playing a little more with our style. ![]() ![]() ![]() ![]() And I'm back! If you have a neatly posed character on your page then give yourself a nice pat on the back, shout 'TA-DA!' and save it. Now close your paint program and be prepared. I'm going to talk to you! (and by talk I mean type, not really the same but its the best I can do) I know that when I go off on a rant I normally warn you so that you can skip it, nice of me right? Well this is the only rant I'm going to ask you to read, be patient, we'll get back to art in just a second. Screenies should be funny, most of you are already really good at this. I just have a few tips for you.
Step 1) Your screenie, the actual page, is the set-up to your joke. Don't cover it up, put your characters below it, or off to the side on the right. You always want the viewer to see the screenie first. Like I said, most of you are already really good at this, you can always look up more hints later. (I can't name sites, but I highly suggest looking if your parents don't mind)
Another thing I've been needing to talk to you about is originality. Try to be different, that's what makes you stand out. Adding or changing little things can make a big difference. And that applies to more then just your art work, for example everyone has screenies the Book of Evil and pointed out pikachu's tail, try not to do that unless you can do it in a new, and interesting way. I'm almost done my rant now. In my section on 'new style' I have a little bit on character development. I ask you to copy and paste a blank 'person' into paint and make it look like the personality of a friend or pet. You might want to try it, just to get the basic idea.
Character development isn't really as important to the screenie as anything else I've taught you. But if you're going to be making a lot of screenies give your character some personality. What do they like or dislike? How do they react to different things? How do they feel about their petpet? Do they really want it to be eaten? Or are they just kidding? (Rio, my pteri, would cry if Boa was eaten, even if Rio acted like he hates Boa) These are just some things to think about. Now we will return to the art. Thank you so much for reading this one time!
Step 1) Re-open MS Paint, and find a drawing of your character. I'm going to teach you how to shadow. ![]() Step 1) Use the eye-dropper tool to pick out the shirt color. Now go up to the main tool bar, find colors (next to help) and click 'edit colors', then in that window click 'define custom colors'. I taught you how to do this in the tools section. Step 2) Now on the right slide the color bar down and get a darker version of your color. Click okay and use the paint brush tool to paint this new color somewhere next to your drawing. Step 3) do the same thing again for all of you main colors, like the pants or sleeves. ![]() Step 1) Now use the eye dropper and suck-up the darker color for the shirt. Step 2) Use the magnifying glass to zoom in on the shirt, about 6x. **Hint, the first time you click the 6x it will zoom in on the top right hand corner. This can be really annoying so zoom back out and click on the magnifying glass again, this should give you a box so you can see where you will zoom in. Step 3) Use a super thin curved line and divide the shirt, try to stay inside the border lines. Step 4) Fill in where you want the shadow; use the paint bucket. ![]() ![]() They look pretty real now don't they? I love this, but it isn't always practical to go through all those steps for every screenie. But it would be very impressive to use if your pet was holding a flashlight, or talking to a light or fire fearie.
Heres the last thing I'm going to teach you, more clothing! Done yet? Coolness! Lets see what you've got, most of you screenie-makers tend to be girls (sorry guys) so I'll have to show you how to do those new clingy shirts that show absolutely every curve of your bodies. Please fallow shirt style #1. And a few of you will even have tank tops and spaghetti straps! This particular style of art is kind of hard on those, so you'll have to fallow my school rules and have a extra-thick strap. You guys should fallow #2. And for every one else, a normal tee, nice and baggy, and we'll even cover long sleeves if you have any. You guys are #3. We'll get to the designs in a second; first we'll get the outline.
Step 1) Draw the head and body of a simple person, color it in gray.
*** Hints*** ![]() ![]() ![]() ![]() Now I know how you guys normally go about decorating this characters, and, at best, they look something like the fallowing: ![]() Step 1) Draw a design you would like on your shirt. Step 2) Fill in your shirt with a random color, set the color as your background. (right click) Step 3) Use the select tool to move your character over the design. Now the design is inside your lines, no mess! Unfortunately it's much harder to shade this way, you'll have to decide which you prefer. ![]() ![]() Lastly, you can still shade this way. It's just harder. Look below to see how I did it. That's all for this section; I can't wait you see your new screenies! p.s. Don't forget to take your award at the top of the page, its kind of big (my fault sorry) but it's also a roll-over! ![]() Simple Pets
I understand that drawing pets is a lot harder then drawing people. Plus the neopets come in so many different shapes and colors that it would be impossible for me to show you every single one. In this section I will show you how to figure it out for your self. Isn't that kind of cool? That you could figure it out instead of asking? You can still ask but I might not have time, I have homework too.
Step 1) Open a new paint document and decide who you will draw, go to the rainbow pool and get a picture. Step 2) You gat get rid of the black background with the paint bucket. Step 3) Please try to chose a basic color pet (green, blue, red, yellow) these are easiest. ![]() First we need to find the body shape of your pet and replicate it as best we can with the shape tools. Here are some pet types, dog/cat, fish, bird, or pillow. ^^ Pillow is my favorite. *Tip, you can use the select tool to move the circles into just the right spot. Step 1) Look below and find what fits your pet best, think outside the box. Maybe korbat doesn't exactly fit any category but its close enough to bird. Step 2) Like the last section the how-to will be in the table below. Dog/Cat Step 1) Start by drawing two circles, one for the front chest cavity and one for the hips. The hip circle should be a it smaller then the chest. Remember to hold down the shift key to will drawing to draw perfect circles. Step 2) Next use the curvy line tool to outline the body, then you can erase the circles. Step 3) Use the straight line tool for the front legs, and one curved line on the back leg (cats and dogs have a large knee) and again the rest of the leg can be made of straight lines. You can make the legs longer or shorter depending on the pet you are drawing. Fish Bird Pillow That's just about it. The body is the hardest part. Now all we have to do is make a face. ![]() Muzzle
Beak Arms Antenna Ears ![]() And that's it! They may not be perfect, but with a little creativity and a little more work they could be your screenie character!
Welcome to guest's Screenies
You do have a screenie page don't you? I want you to step back and take a look at it. How does it look? Are the screenies centered, are they cropped, can you read the text? Here I will gift you a screenie page (background, border, title) and tell you how to change it to make it your own. You could go out and get a fancy pre-made page from sunnyneo or something, but I think it looks nicer if you make it your self.
Step 1) Get a black petpage to work with or your screenie page. Step 2) Note that all my codes will go above your screenies, and if you have other codes on the page you should remove them for now. Step 3) Decide if you want to read my little rant about screenie pages, there might be some info you find useful, but if you don't care I don't mind if you just move on. Okay, here is my little rant for the day. We all make a first impression, that's normal even if it seems unfair. We also make first impressions about other people's pages and screenies. Only this can be a lot harsher because the people don't know you, and wouldn't feel bad if they just hit the 'back' button on their browser and leave. I want your page's first impression to be a good one. So please center your screenies and write neatly, it'll help you a lot in the long run. ![]() Now I will give you all a page that I coded myself. I will admit that Rio's Screenies (my page) was never coded properly. That's because I don't like it. I'm going to replace my screenie page with a new one at some point. For now I'm just setting a bad example. Step 1) Chose a color theme (from left to right) red, blue, or yellow. Step 2) Copy and paste the code to the very top of your screenie page, or a blank page. Step 3) Preview your page to see if it's the right one. Red |
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2013.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions