gif und photoshop - rand auf dunklem hg sichtbar

[xircom]

Hallo,
habe mit PS ein Logo erzeugt und für web als gif gespeichert.
Leider, wenn ich das Logo (relativ hell, mit Verlauf) auf einem dunkleren Hintergrund platziere, sieht man einen punktuelen, weißen Rand.
Wie muss ich es in PS einstellen, um das "weich" zu bekommen ? Ohne einen Rand, den man sieht.
Ich kenne mich nicht so gut aus, mache ein paar Sachen als Hobby, bitte also um relativ genauer "Hinweise"

Vielen Dank !

 

[msslovi0]

Hat das gif eine Transparenz? Ein Screenshot oder die Website, um sich das Problem anzusehen, wäre hilfreich...

Matt

 

[xircom]

ja, Transparenz ist da.
Stelle es heute Abend ins Netz (bin jetzt auf der Maloche )

 

[ThaHammer]

1. im Menu: Für Web Speichern auswählen
2. dort im Fenster die Werte richtig einstellen.
3. Wichtig ist der Punkt Basis, der gibt praktisch die Verlaufsfarbe des Bildes zur Transparenz an. Da mußt Du Deine dunkle Farbe einstellen, dann kriegt das Bild keinen weißen Rand mehr.

 

[xircom]

2. dort im Fenster die Werte richtig einstellen.
haha, welche
pkt. 3
habe gemacht aber ...., schaut selbst
http://web190.servana.de/

Danke für den Hinweis, vielleicht mache ich einfach einen grauen Rand (unter deutsch)

 

[simusch]

oder mit png... und für InternetExplorer ne alternative angeben...

 

[Fantômas]

mal so nebenbei:
ist das englisch auf der seite noch im entwicklungsstadium?
da solltest du noch mal jemand drüberschauen lassen...

 

[msslovi0]

simusch hat es eigentlich schon angesprochen. Das bekommst du nur mit einem Format hin, das Alphatransparenzen unterstützt. Also 24bit png. Und das kann der Internet Explorer auf dem PC nicht bzw. nur mit einem Würgaround.

Eine Alternative wäre es, da dein Hintergrund horizontal nicht unregelmäßig verläuft, den Hintergrund ins Bild zu integrieren, also ohne Transparenzen zu arbeiten.

Matt

 

[MacEnroe]

Hallo,
habe mit PS ein Logo erzeugt und für web als gif gespeichert.
Leider, wenn ich das Logo (relativ hell, mit Verlauf) auf einem dunkleren Hintergrund platziere, sieht man einen punktuelen, weißen Rand.
Wie muss ich es in PS einstellen, um das "weich" zu bekommen ? Ohne einen Rand, den man sieht.
Ich kenne mich nicht so gut aus, mache ein paar Sachen als Hobby, bitte also um relativ genauer "Hinweise"

Vielen Dank !

Nein, das geht nicht mit Transparenz. Sonst wird der Rand nicht gut.
also am besten ohne Transparenz machen.

Ansonsten: Schaut gut aus! Schöne Farben im WindowsVista Style

 

[msslovi0]

Nein, das geht nicht mit Transparenz.

Das ist nicht richtig. Aber das hatten wir ja schon geklärt...

Matt

 

[Dr. NoPlan]

Das liegt meiner Meinung nicht unbedingt am GIF.
Mir scheint das nicht sauber freigestellt zu sein.

Wenn du das im PS als Ebene mit einer "richtigen"
Transparenz hast, würde ich folgendermassen vorgehen:

Klick auf die Ebene > Ebenentransparenz auswählen
>Menü Auswahl > Auswahl verändern > Auswahl verkleinern (1px)
> Auswahl umkehren (Apfel+Shift+i) > Pixel ausschneiden (Apfel + x)

Und probiere mal statt einem GIF ein PNG mit echter Transparenz.

 

[ThaHammer]

2. dort im Fenster die Werte richtig einstellen.
haha, welche
pkt. 3
habe gemacht aber ...., schaut selbst
http://web190.servana.de/

Danke für den Hinweis, vielleicht mache ich einfach einen grauen Rand (unter deutsch)

Sorry, wußte ja nicht das das über mehrere Farben geht. Dann ist das natürlich so nicht machbar.
Ich dachte im ersten Moment auch an einen kleinen dünnen Rand mit einer nicht so grellen Farbe. irgendwas dezentes wie das helle Grau oder eventuell ein helles Blau. Aber das musste ausprobieren was da gut ausschaut.

 

[sengaja]

oder mit png... und für InternetExplorer ne alternative angeben...

man hat mit javascript die möglichkeit, auch dem internet explorer die PNG transparenz beizubringen!

http://homepage.ntlworld.com/bobosola/pngtest.htm

ansosnten würde ich in dem fall sagen:
1.: bild mit css einfügen und positionieren
2.: browserweiche einbauen
3.: für moz ei PNG
4.: für IE ein gif mit hintergrund

gruß

 

[ugk]

Einen Weg gibt es noch:
1. Lege unter Deine Logoebene eine Ebene mit der Hintergrundfarbe, die Du später in der HTML-Seite haben wirst.
2. Markiere in der Logoebene alles (ggf. sicherheitshalber jetzt das Händchen einschalten und einmal mit den Pfeiltasten bewegen)
3. Auswahl umkehren, Arbeitspfad erstellen und sichern
4. Ebenen zusammenkopieren
5. Pfad als Auswahl laden, jetzt das Logo kopieren
6. neue Datei öffnen und Logo aus der Zwischenablage einfügen
7. als png oder gif oder was auch immer sichern.

Jetzt hast Du am Rand abgetönte Werte, die zum Hintergrund passen. Denn wen Du das Logo ohne Hintergrundfarbe erstellst, werden die Randpixel teilweise heller eingestellt, um optisch die Pixelstruktur aufzulösen.