PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Tutorial: Banden erstellen



tibo
09.08.2011, 11:18
Was brauche ich?

1. Gimp (http://www.chip.de/downloads/GIMP-32-Bit_12992070.html)
2. Template 1 (http://www.bilder-space.de/show_img.php?img=d310ee-1312823949.png&size=original)
3. Template 2 ( http://www.bilder-space.de/bilder/7a6c08-1286009710.png )
4. Etwas Erfahrung im Umgang mit Gimp


Was muss ich machen?

Also, Gimp installieren und die beidden Templates auf eurem PC speichern.
Dann öffnet ihr das erste Template mit Gimp.

Die Linien trennen die versciedenen Banden, d.h. zwischen zwei Linien ist eine Bande.


http://www.bilder-space.de/show_img.php?img=4e8cc1-1312881012.png&size=thumb (http://www.bilder-space.de/bilder/4e8cc1-1312881012.png)

Das ist die Grundlage, nun sucht ihr bei Youtube nah einem Video, bei dem man gut die Banden erkennen kann.

http://www.bilder-space.de/show_img.php?img=bc9bf5-1312881040.png&size=thumb (http://www.bilder-space.de/bilder/bc9bf5-1312881040.png)

Am einfachsten ist eine Bande, auf der nur ein Logo bzw. Schriftzug ist.

Hier im Video sieht man eine Bande vom FC, wir versuchen ersteinmal die kalydo.de bande.
Man sucht nun ersteinmal bei google nach dem logo von kalaydo.de dazu einfach kalaydo. de bei bildersuche eingeben und das passende bild finden.
das bild sollte möglichst groß sein, denn desto größer, desto besser am ende die Qualität.
Wenn ihr eins gefunden habt anklicken und im oberen frame "Vollbild anzeigen" anklicken. Per Rechtsklick "Bild kopieren".
Als nächstes in gimp oben links auf "Bearbeiten"->"Einfügen als.."-> "Neue Ebene".
Die Ebenen kann man sich wie folien auf einem OVP Projektor vorstellen, malt man etwas auf einer Folie so kann man das dortgemalte unabhängig von den anderen bewegen, bemalen und löschen.
Zwischen den Ebenen wechselt man mit den Tasten "Seite hoch" und "Seite runter" auf der Tastatur. (befinden sich ganz rechts neben "enter-taste"; zumindest auf meinem Laptop ;) )

man hat nun das bild, welches wahrscheinlich viel zu groß ist, deswegen jetzt auf die taste "skalieren" im Werkzeugkasten:

http://www.bilder-space.de/show_img.php?img=e39a79-1312881107.png&size=thumb (http://www.bilder-space.de/bilder/e39a79-1312881107.png)

danach das logo einmal anklicken, es müsste sich ein neues fenster öffnen:

http://www.bilder-space.de/show_img.php?img=b7b9c0-1312881132.png&size=thumb (http://www.bilder-space.de/bilder/b7b9c0-1312881132.png)

dort müsst ihr darauf achten, das das Kettensymbol geschlossen ist (auf dem Bild zeigt der Pfeil wie es auszusehen hat), denn dann wird das bil automatisch linear verkleinert, d.h. die seitenverhältnisse bleiben gleich.

http://www.bilder-space.de/show_img.php?img=1808a1-1312881154.png&size=thumb (http://www.bilder-space.de/bilder/1808a1-1312881154.png)

mit den Pfeiltasten (eingekreist auf dem bild) kann man die breite und höhe ändern.
außerdem kann man mit den "kästchen", in die die striche zeigen das bild etwas größer und kleiner machen, durch ziehen an den enden.
Dann, wenn das Logo zwischen die Linien passt auf skalieren drücken (auf bild eingekreist)

http://www.bilder-space.de/show_img.php?img=93e5d5-1312881175.png&size=thumb (http://www.bilder-space.de/bilder/93e5d5-1312881175.png)

mit dem "Kreuzsymbol" im Werkzeugkasten kann man nun die ebene auf dem das bild ist auf die richtige Position ziehen.

Bei mir ist nun das Problem, dass das kalaydo logo nicht breit genug ist um die bande abzudecken, deswegen einmal rechtsklick „Ebene…“->“Ebene duplizieren“. Die Ebene wurde nun kopiert und somit ist sie als „weitere Folie“ auf dem bild.
Mit dem „Kreuzwerkzeug“ kann die neue Ebene nun auch wieder auf die richtige Position geschoben werden.

http://www.bilder-space.de/show_img.php?img=38c3b2-1312881196.png&size=thumb (http://www.bilder-space.de/bilder/38c3b2-1312881196.png)

jetzt kann man sich die nächste bande aus dem video suchen.


http://www.bilder-space.de/show_img.php?img=3c8e05-1312881217.png&size=thumb (http://www.bilder-space.de/bilder/3c8e05-1312881217.png)

als nächstes nehme ich die auf dem bild eingerahmte „Solarworld“-bande.

Dazu ersteinmal wieder bei google den passenden schriftzug suchen und als neue ebene einfügen.
Als nächstes müsst ihr ersteinmal mit dem „Füllenwerkzeug“ den Hintergrund der bande gelb färben. Denkt daran wieder auf die unterste ebene zu gehen ;)


um die passende farbe hinzukriegen kann man aus dem video ein stück der bande ausschneiden (dazu ist das „Snippimg Tool“ hilfreich welches man unter „Start“->“Alle Programme“->“Zubehör“ findet) und mit dem Werkzeug zur Farbkopierung, wie auch immer es heißt, es ist die kleine piepette neben dem lasso, die farbe der bande kopieren.

Nun ist der Hintergrund gelb, aber vom schriftzug solarworld ist der hintergrund immer noch weiß:

http://www.bilder-space.de/show_img.php?img=6a776c-1312881285.png&size=thumb (http://www.bilder-space.de/bilder/6a776c-1312881285.png)

dafür oben auf „ebene“->“transparenz“->“Farbe zu tranzparenz“

dann sieht das ganze nach anpassung der größe so aus:

http://www.bilder-space.de/show_img.php?img=d38f9b-1312881304.png&size=thumb (http://www.bilder-space.de/bilder/d38f9b-1312881304.png)


fehlen noch die auf der bande rechts und links zu sehenden logos von solarworld, dass mus man auch bei google suchen, als neue ebene einfügen, weiß zu tranzparenz machen, oben in der steuerungsleiste auf „Farben“->“einfärbern“ und dann „sättigung“ und „helligkeit“ die schieberegler ganz nach links ziehen, damit das logo wie auf der bande schwarz ist.
Die größe wieder anpassen und richtig positionieren und ebene duplizieren auf die andere seite ziehen und ggf. die größe und position des schriftzuges nocheinmal anpassen.


http://www.bilder-space.de/show_img.php?img=cbac69-1312881329.png&size=thumb (http://www.bilder-space.de/bilder/cbac69-1312881329.png)

man muss jetzt auf dem video so viele banden wie möglich auf euer bild „kopieren“.
Wenn man alle hat, aber die banden noch nicht alle besetzt sind einfach die vorhandenen banden kopieren und unter die vorhandenen banden einfügen.
Nicht vergessen davor unter „Bild“->“Bild zusammenzufügen“ alle Ebenen zu einer zu machen, denn das Spiel Fifa kann nur .png-Dateien lesen und png kann nicht mit ebeneen umgehen. Außerdem erleichtert es das vervielfältigen den vorhandenen banden. ;)
Da ich nur 2 banden gemacht habe diesesmal siehts so aus:

