Interface - Einzelne Buttons

G

GFX-Händchen

Erfahrenes Mitglied

• 1. Mai 2004

• #1

Hi all,

hoffe mir kann geholfen werden ......
Ich ahbe ein Interface für eine Homepage, nun möchte ich wissen, wie ich in Photoshop das Interface so abspeichere, dass ich für die Navigation ie Buttons einzeln habe und nicht alles in einer Grafik, damit ich zum Schluss die Buttons auf der HP verlinken kann .

Ich hoffe ihr wisst was ich meine.

 

ShadowMan

Erfahrenes Mitglied

• 1. Mai 2004

• #2

Hi!

Ich weiss nicht ob ich dich da richtig verstanden habe, aber spontan gesagt ist slicen wohl das Zauberwort

In der Videotutorialecke gibts dazu übrigens ein gutes Tutorial.

>> klick <<


Gruß,
Shadow ;-]

 

Zuletzt bearbeitet: 1. Mai 2004

Roaster

Mitglied

• 1. Mai 2004

• #3

Kommt natürlich drauf an, was für ein Photoshop Du hast. In meinem alten 5.0 (kein Geld für eine neue Versio) gehe ich so vor:

- Hilfslinien einblenden
- Hilfslinien ziehen, so dass Buttons isoliert sind
- Einzelne Elemente herauskopieren und einzeln abspeichern

In HTML kannst Du Tabellen oder nach neuer Philosophie DIV Container benutzen, um alles wieder zusammenzufügen. Dabei haben Buttons natürlich ein href.

Gruß
Martin

 

G

GFX-Händchen

Erfahrenes Mitglied

• 1. Mai 2004

• #4

Slices, stimmt genau .
Nur wie geh ich da vor?
hab zwar mal kurz im handbuch geblättert, ist mir aber schon zu trocken aufgebaut sodas cih wüsste, wo ich anfangen sollte .

 

Roaster

Mitglied

• 1. Mai 2004

• #5

Der erste Link auf Google mit den Suchbegriffen Interface + Hilfslinien + Photoshop war:

http://graphics4all.de/workshops_cut01.php

Navigiert wird übrigens über die Listbox ganz unten im Workshop.

Gruß
Martin

 

ShadowMan

Erfahrenes Mitglied

• 1. Mai 2004

• #6

Original geschrieben von ShadowMan

In der Videotutorialecke gibts dazu übrigens ein gutes Tutorial.

>> klick <<

Zum Vergrößern anklicken....

 

G

GFX-Händchen

Erfahrenes Mitglied

• 1. Mai 2004

• #7

Vielen Dank , werde mir beides anschauen .

Sollte ich nicht klarkommen, melde ich mich wieder

 

Male

Mitglied

• 4. Mai 2004

• #8

Andere Tip wäre vielleicht die Buttoms in ner andere psd Datei erstellen und dann einfach reinkopieren. So mach ich jedenfalls.

 

chrisbergr

Erfahrenes Mitglied

• 4. Mai 2004

• #9

Original geschrieben von GFX-Händchen
... dass ich für die Navigation ie Buttons einzeln habe und nicht alles in einer Grafik, damit ich zum Schluss die Buttons auf der HP verlinken kann .

Zum Vergrößern anklicken....

Solange du nicht irgendwelche Spielereien wie Rollover-Effekte damit machen willst, kannst du auch jeden Button einzelnd verlinken, auch wenn alle in einem image File sind.

Code:

<img src="gfx/03.gif" width="406" height="105" usemap="#Map" border="0">

<map name="Map">
  <area shape="rect" coords="4,87,61,101" href="#" onFocus="blur()">
  <area shape="rect" coords="80,88,153,102" href="#" onFocus="blur()">
  <area shape="rect" coords="174,88,224,102" href="#" onFocus="blur()">
  <area shape="rect" coords="242,88,278,102" href="#" onFocus="blur()">
  <area shape="rect" coords="296,88,394,103" href="#" onFocus="blur()">
</map>

gruß