Character Task Force

➜ Grund- und Zusatzausstattung für Charakter-Eintrager

Zusatzausstattung « Hilfestellungen und Übung für das Erstellen von Charakter-Avataren »

  •  
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#1

» Hilfestellungen und Übungen für das Erstellen von Charakter-Avataren «

Ich möchte versuchen euch die Suche und Erstellung von Profilbildern zu erleichtern, indem ich ein paar Programme vorstelle, die ich im Laufe der Zeit mal versucht habe und nun zu meinem Software-Package zähle.

Nachdem ich die Charakter-Auflistung von meinen Projekten fertiggestellt habe, kommt eine meiner Lieblingstätigkeiten: Screenshots für Profilbilder suchen. Dabei helfen mir zwei Programme, welche ich auch notfalls kombiniere. Ich mag es einfach, schnell und effektiv.

Übung mit GIMP: Gleichmäßiges Erstellen von Profilbildern
Aus Spaß kann jeder sein Geschick in Sachen Profilbilder unter Beweis stellen und zwar so, dass die schön gleichmäßig werden. Ihr sollt einfach, die von mir erstellten Profilbilder(im Package sind noch welche aus einem anderen Anime)nachmachen. Dabei gibt es 3 Aufgabenstellungen bzw. "Schwierigkeitsgrade".

Die GIMP-Datei hat schon die Einstellung 200*275px und jeweils eine der 3 Hilfestellungen. Wenn ihr keine Ebenen seht:Menüleiste=>Fenster=>Kürzlich geschlossene Docks=>Ebene...
Demnach könnt ihr mit Schritt 4 starten und diese Tastenkürzel benutzen.

Umschalt + T(Skalieren =>Seitenverhältnis beibehalten)
M(Ausrichten bzw Verschieben)

Falls du die Übung gerne ausprobieren möchtest, komme doch einfach auf einen Sprung vorbei oder schreibe mir eine PN.

Inhaltsverzeichnis:
Beispiel: Mirei SHIKISHIMA (Valkyrie Drive: Mermaid)
Link
Anime-Screens mit Free Video to JpgKlick
FastStone Image ViewerKlick
Einzel-Screenshots mit AegisubKlick
Beurteilung des Auswahl-ScreenshotsKlick
GIMP-BilderanleitungKlick
Gleichmäßigkeit testen der ProfilbilderKlick

+++ Allgemeine Quellen, Websites, Übersetzer, Programme,... +++
» Zusatzausstattung «

Beitrag wurde zuletzt am 18.04.2017 16:06 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#2

» Beispiel: Mirei SHIKISHIMA (Valkyrie Drive: Mermaid) «


» Anime-Screens mit Free Video to JPG «


Es gibt nichts einfacheres als Programme, die für einen alles machen. Ich hab meist 10000 Bilder pro Folge. Je nach Auflösung und Menge der Bilder dauert es seine Zeit. Lange Dateinamen, bitte vorher kürzen, sonst mag die Software nicht bzw. sie ist dann schnell fertig.

Einstellungen
2016-12-3113_55_05-reeideotoonverterv.5.0.79build425-X8BE.jpg

Videos mit Dateiendung: .mkv, .mp4, .avi
Tipp:
ca. 25min = 10000 Screens
ab ca. 50min = 30000 Screens, aber dann in einem anderen Bilderbetrachter, bei der Masse sagt FastStone "ich will nicht und hängt sich auf"...

Alternative:
Mehr als 10000 Screens, aber FastStone Image Viewer doch nutzen? Einfach die Screens (5000 oder 10000) auf mehrere Ordner verteilen und schon kracht die Software nicht zusammen.

Achtung:
Werden die Screens evtl. in 720*480px ausgespuckt, müssen die Screens entzerrt werden, die ihr ausgewählt hab! Einfach klappt es mit FastStone Photo Resizer.
Beitrag wurde zuletzt am 06.01.2017 17:51 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#3

» FastStone Image Viewer «


Um den passenden Screenshot für die Profilbilder zu finden, gehe ich die kompletten Folgen ab. Für das Betrachten der Masse der Screens nutze ich FastStone Image Viewer (kostenloser Bildbetrachter mit netten Extras ). Bitte achtet darauf, dass ihr erst ruckzuck die Bilder schauen könnt, wenn die Bilder einmalig geladen (die Software besitzt eine "interne" Datenbank) wurden. Dies erkennt ihr am grünen Balken unten rechts. Nachdem man alle Folgen-Screens durchgeschaut hat, sollte man geeignete Bildausschnitte gefunden haben. Mit der Zeit erkennt man die passenden Screens.

2016-12-3114_06_17-reenshot-9TDC.jpg

FastStone Image Viewer - Bildbetrachter
  • Bilder (Screenshot) direkt verteilen
Alle Auswahl-Screens werden in einem separate Ordner gespeichert. Dieser Ordner wird für kurze Zeit als Favoriten-Ordner abgespeichert.

2016-12-3114_37_16-alkyrieriveermaid-07-1280x720x26400001.jpg-asttonema-LY6D.jpg

Favoriten: unter Favoriten verwalten die jeweiligen Ordner hinzufügen und mit OK bestätigen.

Ist der Screens markiert, dann auf "In Ordner kopieren" (rote Umrandung) klicken.
Favoriten->Ordner markieren und Kopieren. Fertig.2016-12-3114_32_59-alkyrieriveermaid-07-1280x720x26403633.jpg-asttonema-P1F2.jpg
Beitrag wurde zuletzt am 06.01.2017 17:50 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#4

» Einzel-Screenshots mit Aegisub «

(Speicherplatz schonend ist dies natürlich und sollte auch für Neulinge reichen)

Je nach Ausgangslage erspare ich mir meine andere Methode und nimm dat hier.
Um auf die Schnelle einen Screenshot zu machen. *Videodatei in Aegisub rein, Regler der Zeitleiste schieben bzw. mit der Pfeiltaste links und rechts geht es auch schrittweise. Alt + Pfeiltaste gibt nen Schnelldurchlauf. Hängt aber von der Auflösung und der PC-Ausstattung ab.

*.mkv, .mp4, .avi, .vob

2016-12-3114_23_07-_nbenannt-egisub3.2.2-FHX2.jpg

Valkyrie Drive Mermaid - 07 (AT-X 1280x720 x264 AAC)_001_12542.png
0:08:43.106/ 0:24:00.064
12542/34527

Den Mauszeiger aufs Video, rechte Maustaste->Bild als PNG speichern und es wird dort ablegt, wo auch die Videodatei ist. Aegisub ist aber nicht nur eine Alternative, sondern ist für das "Feintuning" für den Ausschnitt bestens geeignet. Im Vergleich mit Free Video to Jpg besteht die Folge nur aus 10000 Einzelbildern. Laut Aegisub sind es in dieser Folge aber 34527 Einzelbilder, daher könnten einige Bewegungsabläufe bei 10000 "verschluckt" werden.
Beitrag wurde zuletzt am 06.01.2017 17:50 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#5

» Beurteilung des Auswahl-Screenshots «


Auswahl-Screenshot =>1280*720p, hier nur verkleinert

hys-awsalkyrieriveermaid-07-1280x720x26403633-E5NB.jpg

Bei Mirei wäre die Entscheidung in Folge 7 auf diesen gefallen. Natürlich schaue ich das komplette Bildermaterial durch.

Der Grund:
  • leicht seitliches Profil
  • Größenverhältnis vom Charakter zum ganzen Screen bei 1280*720p optimal
  • Futterluke ist zu (Fliegenschnapper-Bilder gehen gar net, außer Kinderlachen )
  • die Haltung, Schultern sitzen locker
  • Kleidung gut erkennbar
  • Lichtverhältnisse sind optimal
  • ist ihr typischer Blick
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#6

» GIMP-Bilderanleitung «

Ich nutze GIMP persönlich nicht und habe einfach mal die Grundidee meiner Software übernommen, aber
hiermit sollte auch jeder zurecht kommen und halt bissel üben... Wie man erkennt, schnibbele ich nicht am Screenshot herum.

Inhaltsverzeichnis
Link
Schritt 1 - 3Klick
Schritt 4 - 6Klick
Schritt 7 - 8
Klick
Schritt 9
Klick
Beitrag wurde zuletzt am 06.01.2017 17:58 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#7

Schritt 1. Datei->Neu

2016-12-3115_00_31-GNUImageManipulationProgram.jpg

Schritt 2. Bildeinstellung in Pixel (Breite: 200/Höhe: 275) mit OK bestätigen

2016-12-3115_01_24-GNUImageManipulationProgram.jpg

Schritt 3. Vorlage - Dann sollte es so aussehen

2016-12-3115_02_27-Ebenen-Pinsel.jpg
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#8

Schritt 4. Auswahl-Screen als neue Ebene öffnen
Datei-> als Ebenen öffnen

2016-12-3115_02_57-Ebenen-Pinsel.jpg

4.1 Wähle deinen Auswahl-Screenshot => Öffnen

2016-12-3115_03_30-BildalsEbenen%C3%B6ffnen.jpg

Schritt 5. Screenshot wird platziert

2016-12-3115_04_06-Ebenen-Pinsel.jpg

Schritt 6.Verschieben und Skalieren (Seitenverhältnis beibehalten)
6.1 Ebene->Ebene skalieren (grob)
6.2 Werkzeuge->Transformation->Verschieben oder
6.2.1 Werkzeuge->Transformation (in Echt-Zeit per Maus)

Einfach Tastenkürzel im Wechsel: umschalt + T und einfach M