http://www.bilder-space.de/show_img.php?img=d98fd2-1312881349.png&size=thumb (http://www.bilder-space.de/bilder/d98fd2-1312881349.png)


nun kommen wir zum fast wichtigsten teil des banden erstellens: den SHADE

dafür kopiert ihr das 2 Template welches ihr euch oben runtergeladen habt und fügt es als neue ebene auf euer adboard ein.
Jetzt sieht man nur noch die template-ebene:

http://www.bilder-space.de/show_img.php?img=a2e703-1312881380.png&size=thumb (http://www.bilder-space.de/bilder/a2e703-1312881380.png)


deswegen wie eben auf „Farbe zu tranzparenz“ gehen und da auf das kästchen mit der farbe die tranzparend werden soll gehen:

http://www.bilder-space.de/show_img.php?img=63f6cc-1312881405.png&size=thumb (http://www.bilder-space.de/bilder/63f6cc-1312881405.png)

http://www.bilder-space.de/show_img.php?img=3aff7c-1312881426.png&size=thumb (http://www.bilder-space.de/bilder/3aff7c-1312881426.png)

und im fenster welches sich neu öffnet bei HTML-Notation „dedede“ eingeben, wie oben im Bild zu sehen.Auf OK klicken und fertig.
Das Bild nun wieder zusammenfügen und als .png-datei speichern und schon habt hr eure eigene bande. ;)

Viel Spaß beim ausprobieren :)

http://www.bilder-space.de/show_img.php?img=73367e-1312881445.png&size=thumb (http://www.bilder-space.de/bilder/73367e-1312881445.png)


Bei fragen einfach hier fragen:D

wolz71
09.08.2011, 11:38
Danke:good::good:;)

HSVMalle
09.08.2011, 11:46
Cool danke tibo für das geile Tutorial :D .Wird ja wahrscheinlich auch nützlich für Fifa 12 sein aber auch für die die noch an Fifa 10 basteln.

raúl
09.08.2011, 12:05
Super Tutorial tibo! Klasse Idee und tolle Umsetzung. :yes: Vielleicht werd ich mal welche probieren. :D

Tobi1997
09.08.2011, 13:38
Sehr schönes Tutorial:good::good::good:

Ich kenn es ja ungefähr schon so von dir da du es mir mal erklärt hattest.:yes:

Den
09.08.2011, 13:56
Schönes Tutorial:good:

nilz
09.08.2011, 13:59
sehr schön gemacht!:good: Danke für die mühe!;)

Mighty Mouse
10.08.2011, 06:37
schön geschrieben ! Danke für die Mühe:good:

fcfan21
10.08.2011, 23:25
Nettes Tutorial!!!:good: