JN Boards: Pixel Your Neopet - JN Boards

Jump to content

Rules!

This forum is used for posting useful and helpful tutorials. Tutorials can be on anything of use relating to images, coding languages, etc. Please don't post tutorials explaining the proper way to microwave your macaroni and cheese. We all have our own special ways.

If, and only if, you have a tutorial to submit, you can use this forum to post it.

If you have a question or request, use the Help/Requests subforum to post it in.

Can't find a tutorial?
Use the search function to find it or you can look on the main part of JN to see some tutorials we have posted there! (After a tutorial is added, it is taken down from the forum.)
Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

Pixel Your Neopet

#1 User is offline   Coraire 

  • Neophyte
  • Pip
  • Group: Members
  • Posts: 7
  • Joined: 06-June 10
  • Neo Name: Coraire
  • Gender:Female
  • Location:England
  • jnAccount : Coraire

Posted 06 June 2010 - 07:28 AM

So I was bored and figured I'd write my first tutorial =) Wasn't really sure what to do or what sort of tutorials people wanted, but hopefully it might help someone. Just a simple description of how I pixel neopets.

You can use any program that allows you to have multiple layers and vary opacity, I'm using PSP7 (I know, I'm so out of date). I'm assuming that anyone reading this knows the basics of their paint program, if you don't and would like me to add a bit about adding new layers then let me know, but I figured there wasn't much point putting in something that people probably already knew.

1) First off you need to choose your image. I chose one of a grey Kougra.
http://img263.imageshack.us/img263/3426/image1kb.png

2) Next you need to create a new layer and fill it with white. Then lower the opacity to about 60%.

3) Now choose the colour of your outline, I went for a very dark grey. When you have the colour selected create another new layer and zoom in to your image. You then want to begin tracing the outline on your new layer. It works best if you do it one pixel at a time, rather than clicking and dragging, as you will get a neater line, but it's a thing of personal preference. The first preview below is from one pixel at a time, the second is from clicking and dragging.
http://img205.imageshack.us/img205/9913/image2jd.png http://img63.imageshack.us/img63/8977/image3ml.png

4) When you have finished the outline you can zoom out to have a look.
http://img3.imageshack.us/img3/470/image4ez.png

5) If you then put the opacity of the white layer up to full you can see what your image looks like without the other image underneath it.
http://img269.imageshack.us/img269/4264/image5zk.png

6) Now take the fill bucket and fill in the colours, this should be nice and quick.
http://img241.imageshack.us/img241/104/image6c.png

7) The final stage is adding the shading, this should be pretty simple even if you don't know anything about shading, because you can just copy the shading on the original image.
http://img693.imageshack.us/img693/5551/image7p.png

And you're done!

I was feeling lazy when making this so I've not put that much effort in to it. When I do I will often gradient my shading. Instead of just have the normal colour and the shaded colour, I'll choose oneor two colours inbetween to make the shading look more gradual, as shown below:
http://img25.imageshack.us/img25/2391/image8i.gif
http://img709.imageshack.us/img709/3962/image9wh.png

There is a quicker way of drawing the outline, and that's by using bezier curves. I've not included that here but if anyone is interested I can add it, I tend not to use it because it looks slightly different, but I know some people prefer it.

If there was anything that was unclear or you have any questions then feel free to ask!

And I doubt anyone will actually use it, but if you do I'd love to see your pixels xD

#2 User is offline   Pingu 

  • #1 Sci fangirl and Anime addict
  • PipPipPipPipPipPipPipPip
  • Group: Retired Staffers
  • Posts: 2,333
  • Joined: 10-January 09
  • Neo Name: kingubaba
  • Gender:Female
  • Location:Sci's closet ♥
  • jnAccount : pingubaba

Posted 06 June 2010 - 09:24 AM

Woah that's sweet :o I'm gonna try that. Though I'll probably fail with the shading. I donno why I can't shade properly. I'll post if it's done. Nice tutorial :3

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users