Sollten weitere Transformationen von Nöten sein: z.B Drehen, wählt man die Funktion aus. Die Funktionen erklären sich von selbst.
Die jeweilige Funktion muss immer aktiviert sein. Kleines Hin und Her.. zwischen Skalieren und Verschieben halt.
2016-12-3115_07_15-Ebenen-Pinsel.jpg
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#9

Schritt 7. Hilfslinien erstellen

Zum Spaß hab ich dort Hilfslinien (Horizontal/Vertikal) für 4 Bereiche gesetzt, an denen ich mich meist grob orientiere aber auch letztlich als Vorlage nehme. Nach Gefühl klappt es auch, aber so geht es fix.

Mauszeiger auf das Lineal oben (für H) oder links (für V), linke Maustaste gedrückt halten und übers Bild ziehen. Möchtet ihr die Linien verschieben, achtet drauf, dass sich die Linie rot färbt wenn ihr mit dem Zeiger drüber fahrt.

Löschen? Einfach aus dem Bild ziehen
Ausblenden? Ansicht -> Hilfslinien anzeigen (Haken weg)

2016-12-3115_08_49-_[Unbenannt]-1.0(RGB-Farben2Ebenen)200x275GIMP.jpg

Horizontal von oben
1 + 2 grenzen den Bereich der Augenpartie ein
3 Kinnpartie
4 Körperbereich (Schulter)

Vertikal
Die 2 Linien für die Gesichtspartie bzw. Größe des Kopfes

Hilfslinien ziehe ich erst, wenn ich alle Auswahl-Screens zu den Charakteren habe und teste, welcher Ausschnitt sich auf (fast) alle übertragen lässt. Dies wäre meine Vorlage. Hierbei verschieben sich leicht die Bereiche, je nach Geschlecht, Körpergröße, Haltung, Alter und Gesichtsformen, Gesichts-Profil, Perspektive etc.., aber hier ist auch eine Gleichmäßigkeit der Bilder möglich, indem man schaut an welchen Bereich kann man sich schnell orientieren. In dem Fall wäre es bei mir häufig, die Größe des Kopfes und Schulter.

Schritt 8. Speichern als GIMP-Datei

2016-12-3115_37_40-_MireiShikishima.xcf-5.0(RGB-Farben2Ebenen)200x275GIMP.jpg

Nun noch den Dateinamen eingeben und GIMP-Format wählen -> Speichern
So könnt ihr das Bild später noch bearbeiten.

2016-12-3115_11_55-Bildspeichern.jpg
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#10

Schritt 9 - Das große Finale
Datei->Exportieren als

2016-12-3115_14_52-Ebenen-Pinsel.jpg

Nun noch den Dateinamen eingeben und Format wählen->Exportieren

ZusatzausstattungHilfestellungenund%C3%9Cbungf%C3%BCrdasErstellenvonCharakter-Avataren20.jpg

Fertiges Profilbild von Mirei SHIKISHIMA (Valkyrie Drive: Mermaid)

MireiShikishima.png
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: resdayn
Freischalter Clubleiter
Themenstarter#11

» Gleichmäßigkeit testen der Profilbilder «

» Vorschau: Cover (mittig) eingesetzt «

   
 1337.jpg 
12175.jpg12098.jpg12178.jpg
 12183.jpg 

» Quellcode «

<table class="responsive-table left" style="margin: auto; width: 610px; height: 780px;"><colgroup><col style="width: auto;" /><col style="width: auto;" /></colgroup>
<thead>
<tr style="height: 14px;">
<th style="text-align: left; width: auto;"> </th>
<th style="text-align: left; width: auto;"> </th>
<th style="text-align: left; width: auto;"> </th>
</tr>
</thead>
<tbody>
<tr style="height: 14px;">
<td style="height: 14px; width: auto;"> </td>
<td style="height: 14px; width: auto;"><img src="images/character/cover/0_600.webp" alt="1337.jpg" width="200" height="275" /></td>
<td style="height: 14px; width: auto;"> </td>
</tr>
<tr style="height: 14px;">
<td style="height: 14px; width: auto;"><img src="images/character/cover/0_600.webp" alt="12175.jpg" width="200" height="275" /></td>
<td style="height: 14px; width: auto;"><br /></td>
<td style="height: 14px; width: auto;"><img src="images/character/cover/0_600.webp" alt="12178.jpg" width="200" height="275" /></td>
</tr>
<tr style="height: 14px;">
<td style="height: 14px; width: auto;"> </td>
<td style="height: 14px; width: auto;"><img src="images/character/cover/0_600.webp" alt="12183.jpg" width="200" height="275" /></td>
<td style="height: 14px; width: auto;"> </td>
</tr>
</tbody>
</table>
Beitrag wurde zuletzt am 18.04.2017 16:01 geändert.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
  •  

Einstellungen

  • Thema geschlossen