Detailliertes Web-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:

Detailliertes Web-Icon

Beitrag von anke »

Hier kann man ganz einfache Symbole gestalten oder aber richtige kleine Bildchen.

z.B. ein Icon was zum Schreiben einlädt:
Bild

Ok, los gehts...

Schritt 1
Öffne ein neues Bild 48px x 48px transparent.
Öffne eine neue Ansicht für das Bild - Ansicht - Neu
Zoome in die Ansicht auf 800% Größe.

Die kleine Ansicht zeigt dir, wie das Bild, was du jetzt bastelst in Orginalgröße aussieht. Die Vergrößerte Ansicht ist das Bild mit dem du arbeitest. Die stark vergrößerte Ansicht benötigst du, damit du überhaupt sehen kannst was du machst.

Schritt 2
Aktiviere das Rechteckwerkzeug :recheck: mit den Einstellungen: Kanten ausblenden Radius 3
Öffne eine rechteckige Auswahl auf deinem Bild mit der 800% Ansicht. Fülle sie mit schwarz.
Bild

Schritt 3
Füge eine neue transparente Ebene ein. Gib ihr einen aussagekräftigen Namen. z.B. blauer Rand
Verkleinere deine Auswahl um 1px Auswahl - Verkleinern
Diese Auswahl füllst du nun mit einem Farbverlauf.
  • Einstellung: VG-HG, VG-Farbe: a0b8f4, HG-Farbe 102361
    Verlaufsform: Bilinear

Ziehe eine kurze Linie aus der Mitte der Auswahl
Bild

Schritt 4
Füge eine weitere transparente Ebene ein um jetzt das Papier zu erstellen.
Verkleinere die Auswahl um 1px. Auswahl - Verkleinern
Fülle die Auswahl mit einem sehr hellen Grau: ebe8ea

Füge eine weitere transparente Ebene für die Linien ein.
Starte einen neuen Pinsel. im Ebenendialog klickst du hierzu auf die zweite Schaltfläche. Es öffnet sich der Pinseleditor in dem du die Größe des Pinsels einstellst.
Stelle den Pinsel auf eine Größe von 0,5 ein
Bild

Schritt 5
Füge eine neue transparente Ebene für die Linien ein.
Stelle die VG-Farbe auf a6d6ed
Male nun mehrere horizontale Linien auf dein Blatt. Die Linien werden gerade, wenn du einen Startpunkt setzt, die Shift-Taste gedrückt hältst und einen Endpunkt setzt.
Füge eine weitere transparente Ebene für die rote Linie ein.
Stelle die VG-Farbe auf ff000c
Füge die vertikale Linie ein.
Bild

Schritt 6
Der Block sollte nun ein wenig liegen. Hierzu verzerrst du alle Ebenen perspektivisch.
Aktiviere die Verlauf-Ebene und schneide die Ebene automatisch zu. Menü Ebene - Automatisch zuschneiden.
Verkette nun alle Ebenen im Ebenendialog, so dass du alle Ebenen gleichzeitig verzerrst.
Aktiviere die Verlauf-Ebene und klicke anschließend auf das Verzerren-Werkzeug. :perspektiv:
Schiebe die oberen beiden Ecken ein kleines Stück zur Mitte und bestätige den Assistenten
Bild
Bestätige den Assistenten so dass er die Verzerrung auf alle Ebenen anwendet.
Verschiebe nun deine Schreibunterlage in die rechte, unter Ecke des Bildes.
Bild

Schritt 6
Füge eine weiter transparente Ebene hinzu. Nenne sie Stift.
Mit dem Lasso-Tool :lasso: Markierst du nun die Form des Stiftes. Oben rechteckig unten in einer Spitze zulaufend.
Bild

Schritt 7
Fülle die Auswahl mit einem Verlauf VG-HG
VG-Farbe: ffff0c HG-Farbe: e9a608
Achte darauf, dass du eine schöne gerade Verlaufslinie in die Auswahl markierst.

Füge eine neue transparente Ebene ein. Nenne sie Hülse
Aktiviere das Lasso-Tool :lasso: und stelle den Modus auf Schnittmenge
Markiere eine kleinen Bereich am oberen Stift.
Fülle den Bereich auf der neuen Ebene mit dem Verlauf Brushed Aluminium
Bild

Schritt 8

Füge eine neue transparente Ebene ein. Nenne sie Radiergummie
Aktiviere die Auswahl aus Alphakanal der Stift-Ebene
Wähle erneut das Lasso-Tool und markiere die obere Spitze des Stiftes.
Fülle die Auswahl mit einem rosé-Ton: f6cbad

Füge eine neue Transparente Ebene ein. Nenne sie Holz.
Aktiviere erneut den Alphakanal der Stift-Ebene und markiere die untere Spitze des Stiftes mit dem Lasso-Tool.
Fülle die Auswahl mit einem helleren rosé-Ton: f6e7de
Hebe die Auswahl auf.
Bild

Schritt 9
Zum Schluss braucht der Stift noch einen kleinen Schlagschatten.
Aktiviere die Stift-Ebene Wähle Menü Filter - Licht und Schatten - Schlagschatten.
Stelle den Versatz auf X=1 und Y=1 Weichzeichnerradius:2

Fertig ist dein Schreiben-Icon.Bild
Speichere das Bild als PNG
Bild

Hier findest du noch einmal die Ebenenübersicht:
Bild


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