Tutorialsammlung

[max_power]

Hinweis: Bei den Grafik-Tutorials wird zwar häufig das benutzte Programm angegeben, aber in den meisten Fällen können verschiedene professionellere Grafikprogramme benutzt werden.

Hintergründe für Adventures

• Wie die Hintergründe für Shatten Reyze entstehen (deutsch)
  Gutes Tutorial zum Pixeln von Hintergründen.
• Making of "Village" (deutsch)
  Tutorial von Jochen 'Joeydee' Diel zu seinem kleinen 3D-Dorf bei Nacht! Für Fortgeschrittene!
• Finearteducation.com (englisch)
  Umfangreiche Tutorials und kostenlose Workshops von Brenda Hoddinott rund um's Zeichnen! Zum Download als PDF-Datei! Sowohl für Einsteiger und Fortgeschrittene
• Coloring Backgrounds Tutorial (englisch)
  Beschreibt den Weg vom Scannen einer Zeichnung zum fertig kolorierten Bild. Benutzt wird PhotoShop.
• Tutorials direkt vom Profi Bill Tiller (englisch)
  Unter anderem stellt er seine Technik vor (Tiller Techniques). Die Grafik-Tutorials richten sich an Fortgeschrittene bis Profis.
• dfactor - Skizze kolorieren (deutsch)
  Es wird ein Screenshot einer einfachen 3D-Skizze aus Wings3D verwendet. Diese Skizze wird mit PhotoShop CS koloriert.
• InCreator's Background Tutorial (englisch)
  Es wird ein Hintergrund mit niedriger Auflösung erstellt. Genutzt wird ArtGem, die meisten Dinge sollten sich jedoch auch einfach mit anderen Programmen erledigen lassen. Für Einsteiger geeignet.
• Kulissenentwurf von Shintao - Visionaire-Forum (deutsch)
  Kein direktes Tutorial, aber man kann die Entstehung eines Hintergrundes „live“ mitverfolgen.
• Fountain of Youth Tutorial (englisch)
  Erstellen eines 2D-Pixelhintergrundes für das Indiana Jones-Adventure
• Drawing Buccaneer Style (englisch)
  Erstellen eines Hintergrundes im Stil des Adventures "The Buccaneer" verwaist
• Background-Tutorial Simon-Sorcerer-Style(englisch)
  Tutorial zum Kolorieren eines Bleistiftskizzen-Hintergrunds
• Kafka's Koffee Tutorials (englisch)
  Hier findet man Tutorials sowohl für Low-Res, als auch Hi-Res-Hintergründe, ebenso für die Charakter-Erstellung
• Realistische(re) Hintergründe zeichnen (englisch)
  Hintergrund für ein Adventure erstellen
• Zwei-Punkt-Perspektive mit Photoshop-Layern (englisch)
  Interessante Infos zur Erstellung für Hintergründe
• Landschaften malen wie Bob Ross - in Photoshop (englisch)
  Auch wenn man dem Tutorial nicht folgen möchte, empfiehlt sich ein Download des Sets von 32 Pinselspitzen (Brushes) für Photoshop (CS und höher). Damit lassen sich z.B. Pflanzen relativ einfach kreieren. Für den Download ist eine Registrierung erforderlich. Beispiel eines Ergebnisses

Komplette Zeichnungen

• Basic CG Painting Tutorial (englisch)
  Umfasst Zeichnung und Kolorierung. Als Software wird Corel Painter benutzt, außerdem wird ein Grafiktablett verwendet.
• Coloration einer Skizze (deutsch)
  Ein Mann mit Zigarre wird koloriert per "Blocken"
• dhabih's home page - Tutorial (englisch)
  Eine Figur samt Hintergrund wird mit PhotoShop 3.05 koloriert.
• Adi Granov - Tutorial (englisch)
  15-16 Stunden-Arbeit von Adi Granov. Anscheinend leider nicht mehr verfügbar, Link führt jetzt zur neuen Homepage von Adi Granov.
• Absylus.com - Tutorials (englisch)
  In den Tutorials wird erklärt, wie man mit Photoshop und Painter komplette Zeichnungen anfertigt und koloriert.
• Chris van der Linden - Tutorial (englisch)
  Eher künstlerisch angehauchtes Tutorial.
• Optimiertes Scannen von Line-Art mit Feinarbeit in PS (englisch)
  Hier wird gezeigt, wie man eine größere Vorlage optimal einscannt und zum Kolorieren vorbereitet.
• GfxArtist.com - Tutorials (englisch)
  Umfangreiche Tutorials für Zeichnungen von Landschaften, Charakteren, Konzeptzeichnungen, Malereien, Airbrush, etc.

Folgende Einträge scheinen leider nicht mehr verfügbar zu sein:

