Drucken

Bitte loggen sie sich ein oder registrieren sie sich.
1 Stunde 1 Tag 1 Woche 1 Monat Immer
Einloggen mit Benutzername, Passwort und Sitzungslänge

[P-Jo]

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
3.  Irfan View
4.  Template PMSC Portrait Facepack
5.  Beispielbild James Rodriguez

Optional Ant Renamer 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



2b. via FM

FM starten/Einstellungen/Interface/Haken setzen bei "Einzigartige IDs anzeigen"





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:



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



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.



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:



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



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.



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



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




7. Fazit

So sieht das Ergebnis also aus:




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:

      


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

[P-Jo]

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
3.  Irfan View
4.  Template PMSC Portrait Facepack
5.  Example picture James Rodriguez

Optional Ant Renamer 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



2b. by FM

Run FM/Preferences/Interface/Tick "Show screen ID in Title Bar to assist skinning"





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:



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



Improve the cut:
Cut the picture with a little space above the hair.



If the cut is okay, click on the picture to cut it out. It should look like this:



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



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



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)



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




7. Conclusion

The final picture:




Here some examples, as it doesn't look like:

      


If there are any questions, don't hesitate to contact me.

[iceman670_0]

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]

[P-Jo]

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.

[iceman670_0]

ja super vielen dank für deinen hinweis
werde es erneut versuchen

gruß iceman

[P-Jo]

Englisches Tutorial hinzugefügt.