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 49092 Mal gelesen. Kategorie: Buttons, Icons & Web, Schwierigkeit: 1 von 5

47 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 Don 26 Apr 2007 20:41:21 CEST 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 Don 26 Apr 2007 21:08:47 CEST MaxPhilip, 26. Apr 2007 21:08

Bravo, nicht schlecht, weiter so.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fre 27 Apr 2007 09:34:17 CEST 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 Fre 27 Apr 2007 15:25:43 CEST 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 Son 29 Apr 2007 12:50:37 CEST 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 Son 29 Apr 2007 13:22:32 CEST 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 Son 29 Apr 2007 15:01:32 CEST 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 Son 10 Jun 2007 14:24:19 CEST fabian, 10. Jun 2007 14:24

ich bin begeistert
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mit 13 Jun 2007 15:16:38 CEST 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 Mit 13 Jun 2007 15:24:06 CEST 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 Mit 13 Jun 2007 19:09:55 CEST 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 Fre 20 Jul 2007 14:12:07 CEST 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 Fre 20 Jul 2007 15:14:12 CEST 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 Fre 20 Jul 2007 15:39:23 CEST Love-Hinaa, 20. Jul 2007 15:39

ich find des so aba bessa^^
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Fre 20 Jul 2007 16:14:15 CEST 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 Son 29 Jul 2007 21:50:35 CEST 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 Son 29 Jul 2007 22:23:38 CEST 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 30 Jul 2007 12:10:04 CEST 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 30 Jul 2007 12:17:52 CEST 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 30 Jul 2007 17:13:58 CEST 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 30 Jul 2007 20:31:27 CEST 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 20 Aug 2007 00:26:13 CEST 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 20 Aug 2007 08:31:52 CEST 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 Don 23 Aug 2007 16:47:39 CEST 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 Don 23 Aug 2007 17:03:50 CEST 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 Don 23 Aug 2007 17:37:45 CEST 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 Die 04 Sep 2007 14:03:18 CEST 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 Die 04 Sep 2007 15:37:25 CEST 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 Mit 05 Sep 2007 14:28:58 CEST 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 Mit 05 Sep 2007 15:06:20 CEST 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 Son 09 Sep 2007 14:08:57 CEST 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 Son 09 Sep 2007 14:25:12 CEST 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 Sam 22 Sep 2007 22:15:44 CEST 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 Sam 13 Okt 2007 14:14:34 CEST FL4PJ4CK, 13. Okt 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 Fre 16 Nov 2007 18:21:53 CET 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 Fre 16 Nov 2007 21:37:15 CET 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 Sam 12 Apr 2008 09:59:53 CEST 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 Mit 28 Mai 2008 19:47:43 CEST groggy-art.com, 28. Mai 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 Son 06 Jul 2008 21:24:56 CEST A-Style, 06. Jul 2008 21:24

Super TUT

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

echt cool!
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Son 27 Jul 2008 16:06:10 CEST 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 Fre 01 Aug 2008 21:18:42 CEST schlumpf93, 01. Aug 2008 21:18

thumbs up!^^

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

Gut , einfach Danke.
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Son 23 Aug 2009 10:47:43 CEST 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 Sam 05 Sep 2009 00:38:31 CEST 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 05 Okt 2009 12:34:18 CEST Josherror, 05. Okt 2009 12:34

Sehr geil !!

Zum Vergrößern klicken
http://www.gimpusers.de/tutorials/simple-text-with-bezier.html Mit 24 Feb 2010 03:05:11 CET 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

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

Neues über GIMP [Archiv]

Neueste Tutorials

Das Ende der Welt: Die Überflutung

GlowFX extreme

Die furchteinflößende Zombie-Hand des Todes!

Ein einfacher Grunge-Stempel

Fotoausschnitte intuitiv mittels vordefinierter Ebenenmaske auswählen

Erstellt ein Wachssiegel mit Adler-Abdruck

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