I hug Photoshop ;) (done)

God

Donnerstag, 23. November 2006, 17:20

1

oder hasst es mich??

Ich möchte für eine Website eine Header-Grafik nach rechts ins _transparente_ (nicht Hintergrundfarbe) auslaufen lassen. Bekomm ich nich hin. Füllwerkzeug, blablabla, Turorial blalba... alles scheisse!

Daher die frage an die Bildbearbeiter: Bekomm ich das mit Photoshop 8 hin oder sollte ich meine Zeit mit was sinnvollerem verbringen?

Kyros > Radeon 5750 > Radi AMS 420 > aqualis > Laing DDC

xx_ElBarto

God

Beiträge: 7 044

Re: I hate Photoshop

Donnerstag, 23. November 2006, 17:22

2

ja, das geht mit photoshop, dazu musste das bild als web objekt (oder irgendwie so ähnlich heißt das) exportieren und als format png auswählen

Martin666

God

Beiträge: 3 727

Re: I hate Photoshop

Donnerstag, 23. November 2006, 17:25

3

dass ich das als png abspeichern muss is mir klar, aber erstmal einen transparenten Verlauf reinzubekommen.... das is ja das schwierige

Kyros > Radeon 5750 > Radi AMS 420 > aqualis > Laing DDC

Y0Gi

God

Beiträge: 12 709

Re: I hate Photoshop

Donnerstag, 23. November 2006, 17:59

4

Mit dem Verlaufswerkzeug kannst du doch in den vorgefertigten Verläufen mindestens einen Auswählen der von Schwarz oder Weiß nach Transparent übergeht.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

r1ppch3n

Moderator

Beiträge: 14 318

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:07

5

transparenz... png... website...
naja, alle browser die was taugen kommen mit klar... ;D

bekiro

Senior Member

Beiträge: 1 821

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:22

6

ganz einfach:

in deiner datei sind ja zwei ebenen, also hintergrund und header. du musst auf die header ebene eine maske legen. du wählst dazu deine header ebene an und wählst im menü unter "ebene/ebenenmaske hinzufügen/nichts markiert".

wenn du dann mal auf die ebenen pallete schaust, siehst du nun auf der header ebene, neben dem piktogramm der ebene, ein weiteres kleines kästschen. das ist weiss gefüllt. wenn du nun das weisse kästschen anklickst und mit dem verlaufswerkzeug "g" und einer vordergrundfarbe von schwarz und hintergrundfarbe weiss einen verlauf in diese ebenen maske zeichnest, dann wird dein bild transparent.

das kleine weisse kästchen auf der header ebene ist also für die transparenz da. weisse bereichen sind sichtbar schwarze bereiche sind transparent.

Shoggy

Sven - Admin

Beiträge: 18 137

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:29

7

Die unterste Ebene muss transparent sein. Also bei den Ebenen oben das Bild und unten der transparente Hintergrund. Dann wählst du in den Eben das Bild aus und klickst unten auf das zweite Logo von links (Vektormaske). Da erscheint dann rechts ein neues Feld, was du anklickst.

Du wählst dann das Verlaufswerkzeug und nimmst in den Vorgaben das zweite Feld. Unten im Verlauf musst du dann links die Farbe auf Schwarz ändern. Mit der Einstellung klickst du dann rechts in das Bild und ziehst den Verlauf nach links. Für eine gerade Linie einfach die Shift-Taste gedrückt halten während du das machst.

Anschliessend fürs Web speichern, PNG24 sowie Transparenz auswählen.

Max_Payne

God

Beiträge: 3 191

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:32

8

Ich würde von PNG absehen, da dies in einigen Internet-Explorer Versionen zu Problemen führt ... mit GIF sollte es funktionieren

Gruß Max Payne

Shoggy

Sven - Admin

Beiträge: 18 137

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:35

9

Mit GIF kann es gar nicht funktionieren da dieses Format nur zwei Zustände kennt: transparent und nicht transparent ;D

edit: hier wunderschön zu sehen im Vergleich beim Export

r1ppch3n

Moderator

Beiträge: 14 318

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:37

