Gefärbte Sachen

Welche Grundfärbung?

Er meint:
Aktuell gibt es 2 Hemden, ungefärbte und gefärbte.
Das ungefärbte Hemd sieht gut aus wie es ist, das gefärbte Hemd wird aus 2 Bilder zusammen gesetzt, und zwar aus einem schwarz-weißen Faltenmuster (Struktur) unten und der Farbe obendrüber. Da das Faltenmuster unten liegt, bekommen die Falten sehr viel von der Farbe ab und werden schwerer erkennbar.
Er schlägt nun vor, dass man statt die Falten als Hintergrund zu nutzen und die Farbe halb-tranparent über die Falten zu legen, es andersherum zu gestalten. Man legt die Farbe mit 100% in den Hintergrund und legt die Falten halb-tranparent darüber.
Da die im Hintergrund liegenden Falten aber noch ihre weißen Flächen haben und so das Ergebnis ein ähnliches wäre, will er nun an dem Faltenbild etwas herum schrauben, so dass man eben diese oben drüber legen kann statt untendrunter. (Und ihr Euch nicht die Arbeit machen müsst, sondern nur mal eben ein Testbild hochladen müsst, für einen Moment die 2 Ebenen zu vertauschen, das anzugucken, und dann sagen "gut, dass wir die Zeit nicht investieren brauchten, es sieht fantastisch/schlimm aus.")

naja, es sind 3 PNGs, die übereinandergelagert sind.
Das normale Hemd, die schwarze Fläche, die gefärbt wird und die Struktur.

Ich finde die Hose am interessantesten, weil sie original "nicht-weiß" ist. (die anderen Objekte haben auch auch eine "sehr-weiß-Version" zum besseren Färben)
Ich habe meine Hose folgendermaßen gefärbt:
1. Schwarz
2. 3 mal auswaschen (wodurch es grau wird)

Hier sind die Bilder, welche geladen werden (in der Reihenfolge, wie sie im HTML auftauchen):
[Blockierte Grafik: http://old.simkea.de/index.php?c_i=hose01&c_c=000000][Blockierte Grafik: http://old.simkea.de/simkea_images/hose01_co.png][Blockierte Grafik: http://old.simkea.de/simkea_images/hose01.png]

Erklärung:
xitemcolorimage liegt GANZ OBEN. xitemcoimage liegt IN DER MITTE, und xitemimage liegt GANZ UNTEN.
Die Reihenfolge, in der man <div class="xitemcoimage"> und <div class="xitemcolorimage opac4"> (default ist opac7!) schreibt, ist egal, da diese Zeilen nur als Information benutzt werden, nicht als Anzeigereihenfolge (aka: Man kann die Reihenfole tauschen, und es passiert gar nichts).

Da man ja mit seiner lokalen HTML Kopie herumspielen kann, hier mal ein Bild:

Oben sieht man die ALTEN Farben, unten die NEUEN. Was habe ich geändert?

Da xitemcolorimage und xitemcoimage einfach nur Ebenen sind, nicht von ihrer Erscheinungsreihenfolge im HTML beeinflusst werden, sondern nur beeinflussen, ob sie OBEN oder MITTE sind, habe ich folgendes geändert:
(die schwarze, bzw. rote Hose oben:) "xitemcolorimage opca7" wurde zu "xitemcoimage".
Entsprechend wurde "xitemcoimage" zu "xitemcolorimage opac1"

Ok, wie kommt der Doofbär jetzt auf opac1? Naja... opac1 bedeutet "sehr durchsichtig", und opac7 bedeutet "fast nicht durchsichtig". Eine Farbe (rot, schwarz) soll am Anfang sehr kräftig sein, also "fast nicht durchsichtig" und wird beim Auswaschen heller, oder "durchsichtiger" und gibt den Blick auf die normalerweise in der Mitte liegende Struktur frei. Merke: Aktuell ist die Farbe ÜBER der Struktur. Wenn man jetzt das COLOR mit dem CO tauscht und dabei das opac mitnimmt, dann ist jetzt natürlich die Struktur OBEN (inklusive dem weiß!!!!!!!!!), und die Farbe ist in der MITTE. Die Farbe hat eine Deckkraft von 100% und überdeckt somit das Defaultbild ganz UNTEN. Da die Struktur nun oben liegt UND das weiß drin hat, muss sie "sehr durchsichtig" sein, um die Farbe in der Mitte sehen zu können. Wenn man die Kleidung nun auswäscht, kann man statt opac7 auf opac6 sinken zu lassen nun umgekehrt arbeiten und opac1 auf opac 2 steigen lassen! Dies macht die Struktur immer "undurchsichtiger", während die Farbe im Hintergrund aber volle Deckkraft behält.
Sieht dann so aus für die Extremfälle von "ganz ausgewaschen":

Links das Original mit "schwarz opac1" (also schwarz fast durchsichtig)
Rechts das Neue mit "Struktur opac7" (also Struktur fast undurchsichtig)

Leider leider LEIDER geht das nur für schwarz so gut, denn mit rot (und sicher allen anderen Farben auch), sieht das dann so aus:
Original --> <-- Fehler

Die Änderung in der Generierung der HTML-Seiten hätte sicher nicht mehr als 2 Minuten in Anspruch genommen und es hätte uns Kleidungsstücke gegeben, die näher an der Farbe dran sind, die wir auch gemischt haben. Aber SO eine Hose will sicher NIEMAND haben.
Da so ein Ergebnis aber eigentlich nur beim Auswaschen passieren kann, KÖNNTE man kurz einen Gedanken daran verschwenden, diese 2 Minutenänderung anzuwenden und das Auswaschen zu deaktivieren. Natürlich kann man bei der Änderung auch überlegen, ob man opac2 statt opac1 nehmen will, denn wie man an dem Fehlerbild sieht ist es TROTZ des Fehlers farbenfroher als das Original!

Die obere rote und obere schwarze Hose sieht aber viel besser aus.
Da ist wenigstens nOch Struktur vorhanden.

Zitat von Flummii

Die obere rote und obere schwarze Hose sieht aber viel besser aus.
Da ist wenigstens nOch Struktur vorhanden.

Aber z.B. beim Tuchbeutel in schwarz sieht das aus als hätte man eine Pappe in Tuchbeutelform ausgeschnitten und auf den Hintergrund gelegt.

"guckt irritert ihren Beutel an"

Ich sagte doch, man müsste sich das Bild mal mit opac2 angucken Außerdem kann man es auf schwarz ja sehen, das ist das wichtigste

Da ich mir in meiner lokalen HTML Kopie jedes Objekt, dessen png-Namen ich herausfinde, angucken kann, kann ich ja mal mit Tuchbeuteln spielen xD
Hmmmmmm, ich besitze sogar welche, nur nicht in Farbe, aber das lässt sich ja ändern *grins*

Das Erstellen eines dieser Farbebene (das aller erste Hosenbild) ist nicht so trivial, wie es sich anhört. Wenn man ein Objekt mit transparentem Hintergrund hat, KÖNNTE man natürlich einen Filter so darüber jagen, dass er alle Farben zu schwarz ändert außer Durchsichtigkeit. Dieses Bild ist dann natürlich klasse um es dank Script auch in jede andere Farbe umzuändern (oder besser in komlett weiß und dann mit script auf 000000 - FFFFFF setzen? Egal...).
LEIDER zu naiv gedacht, denn viele Objekte haben einen Schatten. Man muss also ERST den Schatten entfernen und kann DANN den Rest einfarbig machen. Sonst hat man nachher einen roten Schatten... Das wäre komisch. Vielleicht wurde bei dem Tuchbeutel nicht liebevoll genug gearbeitet *kein Vorwurf! Steckt schon verdammt viel Arbeit drin von Euch, wenn ich hier schon 2 Stunden gebraucht habe für meinen ersten Beitrag xD)