Das Forum der Foren
Würden Sie gerne auf diese Nachricht reagieren? Erstellen Sie einen Account in wenigen Klicks oder loggen Sie sich ein, um fortzufahren.

Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

5 verfasser

Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst Mo 16 Nov 2009 - 17:32

Hallo ,

also da öfters anfragen kommen ,wie --> wie mach ich mein Forum schöner Question
Style selber machen etc. ,

Und heut nochmal der Wunsch nach tut's kahm ,zeig ich euch wie ihr eine Navygationsleiste ganz einfach selber machen könnt . Alle Farben und einstellungen könnt ihr natürlich verändern aber Grob solltet ihr euch schon daran halten Wink.

Dazu braucht ihr nur Gimp (kostenlos). Das gibts hier und ein halbes Stündchen Zeit .

Also legen wir los.

1. Wir legen ein neues Bild an --> Datei-Neu
Dem bild geben wir die Größe 800 x 40 px (breite mal höhe).
Und bei erweiterte Einstellung Füllung --> Transparent (dann bekommen wir Später keine Probleme. )
Natürlich kann sie auch länger oder höher sein kommt drauf an was ihr vor habt Wink.
(ich wähle diese einstellung weil es für ein TUT dann übersichtlicher ist )

Das ganze sieht dann so aus .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 1tu110

2. Als nächstes klicken wir auf das Verlaufswerkzeug und Stellen da Quadratisch ein . (siehe Pfeile) und Ziehen dann mit dem Cursor quer durchs Bild.

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 2tu210

Das ganze sieht dan Ungefähr so aus .


Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 3tu10

3. Das ganze ist uns aber zu Unspektakulär,also gehen wir auf das Sprühwerkzeug .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 4airbr10


Und wählen den Pinsel Galaxy big, und Sprühen damit ein wenig über den Roten Bereich .
Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 5galax10

Ich hab jetzt die Grüne HG Farbe dafür genommen ,die ja schon eingetellt ist .
Nu sind wir soweit .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 7brusc10

4. Nu gehn wir auf --> Filter,Render,Natur ,Flammen und übernehmen diese oder wenigstens ähnliche einstellungen .
Dann sieht es so aus.

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 8filte10


Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 9flamm10

5. Als nächstes machen wir noch nen halbtransparenten Schlagschatten --> Filter,Licht und Schatten--> Schlagschatten,

Farbe nach eigenen Wunsch ich nehme Rot damit man es schön sieht Wink .
Ganz wichtig mit der Deckkraft unter 75% bleiben sonst ist die Transparenz, nicht wirklich sichtbar.


Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 10schl10

Nu siehts so aus .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 11schl10

6. Und nun kommen wir schon zur Schrift ,ich wähle die Schriftart --> Comic sans ms <-- weil die viele Bevorzugen und blau damit mans sieht . Wie immer Wink.

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 12schr10

Daraufhin bekommen wir einen blinkenden Cursor ,den wir irgendwo mittig im Bild ansetzen,dann kommt ein kleines Fenster in dem Wir die namen der Gewünschten Buttons einschreiben ,klicken auf Ok und haben es dann meistens irgendwo,aber nicht da wo wir es haben wollten Wink.

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 13schr10

7. Also müssen wir die Aktive ebene verschieben , klick auf Verschiebewerkzeug und wichtig klick auf "Aktive ebene verschieben" siehe Pfeile .

Damit verschieben wir unsere Schriftebene halbwegs mittig.


Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 14vers10

8. Dann damit es passt müssen wir die Ebene noch Skalieren ,
je nachdem welche Schriftart,Größe etc. gewählt habt .
Im normalfall fährt man ganz gut ,wenn man 10-20px unter der Anfangsgröße bleibt.

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 15schr10

Nun sollte es so aussehen .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 16vers10

Wer "Pro" ist kann den nächsten Schritt überspringen ,aber es ist einfacher so, glaubt mir .
9. Nun Speichern wir unsere Navy unter --> Datei ,Speichern unter

Geben ihr nen Namen und bennenen sie unbedingt mit[.png] zum schluss ,dann kommen diverse Fenster die uns erklären das die Ebenen verändert werden müssen etc. wir Klicken immer OK.

Denn genau das wollen wir.

Und x-en sie danach .

Nun würde unsere Navy so aussehen aber wir müssen sie ja noch zerteilen .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 17zwis10

10. Da wir sie ja geixt haben,holen wir sie jetzt wieder Datei ,Öffnen --> ****.png

So nu kommt das Komplizierteste ,das wird ein bisschen Ausführlicher,liegt aber nicht an mir sondern an Gimp Wink.

Also als 1. --> das Auswahlwerkzeug anklicken und im Modus die vierte Ebene .

----------2. --> Nun ziehen wir über den Teil der ,der erste Button werden soll .(in meinem Fall Portal )

-----------3. Nun Kopieren wir die Auswahl mit [strg+C] .

------------4. Und jetzt klicken wir in die Auswahl, mit Rechtsklick Dannach -->Bearbeiten ,Einfügen als --> neues Bild .

Nun haben wir den ersten Button der Navy "freigestellt"

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 18auss10

Das machen wir nun eben so weiter mit jedem Button ,dann haben wir den ganzen Bildschirm voll Wink .

Und alle buttons .

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 19zers10

Nun Speichern wir jeden Button einzeln als den ,der er ist ,am Besten in einem Neuen Ordner der Sich Navy nennt ,dann kommen wir beim Hochladen nicht in irgendwelche Probleme .

Und wenn alles richtig gemacht wurde sieht die Navy in unserem Forum dann so aus .
Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) 17zwis10

So ich hoffe das war Einfach und Verständlich genug ,viel Spaß beim Nachmachen Wink.Fragen könnt ihr hier im Thread stellen .


Zuletzt von Dr.med.Wurst am Mo 16 Nov 2009 - 20:45 bearbeitet; insgesamt 2-mal bearbeitet
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von nickesk-liga Mo 16 Nov 2009 - 18:39

Gibbet das auch für PhotoImpact ? Smile

würd mich freuen Smile
nickesk-liga
nickesk-liga
Stammgast
Stammgast

Männlich Anzahl der Beiträge : 298
Browser : Internet Explorer
Anmeldedatum : 15.07.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst Mo 16 Nov 2009 - 18:41

* Frage weiter geb *,

hab das nicht ,

bitte kurze Antwort da Tutorial und kein Chat ! ! !


Danke .


Zuletzt von Dr.med.Wurst am Mo 16 Nov 2009 - 20:49 bearbeitet; insgesamt 3-mal bearbeitet (Grund : Was auch immer war ,danke Frank ;))
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von ///M-Spec Mo 16 Nov 2009 - 20:37

Sehr schönes Tutorial, Doc. Wink
///M-Spec
///M-Spec
Lehrling
Lehrling

Männlich Anzahl der Beiträge : 81
Browser : Internet Explorer
Anmeldedatum : 11.09.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Kakashi-hatake So 20 Dez 2009 - 15:01

Bei mir funzel einige schritte nicht
Kakashi-hatake
Kakashi-hatake
Premium-User
Premium-User

Männlich Anzahl der Beiträge : 408
Browser : Chrome
Anmeldedatum : 07.06.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst So 20 Dez 2009 - 18:40

Kakashi-hatake schrieb:Bei mir funzel einige schritte nicht

Wahrscheinlich schritt 127 und 136 nicht ,ne.

Wenn ich hellsehen würde ,würde ich näher drauf eingehen Wink.

Kann ich aber nicht, bitte genauer .
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Kakashi-hatake Mo 21 Dez 2009 - 19:34

Der schritt da wo man sie Alle raus nimmt also ihn einem Fenster jeweils eines wo man sie Trennt da kommt bei mri immer noch ein neues Fenster aber sie sind immer noch zusammen und die Fabre ist weg also nur noch grau kariert und wenn ich Transparezn nehme funzelt der Schritt nicht wo man über Filter---ka--Flamme dann geht die Farbe auch weg aber diese muster wass dan ensteht ist da nur keine Farbe Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Icon_sad
Kakashi-hatake
Kakashi-hatake
Premium-User
Premium-User

Männlich Anzahl der Beiträge : 408
Browser : Chrome
Anmeldedatum : 07.06.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst Di 22 Dez 2009 - 19:24

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Tut10


den modus musst du noch vorher umstellen ,siehe pfeil "kuck mal hier"

Sonst wird das nix Wink
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Kakashi-hatake Di 22 Dez 2009 - 19:29

hab ich Doc und ers wird trozdem nix
Kakashi-hatake
Kakashi-hatake
Premium-User
Premium-User

Männlich Anzahl der Beiträge : 408
Browser : Chrome
Anmeldedatum : 07.06.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst Di 22 Dez 2009 - 19:36

Und wenn du versuchst es mit [ strg+v ] im neuen leeren bild einzufügen ...dann müsste es auch gehen .
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Kakashi-hatake Di 22 Dez 2009 - 19:50

Kakashi-hatake
Kakashi-hatake
Premium-User
Premium-User

Männlich Anzahl der Beiträge : 408
Browser : Chrome
Anmeldedatum : 07.06.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Dr.med.Wurst Di 22 Dez 2009 - 19:53

Gut auch wenn ich nix erkannt habe Wink.
Dr.med.Wurst
Dr.med.Wurst
Kaiser
Kaiser

Männlich Anzahl der Beiträge : 2091
Hinweis : CS5 ,DW ,FL und InDesiGn--> keinen bock auf Pn's ;-)...

Browser : Opera
Anmeldedatum : 24.11.08

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Kakashi-hatake Di 22 Dez 2009 - 19:53

xD dann mach ich es mal so und Ps? weist du wie man ein Braun hin bekommt?
Kakashi-hatake
Kakashi-hatake
Premium-User
Premium-User

Männlich Anzahl der Beiträge : 408
Browser : Chrome
Anmeldedatum : 07.06.09

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Hyper Mi 2 Jun 2010 - 17:27

Dankeschön !
Hyper
Hyper
Neuling
Neuling

Anzahl der Beiträge : 31
Browser : Chrome
Anmeldedatum : 02.06.10

Nach oben Nach unten

Navigationsleiste mit Gimp in 10 Schritten  (Schwgr. Einfach- Mittel ) Empty Re: Navigationsleiste mit Gimp in 10 Schritten (Schwgr. Einfach- Mittel )

Beitrag von Gesponserte Inhalte


Gesponserte Inhalte


Nach oben Nach unten

Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten