<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Netway Media &#187; vektor</title>
	<atom:link href="http://www.netway-media.com/blog/tag/vektor/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.netway-media.com</link>
	<description>Agentur für Webdesign und SEO</description>
	<lastBuildDate>Fri, 27 Jan 2012 18:16:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
	<atom:link rel='hub' href='http://www.netway-media.com/?pushpress=hub'/>
		<item>
		<title>Bilder Vektorisieren leicht gemacht</title>
		<link>http://www.netway-media.com/blog/2009/09/bilder-vektorisieren-leicht-gemacht/</link>
		<comments>http://www.netway-media.com/blog/2009/09/bilder-vektorisieren-leicht-gemacht/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 11:18:07 +0000</pubDate>
		<dc:creator>Birger</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[grafik]]></category>
		<category><![CDATA[vektor]]></category>

		<guid isPermaLink="false">http://www.netway-media.com/blog/?p=54</guid>
		<description><![CDATA[Jeder Webdesigner steht hin und wieder vor der Aufgabe ein Bild zu vektorisieren. Die meisten werden zu diesem Zweck wahrscheinlich Adobe Illustrator benutzen. Es gibt jedoch auch kostenlose Alternativen, welche teilweise sogar bessere Ergebnisse liefern. Eine davon will ich im &#8230; <a href="http://www.netway-media.com/blog/2009/09/bilder-vektorisieren-leicht-gemacht/">mehr lesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Jeder Webdesigner steht hin und wieder vor der Aufgabe ein Bild zu vektorisieren. Die meisten werden zu diesem Zweck wahrscheinlich Adobe Illustrator benutzen. Es gibt jedoch auch kostenlose Alternativen, welche teilweise sogar bessere Ergebnisse liefern. </p>
<p>Eine davon will ich im Folgenden vorstellen:</p>
<p><a title="Inkscape" href="http://www.inkscape.org/?lang=de" target="_blank">Inkscape</a></p>
<p>Inkscape ist ein Open Source Vektorbearbeitungsprogramm und hat mir einige Male beim Vektorisieren gute Dienste geleistet. Auch wenn die Ergebnisse sicher nicht mit dem händischen Nachzeichnen mithalten können, lassen sich dennoch gute Vektorgrafiken erzeugen. Manchmal ist das Vektorisieren auch hilfreich um schicke Effekte zu erzielen, z.B. für schöne Hintergründe für Header.</p>
<p>Mit Inkscape ist ein Bild einfach und schnell zu vektorisieren. Ich werde dies an einem kleinen Beispiel zeigen:<span id="more-248"></span></p>
<p>Ich nutze Mal ein Foto von einem Hochhaus für dieses Beispiel. Also als Erstes öffnet man die Test Datei (test.jpg):</p>
<div id="attachment_57" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/1.jpg"><img class="size-full wp-image-57" title="1" src="http://www.netway-media.com/wp-content/uploads/2009/09/1.jpg" alt="Öffnen" width="400" height="230" /></a><p class="wp-caption-text">Öffnen</p></div>
<p>Nun wählt man das Bild aus und geht auf  &#8220;Pfad&#8221; &gt; &#8220;Bitmap vektorisieren&#8230;&#8221;</p>
<div id="attachment_58" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/2.jpg"><img class="size-full wp-image-58" title="2" src="http://www.netway-media.com/wp-content/uploads/2009/09/2.jpg" alt="Vektorisieren" width="400" height="230" /></a><p class="wp-caption-text">Vektorisieren</p></div>
<p>Jetzt öffnet sich ein kleines Fenster mit einigen Einstellungsmöglichkeiten. Am Besten probiert man einfach etwas rum, bis das Ergebnis gut aussieht. Nett ist, dass man über &#8220;aktualisieren&#8221; immer eine kleine Vorschau zu sehen bekommt.</p>
<div id="attachment_59" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/3.jpg"><img class="size-full wp-image-59" title="3" src="http://www.netway-media.com/wp-content/uploads/2009/09/3.jpg" alt="Einstellungen" width="400" height="230" /></a><p class="wp-caption-text">Einstellungen</p></div>
<p>Wenn einem die Vorschau gefällt, einfach auf &#8220;Ok&#8221; klicken und schon wird die Vektorgrafik erstellt. Nun muss noch das Pixelbild (Foto) aus dem bild entfernt werden. Hierzu einfach die Grafik auswählen und mit Hilfe der &#8220;entf&#8221;-Taste entfernen. Übrig bleibt die Vektorgrafik. Diese kann nun über &#8220;Speichern unter&#8230;&#8221; als EPS oder einem anderen Format gespeichert werden.</p>
<div id="attachment_60" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/5.jpg"><img class="size-full wp-image-60" title="5" src="http://www.netway-media.com/wp-content/uploads/2009/09/5.jpg" alt="Vektor" width="400" height="230" /></a><p class="wp-caption-text">Vektor</p></div>
<p>Am besten probiert man das ganze mit verschiedenen Bildern aus, es kommen sehr nette Sachen dabei raus. Auch Logos lassen sich relativ gut vektorisieren und auch die Geschwindigkeit des Tools überzeugt. Cool sieht es auch aus, wenn man Portraitfotos vektorisiert.</p>
<p>Hier könnt ihr die test.jpg und test.eps runterladen und selber probieren (ihr könnt mit dem Bild anstellen, was immer ihr wollt):</p>
<p><a href="http://www.netway-media.com/blog/wp-content/uploads/2009/09/vektor.rar">vektor</a></p>
<p>Und hier noch einige Beispiele, welche mit Inkscape innerhalb weniger Sekunden erzeugt sind:</p>
<div id="attachment_62" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/google.jpg"><img class="size-full wp-image-62" title="Google Logo" src="http://www.netway-media.com/wp-content/uploads/2009/09/google.jpg" alt="Das Google Logo als Vektor" width="400" height="230" /></a><p class="wp-caption-text">Das Google Logo als Vektor</p></div>
<div id="attachment_63" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.netway-media.com/wp-content/uploads/2009/09/foto.jpg"><img class="size-full wp-image-63" title="foto" src="http://www.netway-media.com/wp-content/uploads/2009/09/foto.jpg" alt="Das kommt dabei raus, wenn man ein Partyfoto vektorisiert ;)" width="400" height="230" /></a><p class="wp-caption-text">Das kommt dabei raus, wenn man ein Partyfoto vektorisiert <img src='http://www.netway-media.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.netway-media.com/blog/2009/09/bilder-vektorisieren-leicht-gemacht/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

