Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Dr.med.Wurst am 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
avatar
Dr.med.Wurst
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

Gibbet das auch für PhotoImpact ? Smile

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

Männlich Beiträge : 298
Anmeldedatum : 15.07.09

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Dr.med.Wurst am 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 ;))
avatar
Dr.med.Wurst
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

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

Männlich Beiträge : 81
Anmeldedatum : 11.09.09

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Dr.med.Wurst am 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 .
avatar
Dr.med.Wurst
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Kakashi-hatake am 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.]
avatar
Kakashi-hatake
Premium User
Premium User

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Dr.med.Wurst am 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
avatar
Dr.med.Wurst
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Dr.med.Wurst am 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 .
avatar
Dr.med.Wurst
Kaiser
Kaiser

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

avatar
Kakashi-hatake
Premium User
Premium User

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

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

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Hyper am Mi 2 Jun 2010 - 17:27

Dankeschön !
avatar
Hyper
Neuling
Neuling

Beiträge : 31
Anmeldedatum : 02.06.10
phpBB2

Benutzerprofil anzeigen

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