26. Apr 2007 20:12, von devvv (Bernhard Stockmann)

Ein seriöses und neutrales Web / Firmen-Logo erstellen

Wir wollen heute ein neutrales Logo mit GIMP erstellen, das vielseitig einsetzbar ist. Wir werden zuerst einfach Text erstellen und diesen dann mit einem schönen kurvigen Gebilde verzieren. Im Endeffekt kann das Logo vielseitig eingesetzt werden, deswegen auch das "neutral" in diesem Tutorialtitel. Viel Spaß!

Verwendete GIMP-Version: 2.3.15. Das Tutorial ist in 10 Schritte unterteilt; ein durchschnittlicher Benutzer benötigt dafür ca. 15 min. Bisher 55735 Mal gelesen. Kategorie: Buttons, Icons & Web, Schwierigkeit: 1 von 5

48 Kommentare wurden bisher geschrieben.

In anderen Sprachen:

Creating a simple Company Logo (en)

Dateien, die für dieses Tutorial benötigt werden:

Neuropolitical (TrueType Font) (neuropolitical.zip)

1
Wenn ihr meine Schrift verwenden wollt ladet euch diese rechts bei den Details herunter, installiert sie im System und startet GIMP dann neu!

Erstellt ein neues File. Ich habe hier zur Demonstration ein kleines Format gewählt: 640 x 480 px. Ihr könnt gerne auch ein größeres Format nehmen. Wenn ihr das Logo für den Druckbereich verwenden wollt, solltet ihr die DPI von 72 (für Web) auf 300 erhöhen.

- Füllt die Ebene mit #414141.

Zum Vergrößern klicken
2
Schreibt 2 Texte mit dieser Schrift auf die Ebene. Ich habe "gimpusers" (weiße Schriftfarbe) und "design" (#cbcbcb als Schriftfarbe) gewählt. Schriftgröße 40. Klickt die "Hinting"-Option weg, da dies bei großen dicken Schriften nicht notwendig ist. Nehmt das "Bewegen"-Werkzeug und schiebt die beiden Texte an dieselben Stellen wie im Bild zu sehen.

Zum Vergrößern klicken
3
Als nächstes kreieren wir einen Pfad der den Text ein wenig in ein echtes Logo verwandelt. Wir werden um den Text eine schöne Schwingung legen.

Dazu nehmt ihr das Pfade-Werkzeug. Klickt nun vom linken unteren Punkt ausgehen an jene Stellen wie ich am Bild.

Ich habe das Wort "design" ausgeblendet damit ihr den Pfad besser sehen könnt, lasst euch davon nicht abschrecken.

Zum Vergrößern klicken
4
Wenn ihr beim letzten Punkt seid haltet STRG gedruckt und klickt wieder auf den ersten Punkt, dadurch verbindet ihr den Pfad zu einer einzelenen Region. Ihr könnt Punkte natürlich auch noch verschieben, falls es nicht passen sollte.

Nach dem Abschließen des Pfaden zieht ihr die untere Linie (in der Mitte anklicken und ziehen) etwas nach unten. Eine Kurve sollte entstehen.

Zum Vergrößern klicken
5
Mit den zwei gestrichelten Linien könnt ihr die Kurve beeinflussen: Zieht die Linkte Linie etwas mehr in die Mitte - dadurch ist die Kurve links etwas flacher. Die rechte zieht ihr ein wenig nach rechts, sodass sie verlängert gesehen eine lange Gerade mit der Linie darüber bildet.

Danach nehmt ihr die Gerade darüber, zieht sie ebenfalls nach unten und ändert die gestrichelten Linien wie im Bild zu sehen!

Zum Vergrößern klicken
6
- Klickt danach ENTER um eine Auswahl zu erhalten.
- Legt eine neue, transparente Ebene an.
- Stellt als VG: #dcf6ff und als HG #00b8e0 ein.
- Nehmt das Verlaufswerkzeug oder drückt einfach L.

Seht euch die Einstellungen am Bild an, im Prinzip wurde nur die Form auf "Formangepasst (winklig)" geändert.

Zum Vergrößern klicken
7
Zieht nun irgendwo am Bild den Farbverlauf, ganz egal wo, die Auswahl wird dann automatisch mit dem Verlauf gefüllt. Drückt STRG+SHIFT+A oder geht auf Auswahl / Nichts um die Auswahl zu entfernen.

Zum Vergrößern klicken
8
Geht auf Farben / Helligkeit & Kontrast: -25 / +35.

Zum Vergrößern klicken
9
Meine Ebene derzeit:

Zum Vergrößern klicken
10
Nun fügen wir nur noch einen kleinen Schatten hinzu.

- Rechtsklick im Ebenen-Dialog auf die geschwungene Form-Ebene: "Auswahl aus Alphakanal".
- Legt unter dieser Ebene eine neue Ebene an.
- Füllt die Auswahl mit Schwarz und setzt die Deckkraft dieser Ebene auf 25%.
- Nehmt das Bewegen-Werkzeug, stellt in den Einstellungen auf "Die aktive Ebene bewegen" um und schiebt den Schatten ein wenig nach rechts unten!

Das wars ;) Ich hoffe es gefällt euch.

