Selber Web Buttons basteln und damt die eigene Website attraktiver gestalten

Einfach selber Homepages bauen mt schönen Grafiken

Wer schon immer einmal seine eigenen Homepage Grafiken entwerfen wollte, ist mit dem Programm Adobe Photoshop Elements bestens bedient. Mit diesem Programm ist es sehr einfach einfache Web-Buttons für die eigene Homepage zu entwerfen. Das Programm Adobe Photoshop Elements arbeitet dabei mit so genannten Ebenen, die man nur noch richtig anordnen muss und mit speziellen Filtern farblich einfärben muss.

Das Programm ist sehr benutzerfreundlich und das Erstellen von Web-Buttons wird dadurch sehr einfach. Im Internet die gibt es zahlreiche Web-Seiten, die kostenlos Buttons zum Download anbieten. Auf einigen Web-Seiten kann man sogar ganze Vorlagen herunter laden, dabei handelt es sich um vollständige Web-Seiten oder Menüleisten für die eigene Homepage. Es lohnt sich zu suchen, denn oft gibt es auch teure Angebote, die man gar nicht unbedingt kaufen muss.

Am besten man gibt bei Google free web-buttons ein und geht die Seiten der Reihe nach durch, bis man auf eine seriöse kostenfreie Seite trifft. Es ist ratsam trotzdem vorher ein Antivirus Programm auf dem Computer zu installieren. Im folgenden will ich kurz erläutern, wie man so einen Web Button am einfachsten mit Adobe Photoshop baut. Wir erstellen einer Ebene mit der Hintergrundfarbe grau. Dann gehen wir in dem Ebenenmenü auf die Auswahl abgeflachte Kante. Dann gehen wir auf Einstellungen und Ebenenstil. Dort wählen wir abgeflachte Kante fünf Pixel. Nun erstellen wir separat eine zweite Ebene. Diese Ebene muss genau in die hochgezogene Ebene unserer anderen Ebene passen. Dann klicken wir diese zweite Ebene an gehen auf Ebenenstil im Menü und wählen dort den Stil "Plastik" in der Farbe, die uns am besten gefällt. Wir lassen die Ebene aktiv und begeben uns zu dem Menüpunkt Einstellungen, danach gehen wieder auf Ebenenstil und wählen abgeflachte Kante 20 Pixel. Und fertig ist schon unser Web-Button. Alles was wir jetzt noch tun müssen ist unseren Button zu beschriften mit dem richtigen Textzug zu versehen. Dazu gehen wir in der kleinen Menüleiste auf das Buchstabenfeld und aktivieren es. Jetzt bewegen wir den Cursor an die Stelle wo der Text erscheinen soll, vorher müssen wir jedoch die Ebene aktivieren, auf der der Text stehen soll, weil sonst die Ebene des Textes unter die andere Ebene rutscht und nicht sichtbar ist. Nun geben wir den Schriftzug ein, der uns gefällt. Danach markieren wir diesen Schriftzug und wählen in der Menüleiste Text krümmen. Dadurch erhält unserer Schrift auch den Eindruck, als läge sie auf unserem 3-D Button und würde sich den Oberflächenkonturen anpassen. Alles was wir dann nun noch tun müssen ist die Ebenen zu fixieren. Das tun wir unter der Menüpunkt Ebenen ganz unten, indem wir sagen Ebene auf Hintergrundebene reduzieren.

Damit der Button nicht zu viel Platz benötigt, speichern wir ihn speziell fürs Web ab. Dazu gehen wir in der Menüleiste auf den Punkt für Web speichern. Hier können wir mehrere qualitative Einstellungen vornehmen, wie unser Button hinterher aussehen soll. Eine sehr gute Beispielseite für Web Buttons, die man auch kostenlos herunterladen kann und somit eine Vorlage zum selber experimentieren hat, ist die Seite www.psd-templates.com.