RSS-/Atom-Feed Twitter
Site is read-only, email is disabled

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

Verfasst von · Erstellt am 26 Apr 2007, zuletzt bearbeitet vor fast 14 Jahren CC BY-NC-Lizenz

Motivation

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ß!

Tutorial-Details

Video

  1. 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 × 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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!

  6. 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.

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

  8. 8

    Geht auf Farben / Helligkeit & Kontrast: -25 / +35.

  9. 9

    Meine Ebene derzeit:

  10. 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.

Kommentare

Hier kannst du Kommentare, Fragen und Anregungen loswerden. Der Autor und die anderen Benutzer können deinen Beitrag sehen und darauf antworten.

Natürlich kannst du auch im Chat fragen.

Abo-Verwaltung

Diese Funktion steht nur angemeldeten Benutzern zur Verfügung.

Benutzerbewertung

Dieses Thema (Ein seriöses und neutrales Web / Firmen-Logo erstellen) wurde insgesamt mit 4,8 von 5 Punkten bewertet.

New comments are disabled because of spam.

Gurkenbier Mitglied seit mehr als 12 Jahren Gurkenbier 93 Kommentare
vor fast 11 Jahren

Auch hier möchte ich für solche Fragen das Gimp-Forum
http://www.gimpforum.de/
empfehlen! Dort sind einige Leute von hier und auch ich angemeldet, die dir bei diesen speziellen Fragen zu einer Abwandlung eines Tutorials behilflich sein können. Melde dich einfach an und los geht´s!

Micha2542 Mitglied seit fast 11 Jahren Micha2542 1 Kommentar
vor fast 11 Jahren

Hallo!
Ich bin neu hier und habe ein problem mit gimp. Bei mir fuktionieren einige funktionen nicht. Z.b. unter effekte/filter nicht. Klicke ich z.b. auf "wellen", so kommt das entsprechende fenster, aber keine von den einstellungen reagiert...auch zuruecksetzen, ok, abbrechen reagiert nicht. Nun habe ich fake-HDR geladen (script-fu), das fenster erscheint, aber ich kann keine einstellungen am bild vornehmen, obwohl ich die einzelnen regler verschieben kann.
In den letzten 2 jahren habe ich gimp oft deinstalliert - wieder neu installiert, aber es bleibt bei den problemen.
Weiss hier jemand mehr ?????

Gruesse von Micha!

Vaylonn Mitglied seit mehr als 14 Jahren Vaylonn 65 Kommentare
vor fast 11 Jahren

Hallo Dre,
du sagst "...aber es will nicht so...". Könnte an GIMP liegen, falls du es aus zweifelhaften Quellen wie softonic oder chip.de hast. Das Original(und Handbuch) findest du bei gimp.org/downloads/.
Dass du mit dem Programm(und diesem doch recht einfachen Tutorial) nicht klarkommst, könnte an der Uhrzeit liegen. Um 2 Uhr in der Frühe ist in der Regel nicht die beste Zeit, um sich mit einem neuen Programm zu befassen. Für Fragen und Hilfe ist ein Forum besser geeignet, wie z.B. gimpforum.de oder gimp-werkstatt.de. Und noch die Gretchenfrage: bist du daran interessiert, zu lernen, solche Sachen selbst zu herzustellen? Oder willst du dir hier nur schnell von jemandem ein Logo bauen lassen?
Grüße.

Dre
vor fast 11 Jahren

Hallo zusammen.
Ich komme gar nicht mit dem Programm klar.
Ist zwar super erklärt und alles, aber es will nicht so.

Falls jemand Zeit und Lust hat, mir ein schickes Logo zu machen in verschiedenen Farben mit dem Krummbogen.

Text : Pepperoni Lovers
Farbe des Bogens : rot oder grün

Und es wäre super, wenn ihr es als JPEG hochladen könntet.

Gruß

xanvader Mitglied seit mehr als 11 Jahren xanvader 8 Kommentare Bewertung für diesen Artikel: 5/5
vor etwa 11 Jahren

…Klasse, habe mein eigenes Ding reingebracht.
Neu fuer mich unter "Farbverlauf → Form → Formangepasst (winklig)".
Danke fuer dieses Tutorial…

Joy5 Mitglied seit etwa 14 Jahren Joy5 8 Kommentare Bewertung für diesen Artikel: 5/5
vor mehr als 13 Jahren

Super Tutorial!!! Und total einfach!

Mogon Mitglied seit etwa 14 Jahren Mogon 3 Kommentare Bewertung für diesen Artikel: 5/5
vor etwa 14 Jahren

Cooles tut, gut erklärt.

el_gimpo Mitglied seit mehr als 14 Jahren el_gimpo 6 Kommentare
vor mehr als 14 Jahren

fett cooles tutorial!!

Carsten Mitglied seit fast 15 Jahren Carsten 1 Kommentar Bewertung für diesen Artikel: 4/5
vor mehr als 14 Jahren

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

Josherror Mitglied seit mehr als 15 Jahren Josherror 5 Kommentare
vor etwa 15 Jahren

Sehr geil !!

SolidFake Mitglied seit etwa 15 Jahren SolidFake 5 Kommentare
vor etwa 15 Jahren

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

Wolfskin
vor mehr als 15 Jahren

Freakmaster, lösch die Hintergrundebene komplett, dann haste Transparenz, wenn dus als Gif oder Png abspeicherst :)

DortmundSupp
vor mehr als 15 Jahren

Gut , einfach Danke.

schlumpf93
vor mehr als 16 Jahren

thumbs up!^^

klasse tut!

freakmaster
vor mehr als 16 Jahren

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

