Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!
von Eto Gestern um 17:59

» Style-Wechsel funktioniert nicht mehr
von Miho Gestern um 11:05

» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Gestern um 10:16

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

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

5 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen 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 .

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Das ganze sieht dan Ungefähr so aus .


[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]


Und wählen den Pinsel Galaxy big, und Sprühen damit ein wenig über den Roten Bereich .
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]


[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.


[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Nu siehts so aus .

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.


[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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.

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Nun sollte es so aussehen .

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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 .

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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"

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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

Und alle buttons .

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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 .
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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
Meister
Meister

Männlich Beiträge : 298
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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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
Geselle
Geselle

Männlich Beiträge : 81
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
König
König

Männlich Beiträge : 408
Anmeldedatum : 07.06.09
phpBB2

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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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 [Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Kakashi-hatake
Kakashi-hatake
König
König

Männlich Beiträge : 408
Anmeldedatum : 07.06.09
phpBB2

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

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]


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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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
König
König

Männlich Beiträge : 408
Anmeldedatum : 07.06.09
phpBB2

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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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
König
König

Männlich Beiträge : 408
Anmeldedatum : 07.06.09
phpBB2

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 Beiträge : 2091
Anmeldedatum : 24.11.08
keine
phpBB2

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
König
König

Männlich Beiträge : 408
Anmeldedatum : 07.06.09
phpBB2

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
Lehrling
Lehrling

Beiträge : 31
Anmeldedatum : 02.06.10
phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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