[Tutorial]Sprechblasen mit Gimp!

[Shiny]

Vorwort
Ich erstell das Tutorial hier für die Leute, die kein Photoshop haben und/oder es sich nicht kaufen wollen/können und Gimp nutzen können.
Gimp ist kostenlos und kann genausoviel wie Photoshop.
Gimp Download (http://www.gimpusers.de/gimp-download.php)
Tutorial
Wir nehmen unser GMod-Bild. Ich hab einfach eins gegoogelt:
http://shinysstuff.pytalhost.org/img/tut/bild1.jpg
Starte Gimp.
http://shinysstuff.pytalhost.org/img/tut/bild2.jpg
Öffne dein Bild.
http://shinysstuff.pytalhost.org/img/tut/bild3.jpg
Du kannst hier dein Bild suchen und doppelklicken, damit es in Gimp erscheint.
http://shinysstuff.pytalhost.org/img/tut/bild4.jpg
Tada!
http://shinysstuff.pytalhost.org/img/tut/bild5.jpg
Nun wähle das Kreistool aus.
http://shinysstuff.pytalhost.org/img/tut/bild6.jpg
Mache einen Kreis in eine Ecke, wo Platz ist. (Funktioniert wie bei Paint) Wenn du fertig bist, drücke Enter.
http://shinysstuff.pytalhost.org/img/tut/bild7.jpg
Gehe auf das Ebenenfenster. Wenn du es nicht siehst, drücke STRG+L. Klicke im Ebenenfenster ganz unten links auf das Dokument, um eine neue Ebene zu erstellen.
http://shinysstuff.pytalhost.org/img/tut/bild8.jpg
Gut. Nun wähle das Fülltool.
http://shinysstuff.pytalhost.org/img/tut/bild9.jpg
Vertausche nun Vorder-und Hintergrundfarbe mithilfe des Doppelpfeiles an den Ecken der beiden Farben.
http://shinysstuff.pytalhost.org/img/tut/bild10.jpg
Klicke auf die bereits vorhandene Ovale. Sie wird dann zu einer weißen Ovale.
http://shinysstuff.pytalhost.org/img/tut/bild11.jpg
Nun wähle das Pfade-Tool.
http://shinysstuff.pytalhost.org/img/tut/bild12.jpg
Klicke 3 mal, damit du die "Sprechspitze" oder wie man das nennt, bekommst.
http://shinysstuff.pytalhost.org/img/tut/bild13.jpg
Drücke STRG und halte es, während du auf den lilanen Punkt klickst (oder anders: der Anfangspunkt)
http://shinysstuff.pytalhost.org/img/tut/bild14.jpg
Drücke Enter, damit es die Auswahl wird.
http://shinysstuff.pytalhost.org/img/tut/bild15.jpg
Erstelle eine neue Ebene. Wie das geht, steht weiter oben :)
Jetzt musst du die Sprechspitze nurnoch einfüllen. Wieder mit weiß.
http://shinysstuff.pytalhost.org/img/tut/bild16.jpg
So. Dann geh noch in Gimp und klick auf das Tool, wo ein A ist. Dann klick in die Sprechblase und schreib etwas. Wenn du's nicht siehst, musst du im Gimp Hauptfenster die Farbe ändern.
So sieht "mein" Bild aus: (ziemlich scheiße ^^)
http://shinysstuff.pytalhost.org/img/tut/gmodbild.jpg
Viel Spaß bei euren Comics ;)
Als Schriftart empfehle ich euch Badaboom. Die ist auch die in dem Bild verwendete und die von Toribash.

[Weezer]

Du scheinst um diese Zeit viel Langeweile zu haben, eh? :D

Trotz allem, super Tut, obwohl ich Photoshop habe, sehr detailliert. ;)

[Happy_Killer]

Wie schon oft gesagt: wir brauchen GOLDSTARS !

Naja geht nahe an epic ran und sollte angepinnt werden :rock:

[Seko]

Sehr schön beschrieben , sehr ausführlich , auch für Anfänger geeignet.

1+ mit Sternchen !

Anpinnen ?

[skikk]

Ich find es super!
Hast du echt gut gemacht!
1+! ^.^

[Dark]

habn wa sowas net schon

wenn nicht hier

http://www.starsofblue.com/images/goldstar.jpg

[Shiny]

habn wa sowas net schon

wenn nicht hier


Nein, wir haben nur eins für PS und eine Anfrage für Gimp.
Und welche ohne Bilder.

[Dapper_Dan]

Sehr schönes Tutorial! Tolle Arbeit! ;)

MfG

[TheStargater]

1. Gut gemacht auch für Anfänger verständlich
2. Alles gut beschrieben
3. Große Bilder damit man es gut erkennt
4. Das stimmt das Gimp genauso viel kann wie Photoshop
5. Also: sehr gutes Tutorial zehntausend 1 mit Sternchen.

:D

[Shiny]

Danke für euer Feedback :)

[DMGaina]

Schönes Tutorial!

Hoffentlich nehmen das ein paar User ernst und machen endlich schönere Sprechblasen in ihre Comics.

