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

webconqueror

Treue Seele

  • »webconqueror« ist der Autor dieses Themas

Beiträge: 124

Wohnort: Bergisch Gladbach

Beruf: Student

  • Private Nachricht senden

1

03.04.2016, 15:15

Kartendesign für ein Kartelspiel

Hallo alle miteinander:

Für ein Space-Kartenspiel habe ich eine Karte ausgearbeitet, so in etwa sollen die dann später aussehen.
Ist natürlich nur eine erste Version doch ich würde gerne wissen was ihr von dem Stil haltet.

Die Karte ist eine normale Karte, im Spiel soll es dann noch Bronze, Silber, Gold und Aces-Karten geben, je nach
Seltenheitswert. Diese sollen theoretisch genauso aussehen, nur mit einer anderen Farbgebung.

Vielleicht habt ihr ja auch noch ein paar Ideen, wie ich das verbessern kann.

LG Tobi



Edit: Hinweis: Das Bild vom Raumschiff ist von wallpaperfort.com und nicht von mir, es geht um den Kartenstil an sich ;)

CeDoMain

Alter Hase

Beiträge: 587

Wohnort: Ilmenau

Beruf: Student für Mechatronik

  • Private Nachricht senden

2

03.04.2016, 15:33

Vorneweg: Ich bin kein Kartenspieler. ;)

Mich würde mal interessieren, womit du deine Kartenfelder füllen möchtest. Die Schriftart und der Text-Inhalt tragen doch auch ne Menge zum Design bei, oder? Die Ränder der felder sind mit einer mamorierten Linie gestaltet. Diese Musterungen sind nicht untereinander verbindbar für das Auge. Das Zerteilt die Karte irgendwie für mich. Wie wäre es, wenn du einen mamorierten Hintergrund für die gesamte Karte festlegst und den dann immer an den Stellen wo eine Randlinie sein soll durchscheinen lässt.

Um den Äußeren Rand würde ich, weils ein Space-Spiel ist auch eine Metallkante drumherumzeichnen. Ein Raumschiff hat auch außen Metall und nicht so ein Marmor-Muster... ;)
Mit freundlichem Gruß
CeDo
Discord: #6996 | Skype: cedomain

Lass solche persönlichen Angriffe lieber bleiben, meine sind härter.

webconqueror

Treue Seele

  • »webconqueror« ist der Autor dieses Themas

Beiträge: 124

Wohnort: Bergisch Gladbach

Beruf: Student

  • Private Nachricht senden

3

03.04.2016, 15:56

Cool, so eine schnelle Antwort :thumbsup:

Ich hatte eigentlich eine längere Antwort aber nun hat der irgendwie die Seite aktualisiert und alles ist weg daher fasse ich mich kurz :fie:

Zu den Texten.
Dazu habe ich noch keine finale Lösung gefunden.
Ich habe da auch schon etwas dran rumprobiert aber wirklich zufrieden war ich nie.
Ich dachte eigentlich an eine eher normale Schriftart ohne irgendwelchen Schnick-Schnack.

Bezüglich der Umrandung der Karte, Vorlage dafür war eine Metalltextur die ich auch auf einem 3D-Raumschiff einsetzen wollte.
Daher weiß ich nicht genau was du mit marmoriert meinst.
Bei den kleineren Feldern versteh ich es wiederum, die schauen aufgrund des resize etc. anders aus.
Die Felder selbst sind ja mit etwas anderem gefüllt, meinst du das mit marmoriert?
Der Kartenbackground (also außerhalb der Felder) ist ja auch mit einer Metalltextur gefüllt, aber vielleicht stören dich
die vielen Wiederholungen?

Sorry, so ganz habe ich das mit dem marmoriert nicht verstanden...
Aber danke für die Antwort, ich denke du kennst dich aus und daher werde ich die Karte auch entsprechend überarbeiten
wenn ich erstmal verstanden habe was genau Sache ist :D

LG Tobi :this:

CeDoMain

Alter Hase

Beiträge: 587

Wohnort: Ilmenau

Beruf: Student für Mechatronik

  • Private Nachricht senden

4

03.04.2016, 16:20

Ist mir auch schon öfters passiert, dass der Text weg war. Ich mache jetzt einfach mit Strg+A, Strg+C alle paar Sätze ne Sicherungskopie. ;)

Schriftarten: AgencyFB oder Nazalization - da weiß ich aber nicht, ob man die verwenden darf, kannst ja mal schauen. Ansonsten mach dir ne eigene Schriftart. ;)

Ja, wo dus sagst, das ist auch eine Metalltextur (sind ja alle auf deiner Karte :D). Für mich sah das eher nach grauem Marmor aus, aber ok. Der Resize sieht nicht so schön aus, denn die Musterung muss ja einen einheitlichen Detailgrad haben. Dass du die Texturen streckst und stauchst sieht man. Als nächstes sieht man dann auch, dass die sich wiederholen - besonders bei der Umrandung fällt mir das auf. Das schafft nicht den Eindruck, dass die Karte aus einem Stück besteht.

Ich würde für alle Texturen die du verwendest eine Textur erzeugen, die so groß wie die Karte ist. Auf dieser Textur darf es möglichst keine Wiederholungen geben - sie muss aussehen, als ob sie aus einem Stück ist. Dann schneidest du dir (wie mit einem Messer oder einer Säge) die Elemente aus, die auf deiner Karte platziert werden sollen aus. Wichtig ist, dass die Position, an der du das Element ausschneidest auch mit der späteren auf der Karte übereinstimmt. Wenn du ein Programm zum Zeichnen verwendest, was maskierung von Texturen unterstützt, empfehle ich dir Masken zu verwenden.

Dieses Vorgehen wendest du bei ALLEN Texturen an, die eine größere Fläche in Anspruch nehmen. Die Metalltextur mit den vielen Punkten stört mich nicht, allerdings macht es noch was her, wenn du Unreinheiten hinzufügst - vielleicht auch erst im Spiel durch Multitexturing. ;) Das wirkt dann echter und nicht so steril wie aus dem Baukasten.

Ich suche mal nach einem Link, wo das mit den Masken erklärt wird, vielleicht wirds dann noch verständlicher. :)
Mit freundlichem Gruß
CeDo
Discord: #6996 | Skype: cedomain

Lass solche persönlichen Angriffe lieber bleiben, meine sind härter.

webconqueror

Treue Seele

  • »webconqueror« ist der Autor dieses Themas

Beiträge: 124

Wohnort: Bergisch Gladbach

Beruf: Student

  • Private Nachricht senden

5

03.04.2016, 17:04

Ist schon eine tolle Erklärung, doch vielleicht findest du ja noch einen Link :)

Ich arbeite mit Paint.Net.
Die Umrandung und auch der Background sind nicht gestreckt oder gestaucht, eigentlich
nur die Felder mit ihrer Umrandung (nicht die Umrandung beim Bild).
Daher denke ich aus diesen Umrandungen (also Karte und Bild) könnte ich einfach die Wiederholungen rausarbeiten.
Dann würde ich für die Felder eine neue Umrandung machen, die nicht gestreckt oder gestaucht ist.
Dazu suche ich mir noch einen neuen Background für die Felder und füge am Ende dann im Background ein paar
Unreinheiten hinzu.

Ich weiß nicht genau wie das mit der Maske funktioniert, ich hatte vor eine völlig neue Textur zu machen
wo ich das was bleibt dann reinkopiere.
Außerdem wollte ich diesmal mit Ebenen arbeiten.

Schritt 1: Neues Bild in Gräße der Textur.
Schritt 2: Neue Ebene(1) mit dem Background.
Schritt 3: Neue Ebene(2) mit der Umrandung der Karte.
Schritt 4: Aus der Umrandung die Wiederholungen entfernen.
Schritt 5: Neue Ebene(3) für das Bild.
Schritt 6: Dort ebenfalls die Umrandung einfügen.
Schritt 7: Neue Ebenen (4, 5, 6) für die Felder.
Schritt 8: Dort ebenfalls Umrandungen einfügen, natürlich ohne Strecken und Stauchen diesmal.
Schritt 9: Neuen Background für die Felder suchen.
Schritt 10: Ungereimtheiten einbauen.
Schritt 11: Mich um deine vorgeschlagenen Fonts kümmern.
Schritt 12: Nochmal alles von vorne^^ Ne Spaß, vorzeigen und Meinung erneut einholen.
Schritt 13: Wiederholen bis er gut aussieht.
Schritt 14: Kräftig Danke sagen.
:golly: :pillepalle:

Kommt das ungefähr hin?
LG Tobi :D

CeDoMain

Alter Hase

Beiträge: 587

Wohnort: Ilmenau

Beruf: Student für Mechatronik

  • Private Nachricht senden

6

03.04.2016, 21:55

Ich würde mir GIMP für sowas schnappen. Wie du mit "Ebenenmasken" Umgehst, kannst du hier oder hier nachlesen - ansonsten mal was anderes suchen.

Du erstellst dir also eine Ebene (so groß wie die ganze Karte) aus diesem mamorierten Metall (was du aktuell als Rand benutzt) und lässt mit einer Ebenenmaske nur die Pixel durch, die nachher den Rand ergeben. Deine Ebenenmaske ist dann also nur schwarz weiß. Dann erstellst du dir eine andere Textur - z.B. den Hintergrund der Felder, auch in der Größe der gesamten Karte und lässt mit einer Ebenenmaske nur die Pixel durch, die in den Feldern liegen. Damit du die Kanten exakt hinbekommst, kannst du die Ebenenmaske für die Ränder invertieren, dann hast du alles was kein Rand ist durchlässig.

