Revision [9436]
This is an old revision of HowToBildbearbeitung made by GregorLindner on 2010-04-29 22:50:50.
Achtung: Telling-Alarm
Formate
Pixelbasiert
JPG oder PNGIch empfehle dringend die Verwendung von PNGs, idealerweise mit transparenten Hintergründen. Ein transparenter Hintergrund ist nämlich nicht weiß, sondern schlicht nicht existent.
Vektor
CDR (Corel Draw), SVGIch würde hier das offene SVG Format bevorzugen, nicht jeder hat Corel Draw, und auch wenn man es an jeder Ecke bekommen kann, ist SVG eben auch offiziell mit Software benutzbar, welche kein Geld kostet.
Dateinamen
Bitte in den Dateinamen keine Leerzeichen verwendenBitte auch keine Umlaute!
Damit kann die Wikki beim Download Probleme machen (ist Browserabhängig, was es für Ärger gibt)
Voraussetzungen:
Rechner
GIMP (evtl. als Portable App) hier
Ein JPG Bild, das wir verändern wollen (ich nehme jetzt als Beispiel ein Wappen mit einem hölzernen Hintergrund)
So gehts:
GIMP macht im wesentlichen 2 Fenster auf:
Ein Hauptfenster, in welchem das aktuell bearbeitete Bild zu sehen ist (es können viele Hauptfenster werden)
Ein Fenster mit nem Werkzeugkasten
Wir öffnen zunächst unser JPG in Gimp.
Wir wollen das Holz wegbekommen, um nur noch das Wappen alleine zu haben.
Dazu eignet sich der Zauberstab recht gut. Zu finden im Werkzeugfenster ziemlich weit oben rechts.
Dieser wird angewählt.
Jetzt erscheint unten im Werkzeugfenster ein Schieberegler "Schwellenwert"
Je weiter rechts der steht, desto mehr Pixel einer ähnlichen Farbe wie der bald markierten Farbe werden ausgwählt.
Schwellenwerte zwischen 15 und 40 sind meist irgendwie richtig :)
Nun klicken wir auf den Bereich wo der Holzhintergrund ist.
Wenn der Schwellenwert richtig ist, flirrt jetzt eine Umrandung um das Bild, um um das Wappen. Der gesamte Holzbereich ist nun gewählt. (Wenn zu viel oder zu wenig markiert wurde, könnt ihr einfach den Regler verändern und wieder ins Bild klicken)
Eigentlich interessiert uns aber das Holz nicht, wir wollen ja das Wappen bekommen.
Folgenden Fehler nicht machen:
Holz mit ENTF löschen, und das speichern als JPG
Auf diese Art ist zwar das Holz weg, aber da ist noch keine Transparenz drinn!
Um also das Wappen zu bekommen:
Menü => Auswahl
Invertieren
Das markiert uns jetzt genau das Gegenteil von dem, was wir mit dem Zauberstab markiert hatten.
An der Darstellung sollte sich jetzt so gut wie nix verändert haben.
Nun gehen wir unter "Bearbeiten" auf "sichtbares kopieren" (das Vermeidet Ärger mit Ebenen)
Jetzt wieder Bearbeiten, Einfügen als neues Bild.
Nun solltet ihr ein weiteres Gimp Hauptfenster bekommen, in der Mitte das Wappen, umgeben von einem dunkelgrau/hellgrauen Schachbrettmuster.
Voilá, unser transparenter Hintergrund ist da :)
Damit das auch so bleibt, speichert ihr das nun als PNG ab:
Datei, Speichern unter
Ordner aussuchen, Dateinahmen vergeben und WICHTIG, als Endung PNG hinschreiben.
Die Voreinstellungen könnt ihr lassen, den Schieberegler für Kompression etwa auf 3 setzen.
Fertig.
Vorteile des Verfahrens:
Wenn dieses Bild auf der Trawonien Wikki eingebaut wird, sieht man komplett um das Wappen herum das Hintergrundmuster der Trawonien Seite
Noch weiterer Vorteil:
Wenn ihr dieses Bild in Open Office benutzt, in einem Text, dann könnt ihr den Text einfach der Kontur des Wappens folgen lassen. Ohne zusätzliche Handarbeit. Das sieht sehr gut aus!
Voraussetzungen:
Rechner
Inkscape gibts hier
Ein Bild, welches nur noch die Teile enthält die später auch das ein sollen (z.B. freigestelltes Wappen von oben)
Inkscape öffnen
Bild laden
Mit Maus Bild anklicken (es sollen um das Bild schwarze Pfeile erscheinen)
Nun in der Menüleiste den Punkt "Pfad" anwählen, dort "Bitmap vektorisieren" klicken
Im Fall des Platindrachens wählen wir nun unten im Fenster:
Farben
und klicken mal rechts auf "aktualisieren".
Nun sehen wir das Wappen farbig oben in dem bis eben noch frei gewesenen Feld.
Unter "Optionen" (der Reiter oben) gibt es Feintuning, das ist von Bild zu Bild unterschiedlich. Ich habe mal "Flecken unterdrücken" Göße 2,
Ecken glätten Schwellenwert 1
Und Pfade optimieren 0,2
gewählt.
Wieder aktualisieren.
Ein Klick auf OK übernimmt das, und es wird ein Vektorbild erzeugt.
Wenn ihr genau hinseht auf die Arbeitsfläche, sieht euer Bild das ihr eben geöffnet habt, nun deutlich weicher aus.
Das liegt daran, dass euch Inkscape eine Vekorgrafik eures Bildes erzeugt hat, die genau über dem Bild liegt.
Ihr könnt jetzt einfach das Bild anklicken, und das Ding mal nach rechts oder links wegziehen. Dann bleibt euer Bitmap an der alten Stelle, und ihr verschiebt das Vektorbild.
Vergrößert es mal, um zu sehen was passiert.
Wenn es halbwegs gut aussieht, könnt ihr das Vektorisieren Fenstr schließen, das bleibt nämlich zunächst geöffnet.
Dann löscht ihr das Bitmap-Bild (reinklicken zum markieren, entf)
Nun das Vektorbild zurück wo es hingehört (ihr seht so eine Art Blatt in Inkscape), auf die Blattgröße skalieren, abspeichern, fertig :)
Vorteil:
Vektorbilder könnt ihr recht gut vergrößern oder auch verkleinern.
