Page 1 of 3 1 2 3 LastLast
Results 1 to 13 of 30

Thread: How to create sprites in Photoshop?

  1. #1
    Join Date
    Oct 2004
    Location
    Philippines
    Posts
    2,925
    Thanks
    410
    Thanked 273 Times in 205 Posts

    How to create sprites in Photoshop?

    Hey guys. Do you guys know any tutorials on the web on how to create sprites using Photoshop, as well as on how to animate them?

    Thanks a lot.
    Reply With Quote Reply With Quote


  2. Hide this ad by registering as a member
  3. #2
    Join Date
    Apr 2009
    Location
    Bay Area, CA
    Posts
    767
    Thanks
    355
    Thanked 583 Times in 203 Posts
    Reply With Quote Reply With Quote

  4. The Following User Says Thank You to Amber Alexander For This Useful Post:


  5. #3
    Join Date
    May 2005
    Location
    Montreal
    Posts
    3,234
    Thanks
    860
    Thanked 848 Times in 457 Posts
    There are a few easy steps:
    1) Pick a game engine, or at least a rendering engine.
    2) Learn how this engine handles sprites
    3) Learn principles of animation
    4) Learn an animation software, hopefully one that will allow you to export files compatible with your engine.
    5)Make animations
    6)Export animations in compatible format
    7) Fiddle some more with the files if necessary (for exemple, if your animation software exports individual bmp's you might need to assemble them in a strip in Photoshop)
    8 )Integrate into software you are developping.
    Reply With Quote Reply With Quote

  6. The Following 2 Users Say Thank You to Qitsune For This Useful Post:


  7. #4
    Join Date
    Oct 2005
    Location
    Orlando, Florida
    Posts
    401
    Thanks
    518
    Thanked 231 Times in 86 Posts
    use square brush with 100 hardness and desired pixel width . make your file with the desired width & Height.

    in photoshop open up your animation window. ( window > animation)
    in that animation window switch to frame mode if not already there (square frame icon on the lower right)

    create the number of frames desired and separate your sprites in seperate folders for each frame that way you can turn on and off desired art for each frame (easiest cleanest way i have found)

    thats pretty much it. then it depends on your art skills and animation skills, quite simple really, just like animating on real paper.
    Reply With Quote Reply With Quote

  8. The Following 2 Users Say Thank You to LuckyDevil For This Useful Post:


  9. #5
    Join Date
    Oct 2004
    Location
    Philippines
    Posts
    2,925
    Thanks
    410
    Thanked 273 Times in 205 Posts
    Thanks guys! Do you have tips on creating 32x32 sprites? I'm doing something like the early Final Fantasy ones but in isometric. I sketched something out, but I find it hard to make a pixelized version of it. Plus my sketch gets all messed up once I resize to 32x32 so it's hard to use as a guide.
    Reply With Quote Reply With Quote

  10. #6
    Join Date
    Nov 2006
    Location
    Algonquin Land
    Posts
    92
    Thanks
    13
    Thanked 29 Times in 11 Posts
    Hi, Maybe you know this but the pencil tool does not produces anti-aliasing when drawing at the pixel level.

    Marc
    Reply With Quote Reply With Quote

  11. #7
    Join Date
    Feb 2007
    Posts
    1,819
    Thanks
    1,540
    Thanked 1,837 Times in 521 Posts
    Deviant art is actually a great search engine for excellent tutorials (especially for what you'd expect from dA, sprites, animuu or anything fanart)

    Here, how to make pixel art:

    http://pickspy.deviantart.com/art/Pi...l-Eng-69561436

    How to animate it:

    http://elitesniper177.deviantart.com...n-tut-50587477

    Other varying sprite tutorials:

    http://browse.deviantart.com/#order=9&q=pixel+tutorial
    Reply With Quote Reply With Quote

  12. #8
    Join Date
    Feb 2006
    Location
    Wisconsin
    Posts
    1,611
    Thanks
    550
    Thanked 1,313 Times in 417 Posts
    There was a weekly sprite competition here about a year ago. You might do a search to see if there are links and tips to help you. I can almost guarantee that there are. Way of the pixel is a good start.

    here is another link I had in the archives.
    http://gas13.ru/v3/tutorials/sywtbap...ame_sprite.php
    Reply With Quote Reply With Quote

  13. #9
    Join Date
    Oct 2005
    Location
    Orlando, Florida
    Posts
    401
    Thanks
    518
    Thanked 231 Times in 86 Posts
    use a 1 px square pencil brush. sketch out your dude roughly in the small size. create new layer and paint out your guy following your sketch. use 2 -3 tone levels ( shadow, mid tone, highlight) and what helps me usually is creating an isometric tile in a layer so i sorta know the angle I'm supposed to be drawing at. Don't use opacity that will only mess you up.

    Oh and when animating, anything you do to the layer on the first frame will move all other frames so careful with that.
    Reply With Quote Reply With Quote

  14. #10
    Join Date
    Jul 2002
    Location
    SWE
    Posts
    2,536
    Thanks
    42
    Thanked 1,309 Times in 389 Posts
    One thing which really helps when doing art in general, faces and pixel art in particular, is to create a New Window (under Arrange) and set it at a different zoom. When doing pixel art I set the window I'm not working in to 200%, and the work window to much more.

    I turn on the Grid if I'm working with tiles.

    Pencil tool is good, yeah. Sometimes if I work with a big palette (256) I just paint big, scale down and clean up the pixels. Sometimes I set the pencil tool to 60% opacity if I want to paint and blend at a pixel level.

    It's a pity PS doesn't have some of Deluxe Paint's features. I know there are some new similar programs, but I prefer working in PS.
    Jamen jag tror att han skäms, och har gömt sig. Vårt universum det är en av dom otaliga spermasatser som Herren i sin självhärliga ensamhet har runkat fram för å besudla intet.
    Reply With Quote Reply With Quote

  15. The Following User Says Thank You to Prometheus|ANJ For This Useful Post:


  16. #11
    Join Date
    Oct 2004
    Location
    Philippines
    Posts
    2,925
    Thanks
    410
    Thanked 273 Times in 205 Posts
    Thanks a lot guys. Lots of good info.

    This is my sketch. As I've mentioned above, I'm having a hard time translating it into 32x32 sprite. I think I need to simplify it even further...What do you think?
    Reply With Quote Reply With Quote

  17. #12
    Join Date
    Feb 2007
    Posts
    1,819
    Thanks
    1,540
    Thanked 1,837 Times in 521 Posts
    lookin good, its roughness could be why it doesnt skew at 32x32 so well, try making a linework of it first
    Reply With Quote Reply With Quote

  18. The Following User Says Thank You to nauvice For This Useful Post:


  19. #13
    Join Date
    Oct 2005
    Location
    Orlando, Florida
    Posts
    401
    Thanks
    518
    Thanked 231 Times in 86 Posts
    if you shrink that to 32x32 it will be too blurry to translate. So just use it as reference and not a tracing device. redraw an outline of him as close as you can to what you want to achieve in the 32x32 square.

    the guy has enough detail i think and he's looking good. Keep at it.
    Reply With Quote Reply With Quote

  20. The Following User Says Thank You to LuckyDevil For This Useful Post:


Page 1 of 3 1 2 3 LastLast

Similar Threads

  1. How to Create a Blender in Photoshop
    By toad1971 in forum PHOTOSHOP
    Replies: 7
    Last Post: July 14th, 2012, 11:20 PM
  2. Using Photoshop (CS4) to create Album Cover
    By goryboy in forum PHOTOSHOP
    Replies: 3
    Last Post: April 4th, 2010, 10:04 PM
  3. Replies: 2
    Last Post: February 18th, 2008, 11:01 AM
  4. Replies: 1
    Last Post: March 11th, 2007, 07:07 AM
  5. How do you create storyboard frames in photoshop or illustrator?
    By matttaylor in forum ART CRITIQUE CENTER
    Replies: 4
    Last Post: May 16th, 2004, 08:58 PM

Members who have read this thread: 0

There are no members to list at the moment.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
  • 424,149 Artists
  • 3,599,276 Artist Posts
  • 32,941 Sketchbooks
  • 54 New Art Jobs
Art Workshop Discount Inside

Developed Actively by vBSocial.com
SpringOfSea's Sketchbook