Resources and Support
 Pixel Joint Forum : The Lounge : Resources and Support
Message Icon Topic: Noobtorials Post Reply Post New Topic
Page  of 2 Next >>
Author Message
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Topic: Noobtorials
    Posted: 30 December 2007 at 11:50am
Hello starting pixel artists and people who help them,

I am collecting and creating noobtorials, to make it easier to explain things to the newbies, witch are free to use, very simple, no extra information.

If you have ever made such a thing people can use for free, please post them here, and I will add them in the first post!
If you ever need to explain something that cannot be done with words only, take a look here, and if there is no noobtorial that can help you, create one and add it!

Noobtorial = Copymeright @ Jalonso  <<<jal edit: It wasn't me that came up with that, it was........???maybe MonkeyofDoom

On my personal list:

  • Anti Allias
  • Dithering
  • Isometric projection
  • Clean lines
  • Shading
  • Palettes
  • Color ramps
  • ...
Suggestions are welcome, but your own noobtorials even more!
Please reply if you find any mistakes in these noobtorials.

------------














Another small tutorial to create a tiny pixel car. Steps:
  1. LineArt
  2. Ground paint
  3. Removing black outlines
  4. First highlight colors
  5. Filling wheels and window
  6. Using gray for shadows and glass
  7. Highlight color
  8. Even more highlight









  






Edited by jalonso - 28 September 2010 at 5:47am
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 10680
Quote jalonso Replybullet Posted: 30 December 2007 at 2:03pm
By d-p who won't mind me putting this here.


Another small tutorial to create a tiny pixel car. Steps:
  1. LineArt
  2. Ground paint
  3. Removing black outlines
  4. First highlight colors
  5. Filling wheels and window
  6. Using gray for shadows and glass
  7. Highlight color
  8. Even more highlight
Would be happy, if some of you can use it.


Edited by jalonso - 05 September 2010 at 7:29pm
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 01 January 2008 at 6:09am
Ok here is the shading and the ramp tutorial.
Both not perfect, because im no expert in both of them myself, but I think it can be of a help for the newbies.. Tell me what you think about them please :)



And don't forget to post them when people need them!
IP IP Logged
Hatch
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 1392
Quote Hatch Replybullet Posted: 02 January 2008 at 6:23am
"Ususally light colors have a higher saturation than dark colors"

The highest saturation is usually in the midtone range, with less saturation in lights and darks.
IP IP Logged
Monkey 'o Doom
Commander
Commander
Avatar

Joined: 24 September 2005
Online Status: Offline
Posts: 2995
Quote Monkey 'o Doom Replybullet Posted: 02 January 2008 at 6:35am
Agree. This page has excellent info on the subject.

RPG is numberwang.
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 02 January 2008 at 9:36am

Is this good enough for you guys?

 
Edit: There we go :D


Edited by BlackDragon - 02 January 2008 at 9:41am
"A little pain never hurt anyone." - Blueberry_Pie
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 02 January 2008 at 11:33am
Decontrasted'ed
"A little pain never hurt anyone." - Blueberry_Pie
IP IP Logged
Hatch
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 1392
Quote Hatch Replybullet Posted: 02 January 2008 at 3:24pm
Originally posted by BlackDragon

Originally posted by Hatch

You've got some bevel action going on with that apple, BD.

Yeah but its a shading tutorial so it shouldn't matter too much.


Beg pardon? That beveled look is caused by improper shading.
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 02 January 2008 at 3:42pm
Really? How would you shade/make it not look beveled?
"A little pain never hurt anyone." - Blueberry_Pie
IP IP Logged
Hatch
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 1392
Quote Hatch Replybullet Posted: 02 January 2008 at 3:53pm


The ramp jump from mid to dark also looked to extreme to me. Aaaand, having that midtone around the edge of the dark makes it look like it has a glossy coating, like a candy apple almost.

(sorry, I'm sure you didn't post that expecting to be crittacked )
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 02 January 2008 at 4:15pm
Don't worry Hatch I am apt to learn ;)
"A little pain never hurt anyone." - Blueberry_Pie
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 03 January 2008 at 12:17am
old version looks way cooler :(
IP IP Logged
Hatch
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 1392
Quote Hatch Replybullet Posted: 03 January 2008 at 10:28am
The old version was arguably more stylish, but it was less accurate. Accuracy trumps style in a tutorial meant for the beginner.
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 04 January 2008 at 9:45am
Believe it or not, but these noobtorials got a DD on DA

http://pixeljoint.com/forum/forum_posts.asp?TID=5692

Ann (shonegold, the worlds greatest non pixeling pixel related person) found these very good because of their simplicity, and send them to the tutorial gallery director, who featured it for her :)
IP IP Logged
purpletree
Commander
Commander
Avatar