P.s. Ich habe es mal an deinem Bild ausprobiert und ich kann endlich auch Sprechblasen machen *freu*

http://img352.imageshack.us/img352/9177/kackesq9.jpg

[Toxin_Snake]

Schönes Tutorial!

Hoffentlich nehmen das ein paar User ernst und machen endlich schönere Sprechblasen in ihre Comics.



http://img244.imageshack.us/img244/8310/bild1qm1.jpg

Achja, schönes Tut.

[Ahab]

cooles tut, das lob ich mir.
obwohl ich meine sprechblasen schöner finde :>

http://img374.imageshack.us/img374/4806/bild2hv0.jpg (http://imageshack.us)

[LittleSnipes]

http://littlesnipes.li.ohost.de/bilder/screens/gutespaint.jpg

Ich fands gut, auch wenn ich kein Gimp benutze

[Shiny]

Ich glaube der Thread versinkt :( *bump!*

[don-banane]

Du solltest noch beschreiben wie man umrandete Sprechblasen macht, also mit Pfad aus Auswahl -> Pfad nachziehen und so ;)

[Richi]

na klasse hätt ich auch mal drauf kommen können xD
habs damals mit diesem vid gelernt tut es eig. auch :P erfordert auch nicht so viele englisch kentnise :gmod:
http://www.youtube.com/watch?v=OYDI34ZCuD4

Was ich nur ned verstehe...
bei deinem fertigen bild dann ist ein schatten zu sehen das ist doch aber gar ned in der tutorial erklärt... ich habs mal versucht selbst hinzubekommen:
http://richi901.ri.funpic.de//gmod/sprechblase2.jpg

aber in deiner tut ist das gar ned erklärt? oder hab ich da irgendwas überlesen ?

Edit: Spolier geht jetzt

[zocker113]

http://littlesnipes.li.ohost.de/bilder/screens/gutespaint.jpg

Ich fands gut, auch wenn ich kein Gimp benutze

Pixelig...nee sieht nicht gut aus.

[Richi]

ich hab mir mal erlaubt ein kleines tut zu machen wo steht wie man einen schwarzen rand um die sprechblasen macht hoffe du hast nix dagegen :)
____


Als erstes Schreiben wir am besten den Text damit wir wissen wie groß unsere Sprechblase werden muss...
http://richi901.ri.funpic.de//gmod/bild1.jpg

Dann machen wir mit Hilfe des "Elliptische Auswahl" tool (rechtes Fenster) einen passenden Kreis um den Text.
Nun Rechte Maustaste auf das Bild und dann auf Auswahl-->Nach Pfad klicken...
http://richi901.ri.funpic.de//gmod/bild2.jpg

Dannnach bei dem Fenster wo man die Ebenen sieht auf den oberen Register Pfäde draufklicken und dann Doppelklick auf den Pfad "Auswahl" (so sollte er standartmäßig heißen)
http://richi901.ri.funpic.de//gmod/bild3.jpg

Schließlich mit dem Pfade toll (rechtes Fenster) die Spitze der Sprechblase auswählen, also ein dreieck machen, wobei wie auf den bild 2 punkte in der sprechblase liegen müssen!
Nun RechteMaustaste auf das Bild und dann wieder Auswahl-->Nach Pfad Klicken
http://richi901.ri.funpic.de//gmod/bild4.jpg

Hier habe ich die beiden Pfäde anders genannt nur damit es übersichtlicher ist ;)
Einfach rechts Klick auf den Pfad der Sprechblasen spitze(also das dreieck) und dann auf "zur Auswahl hinzufügen"
http://richi901.ri.funpic.de//gmod/bild5.jpg

Jetzt einfach rechts Klick auf das Bild und dann wie auf dem bild "Bearbeiten"-->"Mit Hintergrundfarbe fühlen" klicken
http://richi901.ri.funpic.de//gmod/bild6.jpg

hmmm... nun sind wir soweit wie Shiny glaube ich? ist mir zuspät aufgefallen hätte ich mir auch erspären können :P

Jetzt kommt es zum eigentlichen Rand:

Rechts Klicken auf das Bild dann auf "Auswahl"-->"Rand..." klicken...
http://richi901.ri.funpic.de//gmod/bild7.jpg

Hier könnt ihr bestimmen wie dick der Rand sein soll bei mir 2 Pixel (1,75 ist aber zum Beispiel auch möglich)
Wenn ihr fertig seit einfach auf OK klicken
http://richi901.ri.funpic.de//gmod/bild8.jpg

Zum Schluss einfach irgendwo rechte Maustaste auf das Bild und dann auf "Bearbeiten"-->"Vordergrundfarbe füllen"
http://richi901.ri.funpic.de//gmod/bild9.jpg



Könnte man ja mit auf die Startseite dieses Threads machen :P dann haben wirs schön übersichtlich =)

[t3z]

wirklich schönes Tutorial Richi,
die ganzen neuen Tut's haben mich nun auch mitgerissen, auch ein Tut für euch zu schreiben, aber wie man nun runde Sprechblasen mit schwarzem Rand erstellt , dafür gibt es glaube ich nun genug Lösungmöglichkeiten^^.

