[Workout] Schwert Pixeln

10/02/2011 08:59 Magiston#1
[Only registered and activated users can see links. Click Here To Register...]
English Version coming soon

Quote:
  • 1. Vorwort
  • 2. Voraussetzungen
  • 3. Pixeln
Quote:
1. Vorwort

Hallo,

in diesem Workout werden wir uns an ein einfaches Schwert setzen und dieses mittels einem Bildbearbeitungsprogramm pixeln.

Unser Ziel ist es, folgendes Schwert zu kreieren und dabei grundlegende Techniken kennenzulernen.

[Only registered and activated users can see links. Click Here To Register...]

Dieses könnt ihr beispielsweise in einem 2D Spiel verwenden.
Quote:
2. Voraussetzungen

Voraussetzung für dieses Tutorial ist natürlich das Bildbearbeitungsprogramm.

Einige Beispiele:
  • Paint
  • Paint.Net
  • Gimp
  • Graphics Gale
  • Photoshop

Mit welchem Programm ihr am besten zurechtkommt, das müsst ihr wissen.
Ausprobieren ist hier gefragt. Für das Tutorial habe ich Photoshop
benutzt.
Quote:
3. Pixeln

Quote:
3.1 Bildbearbeitungsprogramm

a) Vorlage

Wir beginnen damit, dass Programm zu starten und eine neue Vorlage anzulegen.

Datei >> Neu

Eine Größe von 32x32 oder 64x64.


b) Werkzeuge

Nun kommen wir zu den Werkzeugen, denen wir uns bedienen.

[Only registered and activated users can see links. Click Here To Register...]

(von oben)

1.) Auswahlwerkzeug

Damit wir einen bestimmten Bereich auswählen und weiterverarbeiten können.

2.) Pipette

Hiermit entnehmen wir einem Punkt seine Farbe und speichern diesen. Wir können zwei Werte speichern.

3.) Buntstift

Mit dem Buntstift färben wir die Pixel.

4.) Radiergummi

Diesen benutzen wir, um bestimmte Pixel zu entfernen.

5.) Füllwerkzeug

(Screenshot wird ausgebessert) Das Verlaufswerkzeug wird angezeigt, allerdings meine ich das Füllwerkzeug, womit wir einen ganzen Bereich einfärben können.

6.) Lupe

Zuletzt natürlich noch das Zoom Werkzeug. Ich persönlich nutze eher die Variante "STRG und + oder -" zum Hinein und Herauszoomen.


c) Hilfe

Raster (Gitter) aktivieren, falls nötig.
Quote:
3.2 Outlines

Viel geredet, und nun zum eigentlichen Pixeln. Wir zoomen (wie oben beschrieben) in unsere Vorlage, sodass wir optimal darin arbeiten können.

Unter der "Outline" versteht man die Umrisse unseres Schwertes. Dafür wählen wir den Buntstift und erstellen uns eine Vorlage nach unserem eigenen Interesse. Diese könnte wie folgt aussehen:

[Only registered and activated users can see links. Click Here To Register...]
Quote:
3.3 Main Colours

Als nächstes verteilen wir die Hauptfarben, die unser Item, das Schwert, annehmen soll.

[Only registered and activated users can see links. Click Here To Register...]
Quote:
3.4 Shading

Shading bezeichnet die Schattierung unseres Schwertes, ausgegangen von der Lichtquelle.

[Only registered and activated users can see links. Click Here To Register...]

Sehr schön zusehen an der Klinge, die von hell zu dunkel wechselt. Schattierungen wirken realistisch und lebendig, deshalb sind sie auch ein muss.

So sieht unser Endprodukt aus:

[Only registered and activated users can see links. Click Here To Register...]

Die Farben passen sich an die vorher gewählten Main Colours (Hauptfarben) an.

Ganz nützlich ist es auch, eine "Farbpalette" anzulegen.

[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]

Dazu bei Gelegenheit mehr.
Quote:
Verbesserungsvorschläge, Tipps, Hinweise, Fragen und dergleichen sind natürlich gerne gesehn.

Grüße
10/02/2011 10:54 MaracuYa!#2
Sieht sehr gut aus, auch schön strukturiert.

Ich probier es gleich mal aus. :)
10/02/2011 12:46 Magiston#3
Quote:
Originally Posted by MaracuYa! View Post
Sieht sehr gut aus, auch schön strukturiert.

Ich probier es gleich mal aus. :)
Schön, dass es dir gefällt. Bei Fragen stehe ich natürlich gerne zur Verfügung.

Grüße
10/05/2011 01:26 ShapyShape#4
Super tutorial ;) Thanks verdient !
10/05/2011 16:39 _pLusuS+#5
Nice Tut :D
10/07/2011 00:30 ¢øℜτεz™#6
Danke Super erklärt :D :thumbsup:
10/29/2011 19:02 Massenhaft#7
von mir kriegste ein Thanks,Nice ;)!
10/29/2011 20:20 Omni325#8
thx ^^ hab damit die wartezeit um 10 min verkürzt ^^
10/29/2011 23:45 .Retro<3#9
Ist ganz witzig,das Endprodukt kann sich sehen lassen:)
Nicht schlecht!
12/18/2011 20:12 x3Bit#10
Danke!
Hat mir geholfen
08/10/2012 15:17 bashdard#11
Nett gemacht, danke für's Tutorial!
10/11/2012 18:20 Ellill#12
Danke fürs Tut hat mir sehr geholfen :)