Joined: 28 December 2007
Location: Belgium
Online Status: Offline
Posts: 152
Quote purpletree Replybullet Posted: 05 January 2008 at 11:16pm
maybe u should make an animation one??
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 09 January 2008 at 5:05pm
Like what? A run cycle?
I can write up something later, I know a bit about animation.
"A little pain never hurt anyone." - Blueberry_Pie
IP IP Logged
Monkey 'o Doom
Commander
Commander
Avatar

Joined: 24 September 2005
Online Status: Offline
Posts: 2995
Quote Monkey 'o Doom Replybullet Posted: 09 January 2008 at 5:25pm
Baccaman is THE authority on the walk animation, if you read pixelation. Search some of his posts there; they are an amazing resource.

RPG is numberwang.
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 10680
Quote jalonso Replybullet Posted: 13 January 2008 at 8:58am

IP IP Logged
mememe
Seaman
Seaman


Joined: 24 August 2007
Location: Australia
Online Status: Offline
Posts: 4
Quote mememe Replybullet Posted: 13 January 2008 at 3:57pm
These will help me out, since I'm relatively new to Pixel Art.
IP IP Logged
Fuzzyleaves
Commander
Commander
Avatar

Joined: 23 June 2007
Online Status: Offline
Posts: 148
Quote Fuzzyleaves Replybullet Posted: 22 January 2008 at 2:12pm
Pillow shading is fun!!!
and stupid
<a href = "http://www.nitrome.com" > <img src = "http://www.nitrome.com/images/links/nitrome2_button.gif" width="88" height="31"/></a>
IP IP Logged
Metaru
Commander
Commander
Avatar

Joined: 23 March 2007
Online Status: Offline
Posts: 3287
Quote Metaru Replybullet Posted: 23 February 2008 at 9:44am
why this has not been turned into a sticky?

I ate leel's babies
IP IP Logged
Pixel_Outlaw
Commander
Commander
Avatar

Joined: 01 September 2005
Online Status: Offline
Posts: 3789
Quote Pixel_Outlaw Replybullet Posted: 23 February 2008 at 10:00am
A better question might be why are there too many stickies.
IP IP Logged
Metaru
Commander
Commander
Avatar

Joined: 23 March 2007
Online Status: Offline
Posts: 3287
Quote Metaru Replybullet Posted: 01 May 2008 at 12:39pm



Edited by Metaru - 05 May 2008 at 9:48am

I ate leel's babies
IP IP Logged
Larwick
Commander
Commander
Avatar

Joined: 02 January 2006
Online Status: Offline
Posts: 4016
Quote Larwick Replybullet Posted: 01 May 2008 at 2:16pm
Mmm sticky.
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 01 May 2008 at 5:49pm

Cool. Finally.

But, no one really reads stickies D:

IP IP Logged
Metaru
Commander
Commander
Avatar

Joined: 23 March 2007
Online Status: Offline
Posts: 3287
Quote Metaru Replybullet Posted: 01 May 2008 at 8:40pm
this one in particular is to have these noobtorials at hand.

I ate leel's babies
IP IP Logged
BlackDragon
Commander
Commander
Avatar

Joined: 20 March 2014
Location: United States
Online Status: Offline
Posts: 735
Quote BlackDragon Replybullet Posted: 02 May 2008 at 5:05am

To link to, I suppose?

IP IP Logged
Metaru
Commander
Commander
Avatar

Joined: 23 March 2007
Online Status: Offline
Posts: 3287
Quote Metaru Replybullet Posted: 04 May 2008 at 3:37am
indeed.    

I ate leel's babies
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 12 June 2008 at 1:14am
Hey guys, something I would really like to see, is an Anatomy Noobtorial. Could anyone make that? I guess it would be very useful. I can't make this myself because I'm no anatomy expert. But just a simple tutorial witch basic relations and such, would be great!
And maybe one extra for the face as well.
IP IP Logged
Metaru
Commander
Commander
Avatar

Joined: 23 March 2007
Online Status: Offline
Posts: 3287
Quote Metaru Replybullet Posted: 12 June 2008 at 1:28am
working on it already.

I ate leel's babies
IP IP Logged
M.E.
Commander
Commander
Avatar

Joined: 26 February 2007
Online Status: Offline
Posts: 430
Quote M.E. Replybullet Posted: 12 June 2008 at 3:13am
Hi All,

Maybe it is of use to someone:



Best regards from

M.E.

IP IP Logged
Skull
Commander
Commander
Avatar
PJ Pioneer

Joined: 04 April 2006
Online Status: Offline
Posts: 1521
Quote Skull Replybullet Posted: 04 September 2008 at 4:16pm
Found these old things; dunno if they help. :)

  
IP IP Logged
inbntly
Seaman
Seaman


Joined: 16 October 2008
Online Status: Offline
Posts: 23
Quote inbntly Replybullet Posted: 16 October 2008 at 4:38am
Hey, I came to the site after hearing about it in a video on youtube. Was looking for some tutorilas, or noobtorials as you like to call them. I just wanted to say that this should help me a lot, thanks.

Good question though.. why isn't it stickied?
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 16 October 2008 at 4:44am
I called..., well jalonso the first one a noobtorial, because its a very short explanation for beginners, we usually call these things tutorials too ;)

This got stickied twice or 3 times, but it also got destickied 3 times or so ;)

IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 12 January 2009 at 9:27am
A new noobtorial because you will all need it someday!


IP IP Logged
Evilagram
Commander
Commander
Avatar

Joined: 05 August 2008
Location: United States
Online Status: Offline
Posts: 170
Quote Evilagram Replybullet Posted: 20 January 2009 at 12:05pm
Here's another addition to the collection. I went with black because it contrasts the color wheel's central white.



A simple tutorial on color theory.

I skimped on some of the pixel art. Went with a sort of knee in order to circumvent the classic ball cliche.
IP IP Logged
Eramatch
Seaman
Seaman


Joined: 31 January 2009
Online Status: Offline
Posts: 1
Quote Eramatch Replybullet Posted: 31 January 2009 at 4:10pm
 I really don't understand these tutorials, Because really. how did you guys Draw the sprites etc, So good? It doesn't teach me how you drew it. If you didn't draw it what did you do?_popupControl();
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 31 January 2009 at 4:17pm
Eramatch, these tutorials are meant as a little help for things you might be working on.

I 100% understand what you mean. All these tutorials teach you about shading and cool techniques, but none of those do the actual drawing.
I did (and still do not) understand it too, but you can almost only learn how to make that first step by trying it. Draw on papers, no matter how ugly it looks. I did it too, and 2 years ago I would not have even dreamt of that I was able to create things other than squared buildings.

So in short: Just try it. As soon as you got something, we are all willing to help you improving it, but the first step HAS to be taken by you :)
IP IP Logged
pixelblink
Rear Admiral
Rear Admiral
Avatar

Joined: 03 March 2005
Online Status: Offline
Posts: 2865
Quote pixelblink Replybullet Posted: 31 January 2009 at 10:01pm
learning to pixel is the same as learning to draw. It's just a different medium/style. Not having the ambition to be an artist of any level isn't going to allow you to become a better pixel artist at all. That's like saying "I command you, pencil! Draw me a magnificent beast!" and expecting it to do it for you. Practice makes perfect and only time can improve your work
IP IP Logged
jeremy
Rear Admiral
Rear Admiral
Avatar

Joined: 24 March 2014
Location: New Zealand
Online Status: Offline
Posts: 1498
Quote jeremy Replybullet Posted: 31 January 2009 at 10:45pm
May as well put this here too:
IP IP Logged
Evilagram
Commander
Commander
Avatar

Joined: 05 August 2008
Location: United States
Online Status: Offline
Posts: 170
Quote Evilagram Replybullet Posted: 01 February 2009 at 10:34am
Originally posted by Eramatch

What does drawing on paper do o.o
Cuz i really want to learn how to Pixel.
So your saying i have to draw first? but what will that do with my Computer Graphics?
_popupControl();


A lot of people ask this.

DRAWING IS THE CENTRAL BASIS FOR ALL OTHER ARTS.

If you can draw well by hand, that skill translates over to the computer. Nearly all the skills learned with drawing by hand apply to pixelart and general CG as well.

Same goes for anatomy. I've suggested a number of times that an artist learn realistic human anatomy only to hear the rebuttal, "but I just want to make cartoon characters." No matter what you're making, it helps to have a thorough understanding of anatomy. Once you understand what's there, you can understand how to make it cartoony.
IP IP Logged
Evilagram
Commander
Commander
Avatar

