{"id":2648,"date":"2013-02-11T18:38:53","date_gmt":"2013-02-11T17:38:53","guid":{"rendered":"http:\/\/clonkspot.org\/blog\/?p=2648"},"modified":"2025-05-15T11:40:17","modified_gmt":"2025-05-15T09:40:17","slug":"die-title-png","status":"publish","type":"post","link":"https:\/\/clonkspot.org\/blog\/2013\/02\/11\/die-title-png\/","title":{"rendered":"Die Title.png"},"content":{"rendered":"<p><span style=\"color: #008000;\" data-mce-mark=\"1\"><em>Dieser Artikel wurde aus dem inaktiven\u00a0<a href=\"http:\/\/wiki.nosebud.de\/wiki\/Clonkblog\"><span style=\"color: #008000;\" data-mce-mark=\"1\">clonkblog<\/span><\/a>\u00a0gerettet. Danke an dieser Stelle an Dragonclonk.<\/em><\/span><\/p>\n<div>\n<p>Es gibt viele Gestaltungsm\u00f6glichkeiten einer Title.png. Doch muss die Title.png, die zwecks einer Szenarienvorschau dient, die Ma\u00dfe 200x150px aufweisen, und im Dateiformat PNG gespeichert werden. Man kann leider sehr viel falsch machen. Wie \u2018falsche\u2019 Title.png\u2019s aussehen k\u00f6nnen, siehst man in folgenden 2 Beispielen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2650\" alt=\"titlae1\" src=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae1.png\" width=\"377\" height=\"209\" srcset=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae1.png 377w, https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae1-300x166.png 300w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><\/p>\n<p>Das eine oder andere im letzten Beispiel mag seri\u00f6s aussehen, ist aber wenig relevant f\u00fcr den Spieler. Text pur kann man auch im Beschreibungstext des Szenarios einf\u00fcgen. Ein uninteressanter Hintergrund (In diesem Fall Wei\u00df) verst\u00e4rkt ebenfalls die Aufmerksamkeit nicht.<\/p>\n<p>Das n\u00e4chste Beispiel zeigt 2 gute M\u00f6glichkeiten, wie sie fast immer gemacht werden: Die Darstellung von Spielgeschehen. <em>Anmerkung der Redaktion: Der Vorteil von Title.pngs mit Spielgeschehen: Hoher Wiedererkennungswert in einer endlosen Liste von Szenarien)<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2651\" alt=\"titlae2\" src=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae2.png\" width=\"377\" height=\"209\" srcset=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae2.png 377w, https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/titlae2-300x166.png 300w\" sizes=\"auto, (max-width: 377px) 100vw, 377px\" \/><\/p>\n<p><!--more--><\/p>\n<p>Bei Objektpaketen besteht die Title.png gew\u00f6hnlich aus mehreren positionierten einzelnen Objektgrafiken. Dies ist auch das einzig sinnvolle. Mit diesen Platzierungen kann man alle wichtigen Objekte kurz und unkompliziert vorstellen. Ein Screenshot ist da weniger sinnvoll.<\/p>\n<h2>Tipps f\u00fcr das Erstellen von Title.png\u2019s<\/h2>\n<ul>\n<li>Grafik als PNG speichern (Andere werden nicht akzeptiert)<\/li>\n<li>Grafik in der Gr\u00f6\u00dfe 200x150px speichern (andere Gr\u00f6\u00dfen verzerren m\u00f6glicherweise das Bild)<\/li>\n<li>F\u00fcr das Szenario relevante Spielszene als Hauptbestandteil einbauen<\/li>\n<li>Ein Schriftzug kann den Hintergrund auflockern (nicht zu bunt)<\/li>\n<li>Title.png aktuell halten (Leider werden im Originalpack viele urzeitliche Szenen benutzt; siehe Beispiel oben)<\/li>\n<li>Ein kreativer Rahmen kann je nach Szenario atmosph\u00e4risch wirken<\/li>\n<li>Keine Effektspielerreien benutzen (Der Spieler wird evtl. entt\u00e4uscht sein)<\/li>\n<\/ul>\n<p>Zu beachten sind au\u00dferdem die Klebestreifen, die im Spieleauswahlmen\u00fc an die Title.png angeheftet werden. Sie f\u00fcr ein kreatives Design zu verwenden, k\u00f6nnte m\u00f6glicherweise ebenfalls etwas zur Authentik des Szenarios beitragen. \u00dcber ein \u2018Workaround\u2019 kann man die Klebestreifen entfernen, n\u00e4mlich indem man sie 100% transparent \u00fcberl\u00e4dt.<\/p>\n<p><em>Originalpost von Dragonclonk erschien am 23. August 2010 auf clonkblog.<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><em>Anmerkung der Redaktion:<\/em><\/p>\n<h2>Wo muss die Title.png hin?<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2655\" alt=\"title\" src=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/title.jpg\" width=\"605\" height=\"623\" srcset=\"https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/title.jpg 605w, https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/title-291x300.jpg 291w, https:\/\/clonkspot.org\/blog\/wp-content\/uploads\/2013\/02\/title-540x556.jpg 540w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dieser Artikel wurde aus dem inaktiven\u00a0clonkblog\u00a0gerettet. Danke an dieser Stelle an Dragonclonk. Es gibt viele Gestaltungsm\u00f6glichkeiten einer Title.png. Doch muss die Title.png, die zwecks einer Szenarienvorschau dient, die Ma\u00dfe 200x150px aufweisen, und im Dateiformat PNG gespeichert werden. Man kann leider sehr viel falsch machen. Wie \u2018falsche\u2019 Title.png\u2019s aussehen k\u00f6nnen, siehst man in folgenden 2 Beispielen: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[32,114,36,29],"class_list":["post-2648","post","type-post","status-publish","format-standard","hentry","category-allgemein","tag-clonkblog","tag-entwickeln","tag-gestaltung","tag-tipps"],"_links":{"self":[{"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/posts\/2648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/comments?post=2648"}],"version-history":[{"count":5,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/posts\/2648\/revisions"}],"predecessor-version":[{"id":3465,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/posts\/2648\/revisions\/3465"}],"wp:attachment":[{"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/media?parent=2648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/categories?post=2648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clonkspot.org\/blog\/wp-json\/wp\/v2\/tags?post=2648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}