• DarkElf - The Comic (deutsch)
  Beschreibt, wie die Seite eines Comics erstellt wird. Ausführlicher wird die Erstellung und Verbesserung der Zeichnung vor der Kolorierung beschrieben.
• Zeichen- und Mal-Tutorials der Drachenbande (deutsch)
  Umfangreiche Tutorials zur Malerei, Perspektiven, realistischen Portraits, usw.
• Kolorieren im Photoshop (englisch)
  Bleistiftskizze mit Adobe Photoshop 5.5 kolorieren
• Glanz- und Lichteffekte mit Photoshop 6.1 (englisch)
  In dem Beispiel werden die Licht- und Spiegeleffekte auf den Waffen einer Comiczeichnung perfektioniert
• Juwelen-Effekte mit Photoshop (englisch)
  Für dieses Tutorial wurde Adobe Photoshop 5.5 benutzt.
• Kompositions und Maltechniken sowie ein "How To" in Brush Erstellung (englisch)
  Die gezeigten Tutorials beziehen sich auf Photoshop 7. Für Fortgeschrittene!

Evtl. wurde das Forum gehackt oder einfach nur dichtgemacht, auf jeden Fall wird auf dieses Forum verwiesen. Vielleicht findet ihr das ja die Beiträge wieder.

• digitalart-forum: Colorierung (deutsch)
  Eine Bleistiftzeichnung mit einer futuristischen Szene wird verfeinert, eingescannt und mit PhotoShop bearbeitet. Für Fortgeschrittene.
• Color Blocking Tutorial I (deutsch)
  Eine Zeichnung, die nur aus den Umrissen besteht, wird hier beinahe künstlerisch koloriert.
• Color Blocking Tutorial II (deutsch)
  Zeichnung eines Charakters in einer Außenansicht bei extremen Lichtverhältnissen wird koloriert.
• Videomitschnitt eines Speedpaintings (deutsch)
  Aus dem Digitalartforum mit Kommentaren der Zeichner
• Video-Tutorial (deutsch)
  Digitalartforum: Zeichnen in Photoshop 7

Figuren

• Multimediaxis.de - Colorieren von Zeichnungen und Faceset-Edit (deutsch)
  Die Erklärungen beziehen sich auf die deutsche Version von Adobe Photoshop 6.0
• Polykarbon - Mehrere Tutorials (englisch)
  Gezeigt wird, wie man Figuren bzw. verschiedene Körperteile zeichnen kann.
• Tutorial zum Zeichnen von Händen (englisch)
  Neben dem Gesicht sind die Hände am Wichtigesten! Hier wird gezeigt, wie's geht!
• Charaker-Design-Community für Anregungen (englisch)
  Interessante Seite, die zur Inspiration (nicht zum Designklau) dienen könnte!
• Bio Motion Lab 1.8 (englisch)
  Die Punkte dienen als Koordinaten eines Charakters - je nach Einstellung kann man lernen wie sich ein Charakter bewegt und welche feinen Unterschiede zwischen den verschiedenen Stimmungen, Körpergrößen und Geschlechtern liegen
• Human Head (englisch)
  Zeichentutorial für einen menschlichen Kopf
• Sehr hilfreiche Tipps und Techniken zum Malen realistischer Charaktere (englisch)
  Nase, Lippen, Augen, Haut - Hier wird alles erklärt! Für Fortgeschrittene.

Programmierung/Engines

• Tutorialliste, Tutorials für AGS und Flash (deutsch)
  Übersichtsseite von Adventure-Treff
• AGAST-Tutorials (deutsch)
  Darunter ein allgemeines Tutorial, eines zur Wegfindung und eines zu Z-Buffern
• Partikelsystem in AGS (englisch)
  Es wird erklärt, wie man ein Partikelsystem im AGS-Editor umsetzen kann.
• Visionaire Tutorials (deutsch/englisch)
  Tutorials, Storyboad-Vorlagen, Faust- und Schwertkampf-Umsetzungen mit Visionaire, etc.

Storywriting

• Story Writing Tutorial - How to write an Indy Adventure Game (english) In diesem Tutorial wird erklärt, wie man ein Indiana-Jones-Adventure entwerfen kann.
• Al Lowe - Design Documents (englisch)
  "Design Documents" von Al Lowes alten Spielen
• Storyboarding "The Simpsons Way" (englisch)
  15seitige PDF-Datei mit interessanten Infos zum Storyboarding
• Why Adventure Games suck (englisch)
  Pflichtlektüre für jeden Nachwuchsadventuredesigner. Ron Gilbert erklärt in seinem Blog wichtige Punkte, die beim Game Design beachtet werden sollten.

