Gläsernes Ambiente

[Holbi]

Hallo lieber Leser,

ich arbeite seit vielen Jahren mit PI, jetzt aber habe ich einen
Wunsch den ich mir nicht erfüllen kann. Bestimmt könnt
ihr mir weiterhelfen.

Ich möchte eine WebSite mit einem gläsernen Ambiente
aufbauen. Also z.B. die Ränder eines Bildes durchscheinend
machen, oder auch das ganze Hintergrundbild durch ein
anderes Bild mit Text durchscheinen lassen.

Meine Versuche mit GIF-Bildern scheitern leider wegen der
schlechten Qualität der Übergänge und daran dass nur eine
Farbe durchscheinend gemacht werden kann.

Viele Grüße, Holbi

[Georg62]

Hallo und willkommen im Forum.

Dein Vorhaben kannst Du nur mit PNG-Bildern realisieren!
Dieses Bildformat unterstützt viel mehr Farben als das GIF-Format und bietet ausreichende Transparenzen.

Ich hänge mal ein Bild an, weiss aber nicht, ob es hier so wirkt wie ich es mir vorstelle.

[Helmut]

...
PNG nehmen, dann klappt das auch mit den Transparenzen.

Cu Helmut

[Holbi]

Tausend Dank, ich probiere PNG, hätte ich auch selbst drauf kommen
können. Ich meinte Sites wie

http://colindv.blogspot.com/

oder

http://www.apo-tackenberg.de/gottesdiens...u-329.html

Danke und viele Grüße, Holbi

[Helmut]

...

Ich meinte Sites wie

jo, die Grafik URL für den Hintergrund sagt ja schon alles
http://www.blogblog.com/1kt/transparent/white80.png

Cu Helmut

[Holbi]

Danke nochmal für den Support, ich habe es geschafft ein
transparentes PNG - Bild zu erschaffen. Bitte helft mir, ich
kann das Experiment nicht wiederholen. Das png Bild ist noch da,
ich sehe dass es funktioniert, aber es wurmt mich dass ich vergessen
habe wie ich es gemacht habe.

Nehmen wir an ich will nur ein transparentes GrauesRechteck.png
auf mein Site Hintergrundbild.

Als Grundlage habe ich ein weißes Bild mit grauer Eimerfüllung versehen.

Um auf die Eigenschaften zu kommen in denen ich den Grad der
Transparanz einstelle, muss ich das graue Bild zuerst wieder irgendwo
einfügen, oder? Wenn mir das jemand Schritt für Schritt erklären
könnte..

VG Holbi

[Helmut]

Um auf die Eigenschaften zu kommen in denen ich den Grad der
Transparanz einstelle, muss ich das graue Bild zuerst wieder irgendwo
einfügen, oder?

nö, als Objekt umwandeln, bzw. gleich als solches anlegen und das Basisbild ausblenden

aber es wurmt mich dass ich vergessen
habe wie ich es gemacht habe.

:icon_troest:

Cu Helmut

[Holbi]

Bist du der Gelbe?

Danke für die Antwort, der Fehler lag woanders, in NetObjects
jetzt gehts. So eine Zeitverschwendung

Viele Grüße, Holbi

[Holbi]

Wer das hier alles nachliest freut sich über die Lösung:

Transparente Fläche erzeugen in PI:

1. Datei, neu, neues Bild, Größe und Farbe (blau) festlegen
2. Datei abspeichern ( Blau.jpg)

3. Datei, neu, neue Webseite, Größe festlegen (wie 1. Bild) O.K. klicken
4. Objekt, Bildobjekt einfügen, aus Datei (Blau.jpg)
5. Objekt, Eigenschaften, Transparent auf z.B. 50% stellen O.K. klicken
6. Wenn gewünscht Text oder Bilder aufsetzen (einfügen)
7. Datei, für Web speichern, gesamtes Bild, auf PNG klicken (Mitte rechts)
und speichern (TransBlau.png)

In z.B. NetObject einfügen:

1. Auf Symbol "Bild", Datei (TransBlau.png) klicken, fertig.

Keinesfalls bei Bild-Eigenschaften "Bearbeiten" klicken,
dann sind die PI Transparent-Eigenschaften sofort weg.

[Helmut]

1. Datei, neu, neues Bild, Größe und Farbe (blau) festlegen
2. Datei abspeichern ( Blau.jpg)

3. Datei, neu, neue Webseite, Größe festlegen (wie 1. Bild) O.K. klicken
4. Objekt, Bildobjekt einfügen, aus Datei (Blau.jpg)
5. Objekt, Eigenschaften, Transparent auf z.B. 50% stellen O.K. klicken
6. Wenn gewünscht Text oder Bilder aufsetzen (einfügen)
7. Datei, für Web speichern, gesamtes Bild, auf PNG klicken (Mitte rechts)
und speichern (TransBlau.png)

Warum so umständlich?
Du kannst in einer Datei durchaus einige Objekte verwalten und als PNG etc. abspeichern. Das muss man nicht unbedingt x mal hin und her kopieren.
Wenn Du die speichern willst kanst Du mehrere Objekte über Web > Bildoptimierer > Ausgewählte Objekte einzeln nacheinander speichern.

Cu Helmut