Geschrieben von rainbowsix am 17.03.2005, 20:47

eine wichtige funktion im image ready ist mal der "roll over" effekt
ich werd mal versuchen den hier zu erklären
öffne eine neue datei im photoshop. erstelle darin ein beliebiges menü.
also es braucht nur ein zB farbiges feld sein auf das ihr 3-5 kategorien drauf schreibt
wen ihr euer menü fertig habt lasst noch die ebenen so das man zB den text auf eine ebene die schaltflächen auf eine ebene ect. (ebenen/mit darunter liegender auf eine ebene reduzieren)
klickt dan in der wekzeugpallete ganz unten auf "springen zu image ready" oder klickt einfach auf strg-umschalt-m

im image ready müsste sich eine pallete namens "roll over" befinden, wen nicht geht auf Fenster/roll over. schaut euch die pallete mal an.

nun zum eigentlichen tutorial:

schritt 1:
wählt in der werkzeug palette das werkzeug rechteckiges imagemap oder drückt P.
makiert damit einen teil eures menüs (den ihr mit einem roll over belegen wollt)

nun müssste in der "roll over" palette imagemap_01 stehen

schritt 2:
klickt nun auf das imagemap_01 das dadurch blau makiert wird. nun klickt auf die schaltfläche "roll over modus erstellen" (untere leiste der roll over palette)

schritt 3:
nehmt nun das auswahlrechteck (M) und zieht ein rechteck über den button (leichter geht es wen ihr zuerst die imagemap linien ausblendet (A))
nun erstellt eine neue ebene (die auswahl muss bleiben!)
in dieser neuen ebene füllt ihr die auswahl weiss. nun stellt die transparenz der ebene auf ca. 40%.

schritt 4:
nun müsst ihr nur noch schauen das die ebene nur bei "roll over" und nicht bei dem ganzen imagemap sichtbar ist! klickt dazu auf "imagemap_01" und nun auf das auge bei der ebene mit der weissen fläche in der ebenen palette (aublenden) nun ist die ebene aber auf dem ganzen imagemap ausgeblendet. um es im roll over sichtbar zu machen müsst ihr nun auf "Status: over" in der roll over palette makieren (klick) und macht nun hier die ebene mit der weissen fläche sichtbar (auge)

um zu überprüfen ob alles funktioniert hat drückt Y (dokumentvorschau) wen ihr nun über den button fahrt müsste er sich leicht weiss färben

nun könnt ihr das menü mal abspeichern (datei/speichern unter)* den eure erste schaltfläche ist fertig. genauso könnt ihr es auf den anderen buttons machen.

*bei "speichern unter" kan man nur als .psd speichern um es für eine homepage zu speichern solltet ihr auf datei/optimiert speichern unter gehen und dort dan unbedingt "bilder und html" wählen!!!

Viel Spass beim ausprobieren!

mfg R6

Bewertung Anzahl
1
100,0 %
2 Bewertungen