tutorials.de Buch-Aktion 05/2012
Like Tree2Danke
  • 2 Beitrag von chmee
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
2302
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Hallo zusammen,

    Ich hab keine Ahnung wo das am besten hingehört.
    Nun zur Frage:
    Ausgangslage sind zwei Bilder. Das einte soll zu einem Anteil transparent über das Andere, nennen wir es mal Hintergrundbild, gelegt werden.
    Nun hab ich von jedem Pixel drei Zahlen und zwar die jeweiligen Blau, Grün und Rot Anteile (0…255).
    Wie berechne ich nun den neuen Pixelwert, bei welchem das andere Bild zB. 50% transparent überlagert?

    Bin euch dankbar um Tipps oder Formeln.

    Gruss DexXxtrin


    PS: Ich weiss dass es mit Photoshop etc. zu machen ist, allerdings brauch ich die Berechnung!
     

  2. #2
    Avatar von Jan-Frederik Stieler
    Jan-Frederik Stieler Jan-Frederik Stieler ist offline JFS - aka DirtyWorld
    tutorials.de Moderator
    Registriert seit
    Nov 2003
    Ort
    Darmstadt
    Beiträge
    4.934
    Blog-Einträge
    1
    Hi,
    ich weiß jetzt nicht ob ich dich richtig verstehe.
    Du willst eine Transparenz über einen Farbwert erreichen?
    Das geht leider nicht. Deckkraft ist was anderes als Farbe.
    Mit welchem Programm willst du den dein Vorhaben umsetzen?

    Viele Grüße
     
    Dirt is my World
    www.janstieler.de coming soon!
    Xing Profil (OpenBC)
    del.icio.us Profil
    flickr Profil

    Portfolio

    Bitte bewerte mich wenn ich dir weitergeholfen habe. Und makiere dein Beitrag als erledigt wenn das Problem geklärt wurde.
    Information zum neuen Bewertungsmodell.

  3. #3
    Avatar von chmee
    chmee chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.629
    Blog-Einträge
    4
    Also eher Mathematik denn Photoshop

    Bild 1 ist die Basis und Bild 2 wird 50% daraufgelegt. Stell Dir den zeitlichen Verlauf von Bild 1 zu Bild 2 als eine lineare Gleichung vor. Bei Zeit 0 (oder auch Opazität 0%) ist es der Wert von Bild 1, bei Zeit 100 (oder auch Deckung 100%) ist der Wert von Bild2 erreicht.

    Wie sieht der Wert bei 50% (0.5) aus?

    f(x) = a + b*x
    oder in diesem Fall
    f(x) = a + (b-a)*x

    Beispiel:
    Pixel 1/1 auf Bild 1 hat den Wert 100/100/100
    Pixel 1/1 auf Bild 2 hat den Wert 235/80/66

    Wert = Bild1 + (Bild2-Bild1)*Transparenz

    Rneu = 100 + (235-100) *0.5 = 100 + 67,5 = 167,5
    Bneu = 100 + (80-100) *0.5 = 100 + (-10) = 90
    Gneu = 100 + (66-100) *0.5 = 100 + (-17) = 83

    usw und so fort.
    mfg chmee
    (ich verschiebs mal in die Creative Lounge)
    Geändert von chmee (15.03.11 um 00:26 Uhr)
    smileyml und DexXxtrin bedanken sich. 
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-

  4. #4
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Zitat Zitat von chmee Beitrag anzeigen
    Also eher Mathematik denn Photoshop
    Jap das hast du richtig erkannt.

    Danke für deine ausführliche Antwort.

    Das mit dem Zeitlichenablauf hat mir geholfen, um es mir vorzustellen.
    Mit hat da einfach was bei den Überlegungen gefehlt, bzw. ich war mir nicht sicher, ob man die Farbenwerte einfach so addieren und subtrahieren kann.
    Somit ist eigentlich die Formel aus der Überlegung f(x)=b*x + a*(1-x) was umgeformt dann das Selbe wie bei dir ergibt. Nur sieht man bei deiner Formel besser, welches das Hintergrundbild ist.

    Danke für die Antwort, hat mir sehr geholfen.
     

  5. #5
    Avatar von smileyml
    smileyml smileyml ist offline Tankwart
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    2.904
    Blog-Einträge
    14
    Ich würde denken der Grund für diese "einfache" Mathematik ist das addivite Farbsystem (RGB) - siehe auch http://www.tutorials.de/content/621-...tml#definition
    Ansonsten ist es sicher etwas anders.

    Grüße Marco
     

  6. #6
    Avatar von chmee
    chmee chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.629
    Blog-Einträge
    4
    Nein, die Formel würde -denke ich- auch bei CMYK funktionieren. zB wenn man einen Verlauf mathematisch erstellen möchte. Dass man im Druck Dinge wie Sättigung des Druckmediums betrachten muß, ist für die Aufgabe an sich erstmal unerheblich.

    (Wenn ich die Zeit finde, werd ich mal n Photoshopscript schreiben, danach wissen wir es besser )

    mfg chmee
     
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-

Ähnliche Themen

  1. div - Überlagerung im IE
    Von Kirzz im Forum CSS
    Antworten: 7
    Letzter Beitrag: 05.02.10, 10:17
  2. Problem mit Überlagerung von DIV's
    Von PhoenixDH im Forum CSS
    Antworten: 3
    Letzter Beitrag: 16.07.09, 20:13
  3. Antworten: 0
    Letzter Beitrag: 10.07.08, 15:33
  4. Verschiedene Schatten bei Überlagerung
    Von DoedGrv im Forum Photoshop
    Antworten: 5
    Letzter Beitrag: 09.04.02, 00:08
  5. Antworten: 2
    Letzter Beitrag: 26.03.02, 09:29