Jump to content

  • Log In with Google      Sign In   
  • Create Account

2d tutorials and learning resources


Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.

  • You cannot reply to this topic
10 replies to this topic

#1 jbadams   Senior Staff   -  Reputation: 19374

Like
2Likes
Like

Posted 16 April 2013 - 10:00 PM

The old http://www.gamedev.net/topic/257345-tutorials-downloads-check-here/ tutorials &amp downloads sticky topic is unfortunately broken, and a lot of the links were outdated before that. With your help we'd like to create a new and up-to-date version, but this time we'll be keeping the 2d and 3d stuff separate -- <u>this topic is for 2d tutorials and resources only</u>!

Please post links to anything you think should be included below -- this can and should be anything that you feel is helpful for learning to create 2d art, including stuff on pixel art, drawing, concept art, art theory, and anything else that might fit. You can find the matching topic for 3d resources http://www.gamedev.net/topic/641913-3d-tutorials-and-learning-resources/ here.

Note that this is not a discussion topic, and any questions or comments may be deleted -- we're looking to build a list a valuable resources here! All relevant links will be edited into this first post, and once it's a reasonable size most of these original instructions will be edited out.

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

http://www.gamedev.net/page/resources/_/creative/visual-arts/the-total-beginner’s-guide-to-better-2d-game-art-r2959 The Total Beginner's Guide to Better 2D Game Art
http://www.gamedev.net/page/resources/_/creative/visual-arts/better-programmer-art-r2594 Better Programmer Art

Pixel Art

http://makegames.tumblr.com/post/42648699708/pixel-art-tutorial Derek Yu's pixel art tutorial
http://www.petesqbsite.com/sections/tutorials/tuts/tsugumo/ So you want to be a pixel artist? (Tsugamo's tutorial)
http://www.pixeljoint.com/forum/forum_posts.asp?TID=11299 The Pixel Art Tutorial (http://www.pixeljoint.com/ Pixel Joint forum resource)
http://2dwillneverdie.com/intro/ 2d will never die (http://2dwillneverdie.com/tutorial/ direct link to tutorials)
http://gas13.ru/v3/tutorials/ Pixel Art &amp Photoshop tutorials


Pixel Art -- Specific Techniques

http://www.gamedev.net/blog/492/entry-2255532-how-to-destroy-an-airplane/ How to destroy an airplane
http://www.elitepigs.de/blog/archives/17 Optimizing tilesheets


Color

http://www.colormatters.com/color-and-design/basic-color-theory Basic Color Theory
http://colorschemedesigner.com/ Color Scheme Designer
http://www.evolutionarydesigns.net/blog/2010/08/27/color-palette-generators/ 19 Color Palette Generators


Lighting/Texturing

http://www.idrawdigital.com/2010/04/tutorial-foreshortening-tricks/ Art tutorial -- contains lots of stuff, but especially good tips on lighting/how to light textures
http://www.itchy-animation.co.uk/tutorials/light01.htm Study of light


Perspective

http://perspective-book.com/drawing-painting/perspective-draw-tutorial-vanishing-points.html How to draw tutorial: perspective and vanishing points


Figure drawing

http://www.idrawdigital.com/2009/01/tutorial-anatomy-and-proportion/ Tutorial: anatomy and proportion
http://www.idrawdigital.com/2010/04/tutorial-foreshortening-tricks/ Tutorial: foreshortening tricks


Classic 2d animation

http://www.angryanimator.com/word/tutorials/ Angry animator tutorials
http://www.awn.com/tooninstitute/lessonplan/lesson.htm Larry's Toon Institute


Other

http://www.androidblues.com/visualperception.html Perception and Composition
http://www.vgmuseum.com/ The Video Game Museum (collection of visual material -- screenshots, cover art, ads, etc.) from mostly 90s video games)


Edited by JTippetts, 02 March 2014 - 04:44 PM.
Cleaned up the tags.


Sponsor:

#2 Prinz Eugn   Crossbones+   -  Reputation: 3680

Like
2Likes
Like

Posted 19 April 2013 - 08:44 PM

Color

http://www.colormatters.com/color-and-design/basic-color-theory

 

Basic color theory

 

http://colorschemedesigner.com/

 

Automated color wheel for picking color schemes. Built for web designers but useful for figuring out basic color schemes.

 

http://www.evolutionarydesigns.net/blog/2010/08/27/color-palette-generators/

 

Big list of other color palette designers.

 

Perspective

http://perspective-book.com/drawing-painting/perspective-draw-tutorial-vanishing-points.html

An alternate explanations of how vanishing points work.

 

 

Figure Drawing

http://www.idrawdigital.com/2010/04/tutorial-foreshortening-tricks/

 

