Gimp-Werkstatt

nach oben
Avatar EibauomaDieses Tutorial wurde am 7. Januar 2010 von eibauoma im Gimp-Werkstatt-Forum veröffentlicht und im April 2010 auf die Homepage der Gimp-Werkstatt übertragen.

Text im Kreis

Weil schon wiederholt Anfragen kamen, ob es in der Gimp-Werkstatt ein Tut für Text im Kreis gibt, beispielsweise um ein Logo zu erstellen, hab ich mich mal damit befasst.
Du solltest schon einige grundlegende Dinge in Gimp beherrschen, mit Text, Vorder- und Hintergrundfarbe, Ebenen- und Pfaddialog und Auswahlen arbeiten können.
Dieses Tutorial ist erstellt mit Gimp 2.6.

Schritt 1 - erster Versuch


Starte Gimp
Im Menü des Startfensters wähle -> Datei -> Erstellen -> Logos -> Text im Kreis.
Die eingestellte Vordergrundfarbe ist später die Farbe der Schrift, die Hintergrundfarbe ergibt den Background, den Du auch wieder ändern kannst.

Spätestens jetzt musst Du Dich entscheiden, welchen Text Du verwenden willst und in welcher Anordnung er erscheinen soll. Manche Logos enthalten einfach einen kreisförmigen Text über einen vollen Kreis, also über einen Füllwinkel von 360 Grad.
Dabei musst Du einen Startwinkel angeben:
Beim Startwinkel Null beginnt der Text ganz oben,
beim Startwinkel 90 Grad beginnt er rechts,
bei 180 Grad unten.
Soll Dein Text links beginnen, verwendest Du einen Startwinkel von minus 90 Grad, natürlich sind alle Zwischenstufen möglich.
Beim Radius von 80 und mit der vorgegebenen Schriftgröße von 18 Pixeln wird ein relativ kurzer Text etwas verloren erscheinen. Hier ist Probieren angesagt im Zusammenhang mit Deiner gewünschten Schriftart.
Starte den ersten Versuch, gib einen eigenen Text ein, lass ansonsten die Voreinstellungen und schau Dir den Ebenendialog an.
Die obere Ebene enthält Deinen Textkeis. Dieses Bild kannst Du löschen, ohne zu speichern.

Schritt 2 - Script-Fu: Text im Kreis

Je nach Art des Logos wirst Du entweder klare exakte Schriftzeichen verwenden oder Du willst ein aufgelockertes Schriftbild.
Ich habe im Beispiel Dragonfly verwendet, Du kannst es hier als Free-Type laden:
http://www.fontstock.net/10552/dragonfly.html
Natürlich kannst Du auch andere Schriftarten nehmen, dann sind eventuell die Einstellungen entsprechend zu verändern.

Um den Umgang mit Richtungen und Start- sowie Füllwinkel zu üben, werden wir den Textkreis so aufteilen, dass er besser lesbar ist als ein 360-Grad-Füllwinkel.
Richte Dich zunächst nach den Vorgaben dieses Screenshots.

01

(Sollte Dein Script-Fu-Formular mal nicht gleich sichtbar sein, findest Du es in der Startleiste)
Damit Textanfang und -ende auf gleicher Höhe stehen, verdopple den Wert beim Startwinkel (ohne Vorzeichen), um den Füllwinkel zu erhalten.
Über das Menü Ebene -> Ebene auf Bildgröße sorgst Du dafür, dass die zwei Teilkreise später zusammenpassen, ohne dass Du sie verschieben musst. Speichere Dein Bild als Textkreis.xcf.

Als nächstes bau Deinen unteren Teilkreis nach dieser Vorlage

02


Den Füllwinkel errechnest Du beim unteren Teilkreis so:
180 minus Wert des Startwinkels (ohne Vorzeichen), das Ergebnis verdoppelst du.
Nachdem die Text-Ebene wieder auf Bildgröße gebracht wurde, kopierst Du diese Ebene und fügst sie im ersten Bild als neue Ebene ein.
Wenn Du den Text oben und unten gleich gestalten willst, kannst Du die zwei Textebenen vereinen.

Schritt 3 - Erstellen eines Kreisringes über der Schrift

Für einen exakten Kreismittelpunkt kannst Du über das Menü Bild -> Hilfslinien -> neue Hilfslinie in Prozent 50%-Hilfslinien horizontal und vertikal erstellen.
Mit Ellipsentool, Einstellung - aus der Mitte aufziehen und festem Seitenverhältnis 1:1 ziehst Du die innere Kreisauswahl bis fast an die Schrift auf, danach Auswahl -> nach Pfad. Auswahl -> nichts auswählen
Anschließend ziehe die äußere Kreisauswahl auf, danach Auswahl -> nach Pfad.
Wechsle in den Pfaddialog, rechte Maustaste auf den kleinen Kreis -> von Auswahl abziehen
und wieder:Auswahl -> nach Pfad.
Aus den vorhandenen Pfaden kannst Du Dir später neue Auswahlen erstellen, die Du mit Farbe, Verlauf oder Muster füllst oder nachziehst mit eigenen Pinseln.

Die weitere Gestaltung ist ganz Dir überlassen. Hier sind drei Beispiele mit dem gleichen Text:

03 04 05

Für das Basteln des letzten Bildes stelle ich noch einen Screenshot mit hierher, er zeigt außer den Einstellungen auch den Ebenendialog.

06

Auf Eure Text-im-Kreis-Varianten, auf Eure Fragen und Vorschläge bin ich gespannt.

Viel Spaß