Hierzu braucht ihr erst mal ps, und danach das "Partnerprogramm" Image Ready. Ihr kennt
wahrscheinlich diese Rollovers, in denen zB die Navigation in Zahlen aufgeteilt ist, und
wenn man drüber hovert gibts irgendwo im Bild dann einen Text dazu. Sowas machen wir jetzt.
(dieses Tutorial funktioniert NICHT für Image Ready CS! Da gibt es eine extra Funktion
dafür)
Erster Schritt: erstellt irgendwas worauf wir hovern wollen. Wahrscheinlich ist das ein Layout, ich mach jetzt mal so ein Bildchen hier:
Sagen wir das ist eine Pagenavigation. Bei 1 gehts auf die about Seite, 2 ist Visitor, 3 ist Domain, 4 ist Links. Legt auf jeweils eine neue Ebene dafür den Text an:
Blendet alle diese Ebenen aus und wechselt dann zu Image Ready.
Nun müsst ihr erstmal die Navigationspunkte slicen. Wählt das slice-tool, und zieht
Kästchen um die Navigationspunkte, außerdem dahin wo der Text später steht.
Stellt ggf wenn ihr das wollt die Optionen für die Slices ein (url, target, etc). Danach wenden ihr euch der Rollover Palette zu.
Bis jetzt seht ihr die Slices nur im normalen Zustand. Wählt im Rollover Menü das
Slice mit der 1 aus. Der Rand wird nun gelb angezeigt. Klickt nun auf das Blatt Papier
(roter Pfeil). Es wird
ein neuer Rollover Status erstellt, nämlich Over. Das ist ja toll, den wollen wir ja auch.
JETZT macht ihr die Ebene mit "about me" sichtbar.
Als nächstes klickst du in der Rollover Palette auf den Slice mit der 2. Jetzt wird dieser gelb umrandet, und der Text "about me" ist wieder verschwunden. Erstelle einen neuen Rollover Status und mache jetzt die "Visitor" Ebene sichtbar.
Verfahre so mit den restlichen Menüpunkten. Achtung: Wenn du die Slices nicht über die Rollover Palette auswählst, sondern mit dem Slice Auswahlwerkzeug, werden die Textebenen nicht wieder unsichtbar wenn du das nächste Slice auswählst. Achte darauf.
Nun speicherst du das ganze: Datei>optimiert version speichern unter. Stelle sicher, das html UND Bilder angegeben ist. Jetzt müsste das aussehen wie hier
Herzlichen Glückwunsch. Fertig =D
(aufgrund dessen, das wir nicht tausend javascripts im head haben wollen, gibts das hier als
pop up ;D)