Ich habe mich nach Richis Beitrag etwas rumgespielt und probiert, und möchte euch zeigen wie ich [das muss nicht bedeuten das es richtig ist, ich habe lediglich auf ein gutes endbild hingearbeitet] Sprechblasen in Wölkchenform/"explosiver form" erstelle +Schatten

Hat man erst den Dreh raus geht das zackzack, aber bitte nicht von der Länge des Tut's abschrecken lassen. Ich nehme auch gerne Verbesserungsvorshcläge entgegen.

_______________________________________________



Gut! Öffnet Gimp und ladet das Bild welches ihr bearbeiten wollt.
Anshcließend solltet ihr im Ebenenfenster, den Reiter Pfade zusschalten

http://www.abload.de/img/1oofot.jpg

Nachdem ihr eure Botschaft geschrieben habt, erstelle eine neue Ebene und ziehe eine Ellipse um dein Wort.

http://www.abload.de/img/393xsl.jpg

Jetzt wird es interresant! Wähle das PfadTool aus und beginne um die Ellipse Zacken zu malen/bei Wolken nur am Kreis entlang. Wenn ihr fertig seit, drück STRG+ auf den letzten Puntk um den Kreis zu schließen. Ich habe hier einen zacken länger werden lassen, weil dieser dann das"Dreieck" zum Pyro sein wird

http://www.abload.de/img/4ati0h.jpg

Je nachdem wieviele Zacken ihr gemalt habt, würde ich euch nun empfehlen etwas ranzuzoomen, und anschließen auf die einzelnen Linien zu klicken und mit gedrückter Maustaste zu verbiegen. Ihr werdet 2 kleine Quadrate erkennen, damit kann sich die Form der Kurve besser bestimmen lassen.
Bei mir sah das so aus.
http://www.abload.de/img/5mmuq9.jpg

Jetzt aufpassen, danach geht ihr wieder in das Ebenfenster, wählt den Pfadreiter aus und sucht die Einstellung "Auswahl aus Pfad" klickt darauf und die Ellipse in der Mitte wird verschwinden, dafür habt ihr jetzt aber eure gezackte Sprechblase ausgewählt.

http://www.abload.de/img/6t1rpx.jpg

Gut, rechtsklickt nun eure Blase an, und wählt den Punkt Bearbeiten/Auswahl anchziehen aus. Es wird sich einn Menü öffnen wo ihr, wählen könnt wie nachgezogen wird. Wenn ihr das zb mit dem Pinsel macht, dann achtet auf die richtige Farbe und Dicke!

http://www.abload.de/img/7ac2cu.jpg

Das war auch shcon der schwierige Teil, den rest der Blase könnt ihr mit dem Fülltool ausmalen. Achtet darauf, das die Textebene am höchstenist, sonst seht ihr keine Schrift.

http://www.abload.de/img/8qpx75.jpg

Schatten
Die Schatten hab ich von Richi seinen Vid gelernt, von daher ein danke!

Dupliziert die Blasenebene, und schaut darauf das ihr nichts ausgwählt habt. Zeichnent es anschließend mit dem GaußenWeichzeichner weich. [bei mir haben sich zwischen4-8 px bewährt]. nun klickt ihr abschließend auf das bewegentool, dann wieder auf das Bild und verschiebt mit den Pfeiltasten die UnscharfeBlase, so das ein Schatten entsteht.
http://www.abload.de/img/9iggh0.jpg

TADA! und so sieht es fertig aus[hier auch mit wolke]

http://www.abload.de/img/11e3wm.jpg

[Richi]

good job t3z ;) sieht wirklich sehr gut aus^^


Die Schatten hab ich von Richi seinen Vid gelernt, von daher ein danke!

Also das Vid ist jetzt ned direkt von mir hab ich nur mal bei youtube entdeckt ;)

mit den pfaden kann man so halt jede abstrakte form hinbekommen :P

Am besten den Thread gleich Anpinnen ;)

PS: am übersichtlichen wärs wenn Shiny die beiden Tuts noch auf seinen ersten post kopiert damit die dann auch jeder "Anfänger" gleich findet :P

[MasterFGH]

Gutes Tut aber ich bleib doch lieber bei Photoshop. ;)

[t3z]

PS: am übersichtlichen wärs wenn Shiny die beiden Tuts noch auf seinen ersten post kopiert damit die dann auch jeder "Anfänger" gleich findet
jop, das wäre wirklich sehr praktisch, ich bezweifle das sich änfänger die schnell eine Lösung suchen sich den ganzen Thread aufmerksam durchlesen. ich bin aber noch nicht so lange im forum, was ich da auch irgendetwas machen, oder kann Shiny das einfach so machen?


Gutes Tut aber ich bleib doch lieber bei Photoshop.

Danke, ist auch irgendwie verständlich, wenn man schon Photoshop hat, warum dann auch gimp benutzen^^

[Shiny]

Also den Schatten hab ich so gemacht, der ist ja nicht notwendig nur sieht er besser aus und den kann man machen indem man die Ebene anklickt, dann Filter-Licht und Schatten-Schatten oder so. ;)