Auf Grundlage der von FritzM und Treibholz erstellten Auflistung von Tutorials zur Hintergrund-Koloration sollen in diesem Thema alle Tutorials, die für die Entwicklung von Fanadventures interessant sind, gesammelt werden. Wenn ihr ein Tutorial findet, dann am besten mit kurzer Beschreibung hier ins Thema schreiben.

[Treibholz]

Dann will ich die Liste mal ergänzen. Hier noch ein paar bunt gemischte:

HINTERGRÜNDE
----------------------------------------

Fountain Of Youth Tutorial (erstellen eines 2D-Pixelhintergrunds):
http://www.barnettcollege.com/tutorial1.htm

Hintergrund-Tutorial: Drawing Buccaneer Style:
http://www.unosar.com/tut1.html

Hintergrund-Tutorial (Stil ähnlich wie Simon the Sorcerer):
http://www.miez.nl/yabbse/index.php?boa ... readid=418


CHARAKTERE
----------------------------------------

Kafka's Koffee - 2D-Pixelcharakter aus Lineart erstellen:
http://kafkaskoffee.tripod.com/tutorials/chartut.htm

Bio Motion Lab 1.8 (ACHTUNG, kurze Erklärung: die Punkte dienen als Koordinaten eines Charakters - je nach Einstellung könnt ihr lernen wie sich ein Charakter bewegt und welche feinen Unterschiede zwischen den verschiedenen Stimmungen, Körpergrößen und Geschlechtern liegen):
http://www.biomotionlab.ca/Demos/BMLwalker.html

Jede Menge Zeichentutorials für Charaktere, Landschaften usw.:
http://www.gfxartist.com/features/tutorials


VERSCHIEDENES
----------------------------------------

Partikelsystem in AGS:
http://www.barnettcollege.com/dkhtut.htm

[FritzM]

Na, das ist doch mal eine Idee!
Warum bin ich da nicht draufgekommen? Genial!

EDIT: Ok, hab mal ein paar Tutorials wieder entfernt, die bereits oben im ersten Thread genannt wurden.

EDIT: Hab nun alle Tutorials - aus Gründen der Übersichtlichkeit - aus diesem Beitrag entfernt, da sie bereits weiter oben oder weiter unten schon genannt wurden.

[Treibholz]

Update - Teil 3:

(@FritzM: Vielleicht können wir max_power überreden, dass er den ersten Post jeweils editiert, um die Neuerungen hinzuzufügen, da sich sonst jeder unsere ganzen Beiträge durchlesen muss )

Zeichen- und Maltutorials der Drachenbande (Skizzen, kolorieren etc.):
http://www.drachenbande.de/workshop/workshop.htm

realistische(re) Hintergründe zeichnen:
http://herculeaneffort.adventuredevelop ... round.html

Kolorieren in Photoshop:
http://www.nethersphere.com/howto_colorsketch.html

Highlights in Photoshop:
http://www.nethersphere.com/howto_magic.html

Juwelen-Effekt in Photoshop:
http://www.nethersphere.com/howto_jewels.html

Line-Art (Skizze) für das Kolorieren vorbereiten:
http://www.apsylus.com/tutorial1.shtml

Fertiges Line-Art kolorieren:
http://www.apsylus.com/tutorial2a.shtml

Optimiertes Scannen von Line-Art (mit Feinarbeit in PS):
http://www.animatedbuzz.com/tutorials/scanning.html

Zeichentutorial für den menschlichen Kopf:
http://www.anticz.com/heads.htm

Zwei-Punkt-Perspektive mit Photoshop-Layern:
http://www.eyewoo.com/ezb.tutorials/tut_05/

[Fugu]

nochmal hier...

sowie

Kompositions und Maltechniken sowie ein "How To" in Brush Erstellung
http://www.dunkelgold.de/tutorials

sehr hilfreiche Tips und Techniken zum Malen realistischer Charakter
http://www.furiae.com/tutorials.php

[max_power]

Ich hatte vor, den ersten Beitrag von Zeit zu Zeit zu aktualisieren. Allerdings müssen wir uns bei der Masse an Tutorials noch etwas überlegen, wie man die Liste übersichtlicher gestaltet. Meiner Meinung nach sollte bei Grafik etwas stärker unterteilt werden, also jeweils Figuren zeichnen / animieren, Hintergründe zeichnen und kolorieren als eigene Liste. Außerdem wäre es nicht schlecht, wenn man eine Aussage über die Qualität der Tutorials treffen oder sie nach verschiedenen Stilrichtungen sortieren könnte. Ich habe mir die meisten Tutorials nicht angeschaut, vielleicht könnt ihr dazu schon was sagen? Habt ihr sonst noch eine Idee?

Vielleicht auch Angaben zum Schwierigkeitsgrad und eine Sammlung von essentiellen Tutorials für blutige Anfänger?

[Treibholz]

Gute Idee...
Mögliche Kategorien wären:

• Schwierigkeitsgrad (Anfänger, Amateur, Profi)
• verwendete Programme (Photoshop, Allgemein)
• Stil (Pixelstil, Comic, realistisch)
• Motive (Hintergründe, Charaktere)
• Technik (Kolorieren, Line-Art, allgemeine Zeichentipps)
• Animiert vs. Standbild

etc.

Zu viele Kategorien sind jedoch verwirrend, außerdem lässt sich teilweise nicht alles einordnen (z.B. beim Schwierigkeitsgrad, siehe BioMotionLab oder Ähnliches, außerdem sehr subjektive Einschätzung). Ich fänd das mit den verwendeten Programmen nicht schlecht und außerdem die Punkte Motive und Technik. Das mit dem animiert / nicht-animiert wird momentan noch nicht unbedingt benötigt, dafür sind hier noch zu wenig Walkcycle-Tutorials vorhanden.

[max_power]

Sowas wie Schwierigkeitsgrad würde ich auch nicht als Kategorie nehmen (eben nur die Sammlung zum direkten Loslegen), sondern wie die Sprache in Klammern dahinter schreiben. Mir würde eine eigene Seite dafür gefallen mit einer Tabelle ähnlich wie der Fanadventure-Liste bei Fanadventures.de. Eigentlich gibt es da auch irgendwo einen Bereich für Tutorials, aber dort ist zum einen fast nichts los und zum anderen ist die Seite momentan nicht erreichbar.

[Fugu]

Also ich wär schon dafür, zu kategorisieren, WIE professionell oder fortgeschritten das jeweilige Tutorial ist...nach kurzem Durchstöbern der Liste, waren jetzt schon ein paar Tuts dabei, die laienhaft, oder stellenweise gar falsch waren...solche Tuts sind evtl. interessant, um den Workflow anderer zu sehen, aber können vom Lehreffekt gerade Newbies unnötig in die Irre unpraktischer Techniken führen..

[Treibholz]

Welche denn zum Beispiel?

[max_power]

So, ich habe jetzt mal die erste Liste etwas anders aufgeteilt und mit mehr oder weniger nützlichen Kommentaren versehen. Ist noch lange nicht perfekt und es fehlen leider noch die neuen Tutorials, aber es hat schon lange genug gedauert. Die neuen Tutorials folgen in Kürze.

Leider fehlt mir die Erfahrung, um schnell Fehler in den Tutorials zu finden bzw. sie ordentlich zu beurteilen, daher habe ich so gut wie keine Angaben zum Schwierigkeitsgrad gemacht. Ich wäre sehr dankbar, wenn ihr dabei helfen könntet.

Vielleicht macht es auch Sinn, einige Tutorials aus der Liste zu entfernen und auf der anderen Seite eine Liste von besonders nützlichen Tutorials zu erstellen.

Hm, ich bin unschlüssig.

[Fugu]

Ich hab mir noch nicht alle ansehen können (und die meisten scheinen auch wirklich sehr gut zu sein), aber um nur mal "aus der Hüfte zu schießen" fielen mir zB. 16 und 17 aus FritzM's Liste auf...
Man kann sich ja vielleicht einfach erstmal nach Komplexität und Endergebnis orientieren, um zu bewerten, wie Fortgeschritten der Autor zu sein scheint...

Edit: Ok ich seh gerade, ihr habts auch schon entdeckt

PS.: Beim Bio Motion Lab Link mal alle Regler bis auf den 2. ganz nach links ziehen...

[Treibholz]

PS.: Beim Bio Motion Lab Link mal alle Regler bis auf den 2. ganz nach links ziehen...

Falls du das als Fehler interpretierst (kann auch ein Missverständnis sein):
Vielleicht hast du es auch noch nicht ganz verstanden aber dass die Ani dann so schnell läuft, ist richtig: Du setzt Nervosität auf VOLL (ganz links), Glücklichkeit auch und nimmst einen mittelschweren Mann. Noch schneller läufts, wenn du deinen Charakter auf leicht setzt. Das ist also kein Fehler. Nach links ziehen heißt nicht "Werte auf 0 setzen", der Nullpunkt ist in der Mitte.

PS: Gute Arbeit, max_power!

[Fugu]

ist mir schon klar ...sah nur lustig aus, besonders wenn er noch auf leicht gestellt ist...also wir haben uns beömmelt
davon abgesehen ist der Link super

[Treibholz]

Ok, da kann ich dir wohl zustimmen, musst mal auf dem Schalter "Lines" die Linien aktivieren, dann siehts noch lustiger aus.