MeisterTrainerForum
Football Manager => FM - Allgemeine Fragen => Fragen zu Grafiken und Skins => Thema gestartet von: P-Jo am 31.August 2014, 13:20:30
-
Auf Grund steigender Beliebtheit und vermehrten Fragen zur Erstellung unserer Bilder folgt nun ein erstes Tutorial zu unserem Facepack.
1. Tools zur Erstellung der Bilder
2. Ermitteln der ID der Person
3. Einrichten von GIMP und der benötigten Ordner
4. Bild zuschneiden, skalieren und verbessern
5. Bild ins Template einfügen
6. Ausrichtung mit irfan view prüfen
7. Fazit
1. Tools zur Erstellung des Bilder
Benötigt werden folgende Tools:
1a. FM-Editor
1b. FM
2. GIMP 2.6.11 (http://www.oldapps.com/de/gimp.php?old_gimp=51)
3. Irfan View (http://www.chip.de/downloads/IrfanView_12998187.html)
4. Template PMSC Portrait Facepack (http://www.mediafire.com/download/mw6puc4v7q552wm/TemplateFinal.xcf)
5. Beispielbild James Rodriguez (http://www.mediafire.com/view/jmemjej35v173pc/James%20Rodriguez.jpg#)
Optional Ant Renamer (http://www.chip.de/downloads/Ant-Renamer_18204061.html) für das Umbenennen von mehreren .jpg, .gif, etc. in .png.
2. Ermitteln der ID der Person
2a. via Editor
Zu finden ist der Editor: Steam/Bibliothek/Tools/FM Editor
Editor starten/Personen/Namen eintragen
(http://s14.directupload.net/images/140831/xxs2qzmt.png)
2b. via FM
FM starten/Einstellungen/Interface/Haken setzen bei "Einzigartige IDs anzeigen"
(http://s14.directupload.net/images/140831/msq9xuvx.png)
(http://s7.directupload.net/images/140831/tpsar7ic.png)
Anschließend Ausgangsbild nach ID umbenennen.
3. Einrichten von GIMP und der benötigten Ordner
Windows 8 User müssen bei der Version 2.6.11 den Kompatibilitätsmodus auf ihr Besteibssystem ändern. 2.6.11 ist eigentlich nur bis Windows 7 kompatibel.
Rechtsklick auf Verknüpfung auf dem Dektop oder den Startmenüeintrag/Einstellungen/Kompatibilität/Kompatibilitätsmodus/Windows 8/Übernehmen/OK
Zur Übersicht empfehle ich eine Aufteilung, wie im folgenden Screenshot sichtbar:
(http://s1.directupload.net/images/140831/9n6q5uol.png)
Bei GIMP sollte der Werkzeugkasten sichtbar gemacht werden (Funktionen schneiden/skalieren/etc werden hier benötigt).
Für die Grundeinstellung von GIMP kann man sich bei hunderten Videos auf youtube bedienen.
Verwendet einen Ordner, in dem ausschließlich die Ausgangsbilder gelagert sind und einen weiteren, in dem das Template hinterlegt ist.
Der Sinn wird im Laufe der Erstellung klar.
4. Bild zuschneiden, skalieren und verbessern
Bild per Drag & Drop in GIMP schieben
Skalpell-Symbol anklicken
Am oberen linken Bildrand ansetzen und bis unters Kinn ziehen
(http://s1.directupload.net/images/140831/skjnv8tp.png)
Schnitt verfeinern:
Zwischen den Vierecken am oberen und unteren Bildrand erscheint jeweils eine horizontale Linie (Cursor muss dorthin bewegt werden), um den Schnitt zu verfeinern.
(http://s7.directupload.net/images/140831/2qcl993y.png)
Der Schnitt soll so gesetzt werden, das minimaler Platz oberhalb des Haupthaares und unterhalb des Kinns übrig bleibt.
Nach dem Schneiden ins den Ausschnitt des Bildes klicken. Ergebnis sollte so aussehen:
(http://s7.directupload.net/images/140831/jlzfkqa8.png)
Bild skalieren:
Im Menü Auf Bild klicken/Bild skalieren/Kette bei Bildgröße schließen (anklicken)/164 px Höhe eingeben/Tab-Taste drücken (damit wird die Breite im Verhältnis angepasst)/Skalieren
(http://s7.directupload.net/images/140831/dyh42lf5.png)
Bild verbessern:
Bilder mit den Abmaßen wie das Beispielbild müssen in der Regel nicht verbessert werden.
Verbessern kann man ein Bild über Filtern/Weichzeichnen oder Verbessern/schärfen.
Jeder wird da die richtigen Einstellungen mit ein bißchen Übung für sich finden; ich schärfe "schlechtere" Vorlagen meist mit 30% nach.
(http://s7.directupload.net/images/140831/hn4wsld7.png)
Bild wird jetzt als .png gespeichert.
Datei/Speichern unter/Bild auswählen/.jpg löschen/.png ergänzen/speichern/alle folgenden Fenster mit ok bestätigen
Bild anschließend in den Ordner mit dem Template verschieben.
5. Bild ins Template einfügen
Template in GIMP per Drag & Drop öffnen
Bild per Drag & Drop in GIMP ziehen
Kreuzsymbol auswählen und Bild mit Pfeiltasten mittig im Template ausrichten
(http://s14.directupload.net/images/140831/6o4pv386.png)
Datei/Speichern unter/Bild auswählen/speichern -> Bild in GIMP NICHT schließen
6. Ausrichtung mit irfan view prüfen
Bild mit irfan view öffnen und mittige Ausrichtung prüfen, ggf. verbessern
(http://s14.directupload.net/images/140831/6499s28t.png)
7. Fazit
So sieht das Ergebnis also aus:
(http://s1.directupload.net/images/140831/bju78sya.png)
Ist sicher viel zu lesen und klingt kompliziert; mit ein bißchen Übung ist ein solches Bild in 30 Sekunden erstellt.
Die knapp 150.000 Bilder in weniger als 2 Jahren kommen nicht von ungefähr. ;)
Sollte also jemand wirkliches Interesse haben, unser Projekt zu unterstützen, soll dieser jemand im Vorfeld gern etwas üben.
Vorlagen können wir genug bieten, weitere Tipps und Hilfestellung sicher auch.
Denn nicht jedes Bild schafft es in unser Facepack; das Tutorial sollte schon befolgt werden.
Wir verfolgen einen einheitlichen Stil.
Bilder wie folgende sind Beispiele, wie es nicht sein soll:
(http://s14.directupload.net/images/140831/si9zbqzt.jpg) (http://s7.directupload.net/images/140831/m489nubk.jpg) (http://s7.directupload.net/images/140831/wkjx2kxp.jpg)
Fragen und erste Erstellversuche dürfen hier gern gepostet werden.
Sollte jemand Photoshop nutzen bitte an maalivahti wenden.
Ist die Nachfrage groß genug, wird sicher auch ein Tutorial für PS erstellt.
Ein englisches Tutorial werde ich in Kürze fertig machen.
Gruß
Das PMSC-Team
-
1. Tools to create the pictures
2. Search ID of a person
3. Setup GIMP and needed folders
4. Cut, scale and improve
5. Insert the picture into the template
6. Check adjustment with irfan view
7. Conclusion
1. Tools to create the pictures
The following tools are needed:
1a. FM-Editor
1b. FM
2. GIMP 2.6.11 (http://www.oldapps.com/de/gimp.php?old_gimp=51)
3. Irfan View (http://www.chip.de/downloads/IrfanView_12998187.html)
4. Template PMSC Portrait Facepack (http://www.mediafire.com/download/mw6puc4v7q552wm/TemplateFinal.xcf)
5. Example picture James Rodriguez (http://www.mediafire.com/view/jmemjej35v173pc/James%20Rodriguez.jpg#)
Optional Ant Renamer (http://www.chip.de/downloads/Ant-Renamer_18204061.html) for renaming several .jpg, .gif, etc. in .png.
2. Search ID of a person
2a. by Editor
Find the Editor: Steam/Bibliothek/Tools/FM Editor
Run Editor/People/sign in name
(http://s14.directupload.net/images/141025/veyytbpv.png)
2b. by FM
Run FM/Preferences/Interface/Tick "Show screen ID in Title Bar to assist skinning"
(http://s14.directupload.net/images/141025/hvssva8p.png)
(http://s14.directupload.net/images/141025/w338fh5t.png)
Rename the picture to the ID.
3. Setup GIMP and needed folders
Windows 8 User have to change the compatibility-mode to their OS. GIMP 2.6.11 is normally compatible to Windows 7.
Click right on the assignment at the desktop-icon of GIMP, Preferences/compatibility/compatibility-mode/Windows 8/assume/OK
For a general view I sort the screen like this:
(http://s14.directupload.net/images/141025/qn9ujxul.png)
You need the toolbox (crop tool, move tool, scale tool, etc.)
Open a folder and put in the pciture(s) you want to create.
Open another folder and put in the template.
4. Cut, scale and improve
Move the pic to GIMP
Tick crop tool
Start cutting from the top of the picture below the chin
(http://s14.directupload.net/images/141025/rpy5xjmo.png)
Improve the cut:
Cut the picture with a little space above the hair.
(http://s14.directupload.net/images/141025/nsapmsfn.png)
If the cut is okay, click on the picture to cut it out. It should look like this:
(http://s14.directupload.net/images/141025/5iuoycmi.png)
Scale picture:
Menu bar/Click on Image/Scale Image/close the chain by clicking on it/164px Height/Press Tab key - the width will be adapated automacially/Scale
(http://s14.directupload.net/images/141025/9tfvzvle.png)
Improve Picture:
Pics like the example haven't to be improved because of their quality.
Possibilities to improve the pictures can be found in the menu bar/enhance
(http://s14.directupload.net/images/141025/92xndo5f.png)
Save the picture as .png.
Menu bar/File/save as .png/ok
Move the picture to the folder in which is the template
5. Insert the picture into the template
Move the template to GIMP
Move the picture to GIMP
Tick the move tool and adjust the picture center (use the arrow keys on your keyboard)
(http://s14.directupload.net/images/141025/fhwt8bqc.png)
File/Save as/choose the picture/save -> DO NOT CLOSE GIMP
6. Check adjustment with irfan view
Open the picture by irfan view an check central adjustment, if necessary improve
(http://s14.directupload.net/images/141025/477zyu8p.png)
7. Conclusion
The final picture:
(http://s1.directupload.net/images/140831/bju78sya.png)
Here some examples, as it doesn't look like:
(http://s14.directupload.net/images/140831/si9zbqzt.jpg) (http://s7.directupload.net/images/140831/m489nubk.jpg) (http://s7.directupload.net/images/140831/wkjx2kxp.jpg)
If there are any questions, don't hesitate to contact me.
-
hallo
ich habe mal versucht nach dem tutoriel zu arbeiten
ich hatte einen spieler von real racing santander nicht
habe ihn mal nach anweisungen erstellt
es handelt sich um Saul Garcia Cabrero ( ID 67199066)
hoffe ihr könnte es dennoch im nächsten update verwenden
gruß iceman
[gelöscht durch Administrator]
-
Danke für Deinen ersten Versuch iceman670_0. :)
Wichtig ist immer eine gute Vorlage.
Deine Vorlage sollte einfach ein bißchen skaliert werden, damit das Bild schmaler und natürlicher wirkt.
Ich habe zu Deinem Spieler eine "bessere" Vorlage gefunden:
http://www.realracingclub.es/archivos/imagenes_jugadores/152_6.websaul.jpg
Wenn Du Lust hast, probiere mal mit der.
Achte zudem darauf, etwas weiter unter dem Kinn abzuschneiden und das Bild pingelig mittig auszurichten.
(http://s1.directupload.net/images/140902/p4b6o8uv.png)
-
ja super vielen dank für deinen hinweis
werde es erneut versuchen
gruß iceman
-
Englisches Tutorial hinzugefügt.