starline Mitglied seit mehr als 16 Jahren starline 5 Kommentare
vor mehr als 16 Jahren

echt cool!

A-Style Mitglied seit mehr als 16 Jahren A-Style 25 Kommentare
vor mehr als 16 Jahren

Super TUT

groggy-art.com
vor mehr als 16 Jahren

Schönes Tutorial!
Allerdings würde ich Firmenlogos immer zuerst als Vektordatei erstellen, das erspart das spätere Umwandeln in das selbige

cbg
vor mehr als 16 Jahren

Hey..Devvv tolles tut..

sag mal wie mach man sein eigenen font`?? geht das überhaupt

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor etwa 17 Jahren

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

Gruß,
E

Linka
vor etwa 17 Jahren

Ich komme nicht klar.
(in der Mitte anklicken und ziehen)
Das geht einfach nicht! :(((

FL4PJ4CK
vor etwa 17 Jahren

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

gaterX
vor etwa 17 Jahren

yo devvv! starkes tut was du da hast! wirklich toll!

BillieJoe Mitglied seit etwa 17 Jahren BillieJoe 8 Kommentare
vor etwa 17 Jahren

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

BillieJoe Mitglied seit etwa 17 Jahren BillieJoe 8 Kommentare
vor etwa 17 Jahren

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

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor etwa 17 Jahren

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

BillieJoe Mitglied seit etwa 17 Jahren BillieJoe 8 Kommentare
vor etwa 17 Jahren

Danke, aber da ich Windows User bin hilft mir das auch nicht viel weiter...

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor etwa 17 Jahren

Unter Linux:
/home/USERNAME/.gimp-VERSION.NUMMER/fonts
Unter Windows:
Kein Peil. Aber irgendwo hat man da auch ein Fontordner

BillieJoe Mitglied seit etwa 17 Jahren BillieJoe 8 Kommentare
vor etwa 17 Jahren

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

LG BJ

Tonitrus
vor mehr als 17 Jahren

Dankeschönn genau das meine Ich und Übrigen ein Sehr Gutes TUT.!!!^^

devvv Mitglied seit etwa 18 Jahren devvv 1475 Kommentare
vor mehr als 17 Jahren

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.

Tonitrus
vor mehr als 17 Jahren

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????^^

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor mehr als 17 Jahren

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

Equilibriom Mitglied seit mehr als 17 Jahren Equilibriom 1 Kommentar
vor mehr als 17 Jahren

Dannke hat super geklapt

ps: kannst du mir die schritart von dir irgentwie geben oder ein link

fender
vor mehr als 17 Jahren

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

werd mich hier mal anmelden, echt nette community *THUMBSUP*

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor mehr als 17 Jahren

Hey,
wie schaut das Bild den aus? Häng doch ma nen Screenshoot dran. Die Ebenen sollten sichtbar sein...
Gruß, E

devvv Mitglied seit etwa 18 Jahren devvv 1475 Kommentare
vor mehr als 17 Jahren

hmm, komisch, müsste gehen... sorry da weiß ich irgendiwe nicht weiter wo da fehler sein kann.

fender
vor mehr als 17 Jahren

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

devvv Mitglied seit etwa 18 Jahren devvv 1475 Kommentare
vor mehr als 17 Jahren

bei welchem schritt bist du genau? an der windows version kanns normalerweise nicht liegen.

fender
vor mehr als 17 Jahren

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

AtroCty Mitglied seit etwa 18 Jahren AtroCty 43 Kommentare
vor mehr als 17 Jahren

@Love-Hinaa

das war mein Tutorial ;)

PS: Endlich wieder Internet!!!!

Love-Hinaa Mitglied seit mehr als 17 Jahren Love-Hinaa 8 Kommentare
vor mehr als 17 Jahren

ich find des so aba bessa^^

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor mehr als 17 Jahren

Hey,
der Farbferlauf muss anders sein. Das Weis ausen macht es pixelig und unschön...

Love-Hinaa Mitglied seit mehr als 17 Jahren Love-Hinaa 8 Kommentare
vor mehr als 17 Jahren

Hmm^^
ich hab mal deine tuts verbunden^^

devvv Mitglied seit etwa 18 Jahren devvv 1475 Kommentare
vor mehr als 17 Jahren

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.

defiNe
vor mehr als 17 Jahren

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?

defiNe
vor mehr als 17 Jahren

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

fabian
vor mehr als 17 Jahren

ich bin begeistert

devvv Mitglied seit etwa 18 Jahren devvv 1475 Kommentare
vor mehr als 17 Jahren

Hi! Danke für den Hinweis, habe ich vergessen freizuschalten, sorry! ;) Jetzt isser aber verfügbar!

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor mehr als 17 Jahren

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

Gruß,
Dominic

Valy
vor mehr als 17 Jahren

nettes Tutorial
nur kann ich den Download-Link zur Schrift nicht finden -> wurde der evtl. vergessen?

AtroCty Mitglied seit etwa 18 Jahren AtroCty 43 Kommentare
vor mehr als 17 Jahren

Gloosy Orb Revultion oder was? ;D
Nettes Tut :) (wie immer)

PapaPlum
vor mehr als 17 Jahren

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

mehr ...! :)

MaxPhilip Mitglied seit mehr als 17 Jahren MaxPhilip 32 Kommentare
vor mehr als 17 Jahren

Bravo, nicht schlecht, weiter so.

Eraser Mitglied seit fast 18 Jahren Eraser 221 Kommentare
vor mehr als 17 Jahren

Sehr schick

Das Tut regt auch zur eigenkreativität bei