Glossy Icon

Hier findest du Anleitungen für GIMP 2.10
Antworten
Benutzeravatar
anke
Site Admin
Beiträge: 1998
Registriert: Fr 21. Aug 2020, 20:54
Wohnort: Osnabrück
Deine Galerie: https://gimp-werkstatt.de/werkstatt-galerie/eleanora/
Betriebssystem: XUbuntu
Kontaktdaten:

Glossy Icon

Beitrag von anke »

Glossy Icons
Der Glossy-Look ist heute aus dem WWW nicht mehr wegzudenken. Deshalb geht auch in diesem Workshop kein Weg an dem Glossy-Look vorbei.

Ok beginnen wir mit einem runden Icon

Schritt 1
Öffne eine neue Datei 48px mal 48px transparent.
Stelle eine neue Ansicht ein mit einer 800 % vergrößerten Ansicht, auf der du nun weiterarbeitest.
Aktiviere das Ellipsen-Tool :ellipse: und markiere eine Auswahl auf deiner Ebene. Lasse an allen Seiten einen kleinen Abstand von ungefähr 3 der kleinen Kästchen, die dir die Leinwand anzeigen.
Wähle aus deiner Farbpalette eine Farbe, die nicht zu dunkel ist und fülle deine Auswahl damit.


Bild

Schritt 2
Invertiere die Auswahl. Menü Auswahl - Invertieren (oder STRG+I)
Blende die Auswahl um 15 aus: Menü Auswahl - Ausblenden: 15
Füge eine neue transparente Ebene ein "Schatten" und fülle die Auswahl mit schwarz.
Hebe die Auswahl auf.
Aktiviere deine Kreis-Ebene und wähle Auswahl aus Alphakanal: Menü Ebene - Transparenz - Auswahl aus Alphakanal oder Rechtsklick auf die Ebene Auswahl aus Alphakanal. Invertiere die Auswahl STRG+I und lösche sie auf der Ebene "Schatten".
Dupliziere die Ebene Schatten 1-2 Mal, um den Schatten zu verstärken.

Bild

Schritt 3
Klicke auf die oberste Schatten-Ebene und vereine sie nach unten.

Bild

Schritt 4
Füge eine neue transparente Ebene hinzu. Nenne Sie "Highlight".
Markiere im oberen Drittel eine Ellipse.
Aktiviere den dein Verlaufwerkzeug
Einstellungen: VG-Transparenz, Linear
Stelle die Vordergrundfarbe auf Weiß ein und fülle die Auswahl mit deinem Verlauf.
Aktiviere ein anderes Werkzeug und hebe die Auswahl auf: Auswahl - Nichts

Bild

Fertig ist dein Button. Speichere den Button nun im Gimpformat XCF, sodass du ihn immer wieder abwandeln kannst.


Abwandlungen:

Möchtest du auf deiner Kugel ein Symbol einfügen, fügst du dieses immer zwischen der Hintergrund- und Schatten-Ebene ein.
TIPP: Auf Windows findest du die Schriftart "Webdings", darin sind viele Symbole enthalten. Probiere deine Tastatur einmal durch. Mit Tastenkombiniationen mit Shift, STRG und AltGR findest du noch mehr Symbole

Als Symbole kannst du die Schriftzeichen aus irgendeiner Symbolschrift verwenden. Färbe dabei dein Symbol mit einer Kontrastfarbe ein und senke die Ebenendeckkraft auf 70%-80%:

Bild


BildBildBildBild


Viel Spaß beim Nachbasteln!

Wer denkt, dass Administratoren administrieren,
und Moderatoren moderieren,
denkt auch das Zitronenfalter Zitronen falten :mrgreen:
Meine Galerie
Meine alte Galerie
Antworten