Difference between revisions of "External Tutorials"

From The Battle for Wesnoth Wiki
(Cell-shading/Comic Art Styles)
(General Art Instruction)
 
(23 intermediate revisions by 6 users not shown)
Line 5: Line 5:
 
On this page, there are links to several tutorials covering all manner of artwork, including sprite art.  No guarantees on how long the links will last, but then, the beauty of using a wiki is that anyone can submit corrections to them.  Hopefully, this should provide a very good base of knowledge to work from.  None of these can substitute for practice, rather these exist to guide your practice, and help it to improve your skill rapidly, rather than having you flog away at simple cartoon forms for years and not learn anything.
 
On this page, there are links to several tutorials covering all manner of artwork, including sprite art.  No guarantees on how long the links will last, but then, the beauty of using a wiki is that anyone can submit corrections to them.  Hopefully, this should provide a very good base of knowledge to work from.  None of these can substitute for practice, rather these exist to guide your practice, and help it to improve your skill rapidly, rather than having you flog away at simple cartoon forms for years and not learn anything.
  
As stated in some of Jetryl's other tutorials here, ''do not'' jump into the sprite tutorials and ignore the works on general or figure drawing.  If you intend to draw sprites well, the ability to draw and visualize the subject in a general sense is an absolute prerequisite.  Without exception, the best sprite artists are such because they have good basic art skills; understanding of shading, light, proportion, edging, foreshortening, etc.
+
As stated in some of Jetrel's other tutorials here, ''do not'' jump into the sprite tutorials and ignore the works on general or figure drawing.  If you intend to draw sprites well, the ability to draw and visualize the subject in a general sense is an absolute prerequisite.  Without exception, the best sprite artists are such because they have good basic art skills; understanding of shading, light, proportion, edging, foreshortening, etc.
  
 
You can't fake those - even if you never practice anything but spritework, the tutorials for "higher art" are very applicable, and will improve your spriting skill considerably.
 
You can't fake those - even if you never practice anything but spritework, the tutorials for "higher art" are very applicable, and will improve your spriting skill considerably.
Line 12: Line 12:
 
== General Art Instruction ==
 
== General Art Instruction ==
  
Andrew Loomis is a master of his field.  ''READ THESE BOOKS.''  They are classics, and not only are of pristine educational calibre, but have also passed into the public domain, and can be downloaded for free.  If you have any interest in drawing human beings, they will help you more than the rest of the tutorials on this page, combined.
+
===Andrew Loomis Books===
  
Unfortunately, this site has taken down their copies. Drat.  A google search might help you find one - one of the best was his "Figure Drawing for All It's Worth"
+
Andrew Loomis is a master of his field. ''Read his books!'' They are classics, and are of pristine educational calibre. If you have any interest in drawing human beings though, they will help you more than the rest of the tutorials on this page, combined.
  
http://www.saveloomis.org/
+
They unfortunately have been out of print for a long time now, and will not enter the public domain any time soon. Copies are highly priced and hard to find in most cases. On the other hand, due to demand, pirated copies are widely available online — it’s just a fact, we don't endorse piracy.
  
 +
You can start with ''Fun with a Pencil'' and ''Figure Drawing for all it's Worth''.
  
The Kodak company made the following, very comprehensive introduction to composition.  These rules apply to pictures as well, and will help you when laying out the subjects in a picture.
+
===Other Resources===
 +
 
 +
For anatomy George B. Bridgman actually taught Andrew Loomis and is was well regarded for his contributions to art education, his books are still in print and pretty cheap, if you can pick up the smaller individual books I highly recommend doing so, "Bridgman's Complete Guide to Drawing from Life" is a large collection comprising of most of the same drawings and text but due to the changed order and layout is not nearly as good as the originals, luckily some of them have recently entered the public domain and are available from the Internet Archive.
  
http://asp.photo.free.fr/Composition/photoProgramCompMainClass.shtml
+
"Constructive Anatomy" seems a good place to start, "The Human Machine" is much more useful as a reference.
  
 +
http://www.archive.org/details/constructiveanat00briduoft
  
Itchy Animation has, amongst other things, a tutorial on the rarely-covered subject of the behaviour of light and its effects on color (rarely covered from an artists' perspective, that is).
+
http://www.archive.org/details/humanmachinethea009564mbp
  
http://www.itchy-animation.co.uk/
 
  
http://www.itchy-animation.co.uk/tutorials/light01.htm
+
Condensed human figure tutorial by DeviantArt member coelasquid.
  
 +
http://coelasquid.deviantart.com/art/How-to-draw-all-sorts-of-crap-104342407
  
Carin Perron has posted an excellent tutorial on the basic principles of animation.
 
  
http://www.writer2001.com/animprin.htm
+
The Kodak company made the following, very comprehensive introduction to composition. These rules apply to pictures as well, and will help you when laying out the subjects in a picture.
  
 +
http://asp.photo.free.fr/Composition/photoProgramCompMainClass.shtml
  
GFXartist.com has several tutorials from different artists, including the painter Craig Mullins, who has, for nearly a decade, been the favorite artist of wesnoth's art slave "Jetryl," and has a good chance of keeping that position for the rest of either fellow's time on this earth.  (J- I can't say enough good things about that guy; I would honestly rank him among the greats, like Rembrandt, or Picasso - he's *that* good.  The tutorials posted on that site do him little justice - for a better sample, his personal site is http://www.goodbrush.com/ , which has over a thousand of his works.)
 
  
http://www.gfxartist.com/features/tutorials
+
The following site has a very high-level and overbearing tutorial on color theory. It's quite useful to experts, but will probably confuse a beginner.
  
 +
http://handprint.com/HP/WCL/wcolor.html
  
Itch Studios - no relation to the above link, has a good general tutorial on methods in art, including choices of color and lighting.
 
  
http://itchstudios.com/psg/art_tut.htm
+
Itchy Animation has, amongst other things, a tutorial on the rarely-covered subject of the behaviour of light and its effects on color (rarely covered from an artists' perspective, that is).
  
 +
http://www.itchy-animation.co.uk/
  
Digital Painter Henning Ludvigsen has posted several tutorials on his portfolio site.
+
http://www.itchy-animation.co.uk/tutorials/light01.htm
  
http://www.henningludvigsen.com/wordpress/?page_id=22
+
 
 +
GFXartist.com has several tutorials from different artists, including the painter Craig Mullins, who has, for nearly a decade, been the favorite artist of wesnoth's art slave "Jetrel," and has a good chance of keeping that position for the rest of either fellow's time on this earth.  (J- I can't say enough good things about that guy; I would honestly rank him among the greats, like Rembrandt, or Picasso - he's *that* good.  The tutorials posted on that site do him little justice - for a better sample, his personal site is http://www.goodbrush.com/ , which has over a thousand of his works.)
 +
 
 +
http://www.gfxartist.com/features/tutorials
  
  
Line 60: Line 67:
 
http://www.portrait-artist.org/
 
http://www.portrait-artist.org/
  
== Tutorials on using Computer Graphics Software ==
 
  
Good-tutorials.com has over 8000 various tutorials covering different aspects of the popular program, "Adobe® Photoshop®."
+
An excellent skin tutorial by DeviantArt member acidlullaby.
  
http://www.good-tutorials.com/
+
http://acidlullaby.deviantart.com/art/Skin-Tutorial-90966884
  
== Cell-shading/Comic Art Styles ==
 
  
Farlow studios has a number of excellent tutorials on pencilling, inking, and coloring.  So long as one can draw, this covers all the computer techniques used to turn a pencil drawing on paper into a colored digital image (including ways to make said pencil drawing that ease the coloration process).  A good introduction for people unfamiliar with the computer aspect.
+
This website already features a couple of great painting tutorials and has potential to grow.
  
http://www.farlowstudios.com/tutorials.html
+
http://www.outofpaint.com
  
 +
== Tutorials on using Computer Graphics Software ==
  
DeviantArt member Naysha has posted (in her gallery, amongst other images) the following tutorial on painting flesh tones.  It has some decent tips for beginners.
+
Good-tutorials.com has over 8000 various tutorials covering different aspects of the popular program, "Adobe® Photoshop®."
  
http://www.deviantart.com/view/35619683/
+
http://www.good-tutorials.com/
  
  
DeviantArt member Chrysa has posted (in her gallery, amongst other images) several tutorials for drawing in the anime style.  Some of them, such as the hair tutorial, may be helpful in shaping line art for strands of hair.
+
The official collection of GIMP tutorials on www.gimp.org. Includes tutorials for users of all skill levels, from beginner through expert.
  
http://crysa.deviantart.com/gallery/
+
http://www.gimp.org/tutorials/
 
 
 
 
DeviantArt member pokefreak has posted a tutorial on how he cell-shades premade black and white images for Shannaro's translations of the Naruto Manga series.
 
 
 
http://www.deviantart.com/view/36191388/
 
 
 
 
 
Kazu Kibuishi draws a webcomic called "Copper".  He has an extensive tutorial on the process of how he creates his comic, from initial sketches, to inking, to coloring on the computer.
 
 
 
http://www.boltcity.com/workshop/copper_tutorial/index.html
 
 
 
 
 
The Polycarbon site has been around for a number of years. Patrick Shettlesworth has posted up several basic drawing tutorials, along with tips on computer techniques which can be used to really spice up art in a photoshop-like program.
 
 
 
http://www.polykarbon.com/tutorials/index.htm
 
 
 
 
 
Pens and Pixels has several very good tutorials on advanced cell-shading and coloring techniques.
 
 
 
http://www.pensnpixels.com/instructional.html
 
  
 +
== Sprite Art ==
  
Though focused in parts on the mechanics of running a webcomic, and the rather contrived "art lifestyle" that such people try to act out, this site does contain a number of good, basic tutorials on cell-shading.
+
The medium used to create sprite art is known as 'pixel art'. If you do not understand what pixel art is, or if you have only a general understanding of what it is, I suggest reading [http://www.pixeljoint.com/forum/forum_posts.asp?TID=11299 The Pixel Art Tutorial] by Cure. It is comprised of a series of sequential forum posts on the www.pixeljoint.com forum and gives an in-depth overview of pixel art, explaining in detail what pixel art is and what it is not. Although aimed primarily at those who are new to pixel art, the tutorial can also be helpful to more advanced pixel artists.  
  
http://www.onezumi.com/oni/html/modules.php?name=Content&pa=showpage&pid=10
 
  
 +
An excellent pixel art tutorial that covers a lot of fundamental spriting and pixel art concepts, from sketching and selout to palettes and antialiasing. HIGHLY recommended for pixel artists of all skill levels.
  
Joe Brudlos has put up a few tutorials for the process he uses in creating pages in his webcomic, "Alpha Shade". There's are two tutorials for Photoshop, covering the creation of clouds and explosions, respectively, and two tutorials on creating cell-shaded imagery in Macromedia Flash.
+
http://purloux.com/artwork/tutorials/rundown/
  
http://www.alpha-shade.com/www/Tut/Tutorials.htm
 
  
 +
A very worthwhile mini-tutorial by veteran spriter and pixel artist (and Wesnoth contributor) Neoriceisgood, in which he explains his spriting workflow step-by-step, from the initial sketch to the finished product. (Note: the tutorial is in the form of a 1208x1660 .png file.)
  
Julie Dillon has a few of her tutorials up on the "How to draw Manga" site.  Though obviously focused on the style favored by Japanese comic artists and animators, it does cover all the basics of cell-shading rather well, and also covers basic figure drawing in the style.
+
[http://fc01.deviantart.net/fs15/f/2007/063/e/a/How_to_make_sprite_by_Neoriceisgood.png How_to_make_sprite_by_Neoriceisgood.png]
 
 
http://www.howtodrawmanga.com/tutorial.html
 
 
 
 
 
Dan Kim's website Clone Manga has at least four comics in the works, currently, most in rather atypical (and thus, refreshing) styles.  He has posted two drawing and coloring tutorials, for use in a photoshop-like program.
 
 
 
http://manga.clone-army.org/tutorials.html
 
 
 
 
 
Though not so terribly informative, this tutorial is being linked based on the vast amount of time which the game "Oni" stole from Jetryl's teenage years.
 
 
 
http://oni.bungie.org/features/drawing_konoko/drawingkonoko.htm
 
 
 
A bunch of general manga comic, cellshading and misc computer art related tutorial.
 
 
 
http://www.mangarevolution.com/tutorials.php
 
 
 
== Sprite Art ==
 
 
 
 
 
With a name like SpriteArt.com, this site actually manages not to disappoint.  Tutorials from several artists are present, as well as a good deal of gorgeous pixel art.
 
 
 
http://www.spriteart.com/
 
 
 
http://www.spriteart.com/pixeltutorial.html
 
  
  
Line 146: Line 108:
  
  
A russian site featuring several tutorials - you may need to click on the "English" link to view the site in a language you can understand, unless you have the privilege of knowing Russian.
+
A Russian site featuring several tutorials - you may need to click on the "English" link to view the site in a language you can understand, unless you have the privilege of knowing Russian.
  
 
http://www.gas13.ru/tutorials/
 
http://www.gas13.ru/tutorials/
Line 160: Line 122:
 
http://pixeljoint.com/forum/forum_posts.asp?TID=706&PN=1
 
http://pixeljoint.com/forum/forum_posts.asp?TID=706&PN=1
  
 +
== Animation ==
 +
 +
Carin Perron has posted an excellent tutorial on the basic principles of animation.
 +
 +
http://www.writer2001.com/animprin.htm
 +
 +
 +
A very worthwhile tutorial on creating walking animations, covers essential details such as rotation, movement arcs, etc.
 +
 +
http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/
  
A rather large Japanese tutorial on spritework.  Note that the tutorial is only in Japanese, and that the html does not automatically set the page to the Shift-JIS text encoding, which is necessary in order to view the page.  Even if you don't understand the text, following along with the pictures may be more than enough to teach you something.  There are several pages to the tutorial, the arrow links to switch between are at the bottom and top.
 
  
http://www.enterbrain.co.jp/digifami/digiweb/dot_teck/3nen/3_09.html
+
Another walking animation tutorial:
  
 +
http://www.dungeoncraftgame.com/blog/?p=39#more-39
  
 
== See Also ==
 
== See Also ==

Latest revision as of 14:15, 16 December 2012

On this page, there are links to several tutorials covering all manner of artwork, including sprite art. No guarantees on how long the links will last, but then, the beauty of using a wiki is that anyone can submit corrections to them. Hopefully, this should provide a very good base of knowledge to work from. None of these can substitute for practice, rather these exist to guide your practice, and help it to improve your skill rapidly, rather than having you flog away at simple cartoon forms for years and not learn anything.

As stated in some of Jetrel's other tutorials here, do not jump into the sprite tutorials and ignore the works on general or figure drawing. If you intend to draw sprites well, the ability to draw and visualize the subject in a general sense is an absolute prerequisite. Without exception, the best sprite artists are such because they have good basic art skills; understanding of shading, light, proportion, edging, foreshortening, etc.

You can't fake those - even if you never practice anything but spritework, the tutorials for "higher art" are very applicable, and will improve your spriting skill considerably.


General Art Instruction

Andrew Loomis Books

Andrew Loomis is a master of his field. Read his books! They are classics, and are of pristine educational calibre. If you have any interest in drawing human beings though, they will help you more than the rest of the tutorials on this page, combined.

They unfortunately have been out of print for a long time now, and will not enter the public domain any time soon. Copies are highly priced and hard to find in most cases. On the other hand, due to demand, pirated copies are widely available online — it’s just a fact, we don't endorse piracy.

You can start with Fun with a Pencil and Figure Drawing for all it's Worth.

Other Resources

For anatomy George B. Bridgman actually taught Andrew Loomis and is was well regarded for his contributions to art education, his books are still in print and pretty cheap, if you can pick up the smaller individual books I highly recommend doing so, "Bridgman's Complete Guide to Drawing from Life" is a large collection comprising of most of the same drawings and text but due to the changed order and layout is not nearly as good as the originals, luckily some of them have recently entered the public domain and are available from the Internet Archive.

"Constructive Anatomy" seems a good place to start, "The Human Machine" is much more useful as a reference.

http://www.archive.org/details/constructiveanat00briduoft

http://www.archive.org/details/humanmachinethea009564mbp


Condensed human figure tutorial by DeviantArt member coelasquid.

http://coelasquid.deviantart.com/art/How-to-draw-all-sorts-of-crap-104342407


The Kodak company made the following, very comprehensive introduction to composition. These rules apply to pictures as well, and will help you when laying out the subjects in a picture.

http://asp.photo.free.fr/Composition/photoProgramCompMainClass.shtml


The following site has a very high-level and overbearing tutorial on color theory. It's quite useful to experts, but will probably confuse a beginner.

http://handprint.com/HP/WCL/wcolor.html


Itchy Animation has, amongst other things, a tutorial on the rarely-covered subject of the behaviour of light and its effects on color (rarely covered from an artists' perspective, that is).

http://www.itchy-animation.co.uk/

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


GFXartist.com has several tutorials from different artists, including the painter Craig Mullins, who has, for nearly a decade, been the favorite artist of wesnoth's art slave "Jetrel," and has a good chance of keeping that position for the rest of either fellow's time on this earth. (J- I can't say enough good things about that guy; I would honestly rank him among the greats, like Rembrandt, or Picasso - he's *that* good. The tutorials posted on that site do him little justice - for a better sample, his personal site is http://www.goodbrush.com/ , which has over a thousand of his works.)

http://www.gfxartist.com/features/tutorials


The excellent pencil artist Mike Sibley has a series of tutorials on techniques he uses on his site. Though some are a bit specific to drawing with graphite, his discussion of negative drawing is very useful to any artist.

http://www.sibleyfineart.com/index.htm?tipsndx.htm


The following website, titled "portrait-artist.org", offers quite a few good tutorials on portrait drawing. Though it might not live up to the 'tall order' implied by its name, it's fairly comprehensive:

http://www.portrait-artist.org/


An excellent skin tutorial by DeviantArt member acidlullaby.

http://acidlullaby.deviantart.com/art/Skin-Tutorial-90966884


This website already features a couple of great painting tutorials and has potential to grow.

http://www.outofpaint.com

Tutorials on using Computer Graphics Software

Good-tutorials.com has over 8000 various tutorials covering different aspects of the popular program, "Adobe® Photoshop®."

http://www.good-tutorials.com/


The official collection of GIMP tutorials on www.gimp.org. Includes tutorials for users of all skill levels, from beginner through expert.

http://www.gimp.org/tutorials/

Sprite Art

The medium used to create sprite art is known as 'pixel art'. If you do not understand what pixel art is, or if you have only a general understanding of what it is, I suggest reading The Pixel Art Tutorial by Cure. It is comprised of a series of sequential forum posts on the www.pixeljoint.com forum and gives an in-depth overview of pixel art, explaining in detail what pixel art is and what it is not. Although aimed primarily at those who are new to pixel art, the tutorial can also be helpful to more advanced pixel artists.


An excellent pixel art tutorial that covers a lot of fundamental spriting and pixel art concepts, from sketching and selout to palettes and antialiasing. HIGHLY recommended for pixel artists of all skill levels.

http://purloux.com/artwork/tutorials/rundown/


A very worthwhile mini-tutorial by veteran spriter and pixel artist (and Wesnoth contributor) Neoriceisgood, in which he explains his spriting workflow step-by-step, from the initial sketch to the finished product. (Note: the tutorial is in the form of a 1208x1660 .png file.)

How_to_make_sprite_by_Neoriceisgood.png


Zoggles has a wealth of tutorials made by many different people, some good, some bad.

http://www.zoggles.co.uk/asp/tutorials.asp?show=index


A Russian site featuring several tutorials - you may need to click on the "English" link to view the site in a language you can understand, unless you have the privilege of knowing Russian.

http://www.gas13.ru/tutorials/


A fellow named mark posted several tutorials at the following site. Most of them are fairly decent:

http://www.natomic.com/hosted/marks/mpat/


The following is a forum post on some spriting forum containing a list of links to different pixel tutorials. Some are of banal quality, your mileage may vary.

http://pixeljoint.com/forum/forum_posts.asp?TID=706&PN=1

Animation

Carin Perron has posted an excellent tutorial on the basic principles of animation.

http://www.writer2001.com/animprin.htm


A very worthwhile tutorial on creating walking animations, covers essential details such as rotation, movement arcs, etc.

http://www.angryanimator.com/word/2010/11/26/tutorial-2-walk-cycle/


Another walking animation tutorial:

http://www.dungeoncraftgame.com/blog/?p=39#more-39

See Also

This page was last edited on 16 December 2012, at 14:15.