Zum Vergrößern klicken

Dieses Werk unterliegt folgender Lizenz: Namensnennung-Keine kommerzielle Nutzung 3.0 Österreich

Kommentare

Hier können Sie Ihre Kommentare, Frage und Anregungen loswerden. Der Autor und die anderen Benutzer können Ihren Beitrag sehen und darauf antworten. Natürlich können Sie auch im Chat fragen.

http://www.gimpusers.de/tutorials/simple-text-with-bezier.html 1 Bewertung(en) mit durchschnittlich 4.0 von 5 Sternen.

Die Kommentare sind chronologisch geordnet.

http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Thu Apr 26 20:41:21 2007 Eraser, 26. Apr 2007 20:41

Sehr schick

Das Tut regt auch zur eigenkreativität bei
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Thu Apr 26 21:08:47 2007 MaxPhilip, 26. Apr 2007 21:08

Bravo, nicht schlecht, weiter so.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Apr 27 09:34:17 2007 PapaPlum, 27. Apr 2007 09:34

das tut ist wie immer gut gelungen und super erklärt...

mehr ...! :)
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Apr 27 15:25:43 2007 AtroCty, 27. Apr 2007 15:25

Gloosy Orb Revultion oder was? ;D
Nettes Tut :) (wie immer)
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Apr 29 12:50:37 2007 Valy, 29. Apr 2007 12:50

nettes Tutorial
nur kann ich den Download-Link zur Schrift nicht finden -> wurde der evtl. vergessen?
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Apr 29 13:22:32 2007 Eraser, 29. Apr 2007 13:22

Hi,
die schriften must du dir selber besorgen! Ein kleiner Tipp: www.fontasy.de/

Gruß,
Dominic
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Apr 29 15:01:32 2007 devvv, 29. Apr 2007 15:01

Hi! Danke für den Hinweis, habe ich vergessen freizuschalten, sorry! ;) Jetzt isser aber verfügbar!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Jun 10 14:24:19 2007 fabian, 10. Jun 2007 14:24

ich bin begeistert
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Jun 13 15:16:38 2007 defiNe, 13. Jun 2007 15:16

ich weiß nicht wie ich mit dem pfadzieher umgehen soll da kommt ständig irgend so ein anker und der zieht dann den streifen in beide richtungen ich kriegs net richtig hin help plz
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Jun 13 15:24:06 2007 defiNe, 13. Jun 2007 15:24

sry also das hab ich hingekriegt aber das einfärben macht mir probleme bin total neu hier wie färbt man hg-farbe und vg-farbe auf der neuen ebene ein?
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Jun 13 19:09:55 2007 devvv, 13. Jun 2007 19:09

damit ist nur gemeint, dass du die vordergrund- und hintergrund-farbe einstellst. das sind diese zwei farbquadrate im werkzeugfenster die übereinander liegen. auf der ebene selbst musst du noch nix tun.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Jul 20 14:12:07 2007 Love-Hinaa, 20. Jul 2007 14:12

Hmm^^
ich hab mal deine tuts verbunden^^

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Jul 20 15:14:12 2007 Eraser, 20. Jul 2007 15:14

Hey,
der Farbferlauf muss anders sein. Das Weis ausen macht es pixelig und unschön...
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Jul 20 15:39:23 2007 Love-Hinaa, 20. Jul 2007 15:39

ich find des so aba bessa^^
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Jul 20 16:14:15 2007 AtroCty, 20. Jul 2007 16:14

@Love-Hinaa

das war mein Tutorial ;)

PS: Endlich wieder Internet!!!!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Jul 29 21:50:35 2007 fender, 29. Jul 2007 21:50

Läuft alles super, bis zu dem Punkt wo ich den Farbverlauf ins Bild ziehen muss. Egal was ich mache, er läuft immer wieder zurück und ich kann die Auswahl nicht füllen.

Kann es daran liegen, das ich eine GIMP version für Windows nutze?