Ich schaue mal, ob ich das mit GIMP morgen hinbekomme, dann kann ich dir mal ein paar Bilder schicken. ;)
Mit freundlichem Gruß
CeDo
Discord: #6996 | Skype: cedomain

Lass solche persönlichen Angriffe lieber bleiben, meine sind härter.

webconqueror

Treue Seele

  • »webconqueror« ist der Autor dieses Themas

Beiträge: 124

Wohnort: Bergisch Gladbach

Beruf: Student

  • Private Nachricht senden

7

03.04.2016, 22:01

Das wäre super :)
Ich habe zwar GIMP ohnehin auf dem Rechner, kenne mich damit jedoch kaum aus.

Ich probiere es dennoch nochmal, klingt nur etwas kompliziert ?(

LG Tobi :thumbsup:

CeDoMain

Alter Hase

Beiträge: 587

Wohnort: Ilmenau

Beruf: Student für Mechatronik

  • Private Nachricht senden

8

03.04.2016, 23:18

Soo habe mal mit GIMP sowas erstellt. Nicht wundern, die Masken sind freihand gezeichnet. ;)

Du hast erstmal die 3 Texturen - alle sind so groß wie die Karte selbst. Damit es später gut aussieht, darf sich in diesen Texturen möglichst nichts wiederholen - zumindest nicht eindeutig sichtbar. Im Anhang findest du die drei verwendeten Texturen. Die sind zwar wiederholt, aber es geht mir um die Masken.

Dann hast du drei Masken, für jede Textur eine. Auch die sind wieder genau so groß wie die Karte selbst. Überall wo die Maske weiß ist, wird die Textur gezeichnet - überall wo sie schwarz ist, ist die Textur transparent. Quasi der Alphakanal.

Wenn du alle drei Texturen mit den Masken versiehst und sie übereinander legst, bekommst du die gesamte Karte. Verunreinigungen würde ich manuell in einer weiteren Ebene ohne Maske hinzufügen - dafür lohnt sich eine Maske nicht.

Der Vorteil von Masken ist, dass du ganz schnell Texturen austauschen kannst, denn die Masken sorgen für die richtige "Position". Außerdem kannst du viel leichter die Texturen so bearbeiten, dass die Texturen sich nicht wiederholen. Wenn du Effekte wie Lichtpunke hinzufügen willst, kannst du das auch in den Texturen direkt machen und du musst nicht in den Pixeln deiner letztendlichen Karte herumalen. Ich hoffe, du verstehst jetzt, wie das funktioniert. :)

Zum Ausprobieren: Öffne einfach GIMP und füg die drei Texturen als 3 Ebenen ein. Dann erstellst du mit "Ebene->Ebenenmaske hinzufügen..." für jede der Texturen eine Maske. Mit Rechtsklick auf die Ebenen kannst du die Maske bearbeiten und deaktivieren bzw. anwenden. Bei den Masken ist die Funktion "Farben->Invertieren" recht hilfreich. Du kannst die Maske für die Ränder zeichnen und wenn du sie invertierst, hast du automatisch die Maske für den nicht-Rand.

EDIT: Die Bilder sind Screenshots, also bevor du die einfügst, müsstest du die nochmal zuschneiden. Sorry!
»CeDoMain« hat folgende Datei angehängt:
  • Screenshots.zip (904,99 kB - 29 mal heruntergeladen - zuletzt: 25.12.2023, 15:55)
Mit freundlichem Gruß
CeDo
Discord: #6996 | Skype: cedomain

Lass solche persönlichen Angriffe lieber bleiben, meine sind härter.

webconqueror

Treue Seele

  • »webconqueror« ist der Autor dieses Themas

Beiträge: 124

Wohnort: Bergisch Gladbach

Beruf: Student

  • Private Nachricht senden

9

04.04.2016, 02:21

Okay 2D ist auf jeden Fall nicht mein Fall :D
Ich werde das morgen mal ausprobieren aber ich würde
es dann doch bevorzugen dass von jemanden machen zu lassen
der das kann ;)

CeDoMain

Alter Hase

Beiträge: 587

Wohnort: Ilmenau

Beruf: Student für Mechatronik

  • Private Nachricht senden

10

04.04.2016, 11:55

Okay 2D ist auf jeden Fall nicht mein Fall :D
Kannst du nicht oder willst du nicht? Zu Letzterem: Wenn du andere Texturen als ich verwendest und soetwas wie Normalmaps und Bumpmaps, dann kannst du da auch ganz schnell eine 3D Karte herstellen. Dazu brauchst du nochnichtmal kommerzielle Programme! Und soo schwer ist das nicht - brauchst halt ein bisschen Zeit, aber die kannst du bei einem Kartenspiel in Karten ja investieren. ;)
Mit freundlichem Gruß
CeDo
Discord: #6996 | Skype: cedomain

Lass solche persönlichen Angriffe lieber bleiben, meine sind härter.

Werbeanzeige