Web Designer: Buttons mit Textur

Ampersandman schrieb am 31.05.2011 um 11:17 Uhr

Weil ich mir bei einer Frage schon die Mühe mit den Screenshots gemacht habe: hier nochmal für alle ein kleiner Tipp, wie man mit Web Designer individuelle Buttons erstellen kann, die nicht nur einfarbig sind, sondern mit einer Textur hinterlegt.

 

1. Mit dem Formwerkzeug ein Rechteck erstellen und die Abrundung der Ecken einstellen.

 

 

2. Auf der rechten Seite (bei Web Designer 7) die Füll-Galerie öffnen und sich eine Textur aussuchen

 

 

3. Das Vorschaubild nehmen und einfach auf das erstellte Rechteck ziehen

 

 

4. Die Größe und Neigung der Textur kann über die Pfeile geregelt werden.

 

 

5. Nun ist das Rechteck gefüllt. Damit das Ganze noch etwas mehr nach Button aussieht, kommt das Kantenwerkzeug zum Einsatz.

 

 

6. Den Text hinzufügen - hier habe ich noch einen Schatten angewendet, damit sich der Text deutlich lesbar abhebt. Fertig ist der Button.

 

 

7. Der Button kann jetzt beliebig kopiert und weiter verwendet werden. Wenn alle Beschriftungen stehen: Text und Button gruppieren, damit sie bequem auf der Seite herumgeschoben werden können. Viel Spaß.

Kommentare

Noch 0 Kommentare - Schreibe den ersten Kommentar ...