Joined: 05 August 2008
Location: United States
Online Status: Offline
Posts: 170
Quote Evilagram Replybullet Posted: 01 February 2009 at 8:47pm
Originally posted by Metaru

"i made it cartoony" is the greatest excuse ever for anatomy problems.


All too true. I wish that I had a license to kill people using this excuse.
IP IP Logged
Hapiel
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2403
Quote Hapiel Replybullet Posted: 20 February 2009 at 1:59am
I am glad you do not.

I am adding this to the list:





Edited by Lollige - 20 February 2009 at 2:01am
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 10680
Quote jalonso Replybullet Posted: 16 May 2009 at 4:20pm
Not really a n00btorial but may be helpful.



Originally used on other threads to make a point of some kind.

This is AA by Dr D -simple example:
...you don't have to succumb to jaggy lines.I would advise Anti-Aliasing. Apply a method like this to your pics, granted you do it in moderation, and they will be sure to be a lot more pleasant.




Edited by jalonso - 08 June 2009 at 7:37pm
IP IP Logged
greenraven
Commander
Commander
Avatar

Joined: 01 April 2014
Online Status: Offline
Posts: 2585
Quote greenraven Replybullet Posted: 27 May 2009 at 12:28pm



Just a little something for everyone to know, to look, and to reflect upon.
"pwnage comes with patience, practice and planning." ~ Jalonso   
IP IP Logged
ellie-is
Commander
Commander
Avatar

Joined: 20 April 2014
Online Status: Offline
Posts: 709
Quote ellie-is Replybullet Posted: 27 May 2009 at 1:28pm
Hahaha. Awesome. That stage 3 is exactly how I used to act last year/first months of this year.
IP IP Logged
jalonso
Admiral
Admiral
Avatar

Joined: 24 March 2014
Online Status: Offline
Posts: 10680
Quote jalonso Replybullet Posted: 13 June 2009 at 4:16pm
This is an example of conserving colors I did as a reply here:
http://www.pixeljoint.com/pixelart/43835.htm
Done quickly but shows how less colors does not sacrifice artistic vision. And it makes for better pixelart.


Although I did not do so here. As you remove colors and streamline your PA more and more PA techniques will be needed, AA/dithering/selout, etc. Additionally the less colors the more you'll need to indivially tweak a shade here and there.

The main thing is to pick colors that work with other color ramps in your piece.


Edited by jalonso - 13 June 2009 at 4:20pm
IP IP Logged
Celri
Commander
Commander
Avatar

Joined: 13 June 2009
Online Status: Offline
Posts: 116
Quote Celri Replybullet Posted: 31 July 2009 at 12:32pm
I have been looking for decent tutorials on animation...I know - horror!  I have no idea where to start, what software to use or how it works - been to google the topic but they mstly write for people who already know what they're doing!  A little frustrating.  I use Paint, Graphics Gale and recently started playing around with GrafX2. Is there anyone who can help please?
IP IP Logged
x-death
Commander
Commander
Avatar

Joined: 30 November 2008
Location: Australia
Online Status: Offline
Posts: 149
Quote x-death Replybullet Posted: 31 July 2009 at 7:24pm
all an animation really is, is a bunch of pictures put together. so you need to figure out how the picture will look in each frame in order to get to the end outcome of your animation.

there isn't alot of tutorials because it isn't something you can really teach. there are some tutorials on how it should look such as walk cycles ect... but thats about as far as they go tutorial wise.

hmm...ah yes programs, well i use paint when i do animations i just draw each frame. but it often leaves you wondering as to how different the picture you are drawing is from the previous one. which is why alot of people use graphics gale instead of paint it has alot of useful features like that. see i think its called onion skinning or something but in graphics gale you can see what the previous frame looks like on the canvas or something and it allows you to make a more efficent anaimation.

as for were you should start, i recommmend starting out with simple animations like a lift door closing, or something like that, this way you can understand some of the basics before you move in to a harder level of animation.
IP IP Logged
pixelblink
Rear Admiral
Rear Admiral
Avatar

Joined: 03 March 2005
Online Status: Offline
Posts: 2865
Quote pixelblink Replybullet Posted: 31 July 2009 at 10:27pm
An amazing book entitled: The Animator's Survival Kit by Richard Williams is a great resource for all aspiring animators. Many I've talked to have sworn by this book. I picked it up myself and plan to make use of it in the future as well!
IP IP Logged
Page  of 2 Next >>
Post Reply Post New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum