http://www.spritecomics.de Spritecomics.de
       
Tutorials
   
     

Spritecomics erstellen mit Microsoft Paint

Geschrieben von "SQX"


0. Inhaltsverzeichnis

1. Einführung
    Hallo und herzlich Willkommen! In diesem Tutorial möchte ich zeigen, wie man ganz einfach einen Spritecomic erstellen kann. Das ist nämlich garnicht so schwer, und irgendwelche Vorkenntnisse werden auch nicht benötigt.

    Das einzige was man für dieses Tutorial benötigt, ist das Bildbearbeitungsprogramm "Microsoft Paint", das in jeder Windows-Version vorhanden ist. Es gibt jedoch Unterschiede zwischen den Paint-Versionen für Windows XP und Windows 7, darauf gehe ich aber an den entsprechenden Stellen ein. Die Paint-Version für Windows Vista wird jedoch außer Acht gelaßen, da ich sie selbst nie benutzt habe. Diese sollte sich jedoch von den anderen Versionen nicht sehr unterscheiden, so daß es keine Probleme geben sollte.

    Dieses Tutorial beschäftigt sich nur mit den Basics, also mit der Technik die man benötigt um einen Spritecomic zu erstellen. Es werden keine Feinheiten erklärt, keine Effekte, und auch nicht was einen guten Spritecomic ausmacht.

    So, und jetzt geht es auch schon los!


2. Comic-Panels
    Panels sind die einzelnen Kästchen eines Comics. Also z. B. sowas hier:

    Panels 1

    Wie viele Panels benutzt werden, und welche Größe und Form diese haben sollen, hängt ganz von der Gestaltung des Comics ab. Im Downloadbereich findest du das Panel Pack, in dem schon einige Panel-Vorlagen enthalten sind. Aber natürlich kann man auch eigene Panels erstellen.


3. Hintergrund gestalten
    Die Figuren einfach in die leeren Panels zu setzen ist natürlich ein wenig langweilig, die Panels brauchen also einen Hintergrund. Entweder man fügt Hintergründe aus Spielen in die Panels ein, oder man gestaltet die Hintergründe selbst. Das könnte dann z. B. so außehen (das Graue ist der Boden und das Blaue der Horizont, bzw. eine Wand oder irgendetwas in der Art):

    Panel Hintergrund


4. Figuren einfügen
    Jetzt werden die Figuren eingefügt. Natürlich braucht man dafür erstmal ein Spritesheet der gewünschten Figuren. Im Sprite-Archiv gibt es genug davon. Als Beispiel hier ein Spritesheet vom Charakter Aladdin aus dem Spiel "Aladdin" für das Super NES:

    Aladdin Spritesheet

    Das gewünschte Spritesheet wird nun in einem zweiten Paint-Fenster geöffnet. In diesem Fall sind die Sprites von Aladdin jedoch etwas zu klein für die Panels. Daher wird das Spritesheet erstmal vergrößert. Bei Windows XP klickt man dafür oben im Menü auf "Bild --> Strecken/Zerren". Daraufhin erscheint folgendes Fenster:

    Winxp Sprites vergrößern

    Hier läßt sich das Bild prozentual vergrößern (oder auch verkleinern). Unter "Strecken" muss man nun bei "Horizontal" und "Vertikal" dieselbe Zahl eingeben, in diesem Fall 160%. Eventuell muss man etwas herumprobieren, damit man sieht ob die Größe passt. Unter Windows 7 funktioniert das genauso. Das entsprechende Fenster erreicht man dort über diesen Button:

    Win7 Sprites vergrößern

    Nachdem die Sprites nun die richtige Größe haben, muß die Figur, die im Comic verwendet werden soll, ausgewählt werden. Unter Windows XP findet man das Auswahlwerkzeug hier:

    Winxp auswahl

    Unter Windows 7 hier:

    Win7 auswahl

    Um nun die gewünschte Figur auszuwählen, einfach mit dem angewähltem Auswahlwerkzeug und gedrückter linker Maustaste ein Rechteck darum ziehen und die Maustaste loslassen. Das sieht dann ungefähr so aus:

    auswahl2

    Nachdem die Figur markiert wurde kopiert man diese in die Windows Zwischenablage. Dafür einfach auf der Tastatur "STRG+C" drücken. Anschließend wechselt man wieder zum Paint-Fenster mit den Comic-Panels und drückt dort auf der Tastatur "STRG+V" um die kopierte Figur einzufügen:

    auswahl einfuegen

    Wie man sieht, wurde leider auch der (in diesem Fall) weiße Hintergrund mit kopiert. Das ist aber kein Problem. Um den Hintergrund transparent zu machen, klickt man unter Windows XP einfach auf diesen Button:

    winxp transparenz

    Unter Windows 7 klickt man oben auf den kleinen Pfeil unter "Auswählen" und dann auf "Transparente Auswahl":

    win7 transparenz

    Und schon ist der Hintergrund durchsichtig:

    transparenz

    Das funktioniert aber leider nicht mit jedem Spritesheet, da manche Sheets nicht mit transparenten Hintergründen gespeichert werden. In so einem Fall muß der Hintergrund des Spritesheets dann mit einer Hintergrundfarbe neu eingefärbt werden. Wie man den Hintergrund richtig einfärbt, wird unter Punkt 5 "Sprechblasen" erklärt, und daher hier nicht weiter erwähnt.

    Jetzt muss die Figur nur noch richtig platziert werden. Einfach mit der linken Maustaste auf die Figur klicken, die Maustaste gedrückt lassen, und an die gewünschte Stelle ziehen.

    So verfährt man jetzt mit allen Sprites die man einfügen will. Das Ergebnis könnte z. B. so aussehen:

    figuren eingefuegt


5. Sprechblasen
    Comicfiguren die keinen Ton von sich geben sind nicht sehr attraktiv. Daher werden jetzt noch ein paar Sprechblasen benötigt. Dafür zieht man das Bild mit dem Comic ein wenig größer. Einfach das kleine Viereck unten beim Comic anklicken und ein Stück nach unten ziehen:

    bild ziehen 1

    bild ziehen 2

    Im unteren, leeren Bereich ist jetzt genug Platz um die Sprechblasen zu erstellen. Also Textwerkzeug auswählen:

    textwerkzeug

    Und nun mit gedrückter linker Maustaste ein Rechteck im leeren Bereich ziehen und den gewünschten Text eingeben. Jetzt muß noch ein Rahmen um den Text gezogen werden. Ob eckig oder oval ist egal und hängt nur vom Stil des Comics ab. Das ganze könnte dann z. B. so aussehen:

    text 1

    Jetzt muss der leere Bereich ausserhalb der Sprechblase mit einer Hintergrundfarbe eingefärbt werden. Die Farbe ist egal (nur nicht schwarz oder weiß), aber es muss eine Hintergrundfarbe sein, da sonst das Einfügen in den Comic nicht funktioniert. Unter Windows XP wird die Hintergrundfarbe mit der rechten Maustaste ausgewählt:

    winxp farbwahl

    Unter Windows 7 muß vor der eigentlichen Farbwahl die 2. Farbe ausgewählt werden:

    win7 farbwahl

    Jetzt das Füllwerkzeug auswählen:

    fuellwerkzeug

    Und schließlich den leeren Bereich außerhalb der Sprechblase mit der rechten Maustaste einfärben:

    text 2

    Um die Sprechblase nun in den Comic einzufügen, verfährt man genau so wie beim Einfügen der Figuren. Also die Sprechblase markieren (mit dem Auswahlwerkzeug ein Rechteck darum ziehen), an die gewünschte Stelle verschieben, und auf „Transparente Auswahl“ umstellen. Das Ergebnis sieht dann so aus:

    text 3

    Auf diese Weise stattet man nun alle Panels mit Sprechblasen aus. Danach gilt es das Bild wieder auf Comicgröße zu verkleinern. Dafür einfach wieder das kleine Viereck am unteren Bildrand benutzen.

    Damit die Leser des Comics auch sehen können, wer denn da spricht, muss das erkenntlich gemacht werden. Dafür benutzt man das Linienwerkzeug:

    linienwerkzeug

    Einfach mit gedrückter linker Maustaste die Linien ziehen. Danach noch etwas Handarbeit (hier vergrößert dargestellt):

    sprechblase verfeinern

    Das war es dann auch schon, der Comic ist fertig! So könnte es aussehen:

    comic


6. Comic speichern
    Als letztes muss der Comic natürlich noch gespeichert werden. Dabei stehen verschiedene Dateitypen zur Auswahl. Nicht genutzt werden sollte das BMP-Format, da die Dateigröße sonst jeglichen Rahmen sprengt. Auch nicht das GIF-Format, da sonst Farbinformationen verloren gehen und der Comic nicht mehr gut aussieht.

    Die beste Wahl ist das PNG-Format. Damit erreicht man eine passable Dateigröße und alle Farbinformationen bleiben erhalten.


7. Nützliche Paint-Werkzeuge
    Die wichtigsten Werkzeuge zum Erstellen eines Spritecomics wurden ja schon erklärt. Aber es gibt noch ein paar kleine Helferlein, die das Leben eines Spritecomic Autors leichter machen können:

    Werkzeug Windows XP Windows 7
    Formen-Werkzeuge

    Hiermit können verschiedene Formen erstellt werden. Nach der Auswahl der Form stehen noch weitere Optionen zur Verfügung.
    Formwerkzeug 1 Formwerkzeug 2
    Strichstärke

    Bestimmt die Strichstärke von Linien, z. B. von Formen oder dem Linienwerkzeug (unter Windows XP nur beim Linienwerkzeug).
    Linienwerkzeug 1 Linienwerkzeug 2
    Stift & Pinsel

    Zum freihändigen Zeichnen.
    Stifte 1 Stifte 2
    Farbfüller

    Zum Einfärben ganzer Flächen.
    Farbfueller 1 Farbfueller 2
    Farbwähler

    Eine Farbe aus dem aktuellen Bild wählen (linke Maustaste: Vordergrundfarbe, rechte Maustaste: Hintergrundfarbe)
    Farbwaehler 1 Farbwaehler 2
    Drehen / Spiegeln

    Ausgewählte Bildteile können gedreht oder gespiegelt werden.
    In der oberen Menüleiste: Bild --> Drehen/Spiegeln Stifte 2
    Zoom (Lupe)

    Die Ansicht des Bildes vergrößern (das Bild selbst wird nicht vergrößert).
    Zoom 1 Zoom 2



8. Schlußwort
    Das war es schon. Ich hoffe das Tutorial war hilfreich. Nun solltest du eigentlich alles wissen um einen eigenen Spritecomic mit MS Paint erstellen zu können. Wenn es nicht gleich so funktioniert wie du willst, nicht aufgeben! Mache dich ein wenig mit den verschiedenen Werkzeugen vertraut und probiere ein bißchen herum. Übung macht den Meister!

    Falls du noch Fragen haben solltest, z. B. weil etwas nicht ganz verständlich war, oder deine Frage nicht im Tutorial beantwortet wurde, melde dich doch einfach im Forum. Dort wird dir gerne weitergeholfen und du kannst auch deine eigenen Comics vorstellen. Feedback ist garantiert!

    Und jetzt viel Spaß mit deinem ersten Spritecomic!
   
    © by Spritecomics.de