Lade...
 

Der Weg zum trauten Eigenheim [Tutorial Gebäude pixeln]


Schritt 1: Wie sieht ein Haus aus?link

Klingt komisch, aber wie sieht denn ein Haus überhaupt aus? Vielleicht so?

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Ganz klar ist hier ein Haus zu erkennen, trotz des hohen Abstraktionsgrades. Es ist ja alles dran, was man sich von einem Haus wünscht: Schutz vor der Außenwelt durch die Wand, Schutz vor Regen durch ein Dach, es gibt eine Tür, also ist man nicht eingesperrt, es gibt Fenster, also Licht, und durch den Schlot ist es sogar warm. Im Kopf der meisten Menschen formt sich dieses oder ein ähnliches Bild zum Begriff „Haus“, die Abstraktion wird nicht bewusst wahrgenommen. Klar ist: Wer mit diesem Bild im Kopf lospixelt, dessen Ergebnis sieht etwa so aus:

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

...und das entspricht nicht ganz dem Qualitätsstandard. ;)

Daher muss man sich zunächst klar machen, dass man nicht „irgendein“ Haus erstellt, denn „irgendein“ Haus ist der generische Prototyp ohne Details und kein richtiges Haus. Hierbei gilt: Google ist dein Freund. Es gibt genügend Immobilienagenturen welche ihre Mietobjekte mit Bildern ins Internet stellen, es reicht also schon, „Haus“ in der Google-Bildersuche einzutippen. In diesem Tutorial sehen wir uns folgendes Fertigteilhaus an:

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Schritt 2: Größenverhältnisselink


Im Pak192.Comic ist ein Stockwerk ca. 20 Pixel hoch. Niemand wird nachmessen, gerade bei Hochhäusern kann ein Stockwerk auch niedriger sein, aber zu starke Abweichungen würden auffallen. Ausgehend von diesen 20 Pixeln kann man die Vorlage vermessen. Zu genau muss man das aber nicht nehmen. Einerseits darf das Haus ja größer oder kleiner als die Vorlage sein, andererseits kommt es später ohnehin auf den Eindruck an. Meist reicht daher eine Vermessung nach Augenmaß.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Übrigens, „Pak192“ weißt darauf hin, dass eine der isometrischen Kacheln an ihrer breitesten Stelle – vom Südwest-Eck (links) zum Nordost-Eck (rechts) – 192 Pixel aufweist. Einer der Kachelränder ist also 96 Pixel breit und 48 Pixel hoch. Dabei ist die Perspektive zu beachten – eine waagrechte Linie von 100 Pixel Länge wäre etwa nur ca. 72 Pixel breit und 36 Pixel hoch, sobald man sie der Perspektive gemäß ausrichtet. Die folgende Grafik zeigt eine leere Kachel (mit Gehsteigstruktur), darüber schwebt ein Bogen, der die perspektivische Verkürzung einer Linie anzeigt.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Wenn man sich diese Gedanken über Größenverhältnisse im Vorfeld macht umschifft man übrigens ein weiteres häufiges Problem: Kachelgroße Quaderbauten, bei denen die Mauern des Gebäudes direkt am Rand der Kachel beginnen – siehe auch den Fehlversuch weiter oben. Wozu ein Fenster einbauen, wenn 5cm hinter der Scheibe Mauerwerk des Nachbarns ist? Schöner anzusehen ist es, wenn ein wenig Abstand besteht, und zB. Gärten Platz finden.

Schritt 3: Die ersten Pixellink


Bevor endgültig Pixel gesetzt werden sollte noch kurz die Frage der nötigen Software geklärt werden. Für den Hobbypixler gilt: Man nehme, was da ist – selbst MS Paint ist ausreichend. Umfangreichere Software (Gimp, Photoshop) bietet zwar viele zusätzliche Effekte und eine Menge Tricks, im Gegenzug ist es aber auch schwieriger, die Programme zu erlernen und herauszufinden, warum etwas nicht funktioniert. Grundsätzlich ist zu empfehlen, mit mehreren Ebenen zu arbeiten, wenn diese Funktion unterstützt wird, bzw. bei MS Paint Einzelteile außerhalb des eigentlichen Arbeitsbereiches vorzufertigen und häufig Kopien anzulegen.

Einen guten Einstieg bietet es, mit einer Gebäudegrundform zu beginnen. Also einem oder mehrerer Quader, welche die Größe erahnen lassen.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Man beachte dabei, dass die Linie im Vordergrund zwei Pixel breit ist. An dieser Stelle wird später keine Kontur verwendet, deshalb ist es vorteilhaft, wenn die Kante genau zwischen zwei Pixeln verläuft, nicht auf einem Pixel.
Die Position des Quaders ist so bestimmt, dass möglichst viel des Freiraumes vor ihm liegt, man hat also die Möglichkeit den Garten zu bestaunen. Natürlich kann dies bis zum Schluss noch angepasst werden.
Der Quader kann nun so erweitert werden, dass er dem Haus der Vorlage entspricht.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Unterschiedliche Farben helfen dabei, Konstruktionslinien und spätere Konturen zu unterscheiden. Besteht erst einmal ein Grundgerüst wie dieses hier, so können die Flächen – zunächst mit Platzhalterfarben – ausgefüllt werden. Diese Platzhalter sind zunächst rein flächig aufgetragen und ohne jede Struktur. Einzig zu beachten gilt, dass das Licht von Süden bzw. Südsüdost kommt. Das bedeutet, die Südfront (links) ist heller als die Ostfront (rechts). Am Dach sind „hinteren“ Teile – Westen und mehr noch Norden – dunkler.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Nun wäre auch ein guter Zeitpunkt, sich Gedanken zur Gestaltung des Gartens zum machen, dieser kann auf ähnliche Weise provisorisch angelegt werden. Eine Parkgelegenheit sollte übrigens durch das Gehsteigmuster realisiert werden, bzw. durch einen sanften Übergang von diesem.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Der Realismus dieser Mauer lässt zu wünschen übrig, schließlich könnte hier jeder einfach so in den Garten spazieren. Die Mauer durchzuziehen würde allerdings sehr viel verdecken, weshalb hier ein niedriger Zaun besser geeignet scheint. Dieser wird erst in einer späteren Phase ergänzt, da er halbtransparent sein wird, also zum durchschauen. In diesem Fall ist es sinnvoll, erst das dahinterliegende zu gestalten.

Schritt 4: Farbe und Strukturlink


Oft reicht ein sehr simples Muster um etwas mehr Struktur und damit Plastizität in eine Grafik zu bringen. So kann etwa eine einfache Ziegel-Struktur etwas Leben ins Mauerwerk bringen. Der Kontrast zwischen den dafür verwendeten Farben sollte nicht zu hoch sein, damit das Muster weniger bewusst wahrgenommen wird als vielmehr als „lebendige Farbfläche“.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Hier wurde Gartenmauer und Hauswand mit der Struktur versehen, welche links oben vergrößert und kontrastreich dargestellt wird (bzw. mit der Spiegelung dieser Struktur). Dies ist die Billigmethode – es sieht schon mal besser aus, als wäre es nur eine Farbfläche, noch besser wird es allerdings, wenn man manuell manche Stellen noch zusätzlich hervorhebt, wie im nächsten Bild zu sehen.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Ebenso kann man bei anderen Strukturen vorgehen. Hier sind auch Dach und Holzterasse ergänzt, oben zu sehen die verwendeten Muster.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Auch Fenster sind mehr als nur leere Löcher. Es gibt einen Fensterstuhl, und man darf nicht darauf vergessen, dass das Fensterglas nicht plan mit der Hausmauer ist. Das bedeutet, dass der Fensterstuhl ebenso wie die Wand in verschiedenen Abstufungen gestaltet werden muss, um Tiefe darzustellen. Im folgenden Beispiel wurde wieder ein Fenster vergrößert, zudem die Farben kontrastreicher gewählt. Der Fensterstuhl ist einen Pixel breit und einen Pixel tief, deshalb sind am linken Fenster links und unten je zwei Pixel, am rechten Fenster hingegen rechts und unten. Der Würfel dient zur Verdeutlichung.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

In diesem Fall wurde ein weißer Fensterstuhl gewählt, der Plan zur Wand ist, vorrangig damit die Fenster noch schmäler werden. Meist ist es eine bessere Idee, den Fensterstuhl einen Pixel nach innen zu rücken. Dann wäre am linken Fenster links und unten noch ein Pixel breit Mauer, allerdings mit anderer Beleuchtung, und rechts kein Fensterstuhl mehr zu sehen.
Die Fensterfarbe ist übrigens eine der speziellen Leuchtfarben, dazu später mehr.

Um Erdboden darzustellen gibt es zwei Möglichkeiten. Zum einen kann man die entsprechende Stelle transparent lassen (=Hintergrundfarbe, E7FFFF), dadurch kann die darunterliegende Bodenkachel erblickt werden. Allerdings kann dies unschön sein, etwa in höheren Regionen. Wer hat schon einen komplett braunen Garten?
Daher ist es besonders bei eingezäunten Gärten günstiger, selbst für das nötige Grün zu sorgen. Eine Möglichkeit hierzu ist, sich am vorhandenen Gras des Paks zu bedienen – zB. Mit einem Screenshot.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Schritt 4: Feinarbeitlink


Nachdem alles eingefärbt ist könnte man meinen, man sei schon fertig – Nein, im Gegenteil. Das Haus zu bauen war ja nur ein bisschen Konstruktionsarbeit, jetzt kommt der kreative Teil: Die Details. Diese sind an keine Raster gebunden, und auch die Perspektive setzt hier oft aus. Es gibt erschreckend wenige Anhaltspunkte, deshalb ist hier mehr Experimentierfreudigkeit gefordert. Zum Beispiel kann der Garten mit organischen Formen – Büschen, Blumen, Bäumen – ausgefüllt werden. Hier muss man so lange probieren, bis ein ansehnliches Ergebnis sichtbar ist. Oft ist es auch sinnvoll, zu Beginn Kleinteile anderer Pixelarbeiten auszuleihen und als Grundlage für die eigenen Details zu verwenden. Damit umgeht man horror vacui – die Angst vor leeren Flächen – denn es ist ja schon da. Man setzt nur noch einen Pixel. Und noch einen. Und diese Farbe sollte anders sein...

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Nicht zu vergessen: Der Zaun, von dem schon weiter oben gesprochen wurde. Dafür reichen zwei vertikale Stützen, die durch einige Pixel miteinander verbunden sind. Es muss nicht ganz gerade sein, dafür ist das Gußeisen ohnehin zu klein. Letztenendes gilt auch hier, dass man es erst machen muss, und dann per Sichtprobe entscheidet, ob es passt.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Schritt 5: Winter Wonderlandlink


Schneeflöckchen, Weißröckchen... Die Winteransicht kann einen manchmal zur Verzweiflung bringen. Insbesondere dann, wenn man sie vergessen hat und dachte, man sei schon längst fertig.

Für eine Wintergrafik muss man sich zunächst fragen, was komplett anders aussehen muss. Im Beispielhaus etwas müssen Sonnenschirm und Liege gehen, ebenso sind die Blumen im Winter nicht besonders sinnvoll.
Anschließend gilt als Faustregel: Wo oben ist, ist Schnee. Flache Dächer können komplett Schneebedeckt sein, bei steilen Dächern ist der Schnee wahrscheinlich schon runtergerutscht und der Giebel lugt nackt hervor.
(Hier wurde ein Rauschfilter verwendet. Das muss aber nicht sein, man erhält auch auf andere Weise ansprechende Effekte – wenn man sich die Zeit nimmt)

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Schritt 6: Die Glühwürmchenjagd: Es werde Licht!link


Für die Nachtbeleuchtung in Simutrans sorgen spezielle Leuchtfarben. Für Fenster sind die Farben mit den Hex-Codes #57656F und #4D4D4D gut geeignet. Für den Anfang also alle Fenster in einer dieser Farben einfärben (Für Lichter siehe Spezialfarben Dies haben wir bereits mit vorbedacht erledigt.

Nun kommt ein Tool zum Einsatz – Der Glühwürmchenjäger 6000, auch bekannt als shades Darin kann man auf Nachtsicht stellen oder sich alle Spezialfarben anzeigen lassen.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Wir hatten Glück: Hier gibt es keine Glühwürmchen (= einzelne Leuchtpixel, vor allem in Schnee anzutreffen). Nun stellt sich die Frage: Wer hat Nachts alle Lichter an? Mit dem „Special Color Ereaser“ lässt sich ganz leicht das Licht abschalten. Hierbei sollte man sich überlegen, wie die Räume im Inneren wohl aussehen. Denn nicht jedes Fenster hat eine eigene Lichtquelle.

Grafik des Tutorials 'Der Weg zum trauten Eigenheim'

Analog geht man natürlich mit der Sommeransicht vor, bzw. mit anderen Rotationen des Gebäudes. Der grafische Aufwand ist damit schon abgeschlossen, einer Vorstellung im Forum steht nun nichts mehr im Wege. Dann findet sich auch schnell jemand, der makeobj erklärt, so lange es noch keine geschriebene Anleitung gibt.
Seite bewerten

Zu dieser Seite haben beigesteuert: Frank .
Seite zuletzt geändert: am Sonntag August 14, 2016 19:58:36 GMT-0000 von Frank.

Page discussion

There are no discussions currently on this page Start discussion

Online Benutzer

33 Benutzer (alle) online

Neueste Forenbeiträge