Aqua Photoshop Tutorial
Fast jeder Photoshop Aktive hat sich schon an der Erstellung eines Aqua-Effekts versucht. Wie schnell und realistisch eine Kugel mit dem Aqua-Effekt erstellt wird, zeigt das Tutorial Create a Macintosh Aqua Sphere using Photoshop – Tutorial von Axialis, dem Hersteller des bekannten IconWorkshop.
Allerdings würde ich Benutzern von Photoshop CS zur Nutzung des Ellipse-Werkzeugs anstelle der Verwendung des Auswahlellipse-Werzeugs für die Kugel raten.
16.05.2005 Rubrik: Techniken, Tutorials. . Trackback-URL. RSS 2.0 Feed für die Kommentare.
1. Juni 2005, nachmittags
Hallo Manuela.
Habe mich an der Erstellung einer Aqua-Effekt-Kugel versucht. Farbig sehen die Kugeln auch richtig gut aus, aber bei der Erstellung einer weißen Kugel musste ich aufgeben. Im Browser werden die Farbverläufe nur noch als weiß-graue Stufen dargestellt.
Hast Du vielleicht einen Tipp, was ich anders machen könnte?
10. November 2005, mitten in der Nacht
Hallo Astrid,
das mit dem Treppeneffekt liegt vermtlich an der Konvertirung ins GIF-Format, die du sicherlich vorgenommen hast, um deine Grafik mittels Transparenz auf einem Hintergrund darzustellen.
Das Problem bei GIF ist, dass es keine Transparenzabstufungen zum Hintergrund kennt. GIF kennt demnach nur 100% Farbe, oder 100% Transparenz für jedes Pixel des Bildes. Als Lösung bieten viele Grafikprogramme ein Dithering an, welches, je nach Grad, benachbarte Pixel jeweils abwechselnd in Farbe bzw. Transparenz darstellt und somit einen Verlauf versuchen. Meist sieht dies jedoch eher bescheiden aus.
Eine andere Ursache wäre, dass das GIF-Format mit einer indizierten Farbtabelle arbeitet und dort auch nur max. 255 Farben unterstützt. Bei Farbverläufen werden allerdings oft mehr Farben benötigt für einen weichen Übergang. Dadurch könnte besagter Treppeneffekt entstehen.
Eine Lösung wäre nun das Bild als JPEG zu speichern, falls du auf die Transparenz mit dem Hintergrund verzichten kannst. Notfalls kannst du deine Kugel auch im Photoshop mit dem Hintergrund kombinieren und es irgendwie so versuchen in die Webseite zu “basteln”.
Benötigst du unbedingt die Transparenz zum Hintergrund, so kannst du noch das PNG-Format ausprobieren, welches allerdings noch nicht ganz fehlerfrei von allen Browsern unterstützt wird (im Bezug auf Transparenz vor allem).
Viel Erfolg,
micha.
10. August 2007, mitten in der Nacht
ja nun, ich arbeite meistens mit PNG und läuft ganz gut, sind etwas grösser als GIF, aber naja, lohnt sich.
nur sehr viel ältere versionen von IE und Firefox unterstützen bedingt PNG, von daher macht das kaum unterschied, PNG 24 solltest du nehmen für weiche übergänge,
gruss
stoev