Anzeige
Tutorialbeschreibung

Glasbutton mit Metallrahmen

Glasbutton mit Metallrahmen

In diesem Tutorial möchte ich euch zeigen, wie ihr ganz leicht einen kleinen Homepagebutton mit den Maßen 140 px mal 45px machen könnt.
Der Button wird eine Art metallischen Rahmen haben (ähnlich einem anderen Tut, aber anders) und einen Inhalt aus blauem Glas mit Glow und Blur.


Schritt 1:

Fangen wir doch gleich einmal an....
Wir erstellen ein neues Bild mit den Maßen 140px  Breite und 45px Höhe.

Nun zum eigentlichen ersten Schritt:
Wir wählen als Vordergrundfarbe 3f3f3f, das ist ein Grau OO
Wir wählen das Farbverlaufswerkzeug und stellen folgende Einstellungen ein:


Bilder


Dann machen wir einen Farbverlauf vom oberen Rand der Leinwand zum unteren Rand, das sieht dann so aus:

Bilder

Schritt 2:
Wir machen einen Rechtsklick auf das Bild -> Auswahl -> Alles auswählen.
Dann: Auswahl -> Auswahl verkleinern -> 5.

Dann einen Farbverlauf vom unteren zum oberen Rand des ausgewählten Bereichs, dann liegt uns folgendes Bild vor:

Bilder


(ich habe die Auswahl nur ausgeblendet, nie aufgehoben!)

Nun ist unser Rahmen auch schon fertig


Schritt 3:
Weiter geht's mit dem blauen Glas, dazu verkleinern wir die Auswahl wieder um 1; falls ihr die Auswahl nicht mehr habt: Rechtsklick -> Alles auswählen, Rechtsklick -> Auswahl verkleinern -> um 6.

Wir  erstellen eine neue Ebene und füllen den ausgewählten Bereich mit Blau 2323ff  00


Schritt 4:
Zunächst einmal ändern wir unsere Vordergrundfarbe in ein Hellblau 6fe2ff  00
Wir wählen das Farbverlaufswerkzeug und ändern unsere Einstellungen erneut, das Ganze sieht dann so aus:

Bilder


Zur Erklärung: Farbverlauf : Vordergrundfarbe zu Transparenz.

Nun ziehen wir den Farbverlauf von unten ins Bild, bis es uns gefällt.

Jaaa, so gefällt uns das:

Bilder


(ich habe die Auswahl nur ausgeblendet, nie aufgehoben!)


Schritt 5:
Wir heben unsere Auswahl auf, wählen wieder das rechteckige Auswahlwerkzeug und bilden eine neue Auswahl, ca. so:

Bilder
.

Danach wählen wir wieder das Farbverlaufswerkzeug und als Vordergrundfarbe Weiß FFFFFF.
Nun von oben nach unten den Verlauf  ziehen.


Zur Erklärung: Auf dem nächsten Screenshot habe ich die Auswahl ausgeblendet und ein wenig weiter weggezoomt
Bilder

 
Fertig ist unser Button; natürlich könnt ihr auch was reinschreiben, wenn ihr Lust habt.
Bilder

DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von renja
  • 14.04.2018 - 08:21

Danke für das Tutorial Klasse

Portrait von phoenix992
  • 24.06.2011 - 06:02

dein tutorial ist super danke nur leider hält das Problem mit der zip

Portrait von Hrodnand
  • 30.05.2011 - 07:27

Leider ist das zip der Arbeitsmaterialien defekt.

Portrait von oldman57
  • 21.01.2011 - 22:42

Leider lassen sich bei mir die Arbeitsdateien nicht öffnen (zip-Datei ungültig)

Portrait von oldman57
  • 21.01.2011 - 22:42

Leider lassen sich bei mir die Arbeitsdateien nicht öffnen (zip-Datei ungültig)

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 23.10.2010 - 12:46

Und wieder etwas dazugelernt =).
Danke sehr für dieses TuT.

Portrait von Pintion
  • 17.09.2010 - 15:19

Super tut hat mir sehr geholfen, anfänger wissen ist fast nicht notwendig!

Portrait von Susum
  • 04.08.2010 - 10:04

nice tut
jetzt bin ich wieder etwas schlauer geworden :=
sehr gut erklärt

Portrait von Necke99
  • 25.07.2010 - 18:11

mehr braucht es nicht, ich finde die Erklärung und das Ergebnis sehr gut

Portrait von aka_Robin
  • 14.04.2010 - 12:06

recht einfaches tutotial für einen einfachen button, thx

Portrait von abe0202
  • 16.03.2010 - 12:14

hat alles geklappt. danke

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 13.02.2010 - 17:51

genial danke für en beitrag! hat mir sehr geholfen!!

Portrait von edinelly
  • 27.01.2010 - 18:15

Endlich wieder ein Tutorial für Gimp. Wünsche mir mehr!
Danke

Portrait von SimoneStolz
  • 25.01.2010 - 09:59

super, vielen Dank für die gute Erklärung zur Herstellung eines Glasbuttons.
Hatte bisher immer Probleme damit

Portrait von Reiher
  • 24.01.2010 - 22:46

Gutes Tutorial, vielen Dank!

Portrait von ulriko
  • 24.01.2010 - 12:00

Gut erklärt. Danke. Habe es bereits ausprobiert, hat geklappt.

Portrait von pueppie25
  • 23.01.2010 - 21:55

Gut erklärt, auch wenn mich dieses ständige "wir" stört. Hört sich an, als ob man mit einem kleinen Kind spricht ;)

Portrait von meingt
  • 23.01.2010 - 14:16

tool danke für die mit teilung

Portrait von itstumpp
  • 23.01.2010 - 11:09

Super, wollte schon lange wissen, wie ich so einen Glasbutton hinbekommen. Hab auch schon einige Zeit rumprobiert und auch einigermaßen hinbekommen. Aber mit dem Tutorial gehts schneller als mit meiner Lösung. Danke!!

Portrait von Alibababin
  • 22.01.2010 - 20:29

Very very good!! Mit ein paar Schritten, so ein wunderschönes, modernes Werk!! Danke.

x
×
×