10

mit gif kriegt man aber keinen vernünftigen verlauf hin, entweder n pixel is ganz transparent oder gar nicht...
wenns auch im ie gut aussehn soll muss mans doch in die hintergrundfarbe auslaufen lassen

aber irgendwas in mir sträubt sich dagegen webseiten an son mist anzupassen :-X

edith:
doofes shoggy, plappert einfach dazwischen... ;D

Max_Payne

God

Beiträge: 3 191

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:38

11

Stimmt ;D ... hmm dann bleibt nur noch PNG ...

Gruß Max Payne

Y0Gi

God

Beiträge: 12 709

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:42

12

PNG kann sowohl einen ganzen Alphakanal nutzen als auch nur eine einzelne Farbe als transparent definieren, GIF kann nur letzteres und das auch nur mit maximal 256 Farben - auch deswegen für einen Farbverlauf "mit was dabei" nur selten gerade noch zu gebrauchen.

Der IE kann ab Version 7 die Alphatransparenz darstellen (ansonsten ist der Bereich grau), die älteren Versionen kriegen aber zumindest PNG mit einfacher Transparenz hin.

This is my sick nature. – NorthCon // LANresort Bispingen // BYCEPS (LAN party software platform) // OrgaTalk (LAN party orga board)

Martin666

God

Beiträge: 3 727

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:45

13

DAnke danke, habs hinbekommen. ElBarto hat mir ein Videotutorial 4 Dummies gezaubert.
Hatte aber noch derbe Probleme, das Ding da reinzuzeichnen wo es sollte. Also in diese Ebene rechts der "Haupt"Ebene. Also Bedienungsmäßig ist das Proggie nicht gerade intuitiv :/

Kyros > Radeon 5750 > Radi AMS 420 > aqualis > Laing DDC

Shoggy

Sven - Admin

Beiträge: 18 137

Re: I hate Photoshop

Donnerstag, 23. November 2006, 18:52

14

Ich werde das Gefühl nicht los, dass du es dir irgendwie/irgendwo zu schwer gemacht hast. Eigentlich geht das völlig einfach mit wenigen Mausklicks.

xx_ElBarto

God

Beiträge: 7 044

Re: I hate Photoshop

Donnerstag, 23. November 2006, 19:38

15

er hat es nicht geschafft die maske an zu klicken, und so hatte er den farblauf in dem normalen layer:

grobmotoriker... ;D

Shoggy

Sven - Admin

Beiträge: 18 137

Re: I hate Photoshop

Donnerstag, 23. November 2006, 19:46

16

Hihi ;D

pharao

Moderator

Beiträge: 7 616

Re: I hate Photoshop

Donnerstag, 23. November 2006, 22:23

17

sollte das bei gif nicht mit dithering lösbar sein?
oder geht das nur bei Farbverläufen?

Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

Shoggy

Sven - Admin

Beiträge: 18 137

Re: I hate Photoshop

Freitag, 24. November 2006, 00:30

18

Würde indirekt gehen, sieht aber sch... aus.

pharao

Moderator

Beiträge: 7 616

Re: I hate Photoshop

Freitag, 24. November 2006, 00:56

19

dann braucht man ja nur eine Browserweiche einbauen und je nachdem ein png oder das gif laden ;D

Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

Martin666

God

Beiträge: 3 727

Re: I hate Photoshop

Freitag, 24. November 2006, 10:15

20

Das is das für meine Zwecke hervorragende Ergebnis. Das PNG hab ich auch im IE7 ausprobiert und es wird korrekt dargestellt.

@Kompatibilität: Hmm.... wer nicht den aktuellsten IE nutzt (wenn er sich denn überhaupt dieser Pein aussetzt), ist selbst schuld. Opera & Co stellen es seit jeher korrekt dar, also wayne? Ich optimiere meinen Kram doch nich auf uralt-Browser, also wirklich

. Habe mit meinem DIV- und CSS-Layout schon genug um die Ohren...

@ElBarto: M0wl xD

Kyros > Radeon 5750 > Radi AMS 420 > aqualis > Laing DDC