Benutzer:Sammy/Anleitung für Beschreibungs-Bilder (v2)

Anleitung: Wie mache ich Interface-Schild-Bilder mit schwarzem Hintergrund?

Was benötige ich?

Ich verwende Gimp 2.6 auf deutsch in dieser Anleitung. Es ist ein freies Programm, das Adobe Photoshop meiner Meinung nach in nichts nachsteht. Herunterladen könnt Ihr es auf deren Seite: http://www.gimp.org/.

Natürlich steht es Euch frei, ein anderes Programm zu verwenden. Dann ist allerdings diese Anleitung nicht mehr akkurat.

Wo muss ich hin?

Irgendwohin, wo Ihr eine Missionskarte [U] mit viel schwarzem Gebiet findet. Ich verwende immer das Tor der Qualen.

Letzte Vorbereitungen und Tipps

• Öffnet das Programm "Gimp".
• Lasst Guild Wars am besten im Fenster-Modus laufen.
• Um die Rechnerlast zu vermindern, stelle ich immer sämtliche Grafik-Einstellungen auf die niedrigste Stufe. Vor allem die Deaktivierung von Anti-Aliasing bringt beim Programmwechsel über die Start-Leiste erheblichen Leistungsgewinn.

1. Erster Screenshot

   Mit Hilfe der Taste "Druck S-Abf" könnt Ihr einen Screenshot erstellen.

   Platziert Euer Inventar oder Eure Truhe links von der Missionskarte [U]. Schiebt den Gegenstand, dessen Schild Ihr abspeichern wollt, in ein ganz rechtes Kästchen, fahrt mit der Maus darüber und macht einen Screenshot. Das Ganze sollte etwa so aussehen:

   

   
   

2. Einfügen in Gimp

   Über "Datei" -> "Erstellen" -> "Aus Zwischenablage" fügt Ihr den Screenshot in eine neue Datei ein.

   

   
   

3. Auswahl des "Rechteckige Auswahl"-Werkzeugs

   Wählt das "Rechteckige Auswahl"-Werkzeug im Werkzeugkasten aus.

   

   
   

4. Interface-Schild auswählen

   Wählt mit dem "Rechteckige Auswahl"-Werkzeug das Interface-Schild im Screenshot aus.

   

   
   

5. Screenshot beschneiden

   Wählt "Bild" -> "Auf Auswahl zuschneiden", um das Bild auf den ausgewählten Bereich zu verkleinern.

   

   
   

6. Zweiter Screenshot

   Lasst das ungespeicherte Bild ("Erster Screenshot", zurechtgeschnitten) im Hintergrund offen.

   Platziert Eure Truhe (oder Euer Inventar) am rechten Rand des Guild Wars-Fensters. Schiebt die Missionskarte über die Truhe (oder das Inventar), bis nur noch die ganz rechte Spalte der Gegenstands-Kästchen zu sehen ist. Fahrt jetzt über den betreffenden Gegenstand.

   So etwa sollte das aussehen:

   

   
   

7. Einfügen in Gimp

   Über "Datei" -> "Erstellen" -> "Aus Zwischenablage" fügt Ihr den Screenshot in eine neue Datei ein.

   

   
   

8. Auswahl des Schildes

   Wählt nur den linken Teil des Schildes mit Hilfe des "Rechteckige Auswahl"-Werkzeuges aus. Der weiße Streifen des Randes des Missionskarte-Fensters darf nicht darauf sein.

   So sollte das aussehen:

   

   
   

9. Kopieren des relevanten Teils

   Nachdem Ihr den für unser Vorhaben wichtigen Teil markiert habt, drückt Ihr Strg+C (oder "Bearbeiten" -> "Kopieren"). Nun könnt Ihr die Datei schließen. Wir brauchen sie nicht mehr, also braucht Ihr sie auch nicht abspeichern.

   

   
   

10. Vergrößerung der Anzeige

    Lasst Euch das Bild der Überbleibsel des ersten Screenshots größer anzeigen, indem Ihr "Anzeige" -> "Vergrößerung (x%)" -> "4:1 (400%)" wählt. 400% sind für die Detailarbeit sehr hilfreich.

    

    
    

11. Einfügen der linken Seite

    Fügt die linke Seite Eures Schildes, die Ihr vorher in die Zwischenablage kopiert habt, in das erste Bild ein. Dies könnt Ihr über Strg+V oder "Bearbeiten" -> "Einfügen" machen.

    

    
    

12. Anzeigen des Ebenen-Dialogs

    Lasst Euch den Ebenen-Dialog anzeigen, indem Ihr auf "Fenster" -> "Andockbare Dialoge" -> "Ebenen" klickt oder Strg+L drückt. Der Ebenen-Dialog ist sehr praktisch für die Übersicht und das schnelle Vornehmen von Einstellungen.

    

    
    

    Und so sieht der Ebenen-Dialog aus:

    

    
    

13. Erstellt eine neue Ebene

    Erstellt eine neue Ebene aus dem eingefügten Bild-Teil, indem Ihr im Ebenen-Dialog auf "Schwebende Auswahl" rechtsklickt und im Kontext-Menü "Neue Ebene ..." auswählt.

    

    
    

    Die Übersicht sollte danach so aussehen:

    

    
    

    Und die laufenden Striche der Auswahl haben sich in stehende, gelbe Striche verwandelt.

    

    
    

14. Ebene transparent machen

    Stellt im Ebenen-Dialog die Transparenz der neuen Ebene auf etwa 50% - Ihr solltet durchschauen können, die Ebene aber nicht unsichtbar sein.

    

    
    

15. Verschieben des linken Teils an die richtige Position

    Das sieht jetzt zwar etwas chaotisch aus:

    

    
    

    Das ändern wir aber schnell. Wählt das "Verschieben"-Werkzeug im Werkzeugkasten aus.

    

    
    

    Klickt auf die halbtransparente Ebene und verschiebt sie, bis sie sich perfekt an die untere Ebene anpasst.

    

    
    

16. Transparenz entfernen

    Nun stellen wir den Regler für die Ebenen-Transparenz wieder auf 100.

    

    
    

17. Bild zusammenfügen

    Klickt rechts auf die Ebene des linken Teils des Schildes und wählt "Nach unten vereinen".

    

    
    

18. Bonus: Transparente Ecken

    Damit das Schild richtig gut aussieht, könnt Ihr die abgerundeten Ecken noch transparent machen.

    1. Zauberstab auswählen

       Wählt das "Zauberstab"-Werkzeug im Werkzeugkasten aus.

       

       
       

    2. Zauberstab einstellen

       Stellt die Schwelle für die Farberkennung des "Zauberstab"-Werkzeugs auf etwa 60 ein.

       

       
       

    3. Auswahl mit Zauberstab

       Klickt mit dem "Zauberstab"-Werkzeug in den dunklen/schwarzen Bereich um das Schild, um diesen auszuwählen.

       

       
       

    4. Transparenz einfügen

       Wählt "Farben" -> "Farbe zu Transparenz", um den "Farbe zu Transparenz"-Dialog zu starten.

       

       
       

    5. Richtige Farbe auswählen

       Klickt im "Farbe zu Transparenz"-Dialog auf den Knopf für die Farbwahl.

       

       
       

       Wählt die Farbe Schwarz aus (Code: #000000) und bestätigt mit "OK".

       

       
       

    6. "Farbe zu Transparenz"-Dialog schließen

       Die Vorschau im "Farbe zu Transparenz"-Dialog hat sich jetzt bereits sehr schön geändert. Bestätigt die Änderung mit "OK".

       

       
       

    7. Fertig ist die Transparenz

       Die abgerundeten Ecken sind jetzt sehr schön transparent.

       
       

19. Auswahl des fertigen Bildes

    Wählt nun mit dem "Rechteckige Auswahl"-Werkzeug Euer Schild aus. Zieht die Auswahl direkt um die weißen Begrenzungsstreifen des Schildes - so ist es am kleinsten. Die (transparenten) abgerundeten Ecken sind trotzdem mit drauf.

    

    
    

20. Speichern des Bildes

    Wählt "Datei" -> "Speichern unter ...", um zum "Speichern unter"-Dialog zu kommen.

    Denkt daran, einen aussagekräftigen Namen zu vergeben. Wählt als Dateiendung ".png". Dieses Format hat die beste Kompression unter den gängigen, ganz ohne Verluste und mit Transparenz. Bestätigt mit "OK".

    

    
    

    Der PNG-Dialog geht auf. Entfernt alle Häkchen außer "Hintergrundfarbe speichern" und "Farbwerte aus Transparenz speichern". Stellt den Kompressionsgrad auf 9.

    

    
    

21. FERTIG

    Herzlichen Glückwunsch. Euer erstes Interface-Schild-Bild ist fertig.

    Mit etwas Übung geht das Ganze richtig schnell. Ich brauche momentan noch 5 Minuten für ein Bild...