bitte helft mir
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Jul 29 22:23:38 2007 devvv, 29. Jul 2007 22:23

bei welchem schritt bist du genau? an der windows version kanns normalerweise nicht liegen.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Jul 30 12:10:04 2007 fender, 30. Jul 2007 12:10

Um die Auswahl zu füllen soll ich den farbverlauf irgendwo ins bild ziehen. das geht aber nicht. die auswahl wird nicht gefüllt. ist aber nur beim farbverlauf so, mit HG, bzw VG farben gehts ja
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Jul 30 12:17:52 2007 devvv, 30. Jul 2007 12:17

hmm, komisch, müsste gehen... sorry da weiß ich irgendiwe nicht weiter wo da fehler sein kann.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Jul 30 17:13:58 2007 Eraser, 30. Jul 2007 17:13

Hey,
wie schaut das Bild den aus? Häng doch ma nen Screenshoot dran. Die Ebenen sollten sichtbar sein...
Gruß, E
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Jul 30 20:31:27 2007 fender, 30. Jul 2007 20:31

hat sich erledigt, fehler von mir, bin halt ein gimp noob :P

werd mich hier mal anmelden, echt nette community *THUMBSUP*
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Aug 20 00:26:13 2007 Equilibriom, 20. Aug 2007 00:26

Dannke hat super geklapt

ps: kannst du mir die schritart von dir irgentwie geben oder ein link
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Aug 20 08:31:52 2007 Eraser, 20. Aug 2007 08:31

Zusätzliche Sachen sind in der Rechten Spalte zum Download!
Fals du den Link nicht findest:
http://www.gimpusers.de/dl/neuropolitical.zip

Bye,
E
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Thu Aug 23 16:47:39 2007 Tonitrus, 23. Aug 2007 16:47

Also Ich habe das alte Gimp 2.2 (finde ich übersichtlicher und kenne ich besser mit dem neuen WILL ich mich nicht bekannt machn)
Kann mir einer sagen wie ich dqa die schatten seztzen muss Also Skript-Fu/Schatten Perspektivisch... und dann welche werte????^^
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Thu Aug 23 17:03:50 2007 devvv, 23. Aug 2007 17:03

in 2.2: Wenn du den Schatten im letzten Schritt meinst: Script-Fu / Schatten / Schlagschatten, Weichzeichnen 0 und etwa 6 / 6 bei X und Y.

Umsteigen solltest du dir dennoch überlegen, es lohnt sich wirklich. Und irgendwann wird man nichts mehr für GIMP 2.2 finden, da sich die Menüführung ja doch geändert hat und auch weiter ändern wird.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Thu Aug 23 17:37:45 2007 Tonitrus, 23. Aug 2007 17:37

Dankeschönn genau das meine Ich und Übrigen ein Sehr Gutes TUT.!!!^^
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Tue Sep 4 14:03:18 2007 BillieJoe, 04. Sep 2007 14:03

Hey, tolles Tutorial, allerdings habe ich keine Ahnung, wei man heruntergeladene Schrifttypen aktivieren kann...

LG BJ
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Tue Sep 4 15:37:25 2007 Eraser, 04. Sep 2007 15:37

Unter Linux:
/home/USERNAME/.gimp-VERSION.NUMMER/fonts
Unter Windows:
Kein Peil. Aber irgendwo hat man da auch ein Fontordner
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Sep 5 14:28:58 2007 BillieJoe, 05. Sep 2007 14:28

Danke, aber da ich Windows User bin hilft mir das auch nicht viel weiter...
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Sep 5 15:06:20 2007 Eraser, 05. Sep 2007 15:06

Normalerweise würd ich googe empfehlen aber heut bin ich ned so.
Ich weis es wie gesagt nicht wirklich:
C:/Windows\fonts\ oder
C:/Windows\system32\

Da den Font rein hauen und Gimp neu starten. Font nicht da? Wind00f neu starten.
Wenn das nicht hilft:
Google-> Font Instalieren
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Sep 9 14:08:57 2007 BillieJoe, 09. Sep 2007 14:08

habe jetzt gefunden, wie man Schriften unter win. XP installieren kann...
für alle anderen XP-Nutzer:
Start
>>Systemsteuerung
>>Darstellung und Designs
>>Schriftarten [links oben]
>>Schriftart reinkopieren
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Sep 9 14:25:12 2007 BillieJoe, 09. Sep 2007 14:25

habe jetzt gefunden, wie man Schriften unter win. XP installieren kann...
für alle anderen XP-Nutzer:
Start
>>Systemsteuerung
>>Darstellung und Designs
>>Schriftarten [links oben]
>>Schriftart reinkopieren
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sat Sep 22 22:15:44 2007 gaterX, 22. Sep 2007 22:15

yo devvv! starkes tut was du da hast! wirklich toll!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sat Oct 13 14:14:34 2007 FL4PJ4CK, 13. Oct 2007 14:14

Cool, hat sehr gut geklappt und sieht super aus :)

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Nov 16 18:21:53 2007 Linka, 16. Nov 2007 18:21

Ich komme nicht klar.
(in der Mitte anklicken und ziehen)
Das geht einfach nicht! :(((
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Nov 16 21:37:15 2007 Eraser, 16. Nov 2007 21:37

Hey,
erst Strg drücken (gedrückt halten)
und dan anklicken und ziehen (maus gedrückt halten).

Gruß,
E
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sat Apr 12 09:59:53 2008 cbg, 12. Apr 2008 09:59

Hey..Devvv tolles tut..

sag mal wie mach man sein eigenen font`?? geht das überhaupt
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed May 28 19:47:43 2008 groggy-art.com, 28. May 2008 19:47

Schönes Tutorial!
Allerdings würde ich Firmenlogos immer zuerst als Vektordatei erstellen, das erspart das spätere Umwandeln in das selbige
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Jul 6 21:24:56 2008 A-Style, 06. Jul 2008 21:24

Super TUT

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Jul 11 20:20:08 2008 starline, 11. Jul 2008 20:20

echt cool!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Jul 27 16:06:10 2008 freakmaster, 27. Jul 2008 16:06

hey!! super tutorial.. ;)
aber kann man das auch ohne den hintergrund machen??
wenn ich den hintergrund am ende ausblende, wird der hintergrund automatisch weiß.. =(
kann mir jemand weiterhelfen..???
wäre echt nett ;)
liebe grüße
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fri Aug 1 21:18:42 2008 schlumpf93, 01. Aug 2008 21:18

thumbs up!^^

klasse tut!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sat Jul 4 15:50:58 2009 DortmundSupp, 04. Jul 2009 15:50

Gut , einfach Danke.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Aug 23 10:47:43 2009 Wolfskin, 23. Aug 2009 10:47

Freakmaster, lösch die Hintergrundebene komplett, dann haste Transparenz, wenn dus als Gif oder Png abspeicherst :)
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sat Sep 5 00:38:31 2009 SolidFake, 05. Sep 2009 00:38

erstklassiges Tutorial, vor allem das Pfadtool und das Verlaufswerkzeug werden optimal für Anfänger erklärt

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mon Oct 5 12:34:18 2009 Josherror, 05. Oct 2009 12:34

Sehr geil !!

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Wed Feb 24 03:05:11 2010 Carsten, 24. Feb 2010 03:05

Hi,
mein erster Versuch bei Gimp ein Tut nachzupinseln :D. Soweit recht gut erklärt, nur bekomme ich den Schatten irgendwie nicht hin :-/. Habe die neue Ebene angelegt, auch schwarz gefüllt, nur wenn ich versuche zu verschieben passiert da nix. Wo liegt der Anfängerfehler? xD

Gruß
Carsten

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Sun Mar 14 15:14:06 2010 el_gimpo, 14. Mar 2010 15:14

fett cooles tutorial!!

Zum Vergrößern klicken

Registrierte Benutzer können sich (rechts oben) anmelden und ihren geschützten Profilnamen verwenden, um Kommentare zu schreiben, sich bei Antworten benachrichtigen zu lassen und Bilder (z.B. ihre Version eines Effekts) an die Antworten anzuhängen.

Ihr Name:
Email-Adresse:
Bewertung:
Ihr Beitrag:
Sind Sie Mensch oder Maschine?

Zuletzt gesehen

Nicht angemeldet

Über GIMP

Nützliche Links

Gestaltet ein cooles Werbeplakat!

Neues über GIMP [Archiv]

Neueste Tutorials

Ein Ordner-Icon (Mac-Style) erstellen

Erstellt einen authentischen Nebel mit GIMP

[AVATAR] Werde zu einem Na'Vi!

GIMP 2.8 - Feature Preview [APRIL 2010]

Erstellt einen animierten Radarbildschirm!

Disco Ball - eine (bunte) Discokugel erstellen

Aktuelle Diskussionen (gimpforum.de)

Aktuelle Forumsbeiträge (englisch)

Neuigkeiten von Dritten

Umfrage

Zahlen

Ein seriöses und neutrales Web / Firmen-Logo erstellen

In anderen Sprachen:

Dateien, die für dieses Tutorial benötigt werden:

Kommentare