XNA Creators Club Online
Page 1 of 1 (17 items)
Sort Posts: Previous Next

Any 2D tutorials?

Last post 05-16-2008 9:28 PM by Caine. 16 replies.
  • 03-26-2008 11:34 AM

    Any 2D tutorials?

    I plan on only making 2D games (at least for a long time) since they are more on the gameplay side.  I also plan to do more space type stuff than other type.  Problem is, I am just okay with graphics.  Anybody have any hints or tutorials for some game 2D graphics?  Or some examples of some sweet looking space 2D graphics?
  • 03-26-2008 12:03 PM In reply to

    Re: Any 2D tutorials?

    Clicky

    At least, I think that's the link. It's blocked here at work so I can't verify it's the one I'm thinking of. Google "spritelib" if it doesn't have space sprites.

    Jim Perry

    Here's what I'm up to.

  • 03-27-2008 3:19 PM In reply to

    Re: Any 2D tutorials?

    At the risk of revealing exactly how little I know, I am going to go ahead and put out some questions.  I too am hoping to start by creating some 2D games.  I do have artist skills, but not of the digital variety.   I have a vision, but am so lost on the technical aspects, that I need to just get this all out.   Thanks in advance for any and all help.   (PS - I am going back to school in the Fall for art/digital game design, but want to get some practice in first).

    1.  I was making the assumption that I could create art in Photoshop/Illustrator and somehow transition that in to a game.  Is that way off?  If that is possible, how much converting/etc is neccessary?

    2.  Are there programs specifically created for 2D game art?

    3.  What's all of this "sprite" business?  Whenever I see examples, it usually looks really outdated (not always a bad thing) - but how are more current looking 2D graphics created? 

    4.  My first major goal is to create 70-100% of the game art for a 2D top-down adventure game.   Does anyone here have experience doing something like that?  You have to draw out every rock, tree, wall, etc.  And for anything animated you need to draw out an animation for each movement (walk, attack, block, jump, etc) right? 

    So there you have it.  Now everyone else should feel really smart. :)

    Thanks again.

     

     

  • 03-28-2008 6:03 PM In reply to

    Re: Any 2D tutorials?

    CVO:

    At the risk of revealing exactly how little I know, I am going to go ahead and put out some questions.  I too am hoping to start by creating some 2D games.  I do have artist skills, but not of the digital variety.   I have a vision, but am so lost on the technical aspects, that I need to just get this all out.   Thanks in advance for any and all help.   (PS - I am going back to school in the Fall for art/digital game design, but want to get some practice in first).

    1.  I was making the assumption that I could create art in Photoshop/Illustrator and somehow transition that in to a game.  Is that way off?  If that is possible, how much converting/etc is neccessary?

    2.  Are there programs specifically created for 2D game art?

    3.  What's all of this "sprite" business?  Whenever I see examples, it usually looks really outdated (not always a bad thing) - but how are more current looking 2D graphics created? 

    4.  My first major goal is to create 70-100% of the game art for a 2D top-down adventure game.   Does anyone here have experience doing something like that?  You have to draw out every rock, tree, wall, etc.  And for anything animated you need to draw out an animation for each movement (walk, attack, block, jump, etc) right? 

    So there you have it.  Now everyone else should feel really smart. :)

    Thanks again.

    1.  I use and will use photoshop for everything 2D.  It can be a general image, or game art.  Photoshop will work just fine.  I just need to see some tutorials/examples to learn how to do it nicely.

    2.  Not sure

    3.  Generally, any 2D game image is considered a sprite/texture besides the background.

    4.  I have some drawings, but I could use some examples of a photoshop document created art if anybody can provide that I would really appreciate it.  Yeah its a good idea to draw stuff out first. 

     

  • 04-03-2008 11:51 AM In reply to

    Re: Any 2D tutorials?

    Thanks for the reply man.  Yes I am in a similar boat.   I'd like to know how that process goes after concept > sketch > photoshop (or whatever program) > ?

    So if you take your average nice looking 2D spaceship sidescoller - were all of those pieces/ships/explosions/etc at one point a simple photoshop images that are then sequenced to create animation?

     

  • 04-05-2008 5:41 AM In reply to

    Re: Any 2D tutorials?

    CVO:

    So if you take your average nice looking 2D spaceship sidescoller - were all of those pieces/ships/explosions/etc at one point a simple photoshop images that are then sequenced to create animation?

    There are two basic techniques for generating sets of sprites.

    1) Old school

    You sit with a graphics editor and draw every frame by hand. Use an editor that supports animation so you can see your sprites dance to your tune.

    2) New wave

    Build 3D models of everything, rig them, animate them, then render them into a set of sprites frame by frame.

     

    The end result is a lot of small graphics, not very efficent for use in a game. So they are organised into a small set of bitmaps holding multiple sprite images. Typically they are organised into a grid with each sprite being a fixed size, say 32 by 32 pixels.

    The game code then sequences them in the right order to animate the sprite.

    Think of a sprite as a small cartoon, and the game as the animator that makes the movement and photgraphs it and you will get the feel of it.

    The moderator may kill this as they may be ripped graphics, but this link shows an example set of sprites

    [Mod: Removed link to copyrighted material]

    Thought so [;<]

    Just google for "sprite sheet"


     

     

    Information is not knowledge, knowledge is not wisdom, wisdom is not truth, truth is not beauty, beauty is not love, love is not music, music is the best! Wisdom is the domain of the Wis (which is extinct).
  • 04-06-2008 11:22 AM In reply to

    Re: Any 2D tutorials?

    Stainless:

    The moderator may kill this as they may be ripped graphics, but this link shows an example set of sprites

    [Mod: Removed link to copyrighted material]

    Thought so [;<]

    Just google for "sprite sheet"



    How about in the future we just don't post them to begin with? Saves me the time of removing them and you the time of linking them. We all know they are illegal and violate the terms of use on these forums. So please, next time, if you are about to post something that is ripped from a game (be it music, graphics, or anything else), just don't. Otherwise we may just start deleting whole posts rather than links. Thanks.

    Nick Gravelyn -- Microsoft XNA MVP
    Blog | XNA Wiki | FX-izer | EasyZip | Current Adventures | Next-Gen
  • 04-07-2008 5:50 AM In reply to

    Re: Any 2D tutorials?

    Looking at a set of graphics ripped from a game is NOT illegal. Even ripping them from the game is not illegal.

    Using them in your own commercial project IS.

    This particular product is now freely available as abandonware. The publishers have no interest in it anymore, so even the legal state of the product itself is a gray area.

    When it comes to educating someone about the correct way to do sprites, there is nothing better than looking at how the professionals do it. Big lessons can be learnt from studying just how much difference between frames is acceptable.

    That graphic I linked to shows all the animations for the main character. It gives the wanna be graphic artist an excellent idea of just how many graphics need to be drawn to put a single character into a game, and just how big a task doing a full set of sprites is.

     

     

    Information is not knowledge, knowledge is not wisdom, wisdom is not truth, truth is not beauty, beauty is not love, love is not music, music is the best! Wisdom is the domain of the Wis (which is extinct).
  • 04-07-2008 10:44 AM In reply to

    Re: Any 2D tutorials?

    The folks at Microsoft have asked that we not link to or display games or content that have such dubious IP issues. This is their website and they defined the terms of service. Us mods just have to help them implement it. You are perfectly entitled to disagree but that doesn't mean you can ignore the TOS. You even knew it was going to happen when you posted it.

    http://en.wikipedia.org/wiki/Abandonware
    Copyright law does not recognize the term or concept of "abandonware".

    But I agree that looking at sprites is a great way to learn... so link to sprites without an IP issue or link to your own personal blog in which you can choose to link to whatever you like.

    And please... no more debate in this thread as its not on the original topic... you know I will just delete all the posts.


    The ZBuffer News and information for XNA
    Please read the forum FAQs - Bug reporting
  • 04-09-2008 1:22 PM In reply to

    Re: Any 2D tutorials?

    Debate aside, thanks a ton for the info - that really helped.

  • 04-18-2008 9:30 PM In reply to

    Re: Any 2D tutorials?

    I just found one for pixel art, Graphics Gale, don't jnow if it works with XNA but from what I saw it looks pretty awesome.  Just Google Graphics Gale. Google

    This isn't a quote, I just don't know how to use this interface yet.

  • 04-22-2008 12:00 PM In reply to

    Re: Any 2D tutorials?

    I consider myself pretty decent and anything on Photoshop, yet, I still struggle with game art for some reason.  Does anybody know of any tutorials that show how to create a sprite using photoshop from start to finish?  It does not have to be animated.
  • 04-23-2008 4:49 AM In reply to