Some tricks for foreshortening in figure drawing

 

http://www.idrawdigital.com/2009/01/tutorial-anatomy-and-proportion/

 

Basic human proportions

 

Lighting/Texturing

 

http://www.androidarts.com/art_tut.htm

 

Lots of stuff, but especially good tips on lighting and how to light textures

 

Pixel Art

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

 

A good intro to pixel art, but I have to caveat it by saying Pixel Joint is kind of picky about how they think things "should be" done. Limited color pallets and pickiness about tools isn't that necessary, especially when you're doing hundreds of game sprites. Plus they like the hue shift the crap out of everything.


-Mark the Artist

Digital Art and Technical Design
Developer Journal


#3 Kryzon   Prime Members   -  Reputation: 3314

Like
2Likes
Like

Posted 20 April 2013 - 08:56 PM

Classic 2D animation tutorials: 

http://www.angryanimator.com/word/tutorials/

http://www.awn.com/tooninstitute/lessonplan/lesson.htm

 

Study of Light:

http://www.itchy-animation.co.uk/tutorials/light01.htm

 

Perception and Composition:

http://www.androidblues.com/visualperception.html

 

Pixel Art & Photoshop tutorials:

http://gas13.ru/v3/tutorials/

http://www.elitepigs.de/blog/archives/17 (optimizing a tileset)

 

Collection of visual material from games (mostly 90's games):

http://www.vgmuseum.com/ (cover arts, ads, screenshots etc.)

 

EDIT: (Added 05/05/2012) 

Very cool blog focused on pixel art. Has an article about this craft and lots of advanced tutorials.

http://2dwillneverdie.com/intro/


Edited by Kryzon, 05 May 2013 - 03:46 PM.


#4 Kryzon   Prime Members   -  Reputation: 3314

Like
1Likes
Like

Posted 06 August 2013 - 10:45 AM

- A an interesting website. It's a great resource for level designers: http://vgmaps.com

They "map" the levels of games in an analytical way, showing structures, passages, layout etc.

For platformers and RPGs, they merge all screens together so you get one big contiguous level. There's 3D game maps as well.

 

- More pixel-art tutorials and articles: http://pixel.oceansdream.net/

 

- More game art articles: http://www.dinofarmgames.com/category/art-barn/

 

- A "map and cartography" enthusiast forum. Samples and information on how to build maps etc. (including Sci-Fi and Fantasy style maps): http://www.cartographersguild.com/forum.php


Edited by Kryzon, 31 August 2013 - 06:48 PM.


#5 jbadams   Senior Staff   -  Reputation: 19374

Like
1Likes
Like

Posted 06 August 2013 - 10:40 PM

Thanks!

 

Damn forum software has mangled the original post again, but hopefully it won't prove so difficult to fix now that we're at least only dealing with issues from the latest version of the site.



#6 Kryzon   Prime Members   -  Reputation: 3314

Like
1Likes
Like

Posted 02 March 2014 - 04:28 PM

Article relating Gestalt principles with user interface design:

http://designmodo.com/use-gestalt-laws-to-improve-your-ux/



#7 Kryzon   Prime Members   -  Reputation: 3314

Like
1Likes
Like

Posted 05 August 2014 - 08:04 PM

Composition tutorial by Phil Straub:
http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/phil_straub_composition_tutorial

EDIT: I only saw the red banner at the top (stating that this is too old of a topic and that I may not post here) after making this post. Should I have made another thread? At least all of the content stays in a single place.

Edited by Kryzon, 05 August 2014 - 08:23 PM.


#8 Komatsu   Members   -  Reputation: 406

Like
1Likes
Like

Posted 05 August 2014 - 10:06 PM

This place is a good resource for digital painting

 

http://www.ctrlpaint.com/



#9 BagelHero   Members   -  Reputation: 1482

Like
1Likes
Like

Posted 06 August 2014 - 03:16 AM

Well, while this is bumped...

Lots of stuff:
http://androidarts.com/art_tut.htm

 

Composition:

http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/phil_straub_composition_tutorial

http://dantat.typepad.com/dantat/2010/10/notes-on-composition.html

 



#10 Kryzon   Prime Members   -  Reputation: 3314

Like
0Likes
Like

Posted 06 August 2014 - 03:27 AM

A selection of good DeviantArt tutorials, courtesy of Katarzyna Redesiuk:

http://vesner.deviantart.com/journal/Tutorials-and-techniques-2-327697232

#11 jbadams   Senior Staff   -  Reputation: 19374

Like
1Likes
Like

Posted 06 August 2014 - 04:27 AM

Thanks for the links guys, looks like I need to fix up the formatting again and include these additional links.






Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.



PARTNERS