[How To] Design using GIMP! (Original © by Biscuit)

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [How To] Design using GIMP! (Original © by Biscuit)





      [feld=Inhalt]


      1. Du brauchst
      2. IrfanView
        • Installation

      3. Gimp
        • Was ist Gimp?
        • Installation
          • Installation von Gimp
          • Installation des DDS-PlugIn's

        • Bearbeiten
          • Öffnen einer DDS-Datei
          • Set-Teile
          • Speichern einer DDS-Datei
          • InGame

        • Funktionen
          • Auswahl
            • Zauberstab
            • Rechteckige-Auswahl
            • Elliptische-Auswahl
            • Freie Auswahl
            • Auswahl nach Farbe

          • DrehenSkalieren & Co


            • Drehen
            • Skalieren
            • Spiegeln
            • Scheren


      [/feld]



      1.




      2.Irfan View

      IrfanView kann mit dem dds PlugIn deine DDS Datein schnell anzeigen und eignet sich deshalb um dds Dateien zu suchen oder zu überprüfen.
      Es wird NICHT zum reinen bearbeiten benötigt.

      2.1Installation

      Starte die IrfanView Setup exe Datei, und befolge die Anweisungen.
      Danach entpackt die Plug-In zip nach
      C:\Programe\IrfanView\Plugins

      3.GIMP

      3.1Was ist Gimp?
      GIMP (GNU Image Manipulation Program) ist ein kostenloses und freies Bildbearbeitungsprogramm. Es steht unter der GNU General Public License (GPL).
      Der Schwerpunkt der Software ist die intensive Bearbeitung einzelner Bilder, wofür vielfältige Effekte zur Verfügung stehen. GIMP ist neben Linux, OpenOffice.org und Mozilla Firefox eines der bekanntesten freien Software-Projekte.
      (Quelle: Wikipedia)

      3.2Installation
      3.2.1Installation von Gimp

      Du hast Gimp bereits über die Links in "1. Du benötigst" geladen.
      Insatalliere GIMP indem du den OnScreen Anweisungen folgst.

      (Mit 2.6.6 und Vista kann es zu Komplikationen kommen und GIMP sehr instabil laufen, sollte das der Fall sein ladat euch Version 2.6.5 herunter!)

      3.2.2Installation des DDS-PlugIn's

      Entpacke die DDS.exe nach:
      C:\Program Files\GIMP-2.0\lib\gimp\2.0\plug-ins

      3.3Bearbeiten
      So kommen wir nun zum eigentlichen Teil - dem Bearbeiten, deshlab liest du das hier ja auch gerade.

      3.3.1Öffnen einer DDS-Datei
      Datei per Drag 'n Drop in das Gimp-Bild-fenster ziehen.
      Nun erscheint eine DialogBox

      Hier entfernt ihr den oberen Haken.
      (Rand-Information: Mipmapping, ist eine Technik welche die Darstellungsqualität von Bildern (Texturen) verbessert, wenn diese kleiner als in der ursprünglichen Größe dargestellt werden (bezogen auf die Auflösung des Bildes in Pixeln). Als angenehmer Nebeneffekt wird normalerweise auch weniger Rechenzeit benötigt, wenn ein Bild mit Hilfe von MipMaps verkleinert dargestellt wird. Dies wird jedoch durch einen vergrößerten Speicherplatzverbrauch zum Ablegen der MipMaps im Speicher (entweder Hauptspeicher oder Grafikkartenspeicher) erkauft.
      Quelle: Wiki)


      3.3.2Set-Teile
      Als Beispiel hierfür benutzen wir die Casual01 Suit für Männer.
      Part_mCloCasual01Upper.dds
      Aus dem Ordner:
      Flyff/Model/Texture

      Mit Irfan View öffnen um zu sehen welches Set das genau ist:


      nun wie in 3.3.1 beschreiben öffnen.

      zuerst nehmen wir uns mal die Jacke vor:
      Wähle mit dem Zauberstab (Schnell-Auswahl Taste: U) alle grünen Flächen aus


      Jetzt Wähle "Farben | Entsättigen" und gehe wie auf dem Bild zu sehen vor:


      Nun schneide die auswahl aus und füge sie als neue Ebene ein. Nenne diese Ebene "Jacke Falten Effekt" (oder so ähnlich)
      Das solltest du alleine hinbekommen =)

      So nun bearbeiten wir die Helligkeit und den Kontrast, damit man den "Falten Effekt" auch gut erkennen kann:

      Das sollte etwa so ↑ aussehen.

      Nächster Schritt: Farbe zu Transperenz!
      Wähle "Farbe | Farbe zu Transparenz"

      Nicht erschrecken wenn es jetzt so aussieht als wäre Nichts mehr da!
      (ihr könnt schnell testen ob ihr den Kontrast richtig verändert habt und man den Effekt gut erkennen kann indem ihr eine Neue Ebene macht, diese in einer mäglichs dunklen Farbe einfärbt (orientiert euch an der Farbe die später mal die Jacke haben soll) und diese unter die "Jacke Falten Effekt" Ebene Schiebt - wenn ihr Falten erkennen könnt hab ihr alles richtig gemach!)

      So ich hoffe ihr wisst schon welche Farbe die Jacke haben soll, denn das müsst ihr jetzt entscheiden.

      Ich nehme als Beispiel eine Karo Textur. (Ihr könnt natürlich auch pur Schwarz oder Lila Färben, dann einfach anstatt die Textur die farbe einfügen)

      Erstellt eine Neue Ebene und Färbt diese (entweder mit einer Farbe oder einer Textur) ein. Das sollte jeder hinbekommen. Nennt diese Ebene "Jacke" und schiebt sie ganz nach unten.
      Eure Eben sollten jetzt so aussehen:
      1. Jacke Falten Effekt
      2. main surface
      3. Jacke


      Als nächstes machen wir uns an die Hose geht hier nach dem gleichen Prizip wie der Jacke vor.
      (ich empfehle: Jeans Texture)

      Da das genau das gleiche Vorgehen wie bei der Jacke ist hier nur ein
      [feld=Step-by-Step TuT:]
      • Hose mit dem Zauberstab auswählen
      • Ausschneiden + Einfügen
      • Umbenennen in "Hose Falten Effekt"
      • Kontrast und Helligkeit bearbeiten
      • Farbe Schwarz zu Transparenz
      • Neue Ebene "Hose"
      • Ebene (Jeans)Texture oder Farbe einfärben
      • "Hose" unter "Hose Falten Effekt" schieben
      [/feld]

      Nun scheide die Ebene "Hose" auf die Ebene "Hose Falten Effekt" zu dann sollte es in etwa so aussehen:


      Nun zum Shirt:
      Schaltet bis auf "main surface" alle Ebenen auf unsicht bar indem ihr vor der Ebene klickt.
      Wählt mit dem schon bekannten Werkzeug "Zauberstab" die Hautflächen aus, schneidet sie aus und fügt sie wieder ein - diese Ebene nennt ihr "Haut"
      main surface besteht nun nur noch aus dem Shirt, deshalb bennt ihr sie um in "Shirt"
      dann sollte das so aussehen:


      Wir wollen natürlich diesen Werdeschriftzug sowie den Schlüssel und die Kette entfernen dazu wählt das Klonen Tool (Schnellwahl Taste: C)
      Drückt "Strg + Linke Maustaste" um eine Quelle zu wählen. Dann "übermale" damit die zu entfernenden Sachen.

      Jetzt entstehen natürlich nicht zu vermeidende Kanten und hässliche Übergänge, um diese zu vernichten wählt "Weichzeichner" (Schnellwahltaste: Umschalt + U)
      Stellt im "WerkzeugMenü" (DoppelKlick auf das WerkzeugsIco)
      "Rate: 100%" um.
      und fahre mit der Maus über alle Unreinheiten.

      Bis es so aussieht:


      Nun könnt ihr das Shirt über "Farben | Einfärben" einfärben.
      (einfärben bietet sich hier an da es weder Falten Effekte noch LichtEffekte gibt und ein T-Shirt auch meist einfarbig ist^^)
      Wenn ihr ein Muster auf dem T-Shirt haben wollt geht vor wie bei der Jacke oder der Hose, das müsstet ihr ja mittlerweile draufhaben.

      Ich färbe mein Shirt weiß ein.
      (damit man bei weiß die Unterschiede zwischen Hell und dunkel noch erkennen kann müsst ihr etwas am Kontrast arbeiten - aber das is sehr einfach und ich denke dass ihr das könnt wenn ihr euch ein bisschen eingearbeitet habt - was ihr ja schon gemacht habt ^^)

      Optional:
      Logo auf dem Shirt platzieren:

      Damit das Shirt nicht allzu langeweilig aussieht werde ich ein Logo einfügen.
      Ich entscheide mich für das von Ve'cel (auf Wunsch von ShishaJoe ^^)

      Sucht euch euer Wunschlogo aus und öffnet es als eigene Datei mit Gimp.
      Wählt mit dem Zauberstab die/das Schrift/Bild aus und entfernt den Rest - sprich: macht ihn transparent.

      Nun fügt ihr dieses Logo in eurer bearbeitetes Set ein und passt seine Größe an. Erstellt eine neue Ebene "Logo" und fügt diese mit der auf der das Logo liegt zusammen.




      So jetzt sind wir fast fertig:



      Klickt nun mit der rechten MausTaste auf eine beliebige Ebene und wähle "Sichtbare Ebenen vereinen"

      Jetzt kann es sein, dass eine deiner jetzt zusammengefügeten Ebenen größer war als 512x512px oder etwas überstand.
      Das korrigieren wir mit "Auswahl | Alles" und "Bild | Auf Auwahlt zuschneiden"

      ||
      ||
      \/


      3.3.3Speichern einer DDS-Datei

      Klicke "Datei | Speichern Unter" und Wähle den originalen Namen des Items.
      Das DDS-PlugIn erlaubt dir nun die Mipmaps (oben erklärt) wieder zu erzeugen, um eine bessere Bildqualität zu erreichen.


      3.3.4InGame
      So nun kommt er Moment indem sich entscheiden wird ob ihr es geschafft habt oder nicht.....

      Kopiert eure neue .dds nach:
      Flyff/Model/Texture
      Flyff/Model/TextureMid
      Flyff/Model/TextureLow


      und startet den Clienten über Sunkist.

      Hier der Screen meiner Suit :


      Hoffe eures ist auch gelungen!


      3.4Funktionen

      3.4.1Auswahl

      3.4.1.1Zauberstab
      Mit dem Zauberstab könnt ihr Flächen von ähnlciher Farbe auswählen.
      Wie das geht ist weiter oben schon erklärt.

      Klicke doppelt auf das Ico um das Tool Menü aufzurufen.

      Hier kannst du den Schwell-Wert einstellen.
      0,0 <---------------------->255,0

      0,0:
      Fein. Nur sehr sehr ähnliche Farben werden gewählt.

      255,0:
      Grob. Auch nicht sehr ähnliche Farben werden gewählt.

      3.4.1.2Rechteckige-Auswahl

      Mit der Rechteckigen-Auswahl könnt ihr (wie der Name schon sagt) Rechteckig auswählen.

      Zieht mit der Maus einfach ein Rechteck ins Bild ^^ - easy.



      Drücke beim "ziehen" zusätzlich "Umschalt" um eine neue Auswahl hinzuzufühen.


      Genauso drücke "Control" (="Strg") um Auswahl zu entfernen.


      Drücke zum "Alt" zum Auswahl verschieben:
      Klicke bei gedrpckter Alt-Taste deine Auswahl an - nun kannst du sie verschieben.


      3.4.1.3Elliptische-Auswahl
      Hier mit könnt ihr Ellipsen (Kreise oder Ovale-Kreise ^^) auswählen.



      Hier kannst du genauso wie beim Rechteckigen-Auswählen "Umschalt", "Strg" und "Alt" verwenden.

      3.4.1.4Freie-Auswahl


      "Male" mit der Maus einfach eine beliebige Auswahl auf.


      Fahre mit der Maus bis zum Startpunkt und deine Auswahl ist vollendet.


      Durch einfaches Klicken kannst du Punkte erzeugen zwischen denen gerade Stücke liegen.


      Natürlich kannst du auch beide Methoden verbinden.



      Wenn du mit der Maus an Punkte fährst merkst du dass die Maus am Punkt "andockt", um dies bei feineren Arbeiten zu unterdrücken, lasse "Umschalt" gedrückt.


      Wenn ihr die Auswahl fertiggestellt habt könnte ihr auch hier "Umschalt", "Strg" oder "Alt" verwenden.


      3.4.1.5Auswahl nach Farbe

      Wie der Name schon sagt ihr wählt nach Farbe aus.
      Das is sehr leicht zu verstehen:
      einfach eine Farbe anklicken und sie wird gewählt.
      Hier kannst du genauso wie beim Rechteckigen-Auswählen "Umschalt", "Strg" und "Alt" verwenden.

      Klicke doppelt auf das Ico um das Tool-Menü aufzurufen.


      Hier kannst du den Schwell-Wert einstellen.
      0,0 <---------------------->255,0

      0,0:
      Fein. Nur sehr sehr ähnliche Farben werden gewählt.

      255,0:
      Grob. Auch nicht sehr ähnliche Farben werden gewählt.


      3.4.2DrehenSkalieren & Co

      3.4.2.1Drehen
      Drehen kennst wohl jeder.
      einfach Drehen-Tool wählen und Objekt was ihr drehen wollt anklicken.

      dann im erscheinenden Dialog die ° angeben. (Oder direkt das Objekt von Hand mit der Maus drehen)

      Indem ihr den Punkt in der Mitte des Objektes verschiebt, verschiebt ihr das DrehZentrum.



      3.4.2.2Skalieren

      Mit diesem Tool könnt ihr Ebenen/Objekte strecken (vergrößern bzw. verkleinern)
      Klickt dazu die Ebene/Objekt an im erscheinenden Dialog wählt ihr die neue Größe aus.


      (durch klicken von löst ihr das Feste Verhältniss zwischen Höhe und Breite)

      3.4.2.3Spiegeln
      Klicke doppelt auf und wähle ob du die Ebene/Objekt Vertikal oder Horizintal spiegeln willst.

      3.4.2.3Scheren
      Dmit kannst du ein Objekt oder eine Ebene "verzerren"

      Klicke (wie gewohnt) auf die Ebene/Objekt und wähle im Dialog um wie viele px du in X- oder Y-Richtung verschieben willst.





      [COLOR="DarkOrchid"][SIZE="4"]
      Hoffe ich kommte euch mit dem Guide einbisschen weiterhelfen....

      Bei Fehlern, Anregungen oder Sonstigem bitte hier posten SINNVOLLE Kritik ist gerne gewünscht.


      Grüße,
      euer Biscuit
      [/SIZE][/COLOR]
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )