Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

Werbeanzeige

1

17.06.2012, 02:13

Pixelige Grafiken ( und Vektorgrafik )

Hallo.
Ich habe mal eine Frage zur Erstellung von 2D Grafiken.
Habe auch ein Beispiel mitgebracht:

http://www.winsoftware.de/screenshots/big/frogattoscr.png
bzw.
http://www.pc-freak.net/images/frogatto_different_level.png

Könnt ihr mir sagen, wie genau solche Grafiken erstellt werden?
Also der Frosch, der Hintergrund, die Natur etc...
Es ist ja alles ziemlich pixelig, aber ich mag diesen Stil sehr.
Kann mir aber nicht vorstellen, dass soetwas Pixel für Pixel gezeichnet wird?
Also klar, am Anfang wird erstmal eine Zeichnung angefertigt, die es dann umzusetzen gilt, aber wie macht man so schöne Pixelgrafiken?

Ironischerweise sprechen mich neben diesen Pixelgrafiken aber auch flächige Vektorgrafiken an.
Kann mir jemand sagen, was für eine Software hier genutzt wird?:
http://www.youtube.com/watch?v=AetHW7Y6q48

Es sieht so aus, als kann man dort ganz normal zeichnen, wobei das gezeichnete automatisch vektorisiert wird.
Sehe ich das richtig?

Ich bin eben ein totaler Neuling auf diesem Gebiet, aber habe vor, für kleinere Spielprojekte auch die Grafiken selbst zu machen.

Mir gefällt es, wenn die Grafiken sehr "hart" wirken, im Gegensatz zu weichen gepinselten Grafiken ( die fast schon wie Gemälde aussehen ).
Man denkt natürlich schnell an früher, wenn man so pixelige Grafiken sieht. Aber sind die nicht um einiges schwieriger anzufertigen, als z.B. sowas hier:
http://cdn.steampowered.com/v/gfx/apps/2…pg?t=1321576080

Oder gibt es da irgendwelche Tricks, wenn man seine Grafiken so pixelig aussehen lassen möchte?

Achja und reicht es da eigentlich allgemein Zeichnen zu lernen oder worauf kommt es speziell bei Computerspielgrafiken an?

Für Antworten bedanke ich mich jetzt schonmal.


Mit freundlichen Grüßen

Jan

2

17.06.2012, 07:29

Zitat

flächige Vektorgrafiken an

Es gibt viele Vektorgrafik-Bearbeitungsprogramme, ich wuerde Illustrator empfehlen.


Zitat

Achja und reicht es da eigentlich allgemein Zeichnen zu lernen oder worauf kommt es speziell bei Computerspielgrafiken an?

Neben der Inspiration und Kreativitaet ist ein Designstudium (oder Richtung) und sicherer Umgang mit entsprechenden Computerprogrammen eine gute Basis.

h3nryjk

Frischling

Beiträge: 13

Wohnort: 127.0.0.1 - Mi casa es tu casa

Beruf: Student

  • Private Nachricht senden

3

17.06.2012, 08:31

Hallo.
Ich habe mal eine Frage zur Erstellung von 2D Grafiken.
Habe auch ein Beispiel mitgebracht:

http://www.winsoftware.de/screenshots/big/frogattoscr.png
bzw.
http://www.pc-freak.net/images/frogatto_different_level.png

Könnt ihr mir sagen, wie genau solche Grafiken erstellt werden?
Also der Frosch, der Hintergrund, die Natur etc...
Es ist ja alles ziemlich pixelig, aber ich mag diesen Stil sehr.
Kann mir aber nicht vorstellen, dass soetwas Pixel für Pixel gezeichnet wird?
Also klar, am Anfang wird erstmal eine Zeichnung angefertigt, die es dann umzusetzen gilt, aber wie macht man so schöne Pixelgrafiken?
Erinnert mich ein wenig an die gobli(ii)ns-Reihe :)

Die Graphiken werden üblicherweise von Hand erstellt. (Siehe den Wikipedia-Artikel zu Pixel-Art: http://de.wikipedia.org/wiki/Pixel-Art )
Das dauert natürlich entsprechend lange, aber die Resultate sind oft richtig gut.
Wie du schon vermutet hast nehmen viele Künstler dafür wirklich eine gezeichnete Vorlage.
Danach wird wirklich jeder Pixel einzeln gesetzt (natürlich gibt es in Programmen wie GIMP,
MS Paint, Pinta und Kolourpaint Linien- und Formenwerkzeuge, mit denen sich ein wenig
Arbeit einsparen lässt).

S4My

unregistriert

4

17.06.2012, 12:10

Es sieht so aus, als kann man dort ganz normal zeichnen, wobei das gezeichnete automatisch vektorisiert wird.
Sehe ich das richtig?
Ähm, ich denke nicht. Vektorgrafiken sind in keinster Weise mit Raster- oder auch Pixelgrafiken zu vergleichen. Vektorgrafiken arbeiten mit Relationen bzw. Beziehungen zwischen einzelnen Koordinaten und ihren Eigenschaften. Auf gut Deutsch heißt das soviel wie: Punkt X mit den Koordinaten 400, 30 ist doppelt soweit vom Nullpunkt entfernt wie Punkt Y mit den Koordinaten 200, 15. Wichtig hierbei ist die Stelle "ist doppelt soweit entfernt wie". Würde nun das Bild vergrößert werden so ändern sich die Koordinaten entsprechend ihrer relativen Positionierung. Man zieht Punkt Y auf 250, 100 somit ist Punkt X von nun an 500, 200. Das ist aber nur eine sehr einfache Version der ganzen Geschichte.
Aus diesen Besonderheiten der Vektorgrafiken ergeben sich dann folgende Eigenschaften:
  • sie "pixeln" nicht, da die Anzahl ebenfalls von den Relationen abhängig ist
  • man kann ausschließlich geometrisch definierbare Objekte Zeichnen, da man ja bei einem Drachen schlecht gewisse Beziehungen der Pixel feststellen kann
  • die Dateigröße ist gering(er) im Gegensatz zu den Rastergrafiken, da nicht jeder Pixel sondern nur die Zusammenhänge gespeichert werden müssen
Soweit so gut. Bei Pixelgrafiken kann man dann unabhängig der anderen Bildpunkte neue zeichnen. Das gibt dem Grafiker ganz andere und nahezu immer bessere Möglichkeiten Sprites zu erstellen.

Mir gefällt es, wenn die Grafiken sehr "hart" wirken, im Gegensatz zu weichen gepinselten Grafiken ( die fast schon wie Gemälde aussehen ).
Das ist dann rein eine Sache der Auflösung und verwendeten Farben. Ein gutes Beispiel bieten hier die Spiele welche für NDS entwickelt wurden. Auf den Konsolen sieht man kaum einzelne Pixel, spielt man dann aber das gleiche Spiel mit einem Emulator, so ist es als wäre man in die Steinzeit der Computergrafiken zurückversetzt. Der Grund dafür sind die einzelnen dpi. Während auf dem Screen der Konsole dieser Wert sehr hoch ist, so haben wir dies nicht auf Computern.

Noch abschließend zu den Tricks: der beste wird Talent sein :D . Wenn man sich mit dem Thema beschäftigt wird früher oder später etwas gutes dabei rauskommen. Jedoch kann ein Programm so gut sein wie es will, es ist der Benutzer auf den es ankommt ;) .

Mlg
S4My

5

17.06.2012, 12:28

Pixelgrafik: http://www.derekyu.com/?page_id=218

Die Künstler von Castle Crashers benutzen Flash als Grafik/Animationsprogramm:
http://www.youtube.com/watch?v=-Soq7WTX
http://www.youtube.com/watch?v=4uHFqtLjw6g
http://www.youtube.com/watch?v=AetHW7Y6q48
http://vimeo.com/823265
http://vimeo.com/772901
http://vimeo.com/853391
http://vimeo.com/853391
http://vimeo.com/910111
http://vimeo.com/913903
http://vimeo.com/934805
http://vimeo.com/952390
http://vimeo.com/1359901
http://vimeo.com/3062146
Edit: hatte deinen Link gar nicht gesehen, daher hier noch mal eine Liste mit einigen Making Ofs von Castle Crashers.

Gute Grafiken erfordern viel Arbeit und Geduld.

Dieser Beitrag wurde bereits 7 mal editiert, zuletzt von »Chromanoid« (17.06.2012, 12:44)


6

17.06.2012, 16:59

Wow Leute, vielen Dank für die Beiträge, das hat mir schon sehr viel weitergeholfen.

7

17.06.2012, 20:52

Man kann schon Pixelgrafiken vektorisieren. Incskape kann das Beispielsweise. Das Ergebnis ist halt nur nicht unbedingt das, was man erwarten würde so dass man mehr oder weniger viel nacharbeiten muss. Dabei wird halt versucht, aus den einzelnen Pixeln sich Linien zu denken, aber natürlich kann der nie wissen, ob es wirklich Treppenstufen oder eine gerade Linie sein soll.
Bei Fotos ist sowas natürlich quatsch aber bei Bildern, die man eh eher als Vektorgrafik speichern würde, geht es eigentlich ganz gut, wenn die Auflösung des Pixelbildes ausreichend ist.
Lieber dumm fragen, als dumm bleiben!

8

18.06.2012, 13:43

Ich bastele mir meine Grafiken immer im Vektorformat, rendere sie, und skaliere sie dann mit Nearest Neighbor, und schon hab ich so einen Effekt wie in den Eingangsbildern ;)

9

18.06.2012, 14:45

pixelart mit gimp hab ich mal versucht, doch musste ich auf das 800 fache oder so skalieren um jeden pixel einzeln zu setzten. und für eine recht kleine fläche in normaler größe dauert das schon verdammt lange.

oder gibt es einfache möglichkeiten ?!? wahrscheinlich habe ich es mir zu schwer gemacht :dash:

drakon

Supermoderator

Beiträge: 6 513

Wohnort: Schweiz

Beruf: Entrepreneur

  • Private Nachricht senden

10

18.06.2012, 15:07


oder gibt es einfache möglichkeiten ?!? wahrscheinlich habe ich es mir zu schwer gemacht :dash:

Siehe ein Post über dir. :P

Werbeanzeige