[Gimp] Glas-/Vista-Buttons

    Teilen
    avatar
    Tonitrus
    ARTISTMOD
    ARTISTMOD

    LEISTUNG : Nicht viel

    KREATIVITÄT : Anfänger
    AKTIVITÄT : Nicht aktiv
    ERLERNTES : Wenig
    ART-CREDITS : 3484
    ART-POINTS : 6
    STUDENT SINCE : 15.01.09

    [Gimp] Glas-/Vista-Buttons

    Beitrag  Tonitrus am Fr Jan 16, 2009 6:25 pm





    1.Wie man Glass-buttons macht

    2.Wie man Vista-buttons macht (Im prinzip das gleiche)



    Glass-Button

    Zuerst der Glass-Button (ist ein wenig schwieriger als der Vista-Button)

    Schritt 1 :
    Zuerst einmal erstellen wir ein Neues Bild (150x35). Die Hintergrundfarbe ist Weiss. Danach stellen wir die VG Farbe ein : "005a71" ein. Als HG "1487d0".
    Dann nehmen wir das Verlaufswerkzeug (L) und ziehen den Verlauf vom oberen Bildrand zum unteren. Nennt die Ebene anschließend Farbverlauf.


    Schritt 2 :
    Jetzt erstellen wir eine neue Transparente Ebene und nennen sie "Glass".
    Nun nehmt ihr als VG Farbe Weiss, drückt "L" (Verlaufswerkzeug) und stellt den Farbverlauf auf "VG nach Transparent".
    Jetzt zeiht ihr den Verlauf wieder von oben nach unten.


    Schritt 3 :
    Nehmt nun das "Rechteckige Auswahlwerkzeug" und zieht von links unten einen Rahmen, wie im Bild zu sehen.
    Schneidet den ausgewählten Bereich auf der Glas-Ebene weg, indem ihr Entfernen drückt. Geht auf Auswahl / Nichts auswählen.


    Schritt 4 :
    Nun erzeugen wir einen Rahmen. Ihr erstellt eine Neue Ebene und nennt sie "Rahmen". Diese füllt ihr mir Schwarz, drückt anschließend STRG+A.
    Dann geht ihr auf Auswahl/Verkleinern...Und verkleinert sie um 1Px.
    Anschließen nur noch ENTF. (entfernen) drücken, auswahl/Nichts auswählen und der Rahmen ist fertig.


    Schritt 5 :
    Danach erstellt ihr wieder eine Ebene und nennt sie "Entfärben". Ihr stellt die VG Farbe auf Schwarz und den Verlauf wieder auf VG nach "Transparenz".
    Nun füllt ihr einmal von oben nach unten (Diesmal jedoch ein kleinwenig über den unteren Bildrand) und einmal von oben rechts, nach unten links, bis das ganze so aussieht:


    Schritt 6:
    Stellt die Ebene anschließend auf "Sättigung" und dann sollte es so aussehen:


    Schritt7:
    Nun schreiben wir noch einen Text..."!Wichtig!" dabei ist, das die Text-Ebene unter der Glass-Ebene ist, damit die Schrift auch was von dem "Glass-Effekt" hat ;)


    Schritt 8 :
    SO, der entscheidene Schritt geht nun auf Farbe/helligkeit&Kontrast...
    Heklligkeit: 10
    Kontrast: 50
    FERTIG!

    AUSSERDEM: Wenn ihr auf Farben/einfärben geht, könnt ihr die Farbe des Buttons verändern.

    Zu der Sache mit dem Vista Button:
    Spult einfach mal einen Schritt zurück und denkt an Helligkeit und Kontrast;)
    Stell da mal die Helligkeit auf -127 und den Kontrast auf 127...Fertig ist der Perfekte Vista Button (wenn ihr den noch originaler haben wollt, geht auf Auswahl/abgerundetes Rechteck) der Wert dann ca. 10-20 wie ihr wollt;)



    Wegen den Vista Buttons:
    Wenn ihr die Vista Buttons machen wollt, braucht ihr natürlich keine "Entfärben Ebene" (also ihr müsst die Verläufe nicht ziehen)...
    Ganz einfach Die HG Farbe Schwarz Dann den Schritt mit dem Glass-Effekt, den unteren Teil entfernen, dann habt ihr es schon...

      Aktuelles Datum und Uhrzeit: Mo Jun 25, 2018 2:22 pm