Revision [8184]

This is an old revision of HowToBildbearbeitung made by AndiM on 2010-01-25 13:51:09.

 


Achtung: Telling-Alarm


Formate


Pixelbasiert

JPG oder PNG
Ich 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), SVG
Ich 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.


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.
There is one comment on this page. [Display comment]
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki