Spriteattack's Art tutorials



  • PolarPolar Removed Posts: 35
    can someone make a mario style image without the M on his hat in separate parts so i can make an animation, it will help me a lot,Tks
  • SpriteAttackSpriteAttack Member Posts: 524
    @Polar - I wrote a tutorial that creates a character with body parts like the Mario character... but I think you are more after something like this:

  • MoebiusMoebius Member Posts: 194
    i bet the s stands for sprite attack ;)
  • arkonllfarkonllf Member Posts: 118
    thanks so much for this!
    here is my first one-
  • arkonllfarkonllf Member Posts: 118
    sprite attack where can i find your tutorial for that?
  • JGary321JGary321 Member Posts: 1,246
    Would love a tutorial for "shading"... I started doing some of my own artwork, but kinda gave up because I can not figure out when/how to do the various shadings like what you do. Without the shading it all looks bland & flat.. Any tips?
  • SpriteAttackSpriteAttack Member Posts: 524
    edited March 2012
    @arkonllf - For what? The mario style guy? I have not written that one yet... :)

    @JGary321 - I have the art for a basic shading tutorial - I would just need to sit down and write it... Would something like this help (with the step by steps and explanations of course)?
  • JGary321JGary321 Member Posts: 1,246
    That would definitely help... I have trouble figuring out where & why to shade.. I think if I could just get that concept down I could do some good stuff. I can do the drawings, but they look flat ya know?
  • LeonardDeveloperLeonardDeveloper Member Posts: 4,630
    If you're doing requests chris! :D I would find a UI tutorial amazing! :D Or a nice Tutorial on who to make a planet :D
    But I think everyone would love a UI tutorial! :D
  • SpriteAttackSpriteAttack Member Posts: 524
    This has to be one of the most requested tutorials has to be on shading. How do you do it? Why do it? Where do I add shadows and what colours do I use? Lighting is vast area and the possibilities are shear endless. In this tutorial I tried to cover the absolute basics with one of the simplest shapes - the ball.
    If used correctly light and shadow will make your scene / object look a lot more spectacular, real and visually appealing.

    Let's start with a circle - I know this must be the 100s time I have written those words - but it's still the easiest object to work from.


    The result is not realistic and not overly cartoon like. If you aim for the latter cell shading with 2 to 4 colours will do the trick. To get the ball to look more realistic the highlight elements would require more work - and a Google image search for something like Christmas decoration.

    Let's take a quick look at the effect of changing light on our ball.


    As the ball gets closer to the light source the effect of the light should be stronger - lighter highlights and darker shadows with the effect of the secondary light source less visible.

    One question I have been asked a lot concerns the choice of colours. The very basic shading would be by simply using white for the highlights and black for the shadows. In my opinion the result usually looks dead and cold. I prefer warmer light and my favorite shadow colours are dark purple or dark brown (with adjusted alpha). That way you get warmer tones and more lively colours.

    Then again the scene you are trying to influences the colours of your light and shadows. E.g. an underwater scene would look very odd with brown or red shadows - you would choose a white/ blue/ green colour-scheme. A summer afternoon would have a light yellow/ gold/ dark brown or deep red palette - while a winter's day would have white/ blueish grey and black.

    Here are a few examples of the effect colours have on the shading of an object.


    In the end it's a matter of playing around, finding the right light to set the mood for your scene and then stick to it for all the objects in your scene. Have fun with it! Try to find something that enhances the mood and the atmosphere you are after and don't be afraid to try 'odd' colour combinations.

    If you create game assets keep changes to the scene in mind. To avoid having to create dynamic lighting - which looks awesome but is a lot of work on the coding as well as the art creation side of things - I would suggest sticking to a standard light setting (e.g. top down - that way flipping a character horizontally to walk in the opposite direction does not mean creating new assets to keep the scene looking consistent). It can also be very helpful to separate the shadows form the objects for allow jumps and walking on non-horizontal surfaces to look right.

    I hope this was helpful so far and I plan to add to this tutorial in future with some more advanced objects and more complex shapes. Enjoy!
  • PolarPolar Removed Posts: 35
    How do i do a picture of a cartoon style cannon and cannon ball just like in the mini cannon game.
  • JGary321JGary321 Member Posts: 1,246
    Awesome tutorial, these help out a lot. Good job Sprite Attack!
  • mrglocklingmrglockling Member Posts: 258
    Hey Sprite can you make a tutorial on scenery like Trees, Bushes, ETC? nice tutorials by the way ;)

  • basil81basil81 PRO Posts: 103
    These are some fantastic tutorials! All extremely well presented and easy to understand, :) Looking forward to more!
  • poorcollegedevpoorcollegedev Member Posts: 289
    @SpriteAttack how about some pixel art? Like characters and environments?
  • SpriteAttackSpriteAttack Member Posts: 524
    @LeonardDeveloper - UI is in the pipeline

    @poorcollegedev - pixelart is a whole different kettle of fish and it is very different skills - a lot more artistic and less constructed... I would love to do those... but there are still a bunch of topics to cover with vectors and a digital book to write ;)
  • poorcollegedevpoorcollegedev Member Posts: 289
    @SpriteAttack oh darnski! Oh well, cannot wait for the UI tutorials though!
  • CulturePlayCulturePlay Member, PRO Posts: 113
    @SpriteAttack I'm in need of a coin/chip flip animation for my a project I am working on. Check out this example: http://www.readwritethink.org/files/resources/interactives/flip/
  • itwebsolutionitwebsolution Member Posts: 40
    @SpriteAttack thank you very much for the tutorials. I have really learned a great deal from your insights. I know it takes a lot of time to put these together. Your efforts and insights are greatly appreciated!
  • CulturePlayCulturePlay Member, PRO Posts: 113
    @SpriteAttack my wife could not believe that I created this, and better yet I actually impressed my 8 year old! Thanks man, and keep doing what you're doing!

  • blorschblorsch Member Posts: 248
    Could you help me with a 512 x 512 app icon?
  • BluSpyderBluSpyder Member Posts: 129
    Could you do a template/tutorial of the "Zanda" hero character? Thanks!
  • jtoellejtoelle Member Posts: 5
    I'm a noob to GameSalad but I'm working on an idea and had a question about Graphics.

    If I wanted my Characters Eyes to blink when he was touched on the screen, do I have to have to draw the image with 3 different frames of the eye closing..

    So the first image will be the the character with eyes open.
    Then second image with they eyelid half closed
    Lastly the image with his eyes fully closed.

    Is this the correct way to create an animation of a character?

    Sorry for the newbie question, thanks for the advice.
  • poorcollegedevpoorcollegedev Member Posts: 289
    @spriteattack could you do a tree that could be used in a tile based rpg?
  • 0oHamzaho00oHamzaho0 Member Posts: 14
    Can you make a tutorial on how to make a cabinet (as in filing cabinet) thanks. i've tried it with adobe fireworks and it doesn't look right also looks too cartoony with inkscape.Can you show it with a applied a gradient with inkscape? thanks
  • SpriteAttackSpriteAttack Member Posts: 524
    Hi guys... I will try to catch up... It's been a mad few month and I am finally catching my breath... and finding time to answer... I will write some new tutorial this weekend and hopefully keep them coming on a weekly basis again...
  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    Hi guys... I will try to catch up... It's been a mad few month and I am finally catching my breath... and finding time to answer... I will write some new tutorial this weekend and hopefully keep them coming on a weekly basis again...
Sign In or Register to comment.