Eine Navigationsleiste mit GIMP 2.6 Tutorial erstellen

January 30

Das GNU Image Manipulator Program oder GIMP, können Sie eine Navigationsleiste für Ihre Website mit jeder Form und Größe, die erforderlich machen. Sie können ein grundlegendes abgerundetes Rechteck im PNG-Format mit transparentem Hintergrund bilden, also die Ecken rund um die Bar mit der Hintergrundfarbe Ihrer Webseite nicht beeinträchtigt. Verwenden Sie Farben und Schriftarten, die auf Ihrer Website gut aussehen werden. Immer speichern Sie eine Kopie der Bar, bevor sie in eine PNG-Datei exportiert, so können Sie zurückgehen und die Navigationsleiste zu bearbeiten, sollten Sie den Text später ändern wollen.

Anweisungen

1 Öffne GIMP, und ein neues Dokument erstellen, indem Sie im Menü "Datei" auf "Neu". Erstellen ein neues Bild-Dialogfeld wird geöffnet.

2 Geben Sie "600" in das Feld Breite und "100" in das Feld "Höhe" mit "Pixel" als die Messung. Klicken Sie auf "Erweiterte Optionen" und wählen Sie "Transparenz" im Menü zu füllen mit. Klicken Sie auf "OK".

3 Wählen Sie die "rechteckige Auswahl Werkzeug" in der Toolbox. Wählen Sie "Runden Ecken" im Bedienfeld "rechteckige Auswahl". Geben Sie im Feld Radius "22".

4 Geben Sie "150" im Menü "Zoom" am unteren Rand des Hauptfensters. Ziehen der unteren rechten Ecke des Hauptfensters um es zu vergrößern, so können Sie das gesamte Bild sehen.

5 Ziehen Sie das Rechteck-Auswahl-Werkzeug über das Bild, sodass die Zeilen auf, oder einfach in das leere Bild sind.

6 Wählen Sie das Eimer füllen-Werkzeug aus der Toolbox. Doppelklicken Sie auf "Vordergrundfarbe". Die Vordergrund-Farbe ändern-Leiste öffnet. Wählen Sie Ihre gewünschte Farbe und klicken Sie auf "OK".

7 Klicken Sie auf die Mitte des Bildes mit dem Füllwerkzeug füllen. Das abgerundete Rechteck wird mit dieser Farbe gefüllt, während die Ecken des Bildes transparent bleiben.

8 Wählen Sie das Textwerkzeug aus der Toolbox. Wählen Sie eine Schriftart aus der Text-Panel, Schriftgröße und eine Farbe, die über die Farbe sichtbar ist, die Sie für die Bar verwendet haben. Auf einem dunklen Hintergrund könnte beispielsweise mit "Verdana" bei einer Größe von "36" mit weiß als Farbe begonnen.

9 Klicken Sie im Balken, und geben Sie den Text für den ersten Link im GIMP-Text-Bedienfeld. Fügen Sie mehrere Leerzeichen hinzu, und geben Sie Ihren nächsten Link. Doppelklicken Sie auf die Worte im GIMP-Text-Bedienfeld und passen Sie die Schriftgröße an, je nach Bedarf. Klicken Sie auf "Schließen." Ziehen Sie die Ecken des Textfelds auf seine Größe und Position nach Bedarf ändern.

10 Klicken Sie im Menü "Datei" auf "Speichern" klicken Sie, um die Navigationsleiste für zukünftige Änderungen zu speichern.

11 Klicken Sie auf "Speichern unter" um das Bild als PNG-Datei zu speichern, die die transparenten Ecken beibehalten wird. Klicken Sie auf den Pfeil "Dateityp auswählen" und klicken Sie auf "PNG-Bild." Klicken Sie auf "Speichern". Das Dialogfeld Exportieren wird geöffnet. Klicken Sie auf "Exportieren". Nutzen Sie dieses Bild auf Ihrer Website mit den entsprechenden HTML-Bild-Karte-Code, Links über die Navigationsleiste zu legen.