Du suchst nach kostenlosen Buttons in den unterschiedlichsten Formen, Farben und Größen oder nach modernen Glas- oder Glanzbuttons (Glossy Buttons) im Web 2.0 Stil für Deine Homepage, dann bist Du hier genau richtig!

Alle Buttons, die auf den nachfolgenden Seiten für Dich zum kostenlosen Download bereitstehen, sind entweder in den Dateiformaten wie Jpg, Gif oder Png erhältlich - teilweise stehen die Grafiken auch im nachbearbeitbaren Psd-Format (Photoshop Document) oder Tiff-Format (Tagged Image File Format) zur Verfügung.
Alle Buttons sind selbstverständlich unbeschriftet!

Die Buttons im Psd- bzw. Tiff-Format können aufgrund der Ebenenspeicherung ganz individuell an die eigene Homepage angepasst werden, welches in den übrigen Formaten nicht so ohne weiteres möglich ist. Sofern Deine Webseite über einen weißen Hintergrund verfügt, so können auch die Formate wie Jpg, Gif oder Png zum Download gewählt werden. Die Beschriftung der Buttons funktioniert jedenfalls mit allen Formaten.

Wieso sind die Buttons hier zusätzlich auch im Psd- bzw. Tiff-Format erhältlich?

Für alle Buttons ausschließlich der rechteckigen wurde standardgemäß ein weißer (zum Teil auch schwarzer) Hintergrund gewählt, der logischerweise nicht zu jeder Webseite passen wird! Damit Du jedoch die Möglichkeit hast, den Hintergrund der Buttons ganz individuell an die eigenen Bedürfnisse anzupassen, bieten wir diese zusätzlich auch im Psd- bzw. Tiff-Format an!

Die Lösung: das Psd (Photoshop Document) oder Tiff-Format (Tagged Image File Format)!

Psd- bzw. Tiff-Dateien lassen sich nicht nur verlustfrei speichern (siehe ggf. auch hier), sondern haben darüber hinaus noch den Vorteil, dass mehrere Ebenen beim Abspeichern jeweils einzeln erhalten bleiben. Von daher können die Buttons auch zu einem späteren Zeitpunkt nach- sowie weiterbearbeitet werden, um beispielsweise eine Textebene zur Beschriftung hinzuzufügen oder die Hintergrundfarbe der Hintergrundebene an ein vorhandenes Design anzupassen. Die nachträgliche Ebenenbearbeitung setzt jedoch ein geeignetes Bildbearbeitungs-Programm wie z. B. Adobe Photoshop o. ä. sowie dessen Grundkenntnisse voraus.

Ebenenbearbeitung bei den Buttons im Psd- bzw. Tiff-Format

Um Dir die Anpassung der Hintergrundebene etwas zu erleichtern, wurde die Ebene für den "Hintergrund" demnach auch so benannt (siehe Bild links). Falls Du nun eine solche Änderung beispielsweise mit Photoshop vornehmen möchtest, so stelle zuvor noch die gewünschte Farbe im Farbwähler der Werkzeugleiste ein, greife auf die Hintergrundebene und gehe über » Bearbeiten » Fläche füllen » Füllen mit ... [ OK ] - fertig!

Die Beschriftung der Buttons in der Psd- bzw. Tiff-Datei

... kann z. B. auch durch Hinzufügen einer neu anzulegenden Textebene über ein Bildbearbeitungs-Programm wie mit Adobe Photoshop (kostenpflichtig) oder Paint.Net (Freeware) erfolgen. Das Programm Paint.Net kannst Du übrigens auf der Homepage von chip.de kostenlos herunterladen.
Ebenso findest Du über diese Seite bei Bedarf auch noch ein Paint.NET-PSD-Plug-in.

Mit den Freeware-Programmen wie Irfan View oder Gimp ist das Öffnen und Beschriften von Psd-Dateien zwar ebenso möglich, allerdings können die vorhandenen Ebenen damit nicht einzeln bearbeitet werden, da sich die Ebenen während dem Öffnen miteinander vereinen.

Die Beschriftung der Buttons im Jpg, Gif oder Png-Format

... lässt sich praktisch mit jedem Bildbearbeitungs-Programm erledigen, sogar mit dem in Windows integrierten Bordmittel wie Paint.

Mittels CSS Navigationsmenü kreieren anstatt beschriftete Buttons

Wenn Du die Buttons für Deinee Navigation verwendest, das Beschriften jedoch aber umgehen möchtest, dann erzeuge doch einfach mittels CSS ein Menü. Wie das zu bewerkstelligen ist, zeigen wir Dir anhand eines Beispiels hier auf.

Hinweis

1. Nicht alle Bildbearbeitungs-Programme können Dateien im Psd- bzw. Tiff-Format auslesen!
2. Die Buttons im Psd- bzw. Tiff-Format sind nach der Anpassung und vor dem Upload zum Server ins Jpg, Gif oder Png-Format zu konvertieren, da Browser Psd-Dateien zur Ausgabe nicht unterstützen!

Photoshop-Hilfe

Eine Anleitung zur Ebenenbearbeitung wie Textebene erstellen, Textanpassung, Effekte, Konvertierung etc. findest Du auf der nachfolgenden Seite [ ... ]

Das könnte Dich vielleicht auch interessieren:

[ CSS-Menüs ohne Javascript ]
[ Transparenzen: binäre und Alpha-Kanal-Transparenzen ]
[ Ebeneneffekte mitskalieren ]

Wähle über nachfolgendes Menü die gewünschte Option:

---