<?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>blog.bebl.eu &#187; Design</title>
	<atom:link href="http://blog.bebl.eu/kategorie/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.bebl.eu</link>
	<description>Welt, die ohne Strom nicht funktioniert</description>
	<lastBuildDate>Fri, 21 May 2010 20:46:37 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Eigene Handschrift als Schriftart erstellen</title>
		<link>http://blog.bebl.eu/2009/06/11/eigene-handschrift-als-schriftart-erstellen/</link>
		<comments>http://blog.bebl.eu/2009/06/11/eigene-handschrift-als-schriftart-erstellen/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 22:26:05 +0000</pubDate>
		<dc:creator>e2b</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://blog.bebl.eu/?p=510</guid>
		<description><![CDATA[Eigentlich wollte ich mir meine eigene Handschrift als Schriftart f&#252;r den Computer generieren. Doch beim ehemalig kostenlosen Schriftgenerator YourFonts ist mittlerweile nur noch eins kostenlos, n&#228;mlich die Vorschau wie die Schriftart nach dem Bezahlen aussehen wird. Alternative Online-Dienste, bei denen man nichts zahlen muss, gibt es nicht und 15 Euro ist mir eine mal eben [...]]]></description>
			<content:encoded><![CDATA[<p>Eigentlich wollte ich mir meine eigene Handschrift als Schriftart f&#252;r den Computer generieren. Doch beim ehemalig kostenlosen Schriftgenerator <a href="http://www.yourfonts.com/">YourFonts</a> ist mittlerweile nur noch eins kostenlos, n&#228;mlich die Vorschau wie die Schriftart nach dem Bezahlen aussehen wird. Alternative Online-Dienste, bei denen man nichts zahlen muss, gibt es nicht und 15 Euro ist mir eine mal eben eingescannte Schrift auch nicht wert, schlie&#223;lich wei&#223; ich nicht mal, ob (mir) alle Zeichen wirklich gelungen sind.</p>
<p>Naja, das wird man doch auch irgendwie selber machen k&#246;nnen. Geht auch, ist allerdings sehr zeitaufwendig. Wenigstens kann man an jeden Buchstaben so sehr feilen wie man will und auch sehr viel mehr Zeichen erstellen. Die Arbeit ist nicht schwer, aber sehr monoton, man sollte nicht nur den Zeitaufwand einplanen, sondern sich am besten alles gut aufteilen.</p>
<p>Die Anforderung sind gering, die hier verwendete Software ist umsonst und Open Source. Sie ist f&#252;r Linux, Windows und Mac OS X verf&#252;gbar. Au&#223;erdem braucht man nur noch einen Scanner. Fotografieren w&#228;re auch m&#246;glich, ist aber aufgrund der Perspektive nicht zu empfehlen. Man k&#246;nnte sich auch die ersten Schritte einsparen, wenn man ein Grafiktablett verwendet und dort auch sehr gut schreiben kann, denn die  Buchstaben m&#252;ssen die gleichen Proportionen haben und sollten auch alle gerade sein. Das f&#228;llt mir beim Ausf&#252;llen auf Papier mit einem daf&#252;r ausgelegten Raster etwas einfacher.</p>
<p>Zun&#228;chst muss man alle Zeichen auf ein wei&#223;es Papier schreiben, die man sp&#228;ter als Schrift haben m&#246;chte. Ich habe dazu einfach die <a href="http://www.yourfonts.com/print.html">Vorlage von YourFonts</a> verwendet und nach jenen <a href="http://www.yourfonts.com/complete.html">Anweisungen</a> ausgef&#252;llt. Sollte man mehrere Seiten als Quelle nutzen immer die gleiche Aufl&#246;sung und Gr&#246;&#223;en f&#252;r  beide Seiten verwenden. Anschlie&#223;end m&#246;glichst gerade und sauber einscannen.</p>
<p>Anschlie&#223;end habe ich das die Scanns mit dem Grafikprogramm <a href="http://www.gimp.org/">GIMP</a> bearbeitet, damit der Kontrast m&#246;glichst hoch ist. Dazu verwende ich die das Kurvenwerkzeug unter &#8222;Farben → Kurven&#8220; und passe die den Graph so an, dass eine steile S-Kurve ein wenige Zentimeter vom rechten Rand entfernt ist.</p>
<p><a href="http://blog.bebl.eu/wp-content/uploads/benwrite_kontrast.png"><img class="alignnone size-full wp-image-514" title="Kontrastoptimierung" src="http://blog.bebl.eu/wp-content/uploads/benwrite_kontrast.png" alt="Kontrastoptimierung" width="470" height="200" /></a></p>
<p>Danach mit dem Vektorgrafikprogramm <a href="http://www.inkscape.org/">Inkscape</a> vektorisiert (&#8222;Pfad → Bitmap vektorisieren&#8220;, mit entferntem Hintergrund) und freigestellt, also zuerst zerlegt (&#8222;Pfad → Zerlegen&#8220;), unn&#246;tige Elemente entfernt und danach wieder die einzelnen Buchstaben kombiniert (&#8222;Pfad → Kombinieren&#8220;). Viele weitere Symbole kann man &#252;brigens aus dem bereits vorhandenen Material zusammenbauen.</p>
<p><a href="http://blog.bebl.eu/wp-content/uploads/benwrite_inkscape_freistellen.png"><img class="alignnone size-full wp-image-512" title="Freistellen in Inkscape (Screenshot)" src="http://blog.bebl.eu/wp-content/uploads/benwrite_inkscape_freistellen.png" alt="Freistellen in Inkscape (Screenshot)" width="470" height="200" /></a></p>
<p>Damit man die Buchstaben anschlie&#223;end in den Schrifteditor <a href="http://fontforge.sourceforge.net/">FontForge</a> importieren kann, m&#252;ssen die Buchstaben jeweils in der passenden und Gr&#246;&#223;e auf der richtigen H&#246;he als 1000 <span class="Unicode">×</span> 1000 Pixel gro&#223;e SVG-Datei gespeichert werden. F&#252;r einen einfachen sp&#228;teren Massen-Import als &#8222;SVG Template&#8220; in FontForge benennt man die Dateien gem&#228;&#223; ihrer Unicode-Bezeichnung, beispielsweise f&#252;r das B u0042.svg.</p>
<p>Am besten nimmt man dazu eine Zeichentabelle zur Hand. Au&#223;erdem empfiehlt es sich erst einmal alle Zeichen in eine entsprechende SVG-Datei zu kopieren und in einer Reihe durch Hilfslinien (z.B. auf den H&#246;hen 0, 300, 675, 1000) anordnen. Anschlie&#223;end muss man nur noch jedes Zeichen speichern und die Reihe um eins verschieben. Zum Schluss m&#252;ssen nochmal alle Dateien ge&#246;ffnet und alle Zeichen au&#223;er das im Sichtbereich entfernt werden.</p>
<p><a href="http://blog.bebl.eu/wp-content/uploads/benwrite_inkscape_speichern.png"><img class="alignnone size-full wp-image-513" title="Vorgehensweise beim Speichern" src="http://blog.bebl.eu/wp-content/uploads/benwrite_inkscape_speichern.png" alt="Vorgehensweise beim Speichern" width="470" height="120" /></a></p>
<p>&#214;ffnet man FontForge importiert man zuerst einmal die SVGs (ggf. als SVG Template) unter &#8222;Datei → Importieren&#8230;&#8220;. Danach empfiehlt es sich &#8222;Metrik →  in Breite zentrieren&#8220; und &#8222;Metrik → Auto Width&#8230;&#8220; auf alle Zeichen anzuwenden und die Schrifteigenschaften anzupassen. &#220;brigens kann man auch die Schriftst&#228;rke anpassen und die Buchstaben nochmal bearbeiten. Zum Schluss einfach unter &#8222;Datei → Fonts herstellen&#8230;&#8220; die Schriftart z.B. als TrueType speichern, dabei einfach eventuelle Hinweise ignorieren. Sollte die Schriftgr&#246;&#223;e nicht stimmen, einfach die Em-Gr&#246;&#223;e unter &#8222;Element → Schrift-Eigenschaften&#8230; → General&#8220; ohne Skalierung anpassen.</p>
<p><a href="http://blog.bebl.eu/wp-content/uploads/benwrite_fontforge.png"><img class="alignnone size-full wp-image-511" title="FontForge (Screenshot)" src="http://blog.bebl.eu/wp-content/uploads/benwrite_fontforge.png" alt="FontForge (Screenshot)" width="470" height="100" /></a></p>
<p>Und so ist meine Schrift geworden:<br />
<a href="http://blog.bebl.eu/wp-content/uploads/benwrite.png"><img class="alignnone size-full wp-image-515" title="Benwrite (Beispieltext)" src="http://blog.bebl.eu/wp-content/uploads/benwrite.png" alt="Benwrite (Beispieltext)" width="470" height="370" /></a></p>
<p>Aufwendig, aber brauchbar und ich kann sie jederzeit verfeinern und erweitern. Allerdings dauert es viel l&#228;nger als bei einem Onlinedienst und es sind Vorkenntnisse im Bereich der Grafikbearbeitung, vor allem in Inkscape notwendig.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bebl.eu/2009/06/11/eigene-handschrift-als-schriftart-erstellen/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
