<?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>/home/antu &#187; Texteffekt</title>
	<atom:link href="http://www.antusblog.de/tag/texteffekt/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.antusblog.de</link>
	<description>Linux, Programmierung und andere Dinge die mich interessieren</description>
	<lastBuildDate>Mon, 26 Oct 2009 06:00:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Glas-Text erstellen</title>
		<link>http://www.antusblog.de/2009/09/05/glas-text-erstellen/</link>
		<comments>http://www.antusblog.de/2009/09/05/glas-text-erstellen/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 21:27:05 +0000</pubDate>
		<dc:creator>Antu</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[Glas]]></category>
		<category><![CDATA[Glas-Text]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Texteffekt]]></category>

		<guid isPermaLink="false">http://www.antusblog.de/?p=1933</guid>
		<description><![CDATA[Dieser Text sieht aus, als wäre er aus Glas. Wie man einen solchen Text erstellt, erkläre ich in dieser kurzen Anleitung. Text und Pfad erstellen Für den Glas-Text wird eine Auswahl vom Umriss der Buchstaben benötigt. Dazu wird zuerst mit dem Textwerkzeug der Text erstellt. Die Farbe ist dabei egal, da die Text-Ebene sowieso im [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-1934" title="Glas-Texteffekt" src="http://www.antusblog.de/wp-content/uploads/2009/09/Glas.Texteffekt.png" alt="Glas-Texteffekt" width="500" height="250" />Dieser Text sieht aus, als wäre er aus Glas. Wie man einen solchen Text erstellt, erkläre ich in dieser kurzen Anleitung.</p>
<p><span id="more-1933"></span></p>
<h2>Text und Pfad erstellen</h2>
<p>Für den Glas-Text wird eine Auswahl vom Umriss der Buchstaben benötigt. Dazu wird zuerst mit dem <strong>Textwerkzeug</strong> der Text erstellt. Die Farbe ist dabei egal, da die Text-Ebene sowieso im nächsten Schritt ausgeblendet wird. Nachdem der Text erstellt ist, klickt man mit der rechten Maustaste im <strong>Ebenenmenü</strong> (Strg+L) auf die Text-Ebene, und wählt dort <strong>Pfad aus Text</strong> aus. Nun hat man einen Pfad der dem Rand der Buchstaben folgt.<br />
<a href="http://www.antusblog.de/wp-content/uploads/2009/09/Pfad.aus.Text.png"><img class="aligncenter size-full wp-image-1939" title="Einen Pfad aus dem Text erstellen" src="http://www.antusblog.de/wp-content/uploads/2009/09/Pfad.aus.Text.png" alt="Einen Pfad aus dem Text erstellen" width="501" height="150" /></a></p>
<h2>Schatten</h2>
<p>Anschließend blendet man die Ebene aus (im Ebenenmenü auf das Auge neben der Ebene klicken). Danach kann man im Pfade-Dialog (<strong>Fenster -&gt; Andockbare Dialoge -&gt; Pfade</strong>) eine Auswahl erstellen. Dazu klickt man mit der rechten Maustaste auf den eben erstellten Pfad und wählt <strong>Auswahl aus Pfad</strong> aus.<br />
<a href="http://www.antusblog.de/wp-content/uploads/2009/09/Auswahl.aus.Pfad.png"><img class="aligncenter size-full wp-image-1942" title="Auswahl aus Pfad" src="http://www.antusblog.de/wp-content/uploads/2009/09/Auswahl.aus.Pfad.png" alt="Auswahl aus Pfad" width="500" height="150" /></a><br />
Mithilfe dieser Auswahl können nun der innere und der äußere Schatten erstellt werden. Dafür wird der <strong>Schlagschatten</strong>-Filter verwendet, der sich unter <strong>Filter -&gt; Licht und Schatten</strong> findet.<br />
Für den äußeren Schatten werden folgende Parameter verwendet:<br />
<strong>Versatz X/Y</strong>: 2<br />
<strong>Weichzeichnerradius</strong>: 12<br />
<strong>Farbe</strong>: Schwarz (#000000)<br />
<strong>Deckkraft</strong>: 50%<br />
<strong>Größenänderung zulassen</strong>: Nein</p>
<p>Bei sehr großer/kleiner Schrift muss der Weichzeichnerradius evtl. nach oben/unten angepasst werden.<br />
<a href="http://www.antusblog.de/wp-content/uploads/2009/09/Schatten.aussen.png"><img class="aligncenter size-full wp-image-1943" title="Äusserer Schatten" src="http://www.antusblog.de/wp-content/uploads/2009/09/Schatten.aussen.png" alt="Äusserer Schatten" width="500" height="150" /></a><br />
Der Modus der Schattenebene wird anschließend im Ebenen-Menü auf <strong>Weiche Kanten</strong> gestellt. Nun wird die Auswahl umgekehrt (<strong>Auswahl -&gt; Invertieren</strong>), und der innere Schatten mit folgenden Parametern erstellt:</p>
<p><strong>Versatz X/Y</strong>: 0<br />
<strong>Weichzeichnerradius</strong>: 8<br />
<strong>Farbe</strong>: Weiß (#FFFFFF)<br />
<strong>Deckkraft</strong>: 80%<br />
<strong>Größenänderung zulassen</strong>: Nein</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/09/Innerer.Schatten.png"><img class="aligncenter size-full wp-image-1944" title="Innerer Schatten" src="http://www.antusblog.de/wp-content/uploads/2009/09/Innerer.Schatten.png" alt="Innerer Schatten" width="500" height="150" /></a></p>
<h2>Licht-Effekt</h2>
<p>Damit der Effekt etwas realistischer wirkt, erstellt man nun noch einen Lichtschein über die obere Hälfte des Texts. Dazu erstellt man zuerst eine <strong>neue Ebene</strong>, und stellt den Modus auf Überlagern, und die Deckkraft auf 50%, anschließend erstellt man mit dem <strong>elliptischen Auswahl</strong>-Werkzeug eine Auswahl.</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/09/Elliptische.Auswahl.png"><img class="aligncenter size-full wp-image-1947" title="Elliptische Auswahl" src="http://www.antusblog.de/wp-content/uploads/2009/09/Elliptische.Auswahl.png" alt="Elliptische Auswahl" width="500" height="150" /></a>Im Pfade-Menü klickt man wieder mit der rechten Maustaste auf den Pfad, diesmal wählt man <strong>Schnittmenge bilden</strong> aus. Dadurch sind nur noch die Bereiche der Auswahl markiert, in denen sich auch der Text befindet. Jetzt füllt man die Auswahl mit weißer Farbe (#FFFFFF).</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/09/Endergebnis.png"><img class="aligncenter size-full wp-image-1948" title="Endergebnis" src="http://www.antusblog.de/wp-content/uploads/2009/09/Endergebnis.png" alt="Endergebnis" width="500" height="150" /></a>Fertig!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.antusblog.de/2009/09/05/glas-text-erstellen/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Eingestanzter Text</title>
		<link>http://www.antusblog.de/2009/06/27/eingestanzter-text/</link>
		<comments>http://www.antusblog.de/2009/06/27/eingestanzter-text/#comments</comments>
		<pubDate>Sat, 27 Jun 2009 08:16:22 +0000</pubDate>
		<dc:creator>Antu</dc:creator>
				<category><![CDATA[Bildbearbeitung]]></category>
		<category><![CDATA[Bild]]></category>
		<category><![CDATA[Eingestanzt]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Texteffekt]]></category>

		<guid isPermaLink="false">http://www.antusblog.de/?p=1593</guid>
		<description><![CDATA[Ein einfacher, aber trotzdem ziemlich schöner Texteffekt. Es sieht so aus, als wäre der Text in den Hintergrund eingestanzt worden. In diesem Artikel erkläre ich, wie man einen solchen Effekt mit GIMP erzielen kann. Text erstellen Zuerst muss mit dem Text-Werkzeug der Text erstellt werden, auf den der Effekt angewendet werden soll. Als Schriftfarbe sollte [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Eingestanzter.Text.png"><img class="aligncenter size-full wp-image-1612" title="Gimp-Texteffekt: Eingestanzter Text" src="http://www.antusblog.de/wp-content/uploads/2009/06/Eingestanzter.Text.png" alt="Gimp-Texteffekt: Eingestanzter Text" width="500" height="250" /></a>Ein einfacher, aber trotzdem ziemlich schöner Texteffekt. Es sieht so aus, als wäre der Text in den Hintergrund eingestanzt worden. In diesem Artikel erkläre ich, wie man einen solchen Effekt mit GIMP erzielen kann.</p>
<h2><span id="more-1593"></span>Text erstellen</h2>
<p>Zuerst muss mit dem Text-Werkzeug der Text erstellt werden, auf den der Effekt angewendet werden soll. Als Schriftfarbe sollte Schwarz verwendet werden. Beim Erstellen des Textes wird automatisch eine neue Ebene angelegt, dieser gibt man den Ebenenmodus <strong>Nur Abdunkeln</strong> und eine <strong>Deckkraft</strong> von 30-40%.</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.1.Ebeneneinstellungen.png"><img class="aligncenter size-full wp-image-1615" title="Die Ebeneneinstellungen der Text-Ebene." src="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.1.Ebeneneinstellungen.png" alt="Die Ebeneneinstellungen der Text-Ebene." width="510" height="250" /></a></p>
<h2>Innerer Schatten</h2>
<p>Jetzt muss der innere Schatten erstellt werden. Dazu wird eine Auswahl von der gesamten Ebene abzüglich des Textes benötigt. Um diese zu erstellen braucht man eine Auswahl vom Text: <strong>Rechtsklick</strong> auf die<strong> Text-Ebene</strong> (im Ebenen-Dialog, Strg+L), dann auf <strong>Auswahl aus Alphakanal</strong>.</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.2.Auswahl.aus.Alphakanal.png"><img class="aligncenter size-full wp-image-1618" title="Auswahl aus Alphakanal" src="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.2.Auswahl.aus.Alphakanal.png" alt="Auswahl aus Alphakanal" width="510" height="150" /></a>Nun ist der Text ausgewählt, diese Auswahl muss jetzt nur noch umgekehrt werden: <strong>Auswahl</strong> -&gt; <strong>Invertieren</strong>. Dann geht man auf <strong>Filter</strong> -&gt; <strong>Licht und Schatten</strong> -&gt; <strong>Schlagschatten</strong>. Als Farbe nimmt man Schwarz, das Häkchen bei Größenänderung zulassen muss man rausnehmen, sonst wird das Bild vergrößert. Als Deckkraft sollte man 40-50% nehmen, Versatz und Radius 2. Mit letzteren beiden Werten kann man noch etwas rumspielen, bei großen Buchstaben/Bildern muss man hier natürlich höhere Werte nehmen.</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.3.Schlagschatten.png"><img class="aligncenter size-full wp-image-1621" title="Erstellen des inneren Schattens" src="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.3.Schlagschatten.png" alt="Erstellen des inneren Schattens" width="510" height="220" /></a>Danach sollte der Text ungefähr so aussehen (Auswahl und Ebenenmarkierung ausgeblendet):</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Zwischenergebnis.png"><img class="aligncenter size-full wp-image-1622" title="Zwischenergebnis" src="http://www.antusblog.de/wp-content/uploads/2009/06/Zwischenergebnis.png" alt="Zwischenergebnis" width="500" height="150" /></a></p>
<h2>Heller Rand</h2>
<p>Damit der eingestanzte Text etwas plastischer aussieht, kann man den Rand noch etwas aufhellen. Dazu erstellt man wieder eine Auswahl aus dem Alphakanal der Text-Ebene, und wendet einen weißen Schlagschatten darauf an.</p>
<ol>
<li>Text-Ebene im Ebenen-Dialog (Strg+L) auswählen.</li>
<li>Rechtsklick, Auswahl aus Alphakanal.</li>
<li>Filter -&gt; Licht und Schatten -&gt; Schlagschatten.</li>
</ol>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.4.Schlagschatten.fuer.den.Rand.png"><img class="aligncenter size-full wp-image-1623" title="Schlagschatten für den Rand" src="http://www.antusblog.de/wp-content/uploads/2009/06/Schritt.4.Schlagschatten.fuer.den.Rand.png" alt="Schlagschatten für den Rand" width="510" height="230" /></a>Bei Versatz stellt man hier 1 Pixel ein, die Farbe sollte weiß sein, Deckkraft 40% und ein Radius von 0. Beim Anwenden des Filters wird automatisch eine neue Ebene angelegt, bei dieser muss noch der Ebenenmodus auf <strong>Überlagern</strong> gestellt werden.</p>
<p><a href="http://www.antusblog.de/wp-content/uploads/2009/06/Ergebnis.png"><img class="aligncenter size-full wp-image-1624" title="Ergebnis" src="http://www.antusblog.de/wp-content/uploads/2009/06/Ergebnis.png" alt="Ergebnis" width="510" height="300" /></a>Fertig! Dieser Effekt lässt sich übrigens nicht nur auf Texte anwenden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.antusblog.de/2009/06/27/eingestanzter-text/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

