<?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>Photoshop Tutorials</title>
	<atom:link href="http://www.photoshoptutorials.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshoptutorials.de</link>
	<description>Photoshop Tutorials bietet immer aktuelle und interessante Informationen / Tutorials zu Adobe Photoshop.</description>
	<lastBuildDate>Tue, 21 Feb 2012 09:03:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Lomo-Effekt in Photoshop</title>
		<link>http://www.photoshoptutorials.de/2012/02/21/lomo-effekt-in-photoshop/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/21/lomo-effekt-in-photoshop/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 09:03:24 +0000</pubDate>
		<dc:creator>Pascal Bajorat</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2217</guid>
		<description><![CDATA[In diesem Tutorial möchte ich euch zeigen, wie ihr den sogenannten Lomo-Effekt in Photoshop nachbauen könnt. Lomo leitet sich von Lomografie, einer Stilrichtung aus der Fotografie, ab. Diese Stilrichtung hat ihren Ursprung bei der Kleinbildkamera &#8220;LOMO Compact Automat&#8221;. Die Bilder dieser Kamera sind meist unscharf, verschwommen, kontrastreich und an den Rändern etwas abgedunkelt. Im Endeffekt [...]]]></description>
			<content:encoded><![CDATA[<p>In diesem Tutorial möchte ich euch zeigen, wie ihr den sogenannten Lomo-Effekt in Photoshop nachbauen könnt. Lomo leitet sich von Lomografie, einer Stilrichtung aus der Fotografie, ab. Diese Stilrichtung hat ihren Ursprung bei der Kleinbildkamera &#8220;LOMO Compact Automat&#8221;. Die Bilder dieser Kamera sind meist unscharf, verschwommen, kontrastreich und an den Rändern etwas abgedunkelt.</p>
<p>Im Endeffekt bauen wir also die Bildfehler dieser Kamera nach. Dieser ausgeprägte Stil hat allerdings seinen eigenen schönen Charme, daher kann man ihn nicht mehr wirklich als &#8220;Fehler&#8221; bezeichnen.</p>
<p><img class="colorbox-2217"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt8.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>Als Beispielbild dient mir eine Stockaufnahme von Fotolia:</p>
<p><a href="http://de.fotolia.com/partner/62358" target="_blank">ID: 2425769 &#8211; Field with Bales of Hay by Niklas Ramberg &#8211; Fotolia.com.</a></p>
<p>&nbsp;</p>
<p><span id="more-2217"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h3>Schritt 1</h3>
<p>Öffnet das Stockbild 2425769 in Photoshop und passt ggf. die Größe an <em>(Bild&gt;Bildgröße…)</em></p>
<p>Erstellt über das Menü <em>Ebene&gt;Neue Einstellungsebene&gt;Kanalmixer…</em> eine neue <em>Kanalmixer-Einstellungsebene</em> und setzt dort folgende Werte ein:</p>
<p>Rot | Grün | Blau | Konstante</p>
<p>• Ausgabekanal Rot: +100 | 0 | 0 | 0</p>
<p>• Ausgabekanal Grün: -15 | +115 | 0 | 0</p>
<p>• Ausgabekanal Blau: -15 | 0 | +115 | 0</p>
<p>• <em>Ebenenmodus:</em> Farbe | <em>Deckkraft:</em> 100%</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt1.jpg" alt="" /></p>
<div><span> </span></div>
<h3>Schritt 2</h3>
<p>In den folgenden Abschnitten werden wir mithilfe diverser Einstellungsebenen die Kontraste des Bildes erhöhen und die Farben in einen teils surrealistischen Bereich bewegen.</p>
<p>Jetzt legt ihr eine weitere Einstellungsebene an &#8211; diesmal eine für die <em>Gradationskurven (Ebene&gt;Neue Einstellungsebene&gt;Gradationskurven…)</em></p>
<p>Hier werden wir den Farbumfang aller Kanäle beschneiden, allerdings für jeden Kanal einzeln.</p>
<p>Rot-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 0 | Eingabe 25</p>
<p>• <em>Rechter Punkt</em>: Ausgabe 255 | Eingabe 230</p>
<p>Grün-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 0 | Eingabe 50</p>
<p>• <em>Rechter Punkt</em>: Ausgabe 255 | Eingabe 210</p>
<p>Blau-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 0 | Eingabe 50</p>
<p>• <em>Rechter Punkt</em>: Ausgabe 255 | Eingabe 205</p>
<p>• <em>Ebenenmodus:</em> Normal | <em>Deckkraft:</em> 60%</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt2.jpg" alt="" /></p>
<div><span> </span></div>
<h3>Schritt 3</h3>
<p>Nun folgt eine weitere Einstellungsebene vom Typ Gradationskurven <em>(Ebene&gt;Neue Einstellungsebene&gt;Gradationskurven…)</em> Auch hier wird jeder Kanal einzeln bearbeitet.</p>
<p>Rot-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 55 | Eingabe 0</p>
<p>• <em>Rechter Punkt</em>: Ausgabe 210 | Eingabe 255</p>
<p>Grün-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 0 | Eingabe 50</p>
<p>• <em><em>Rechter Punkt</em></em>: Ausgabe 255 | Eingabe 210</p>
<p>Blau-Kanal:</p>
<p>• <em>Linker Punkt</em>: Ausgabe 0 | Eingabe 50</p>
<p>• <em>Rechter Punkt</em>: Ausgabe 255 | Eingabe 205</p>
<p>• <em>Ebenenmodus:</em> Farbton | <em>Deckkraft:</em> 100%</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt3.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4</h3>
<p>Und noch eine Einstellungsebene vom Typ Gradationskurven <em>(Ebene&gt;Neue Einstellungsebene&gt;Gradationskurven…) </em>Hier bearbeiten wir alle Kanäle zugleich, also im RGB-Modus. Zieht die Kurve wie im Bild gezeigt zu einer leichten S-Kurve:</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt4.jpg" alt="" /><br />
<em>Ebenenmodus:</em> Luminanz | <em>Deckkraft:</em> 100%.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5</h3>
<p>Erstellt mit dem <em>Lasso-Werkzeug</em> eine Auswahl in der Mitte des Bildes. Wählt speziell die Bereiche aus, die später nicht mit abgedunkelt werden sollen. Wir erstellen in diesem Schritt den abgedunkelten Rand.</p>
<p>Kehrt dann die Auswahl um <em>(Auswahl&gt;Auswahl umkehren).</em> Macht nun einen <em>Rechtsklick</em> und wählt <em>Weiche Kante…,</em> stellt den <em>Radius</em> je nach Bild auf 60-80 Pixel und bestätigt das Ganze mit <em>OK.</em></p>
<p>Haltet die Auswahl aktiv …</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt5.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6</h3>
<p>… und erstellt eine neue Einstellungsebene <em>(Ebene&gt;Neue Einstellungsebene&gt;{ZEILENUMBRUCH}Tonwertkorrektur…)</em></p>
<p>Die <em>Tonwertkorrektur</em> sollte sich nun nur auf euren Auswahlbereich beschränken. Setzt den mittleren Regler für die Mitteltöne auf den Wert 0,80. <em>Ebenenmodus:</em> Normal | <em>Deckkraft:</em> 50%.</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt6.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7</h3>
<p>Ladet erneut die Auswahl der <em>Tonwertkorrektur</em> (mit gedrückter <em>Strg-/Cmd-Taste</em> auf die <em>Ebenenmaske</em> der <em>Tonwertkorrektur</em> klicken) und erstellt eine neue Ebene, für die entsprechend auch diese <em>Ebenenmaske</em> übernommen wird.</p>
<p>Füllt die Ebene mit Schwarz, setzt den <em>Ebenenmodus</em> auf <em>Hartes Licht</em> und die <em>Deckkraft</em> auf 20%.</p>
<p><img class="colorbox-2217"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt7.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8</h3>
<p>Dieser Schritt betrifft speziell mein Bild, denn durch die Korrekturen ist mein Heu etwas grün geworden. Dies behebe ich nun mit einem Fotofilter <em>(Ebene&gt;Neue Einstellungsebene&gt;Fotofilter…)</em> In der <em>Ebenenmaske</em> wird entsprechend nur der Heu-Bereich ausgewählt.</p>
<p>Setzt die <em>Farbe</em> des Fotofilters auf: #ec8a00 und die <em>Dichte</em> auf: 35%. Die <em>Deckkraft</em> der Ebene könnt ihr nun auf 80% setzen.</p>
<p><img class="colorbox-2217"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/Lomo-Effekt8.jpg" alt="" /><br />
Damit seid ihr dann auch schon fertig.</p>
<p>Viel Spaß beim Nachbauen &#8230;</p>
<p>&nbsp;</p>
<p><a title="Lomo Effekt" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-photoshop/effekte-und-texturen/view/17916--lomo-effekt-in-photoshop" target="_blank">Das Video zum Lomo Effekt gibt es hier.</a></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2217&amp;md5=2a4b85c17a7e5797a71171787b9571c6" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/21/lomo-effekt-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Text auf einem Pfad</title>
		<link>http://www.photoshoptutorials.de/2012/02/18/text-auf-einem-pfad/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/18/text-auf-einem-pfad/#comments</comments>
		<pubDate>Sat, 18 Feb 2012 09:20:23 +0000</pubDate>
		<dc:creator>Matthias Petri</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2214</guid>
		<description><![CDATA[  Text auf einem Pfad In diesem Teil der Quicky-Serie gibt es eine Typoanwendung, die bei der Arbeit mit Photoshop zum Grundrepertoire gehört. Ich erkläre: • Text auf einem Pfad Einen Text entlang einem Pfad zu platzieren, ist recht einfach. Ein bisschen Reklame in eigener Sache: Schritt 1: Pfad aufziehen Mit dem Zeichenstiftwerkzeug ziehe ich [...]]]></description>
			<content:encoded><![CDATA[<div><span> </span></div>
<h2>Text auf einem Pfad</h2>
<p>In diesem Teil der Quicky-Serie gibt es eine Typoanwendung, die bei der Arbeit mit Photoshop zum Grundrepertoire gehört.</p>
<p>Ich erkläre:<br />
• Text auf einem Pfad</p>
<p>Einen Text entlang einem Pfad zu platzieren, ist recht einfach.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_11.jpg" alt="" /></p>
<p><span id="more-2214"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h1>Schritt 1: Pfad aufziehen</h1>
<p>Mit dem <em>Zeichenstiftwerkzeug</em> ziehe ich einfach den gewünschten Pfad, auf dem der Text platziert werden soll.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Text platzieren</h3>
<p>Mit dem <em>Textwerkzeug</em> gehe ich an den Pfad, sodass sich eine leicht gepunktete Linie zeigt. Jetzt kann ich auch schon lostippen.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Textformationen</h3>
<p>Textformationen kann ich über das <em>Zeichenbedienfeld</em> nach wie vor vornehmen.</p>
<p>Mit dem <em>Direktauswahlwerkzeug</em> kann ich meinen Textpfad auch anfassen und den Anfangspunkt des Textflusses verschieben sowie bestimmen, ob der Text oberhalb oder unterhalb des Pfades angezeigt werden soll.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Pfad über die Formwerkzeuge</h3>
<p>Auch über die <em>Formwerkzeuge</em> kann ich Pfade anlegen. Ich erstelle im <em>Pfade-Bedienfeld</em> einen neuen Pfad und ziehe mit einem Formwerkzeug, in diesem Beispiel mit dem <em>Eigene-Form-Werkzeug,</em> eine Handform auf.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt kann ich auch darin meinen Text platzieren.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Pfad aus Auswahlen erstellen</h3>
<p>So kann ich auch aus Bildern Auswahlen erstellen und diese in einen Pfad umwandeln, um sie für typografische Textflüsse zu nutzen.</p>
<p>Mit dem <em>Schnellauswahlwerkzeug</em> wähle ich ich den Hintergrund auf diesem Bild (Bildquelle: iofoto – Fotolia.com) aus. Ich kehre die Auswahl mit <em>Shift+Strg+I</em> um und erstelle aus der Auswahl einen <em>Arbeitspfad.</em> Diesen nutze ich wieder für meinen Text.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_12.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6: Konturakzentuierungen mit Typografie</h3>
<p>Gleiches geht auch bei Bildern, die farblich etwas vielschichtiger sind, wie dieses Baumbild (Bildquelle: <a href="http://archaeopteryx-stocks.deviantart.com/">archaeopteryx_stocks</a>).</p>
<p>Mit dem <em>Schnellauswahlwerkzeug</em> wähle ich den Baum aus und erstelle aus der Auswahl wieder einen <em>Arbeitspfad:</em> Ich klicke auf das <em>Arbeitspfad aus Auswahl erstellen-Symbol</em> im <em>Pfadbedienfeld.</em> Nun kann ich auch diesen Pfad für meinen Text nutzen.</p>
<p><img class="colorbox-2214"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/typoquicky/typoquickys-02_13.jpg" alt="" /></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2214&amp;md5=d9cb8739722409537a3d6e5e015e0356" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/18/text-auf-einem-pfad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrative Discokugel für Flyer und Wallpaper</title>
		<link>http://www.photoshoptutorials.de/2012/02/15/illustrative-discokugel-fur-flyer-und-wallpaper/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/15/illustrative-discokugel-fur-flyer-und-wallpaper/#comments</comments>
		<pubDate>Wed, 15 Feb 2012 09:12:39 +0000</pubDate>
		<dc:creator>Matthias Petri</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2211</guid>
		<description><![CDATA[Um einen Partyflyer zu würzen, bietet es sich an, eine Diskokugel als Designelement zu platzieren. In diesem Tutorial möchte ich zeigen, wie in Photoshop mit und ohne 3D-Werkzeuge auf sehr einfache Weise eine illustrative Diskokugel erstellt werden kann. 1. Der Weg zur illustrativen Diskokugel ohne 3D-Funktionen in Photoshop Für alle, die noch nicht mit der [...]]]></description>
			<content:encoded><![CDATA[<p>Um einen Partyflyer zu würzen, bietet es sich an, eine Diskokugel als Designelement zu platzieren.</p>
<p>In diesem Tutorial möchte ich zeigen, wie in Photoshop mit und ohne 3D-Werkzeuge auf sehr einfache Weise eine illustrative Diskokugel erstellt werden kann.</p>
<h3>1. Der Weg zur illustrativen Diskokugel ohne 3D-Funktionen in Photoshop</h3>
<p>Für alle, die noch nicht mit der CS4 oder CS5 arbeiten, bietet Photoshop dennoch eine Möglichkeit, sehr einfach gehaltene Kugelpanoramen zu erstellen.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_01.jpg" alt="" width="800" height="568" /></p>
<p><span id="more-2211"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<h3>Schritt 1: Neues Dokument erstellen</h3>
<p>Ich erstelle ein neues Dokument in der Größe 800&#215;800 Pixel. Die Hintergrundfarbe ist Weiß. Das ist das Dokument, in dem die Diskokugel erstellt wird. Bevor es aber richtig losgeht, muss ich in einem weiteren Dokument noch ein <em>Muster</em> für den illustrativen Pünktchenlook erstellen.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Noch ein weiteres neues Dokument erstellen</h3>
<p>Ich erstelle noch ein neues Dokument in der Größe 40&#215;40 Pixel. Der Hintergrund ist hier transparent. Denn um einen illustrativen Look zu erhalten, wird meine Diskokugel kleine farbige Punkte haben. Und die Punkte lege ich als <em>Muster</em> in diesem zweiten Dokument fest.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Punkte aufziehen</h3>
<p>Mit dem <em>Ellipse-Werkzeug</em> ziehe ich mit gehaltener <em>Shift-Taste</em> (die sorgt dafür, dass mein Kreis auch kugelrund ist) einen Kreis ins Dokument. Die Farbe ist Schwarz – das ist aber nicht wirklich wichtig. Vorteilhaft ist es, vorab weit ins Dokument zu zoomen.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Unterhalb der Punktebene erstelle ich eine neue Ebene, die transparent bleibt. Die weiße Hintergrundebene kann gelöscht werden.</p>
<p>Ich lege nun mein Muster fest über das Menü <em>Bearbeiten&gt;Muster festlegen.</em></p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_05.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Gleich mehrere Muster anlegen</h3>
<p>Je ausfüllender der Kreis in meinem Muster ist, desto weniger Freiraum habe ich später zwischen den Punkten in meiner Diskokugel. Sinnvoll ist es daher, gleich mehrere Muster mit verschiedenen Punktgrößen anzulegen.</p>
<p>Auch kann ich sogar mehrere Punkte in mein Muster nehmen, die gleich verschiedene Größen aufweisen. Das gibt eine schöne Variation bei der späteren Diskokugel.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_06.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Muster füllend einsetzen</h3>
<p>In meinem ersten Dokument kann ich nun in einer neuen Ebene mit dem <em>Füllwerkzeug (G)</em> das Muster füllend einsetzen. In der <em>Menüleiste</em> muss dazu statt der Vordergrundfarbe <em>Muster</em> aktiviert sein. Ich erstelle insgesamt drei neue Ebenen; jeweils eine für ein punktiertes Muster.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6: Verlauf hinzufügen als Schnittmaske</h3>
<p>Damit meine Punkte auch noch farbig werden, ziehe ich in einer neuen Ebene einen beliebigen <em>Verlauf</em> auf. In diesem Beispiel mache ich es als <em>Verlaufsfüllung</em> mit einem <em>farbigen Radialverlauf.</em></p>
<p>Die Verlaufsebene platziere ich als <em>Schnittmaske</em> zu meiner Punkteebene. Das mache ich, indem ich mit <em>Alt</em> zwischen beiden Ebenen klicke bzw. mit dem Shortcut <em>Strg+Alt+G.</em></p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7: In ein Smart-Objekt konvertieren</h3>
<p>Ich markiere beide Ebenen mit der <em>Shift-Taste</em> und konvertiere diese in ein <em>Smart-Objekt.</em> Das hat den Vorteil, dass ich den Verlauf oder die Punktierung später jederzeit ohne Qualitätsverlust ändern kann.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8: Verzerrungsfilter Wölben anwenden</h3>
<p>Nun wende ich den Verzerrungsfilter <em>Wölben</em> im Modus <em>Normal</em> mit 100 Prozent <em>Stärke</em> an.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 9: Innenbereich auswählen</h3>
<p>Mit der <em>Auswahlellipse</em> ziehe ich von oben links nach unten rechts mit gehaltener <em>Shift-Taste</em> eine kreisrunde Auswahl auf, um den Innenbereich der Kugel zu erfassen. Für eine kleine  „Sauberkeitszugabe“ ist meine Auswahl nicht ganz am Rand, sondern 2-3 Pixel innerhalb der Kugel.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 10: Als eigene Ebene einsetzen</h3>
<p>Mit <em>Strg+C</em> kopiere ich meine Auswahl und mit <em>Strg+V</em> füge ich sie in einer neuen Ebene ein. Fertig ist meine illustrative Diskokugel, die ich jetzt innerhalb eines Flyers als Designelement anwenden kann.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_12.jpg" alt="" /></p>
<h3></h3>
<div>
<h3><span> </span></h3>
</div>
<p>Beispiel: Partyflyer Alter Schlachthof Hier mit einer Füllebene <em>Farbfläche</em> (vor CS5 hieß diese noch <em>Volltonfarbe!).</em></p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_13.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 11: Einfarbige Farbpunkte im Verlauf</h3>
<p>Sofern ich meine Punkte komplett in einer Farbe halten oder mit einem Verlauf versehen möchte, kann ich dies noch recht einfach umsetzen.</p>
<p>Wenn die Diskokugel einen Verlauf haben, dessen einzelnen Punkte aber einfarbig bleiben sollen, wird es etwas schwieriger. Aber auch dafür gibt es eine Lösung. Dazu öffne ich das <em>Smart-Objekt-Original</em> mit <em>Doppelklick</em> auf das <em>Smart-Objekt.</em> Es öffnet sich eine PSB-Datei.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_14.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich aktiviere die Verlaufsebene und rufe über das Menü <em>Filter&gt;Vergröberungsfilter</em> den <em>Mosaikeffekt-Filter</em> auf.</p>
<p>Dort kann ich meinen Verlauf in ein Mosaik zerlegen. Die Schwierigkeit besteht jetzt nur darin, die richtige Quadrateanzahl zu finden, sodass es keine Schnittstellen zwischen den Mosaiken gibt. Es funktioniert aber. In diesem Beispiel bei 40 Quadraten.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_15.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt haben die Punkte in der Diskokugel eine „Vollfarbe“, bilden als Ganzes aber einen schönen illustrativen Verlauf.</p>
<p>Tipp: Dieser Kreismosaikeffekt bietet sich auch und vor allem bei farbig-wild gesprenkelten Bildern an!</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_16.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h2>2. Der Weg zur illustrativen Diskokugel mit den 3D-Funktionen in Photoshop</h2>
<p>Für alle Photoshop-Anwender mit älteren Photoshop-Versionen ist der oben beschriebene Weg zur Diskokugel sehr praktisch. Da der Look illustrativ ist, kann das Ergebnis sehr gut in einem Flyer wirken. Dennoch weist die Diskokugel eine unbequeme Starre auf, denn die Kugel gibt es nur in der Frontalen.</p>
<p>Mit den 3D-Funktionen ist es mir möglich, diese Starre zu überwinden und die Diskokugel mit dem richtigen Blickwinkel in meinem Flyer zu platzieren.</p>
<p>&nbsp;</p>
<h1>Schritt 1: Musterebene mit Verlauf anlegen</h1>
<p>Ich erstelle eine neue Gruppe, in der ich die Bearbeitung mit den 3D-Funktionen zeige.</p>
<p>In der neuen Gruppe erstelle ich eine neue Ebene, die ich auch mit dem zuvor angelegten <em>Muster</em> fülle. Dem <em>Muster</em> weise ich als <em>Schnittmaske</em> noch eine <em>Verlaufsebene</em> zu. Die ersten Schritte sind demnach identisch im Aufbau wie bei dem konventionellen Weg.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_17.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Musterebene mit Verlauf in 3D-Ebene umwandeln</h3>
<p>Ich konvertiere meine Musterebene zusammen mit der Verlaufsebene in ein <em>Smart-Objekt.</em> Das <em>Smart-Objekt</em> wandle ich in eine <em>3D-Ebene</em> um. Dazu wähle ich im Menü <em>3D&gt;Neue Form aus Ebene&gt;Kugelpanorama.</em></p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_18.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Positionieren</h3>
<p>Mit den <em>3D-Objekt-Werkzeugen</em> zoome ich erstmal ein Stück raus und drehe meine Diskokugel, wie ich sie haben möchten.</p>
<p>Jetzt wird erkennbar, welcher Vorteil in der 3D-Technik liegt: Ich kann meiner Diskokugel einen bestimmten Fokus geben. Ob die Ansicht von unten oder von oben erfolgen soll, ist sehr einfach und intuitiv einzustellen.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_19.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Rendern</h3>
<p>Habe ich die richtige Position gefunden, brauche ich mein Ergebnis nur noch zu rendern. Damit glätten sich auch die Kanten, und meine Diskokugel bekommt einen schönen illustrativen Look.</p>
<p>Als Rendereinstellung wähle ich im <em>3D-Bedienfeld</em> im Menü <em>Gesamte Szene</em> unter <em>Qualität</em> die Option <em>Raytracing.</em> Wenn ich noch in der Bearbeitung bin, reicht erstmal <em>Entwurf.</em> Ist das Werk nahezu abgeschlossen, kann ich beim <em>Raytracing </em>auch <em>endgültig</em> einstellen. Da ist die Rechenzeit aber um einiges länger.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_20.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Änderungen</h3>
<p>Möchte ich mein Muster doch noch ändern, kann ich das ganz einfach machen, indem ich in der 3D-Ebene auf meine Ursprungsebene klicke.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_21.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt kann ich mein Muster in der Form oder der Farbe ändern. Mit Speichern der PSB-Datei wird dies sofort in meiner 3D-Diskokugel berücksichtigt. In diesem Beispiel habe ich den Farbverlauf farblich angepasst.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_22.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6: Variation im illustrativen Look</h3>
<p>Wenn ich statt des illustrativen Punktelooks lieber eine flächige Diskokugeltextur möchte, brauche ich bloß mein <em>Muster</em> bzw. die zugrunde liegende Textur entsprechend vorzubereiten.</p>
<p>Dazu erstelle ich wieder meine Musterdatei in der Größe 40&#215;40 Px und zeichne ein Quadrat hinein. Wichtig ist, dass ich links und oben eine kleine transparente Fläche bewahre, weil das Muster nahtlos erweitert werden soll.</p>
<p>Das <em>Muster</em> lege ich fest über das Menü <em>Bearbeiten&gt;Muster festlegen.</em></p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_23.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt erweitere ich die Arbeitsfläche auf 160&#215;160 Pixel und erstelle eine neue Ebene. Die Ebene fülle ich mit dem <em>Füllwerkzeug</em> mit meinem soeben angelegten Quadratmuster.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_24.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich wähle mir verschieden helle Vordergrundfarben und fülle die einzelnen Flächen.</p>
<p>Anschließend lege ich auch dieses Muster fest. (Zur Info: Das erste Quadratmuster diente nur dazu, mir den Weg ein wenig zu verkürzen).</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_25.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Wenn ich jetzt in einer bestehenden Diskokugel einfach die Mustertextur im <em>Smart-Objekt</em> aufrufe und für die gepunktete Textur meine Quadrattextur einsetze, ergibt sich wieder ein neuer, sehr schöner illustrativer Look.</p>
<p>Es lohnt sich, eine <em>abgeflachte Kante</em> mit 1 Pixel <em>Größe</em> bei 100 Prozent <em>Tiefe</em> in den <em>Fülloptionen</em> einzustellen. Der <em>Tiefenmodus</em> wird auf 100 Prozent <em>Deckkraft</em> erhöht. Damit werden die einzelnen Flächen sehr schön voneinander abgegrenzt; das gibt der Diskokugel noch ein wenig Tiefe.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_26.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Fertig ist meine Diskokugel im illustrativen Quadratlook.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_27.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Farbliche Änderungen können auch hier ebenso schnell erfolgen. In diesem Beispiel hat die Diskokugel noch eine Einstellungsebene <em>Farbton-Sättigung</em> erhalten, mit der die Blautöne in Rottöne umgewandelt werden.</p>
<p><img class="colorbox-2211"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/discokugel/discokugel_28.jpg" alt="" /></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2211&amp;md5=0ab33cf15404753e4957791c51b6043d" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/15/illustrative-discokugel-fur-flyer-und-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Breakeffekt für Typo und Layout</title>
		<link>http://www.photoshoptutorials.de/2012/02/12/breakeffekt-fur-typo-und-layout/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/12/breakeffekt-fur-typo-und-layout/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 09:03:58 +0000</pubDate>
		<dc:creator>Matthias Petri</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2206</guid>
		<description><![CDATA[Autor: Matthias Petri &#160; Für Flyer und Wallpaper bieten sich kreative Typoanordnungen an. In diesem Tutorial möchte ich eine Herangehensweise zeigen, wie Text gebrochen werden kann. Mit dieser Technik lassen sich vielfältig kreative Typodesigns erstellen! In diesem Tutorial möchte ich zeigen, wie folgender Breakeffekt erstellt wird: Ein bisschen Reklame in eigener Sache:   Schritt 1: [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor:</strong> Matthias Petri</p>
<p>&nbsp;</p>
<p>Für Flyer und Wallpaper bieten sich kreative Typoanordnungen an. In diesem Tutorial möchte ich eine Herangehensweise zeigen, wie Text gebrochen werden kann. Mit dieser Technik lassen sich vielfältig kreative Typodesigns erstellen!</p>
<p>In diesem Tutorial möchte ich zeigen, wie folgender Breakeffekt erstellt wird:</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt-end.jpg" alt="" /></p>
<p><span id="more-2206"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<h3>Schritt 1: Neues Dokument erstellen</h3>
<p>Ich erstelle ein neues Dokument in der Größe 1150&#215;600 Pixel. Die Dokumentgröße ist nicht wirklich wichtig und kann daher nach Belieben angepasst werden.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_01.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Farbe für den Hintergrund</h3>
<p>Im <em>Farbwähler</em> stelle ich ein sehr helles Blau ein, welches für den Hintergrund genutzt werden soll.</p>
<p>Mit <em>Alt+Rückstelltaste</em> kann ich die eingestellte Vordergrundfarbe füllend einsetzen.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Text platzieren</h3>
<p>Ich wähle eine dicke Schriftart; in diesem Bild ist es die Futura Md BT in einer Größe von 200 Pt. Die Textfarbe ist Schwarz.</p>
<p>Mit dem <em>Textwerkzeug</em> schreibe ich ins Dokument PSD.</p>
<p>In einer weiteren Textebene schreibe ich noch den Zusatz 2.0.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Text drehen</h3>
<p>Die erste Textebene mit PSD drehe ich um ca. 7,5 Grad gegen den Uhrzeigersinn.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Texte brechen</h3>
<p>Mit dem <em>Auswahlwerkzeug</em> wähle ich ein Stück vom ersten Text aus. Mit <em>Rechtsklick&gt;Auswahl transformieren</em> kann ich meine Auswahl noch ein Stück drehen, sodass ich ein Stück aus meinem Text in geeigneter Weise herausbrechen kann.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_05.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Mit <em>Strg+C</em> kopiere ich die Textauswahl und füge sie mit <em>Strg+V</em> in einer neuen Ebene wieder ein.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_06.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6: Bruchstelle ausblenden</h3>
<p>Anschließend wähle ich über das Menü <em>Auswahl&gt;Erneut auswählen.</em></p>
<p>Mit <em>Alt</em> klicke ich bei der Textebene auf das <em>Ebenenmaske hinzufügen-Symbol.</em> Jetzt ist genau der Teil, der dem Text als Bruchstück entnommen wurde, in der Textebene maskiert.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7: Weitere Textteile brechen</h3>
<p>Wie in den letzten zwei Schritten beschrieben, fahre ich mit den weiteren Buchstaben fort, sodass ich meinen Text mehrfach gebrochen erhalte.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8: Textbruchstück drehen</h3>
<p>Meine Textbruchstücke kann ich noch ein wenig drehen, um den Effekt zu akzentuieren. Bei aktiviertem <em>Verschieben-Werkzeug</em> gehe ich in bei den Textbruchstückebenen über die Eckpunkte des <em>Transformationsrahmens.</em> Es erscheint der <em>Doppelpfeil.</em> Damit kann ich meinen Rahmen drehen.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 9: Variation eines Textbruchstücks</h3>
<p>Wenn ich den Text noch ein wenig variieren möchte, kann ich einen Textteil auch noch etwas verkleinern. Dazu dupliziere ich einfach meine erste Textebene und blende das Original aus. Im Duplikat stelle ich die Textgröße von 200 auf 180 Pt.</p>
<p>Das schaut gut aus in Abgrenzung zu den bestehenden Textbruchstücken.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 10: Bruchlinien einfügen</h3>
<p>Mit dem <em>Linienzeichner-Werkzeug</em> in einer Stärke von 1 Px ziehe ich eine schwarze Linie ins Bild, die genau an einer Bruchstelle platziert wird. Über <em>Strg+T</em> kann ich die Linien noch nach Belieben drehen, bis es passt.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 11: Bruchlinie duplizieren</h3>
<p>Mit <em>Strg+J</em> dupliziere ich die erste Bruchlinie. Diese platziere ich an einer weiteren Bruchstelle. Bei Bedarf drehe ich die duplizierte Linie, bis es optimal passt. Diese Schritte wiederhole ich, bis ich meine sechs Bruchlinien im Bild habe.</p>
<p>Wenn eine duplizierte Linie zu lang ist, füge ich eine <em>Ebenenmaske</em> hinzu, in der ich die überflüssigen Bereiche maskiere. Größenveränderungen über das <em>Skalieren</em> sind nicht sinnvoll, weil damit auch teilweise die Stärke der Linie verändert wird.</p>
<p>Daher mein Tipp: Verkürzen über die <em>Ebenenmaske,</em> zum Verlängern besser eine neue Linie zeichnen.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_12.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 12: Textzeile hinzufügen</h3>
<p>Mit einer 26-Punkt-Georgia schreibe ich in schwarzer Farbe als Unterzeile zu meinem gebrochenen Text „RELAUNCH 2010 &#8211; DAS NEUE PSD-TUTORIALS.DE“.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_13.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 13: Spritzer-Brushes einfügen</h3>
<p>Auf PSD-Tutorials.de gibt es folgende Pinselvorgabe zum Download:</p>
<p>Splatter-Pinselspitzen &#8211; <a href="http://www.psd-tutorials.de/downloads/photoshop-presets/pinsel/grunge/view/5788--splatter-pinselspitzen">http://www.psd-tutorials.de/downloads/photoshop-presets/pinsel/grunge/view/5788&#8211;splatter-pinselspitzen</a></p>
<p>Bei dem Pinsel-Set handelt es sich um Pinselspitzen, die Spritzeffekte auftragen. Diese lade ich herunter und lade sie in meinen <em>Vorgaben-Manager,</em> damit ich Zugriff auf die Pinselspitzen habe. Alternativ kann ich natürlich auch andere Brushes nehmen, die Spritzer simulieren. Es eignen sich auch Blutbrushes, Splatterbrushes, teilweise auch Grunge-Brushes.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_14.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Im <em>Pinselvorgaben-Bedienfeld</em> kann ich mir jetzt die geeigneten Pinselspitzen aus dem Splatter-Pinselset wählen und nacheinander verschiedene Brushes mit schwarzer Farbe in einer zuvor neu erstellten Ebene auftragen.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_15.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 14: Textbruchstücke reduziert auf eine Ebene duplizieren</h3>
<p>Im <em>Ebenenbedienfeld</em> markiere ich mit gehaltener <em>Shift-Taste</em> alle Ebenen, die Textbruchstücke beinhalten.</p>
<p>Mit gehaltener <em>Alt-Taste</em> dupliziere ich sie im <em>Ebenenbedienfeld.</em> Anschließend wähle ich den Shortcut <em>Strg+E,</em> um sie auf eine Ebene zu reduzieren.</p>
<p>Die Ursprungstextbruchstückebenen können ausgeblendet werden. Das Duplizieren hat den Sinn, die Originale zu bewahren, weil im nächsten Schritt die Spritzer eingefügt werden. So erhalte ich mir jederzeit den Zugriff auf die Originale.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_16.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 15: Spritzer auf dem Text</h3>
<p>Der duplizierten Ebene mit den Textbruchstücken füge ich eine <em>Ebenenmaske</em> hinzu.</p>
<p>In der <em>Ebenenmaske</em> brushe ich mit meinen Splatter-Pinselspitzen direkt auf den Text, sodass sich auch dort Spritzauftragungen ergeben, die den Text an diesen Stellen scheinbar ausradieren.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_17.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 16: Hintergrundtextur einfügen</h3>
<p>Um das Bild noch ein wenig zu beleben, platziere ich eine Textur ins Bild.</p>
<p>Diese ist entnommen der Texturen-DVD von PSD-Tutorials.de aus der Kategorie der <em>Pattern.</em></p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_18.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Textur erhält nur eine minimale <em>Deckkraft</em> von 5 Prozent. Der Ebenenmodus ist <em>Luminanz.</em></p>
<p>Der Modus <em>Luminanz</em> sorgt dafür, dass nur die Helligkeitsinformationen ins Dokument einfließen. So kann ich die Ursprungsfarben links liegen lassen und belasse einfach nur die Retrostruktur der Textur im Bild.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_19.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 17: Letzter Schliff mit Kontur und Schein nach innen</h3>
<p>Ich erstelle eine neue Ebene, fülle sie mit einer beliebigen Farbe und regle den <em>Flächeregler</em> auf 0 Prozent. Dadurch werden die Ebeneninhalte ausgeblendet; eingestellte <em>Ebenenstile</em> bleiben weiterhin angezeigt. Und diese stelle ich jetzt ein über die <em>Fülloptionen:</em></p>
<p>• <strong><em>Kontur:</em></strong></p>
<p>• <em>Größe:</em> 10 Pixel</p>
<p>• <em>Position:</em> Innen</p>
<p>• <em>Farbe:</em> Schwarz oder Tiefblau</p>
<p>• <em>Deckkraft:</em> 100 Prozent</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_20.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>• <strong><em>Schein nach innen:</em></strong></p>
<p>• <em>Füllmethode:</em> Linear nachbelichten</p>
<p>• <em>Deckkraft:</em> 100 Prozent</p>
<p>• <em>Abstand:</em> 0 Pixel</p>
<p>• <em>Unterfüllen:</em> 5 Prozent</p>
<p>• <em>Größe:</em> 250 Pixel</p>
<p>• <em>Lineare Kontur</em> mit 3 Prozent Rauschen (Rauschen sorgt für den Korneffekt)</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt_21.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Fertig ist mein Breakeffekt, der sich sehr gut für kreative Typoanordnungen in Flyer und Wallpaper macht. In den Arbeitsdateien zu diesem Tutorial ist die Texturdatei und die PSD-Datei dieses Effekts enthalten.</p>
<p><img class="colorbox-2206"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/breakeffekt/breakeffekt-22.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>Schau Dir jetzt das Video <a title="Breakeffekt für Typo und Layout" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-photoshop/typografie/view/2817--breakeffekt-fuer-typo-und-layout" target="_blank">Breakeffekt für Typo und Layout</a> an.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2206&amp;md5=de3dae83d5800018f00fd26b01d9a2cd" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/12/breakeffekt-fur-typo-und-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Feuerwerk freistellen mit Photoshop</title>
		<link>http://www.photoshoptutorials.de/2012/02/09/feuerwerk-freistellen-mit-photoshop/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/09/feuerwerk-freistellen-mit-photoshop/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 08:54:14 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2200</guid>
		<description><![CDATA[Autor: Matthias Petri &#160; Das Freistellen von klassischem Feuerwerk ist relativ leicht, auch wenn es im ersten Moment schwierig anmutet. In diesem Tutorial möchte ich mehrere Wege für Feuerwerksfreistellungen und -verrechnungen zeigen. Die Ergebnisse enden in diesem Tutorial mit der Freistellung! Eine Montage des Feuerwerks in den neuen Hintergrund ist damit i. d. R. nicht [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor</strong>: Matthias Petri</p>
<p>&nbsp;</p>
<p>Das Freistellen von klassischem Feuerwerk ist relativ leicht, auch wenn es im ersten Moment schwierig anmutet. In diesem Tutorial möchte ich mehrere Wege für Feuerwerksfreistellungen und -verrechnungen zeigen. Die Ergebnisse enden in diesem Tutorial mit der Freistellung! Eine Montage des Feuerwerks in den neuen Hintergrund ist damit i. d. R. nicht abgeschlossen und bedarf noch der Anpassung von Farbe, Spiegelung, etc. Die weiteren notwendigen Schritte für so eine Montage sind nicht Bestandteil dieses Tutorials!</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_20.jpg" alt="" /></p>
<p><span id="more-2200"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h3>Freistelltechniken beim Feuerwerk</h3>
<h3>Grundsätzliches</h3>
<p>Der Vorteil am Feuerwerk besteht meistens darin, dass ein hoher Kontrast zwischen dunklem Himmel und hellem Feuerwerk besteht. Das begünstigt die Freistellung über die klassischen Wege.</p>
<p>&nbsp;</p>
<h1>Bildbeurteilung</h1>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_01.jpg" alt="" width="800" height="568" /><br />
Bildquelle: <a href="http://de.fotolia.com/partner/62358">Imageman Rez @ Fotolia.de</a></p>
<p>In diesem Bild herrschen so ziemlich Optimalbedingungen zum Freistellen. Schwarzer Hintergrund bei einem hellen Objekt, das freigestellt werden soll. Es bieten sich die klassischen Freistelltechniken über Kanäle oder Farbbereichsauswahlen an. Da bei diesen beiden immer noch ein dunkler Saum vom Hintergrund bestehen bliebe, wähle ich eine weniger bekannte Freistellungstechnik.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>1. Freistellungstechnik: Kanalauswahl</h3>
<p>Ich prüfe die Kanäle nach dem höchstmöglichen Kontrast und dupliziere daraufhin den Rotkanal.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Kontrastverstärkung</h3>
<p>Auf das Duplikat wende ich zur weiteren Steigerung des Kontrasts eine <em>Tonwertkorrektur </em>an. Dabei verschiebe ich die äußeren Regler ein Stück in die Mitte.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Kanalauswahl</h3>
<p>Mit <em>Strg </em>klicke ich in die Kanalminiatur, um die Pixel auszuwählen. Jetzt wechsele ich wieder in die RGB-Ansicht und füge der zuvor duplizierten Hintergrundebene eine <em>Ebenenmaske </em>hinzu. Die <em>Ebenenmaske </em>besteht nun aus der Auswahl. Zur besseren Ansicht habe ich eine blaue Ebene daruntergelegt.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Maske verbessern</h3>
<p>Über den Dialog <em>Maske verbessern</em> (<em>Alt+Strg+R</em>) kann ich die <em>Ebenenmaske </em>bei Bedarf noch in Kontrast und Umfang optimieren.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_05.jpg" alt="" /><br />
Die dunklen Farbsaumrückstände kann ich durchaus lassen, weil sie nicht negativ ins Bild fallen. Wer sie entfernen möchte, kann das leicht über eine Einstellungsebene machen.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>2. Freistellungstechnik: Vordergrund erzwingen über Extrahieren</h3>
<p>Als Erstes dupliziere ich die Hintergrundebene und wähle danach im Menü <em>Filter&gt;Extrahieren</em>.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_06.jpg" alt="" /><br />
Wer den <em>E</em><em>xtrahieren</em>filter in CS4 vermisst, findet ihn auf der Installations-DVD unter „Zugaben/Optionale Zusatzanwendungen“. Oder ihr schaut, sofern ihr noch Photoshop CS3 auf dem Rechner installiert habt, im Filterverzeichnis von PS CS3 nach und kopiert euch die <em>Extrahieren</em>-<em>Filter</em>-Datei. Sie hat den Namen: ExtractPlus.8bf und befindet sich unter Adobe Photoshop CS3/Zusatzmodule/Filter. Einfach diese Datei kopieren und bei der Version CS4 in die entsprechende Ordnerstruktur einfügen.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Farbe festlegen zum Vordergrund erzwingen</h3>
<p>Anders als bei der klassischen Anwendung des <em>Extrahieren</em>filters wird hier kein Bereich, der freigestellt werden soll, gefüllt. Ich wähle stattdessen zu Beginn die Option <em>Vordergrund erzwingen</em> und wähle im Farbwähler eine Farbe, die dem Feuerherz am ehesten gleicht. Mit dem Kantenmarker markiere ich alle Bereiche, die Feuerstrahlen beinhalten.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Vorschau prüfen</h3>
<p>Nun kann ich <em>Vorschau </em>wählen und bei mehreren Hintergrundfarben prüfen, wie der <em>Extrahieren</em><em>filter</em> die dunklen Farbbereiche löscht und den Vordergrund mit den Feuerstrahlen erzwingt.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_08.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Das Feuerherz ist freigestellt ohne Farbsaum</p>
<p>Jetzt kann ich mit <em>OK </em>bestätigen. Das Feuerherz ist freigestellt. Und das sogar ohne Farbsaumrückstände.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ergebnis non-destruktiv nutzen</h3>
<p>Tipp: Da <em>Extrahieren </em>eine destruktive Freistelltechnik ist, empfiehlt es sich, das Ergebnis non-destruktiv zu verwerten.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_10.jpg" alt="" /><br />
Ich kann jetzt die Pixel der freigestellten Ebene auswählen und als Maske der Urspungsebene hinzufügen. Dann kann ich non-destruktiv mit dem Ergebnis weiterarbeiten.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>3. Freistellungstechnik: Hintergrund-Radiergummi</h3>
<p>Das erste Beispiel war denkbar einfach, weil der schwarze Hintergrund in einem optimalen Kontrast zum Vordergrund stand. Wenn der Hintergrund keinen optimalen Kontrast aufweist, aber eine sich einigermaßen absetzende Farbe zum freizustellenden Motiv hat, kann mit dem <em>Hintergrund-Radiergummi </em>die Freistellung schnell erfolgen.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_11.jpg" alt="" /><br />
Bildquelle: <a href="http://de.fotolia.com/partner/62358">cornelius @ Fotolia.com</a></p>
<p>Ich wähle die einmalige Aufnahme bei nicht aufeinanderfolgenden Grenzen in einer mittleren Toleranz. Mit <em>Alt </em>bestimme ich die zu schützende Vordergrundfarbe: einen hellblauen, fast weißen Farbton aus dem Feuerwerk.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Hintergrund wegradieren</h3>
<p>Jetzt kann ich mit dem Hotspot in die blaue Hintergrundfarbe klicken und den Hintergrund wegradieren. Zur besseren Sichtbarkeit und Überprüfung erfolgt die Freistellung mit einem neuen schwarzen und weißen Hintergrund. Ich muss dabei mehrfach mit dem Hotspot die zu löschende Hintergrundfarbe anwählen und mit gedrückter Maustaste die Farbbereiche wegradieren.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_12.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Ergebnis non-destruktiv nutzen</h3>
<p>Nun lassen sich die Pixel der Freistellung auswählen und als <em>Ebenenmaske </em>der Hintergrundebene hinzufügen. Die Freistellung kann jetzt non-destruktiv verwendet werden.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_13.jpg" alt="" /><br />
Tipp: Wenn die Freistellung nicht ganz so sauber erfolgte und Rückstände in der <em>Ebenenmaske </em>sichtbar sind, kann ich Folgendes machen. Ich wähle meine <em>Ebenenmaske </em>mit <em>Alt </em>an. Diese wird jetzt im Dokument sichtbar.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Unsauberkeiten ausgleichen</h3>
<p>Anschließend rufe ich die Bildkorrektur <em>Tonwertkorrektur </em>auf. Den Gammaregler oder den linken Schieberegler verschiebe ich nach rechts, bis die Reststellen aus dem Bild verschwinden.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_14.jpg" alt="" width="800" height="568" /><br />
Alternativ kann ich diese, sofern sie mit dem Pinsel fassbar sind, auch direkt mit schwarzer Farbe auf die <em>Ebenenmaske </em>malen. Im Maskenfenster kann ich auch die Maske verbessern. Ich erhöhe einfach den Kontrast um ca. 15 Prozent. Das hat denselben Effekt wie die Tonwertkorrektur.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Feuerwerk aufpeppen</h3>
<p>Wenn ich noch eine Einstellungsebene <em>Tonwertkorrektur </em>als Schnittmaske zur Feuerwerksebene anwende, kann ich das Feuerwerk noch etwas deutlicher zum Strahlen bringen.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_15.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<h3>Zwischenbemerkung</h3>
<p>Das waren jetzt drei Beispiele, wie sich ein Feuerwerk bei einem schwarzen oder dunkelblauen Hintergrund freistellen lässt. Man kann genauso gut andere Wege des Freistellens wählen; wie es einem beliebt. Die drei Beispiele wurden in diesem Tutorial aber nur der Vollständigkeit halber gezeigt, um auch dem Titel des Tutorials gerecht zu werden. Es gibt deutlich effektivere Wege, ein Feuerwerk in ein neues Bild zu integrieren. Es wird nicht freigestellt, sondern verrechnet. Der Eindruck ist trotzdem der eines freigestellten Feuerwerks.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>4. Verrechnungstechniken beim Feuerwerk</h3>
<p>Ich habe hier ein Bild in typischer Kitschromantik. Diese kann man noch auf den Höhepunkt treiben, wenn ein Feuerwerk im Himmel zu sehen ist. Gleichzeitig nutze ich den unteren dunklen Bereich für mein Feuerherz und eine Beschriftung.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_16.jpg" alt="" width="800" height="568" /><br />
Bildquelle: <a href="http://de.fotolia.com/partner/62358">phat @ Fotolia.com</a></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>4.1: Feuerherz mit Aufhellen/Hellere Farbe/Linear Abwedeln (Hinzufügen)</h3>
<p>Als Erstes platziere ich das Feuerherz in das Bild über Menü <em>Datei&gt;Platzieren</em>. Es wird als <em>Smart-Objekt </em>in das Dokument geladen.</p>
<p>&nbsp;</p>
<h1>Ebenenmodus<em> Linear Abwedeln (Hinzufügen)</em></h1>
<p>Den Ebenenmodus ändere ich von <em>Normal </em>auf <em>Linear Abwedeln (Hinzufügen)</em>. Das sorgt für eine Verrechnung des Herzbildes mit dem Hintergrund des Kitschromantikbildes. Die Helligkeit wird etwas erhöht und der dunkle Hintergrund des Kitschromantikbildes kommt voll durch.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_17.jpg" alt="" /><br />
Wenn ich die Herzebene durch das Bild bewege, sehe ich, dass der schwarze Hintergrund voll ausgeblendet wurde. Die Verrechnung im Modus <em>Linear abwedeln </em>sorgt dafür, dass der Kitschhintergrund überall angezeigt wird.</p>
<div><span> </span></div>
<p>Zwei weitere Füllmethoden, die sich für die Herzebene eignen, sind <em>Aufhellen </em>und <em>Hellere Farbe</em>. Auch hier wird der schwarze Hintergrund ausgeblendet, weil alle anderen Farben im Bild heller sind. Die Herzstrahlen werden angezeigt, weil sie zum größten Teil heller als der Kitschhintergrund sind. Mit einer Einstellungsebene <em>Tonwertkorrektur </em>als Schnittmaske zur Herzebene kann ich die Strahlen noch etwas heller leuchten lassen.<br />
Jetzt schreibe ich noch einen kleinen Text am unteren Rand hin, der einen hellen <em>Schein nach außen</em> erhält.</p>
<p>&nbsp;</p>
<h1>4.2: Feuerwerk mit schwarzem Hintergrund über &#8216;Hellere Farbe&#8217; in das Bild platzieren</h1>
<p>Nun folgt das Feuerwerk am Himmel. In diesem Tutorial wird es nur beispielhaft verwendet, ohne Spiegelung im Wasser etc. Es soll nur die Technik verdeutlichen, wie ein Feuerwerk schnell freigestellt/verrechnet bzw. in ein neues Bild integriert werden kann. Ich platziere wieder ein neues Feuerwerkbild in das Bild. Auch dieses hat einen schwarzen Hintergrund.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_18.jpg" alt="" width="800" height="568" /><br />
Bildquelle: <a href="http://de.fotolia.com/partner/62358">Matthias Falke @ Fotolia.com</a></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Aufhellen/Hellere Farbe in Verrechnung mit dem schwarzem Hintergrund</h3>
<p>Im Modus <em>Aufhellen </em>erhalte ich ein zufriedenstellendes Ergebnis. Ebenso eignen sich die Modi <em>Linear Abwedeln (Hinzufügen)</em> und <em>Hellere Farbe</em>. Wer einen schnellen Vorher-Nachher-Vergleich durchführen möchte, kann den Ebenenmodus <em>Normal </em>mit <em>Alt+Shift+N</em> und den Ebenenmodus <em>Linear Abwedeln (Hinzufügen)</em> mit <em>Alt+Shift+W</em> bzw. <em>Alt+Shift+G</em> für <em>Aufhellen</em> abwechselnd einstellen. <em>Hellere Farbe</em> gibt es erst seit CS3 in Photoshop. Einen Tastaturbefehl gibt es für diese Füllmethode leider nicht.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_19.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Feuerwerk aufpeppen</h3>
<p>Eine Einstellungsebene <em>Tonwertkorrektur </em>als Schnittmaske erhöht noch ein wenig die Helligkeit und die Sättigung des Feuerwerks, wenn der Gammaregler ein Stück nach links geschoben wird.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_20.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Auch in Illustrationen verwendbar</h3>
<p>Diese Variante der Freistellung macht sich nicht nur im Foto schön, sondern auch in Bildern im Vektorstil. Ich dupliziere dazu die Ebene in einen Flyer, der zum romantischen Tanzabend einlädt, und behalte die soeben getroffenen Einstellungen bei.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_26.jpg" alt="" /><br />
Bei Bedarf können die Einstellungsebenen noch etwas angepasst werden.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Farbpapiercollage anwenden</h3>
<p>Wer es noch etwas illustrativer mag, kann den Smartfilter <em>Farbpapiercollage </em>auf das Feuerwerk anwenden. Dann wirkt das Feuerwerk wie ins Bild gemalt.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_27.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>4.3: Feuerwerk mit unterschiedlichen Hintergrundfarben in das Bild einfügen</h3>
<p>Jetzt wird es etwas anspruchsvoller. Ich platziere ein Feuerwerkbild in das Dokument, dessen Hintergrund mehrere Farben aufweist.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_21.jpg" alt="" width="800" height="568" /><br />
Bildquelle: <a href="http://de.fotolia.com/partner/62358">starush @ Fotolia.com</a></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Hellere Farbe reicht nicht für blauen Hintergrund</h3>
<p>Den Ebenenmodus des <em>Smart-Objekt</em>s stelle ich auf <em>Hellere Farbe</em>. Wie befürchtet, werden zwar die Feuerwerkstrahlen angezeigt, aber auch der nach unten heller werdende Ursprungshintergrund.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_22.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Gradationskurve als Schnittmaske</h3>
<p>Ich erstelle eine Einstellungsebene <em>Gradationskurve </em>als Schnittmaske. Dort stelle ich die Kurve derart ein, dass das Feuerwerk etwas betont wird und der Hintergrund leicht verschwindet. Einige Restteile des Hintergrundes sind noch sichtbar.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_23.jpg" alt="" width="800" height="568" /><br />
Tipp: Die Einstellungsebenen <em>Gradationskurve </em>und <em>Tonwertkorrektur </em>arbeiten in diesem Beispiel auf ähnliche Weise. Welcher Korrekturmöglichkeit ich den Vorzug gebe, ist reine Geschmackssache.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Blautöne verdunkeln über Farbton/Sättigung</h3>
<p>Um das Blau vollständig aus den Hintergrund zu bekommen, erstelle ich eine weitere Einstellungsebene als Schnittmaske, und zwar <em>Farbton/Sättigung</em>. Dort rufe ich die Cyan- und Blautöne auf und verringere die Helligkeit auf -100. Die Blautöne verschwinden aus dem Bild.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_24.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Restbereich in Maske schwarz ausmalen</h3>
<p>Dem <em>Smart-Objekt</em> füge ich eine <em>Ebenenmaske </em>hinzu und male den unteren irrelevanten Bereich schwarz aus, damit diese aus dem Bild verschwinden.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_25.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>5. Blau-weißes Feuerwerk mit blauem Hintergrund in das Bild einfügen über Farbbereichs-/Tonwertausblendungen</h3>
<p>Als letztes Beispiel möchte ich noch eine weitere interessante Technik zeigen, die über Tonwertausblendungen funktioniert.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_28.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Füllmethodenverrechnungen stoßen an ihre Grenzen</h3>
<p>Die Ebenenmodiverrechnungen stoßen bei diesem Bild etwas an ihre Grenzen. Der Hintergrund ist blau in einem ähnlichen Ton wie das Feuerwerksblau. Daher erhalte ich bei <em>Hellere Farbe</em>, <em>Aufhellen </em>oder <em>Linear Abwedeln</em> kein ordentliches Ergebnis.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_29.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Dunkle Tonwerte ausblenden</h3>
<p>Die Verrechnung über eine Tonwertausblendung bietet sich an. Ich öffne die <em>Fülloptionen </em>und wähle den grauen Farbbereich. Mit dem linken Regler kann ich die dunklen Farbbereiche mit Verschieben nach rechts aus dem Bild nehmen. Mit <em>Alt </em>kann ich von dem Regler ein Dreieck abziehen und den Übergang glätten. Ich wähle für dieses Beispiel einen Wert um die 30/100.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_30.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Feuerwerk aufpeppen</h3>
<p>Mit einer Einstellungsebene <em>Tonwertkorrektur </em>als Schnittmaske kann ich dem Feuerwerk wieder etwas mehr Pep geben.</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_31.jpg" alt="" /><br />
Dem <em>Smart-Objekt</em> füge ich noch eine <em>Ebenenmaske </em>hinzu und male störende Randelemente schwarz aus, damit diese aus dem Bild verschwinden.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Auch im Illustrativen gut anwendbar</h3>
<p>Auch mit diesem Feuerwerk mache ich im Tanzflyer eine gute Figur, wenn dieses rechts platziert wird. Die Palmen habe ich ausgeblendet und noch Sonnenstrahlen in den Hintergrund gelegt.</p>
<p>Tipp: Du kannst eine leere Ebene erstellen und diese mit der aktuellen Ebene auf eine reduzieren. Anschließend markiere die Pixel und füge diese als <em>Ebenenmaske </em>der zuvor duplizierten Originalebene hinzu. So kannst du dieses Ergebnis auch non-destruktiv nutzen und optimal weiterbearbeiten!</p>
<p><img class="colorbox-2200"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/feuerwerk-freistellen/feuerwerk-freistellen_32.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<h3>Fazit</h3>
<p>Eine Freistellung von Feuerwerksstrahlen ist wegen der Ausgangsbedingungen auf Feuerwerksbildern (dunkler Hintergrund, helles Feuerwerk) selten notwendig. Es reicht völlig, das Feuerwerk mit einem neuen Hintergrund verrechnen zu lassen. Störende Elemente wie Rauch können durch eine Einstellungsebene <em>Gradationskurve/Tonwertkorrektur </em>etc. in einem Zug mit der Akzentuierung des Feuerwerks entfernt werden.</p>
<p>Schau Dir auch das Video <a title="Feuerwerk freistellen mit Photoshop" href="http://www.psd-tutorials.de/video-trainings/2d/adobe-photoshop/fotobearbeitung/view/2677--feuerwerk-freistellen-in-photoshop" target="_blank">Feuerwerk freistellen mit Photoshop</a> an.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2200&amp;md5=480f825f8afcb07993a3d686a3af5989" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/09/feuerwerk-freistellen-mit-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aqua-Schrift-Effekt</title>
		<link>http://www.photoshoptutorials.de/2012/02/06/aqua-schrift-effekt/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/06/aqua-schrift-effekt/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 10:23:10 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2192</guid>
		<description><![CDATA[Autor: Pascal Bajorat &#160; In diesem Tutorial möchte ich euch zeigen, wie ihr auf einfache Art und Weise mit den Ebeneneffekten von Photoshop eine Aqua-Schrift erstellen könnt. Für die Aqua-Schrift wird ein Font benötigt, der möglichst nicht geradlinig ist. Ich verwende in dem Tutorial die Schrift Croobie: http://www.dafont.com/croobie.font Ein bisschen Reklame in eigener Sache: Schritt 1 Erstellt [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor:</strong> Pascal Bajorat</p>
<p>&nbsp;</p>
<p>In diesem Tutorial möchte ich euch zeigen, wie ihr auf einfache Art und Weise mit den Ebeneneffekten von Photoshop eine Aqua-Schrift erstellen könnt. Für die Aqua-Schrift wird ein Font benötigt, der möglichst nicht geradlinig ist. Ich verwende in dem Tutorial die Schrift Croobie: <a href="http://www.dafont.com/croobie.font" target="_blank">http://www.dafont.com/croobie.font</a><br />
<img class="colorbox-2192"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/aqua-schrift.jpg" alt="Aqua Schrift" /></p>
<p><span id="more-2192"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h3>Schritt 1</h3>
<p>Erstellt euch ein neues leeres Dokument in Photoshop; die Größe ist egal. In meinem Beispiel verwende ich ein Dokument der Größe 800 x 600 Pixel.</p>
<p>Schreibt in das Dokument mit einer möglichst nicht geradlinigen Schrift einen kleinen Text wie z. B. &#8220;PSD&#8221;. Ich verwende in diesem Tutorial den Font &#8220;Croobie&#8221; (<a href="http://www.dafont.com/croobie.font">http://www.dafont.com/croobie.font</a>).</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/aqua-schrift1.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2</h3>
<p>Der Aqua-Effekt wird komplett mit <em>Ebeneneffekten</em> erstellt; dazu klickt ihr auf <em>fx-Symbol</em> der Ebene und stellt folgende Effekte ein:</p>
<p>Nicht aufgeführte Attribute behalten die Standardwerte.</p>
<p><strong>Schlagschatten:</strong></p>
<p>• <em>Deckkraft:</em> 60%</p>
<p>• <em>Abstand:</em> 5 Px</p>
<p>• Überfüllen: 0%</p>
<p>• Größe: 5Px</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/schlagschatten.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Schatten nach innen:</strong></p>
<p>• <em>Deckkraft:</em> 18%</p>
<p>• <em>Abstand:</em> 5 Px</p>
<p>• <em>Überfüllen:</em> 0%</p>
<p>• <em>Größe:</em> 5 Px</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/schatten-nach-innen.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Schein nach außen:</strong></p>
<p>• <em>Füllmethode:</em> Normal:</p>
<p>• <em>Farbe:</em> #bfefff</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/schein-nach-aussen.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Schein nach innen:</strong></p>
<p>• <em>Deckkraft:</em> 67%</p>
<p>• <em>Verlauf:</em> #193483 -&gt; #ffffff</p>
<p>• <em>Größe:</em> 21PX</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/schein-nach-innen.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Abgeflachte Kante und Relief:</strong></p>
<p>• <em>Stil:</em> Abgeflachte Kante innen</p>
<p>• <em>Technik:</em> Abrunden</p>
<p>• <em>Tiefe:</em> 90%</p>
<p>• <em>Richtung:</em> Nach oben</p>
<p>• <em>Größe:</em> 46Px</p>
<p>• <em>Weichzeichnen:</em> 0Px</p>
<p>• <em>Höhe:</em> 39</p>
<p>• <em>Lichtermodus:</em> Negativ multiplizieren #ffffff</p>
<p>• <em>Deckkraft:</em> 66%</p>
<p>• <em>Tiefenmodus:</em> Negativ multiplizieren #eaf3f5</p>
<p>• <em>Deckkraft:</em> 28%</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/abgeflachte-kanten.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Farbüberlagerung:</strong></p>
<p>• <em>Füllmethode:</em> Multiplizieren #4ab4fe<br />
<img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/farbueberlagerung.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p><strong>Verlaufsüberlagerung:</strong></p>
<p>• <em>Füllmethode:</em> Normal</p>
<p>• <em>Verlauf:</em> #c9c9c9 -&gt; #ffffff</p>
<p>• <em>Art:</em> Radial</p>
<p>• <em>Winkel:</em> 117°</p>
<p>• <em>Skalieren:</em> 129%</p>
<p><img class="colorbox-2192"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/verlaufsueberlagerung.jpg" alt="" /><br />
Ihr könnt euch die <em>Ebeneneffekte</em> natürlich auch aus der Arbeitsdatei (PSD) kopieren.</p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3</h3>
<p>Nun könnt ihr mit einem Brush, der aussieht wie ein Fleck, unter der Schrift malen. Gebt dem Brush dieselben <em>Ebeneneffekte</em> wie auch der Schrift.<br />
Setzt die <em>Deckkraft</em> der Schrift auf 85% herab und die des Brushes auf 40% und schon seid ihr fertig.</p>
<p><img class="colorbox-2192"  style="cursor: default;width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/pascal-bajorat/images/aqua-schrift.jpg" alt="Aqua Schrift" /><br />
Viel Spaß beim Nachbauen.</p>
<p><strong>Als Arbeitsdateien gibt es zwei PSD-Dateien mit dem Aqua-Effekt &#8211; eine helle und eine dunklere Variante.</strong></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2192&amp;md5=b8666943f7c80dc30aabed114dddb11d" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/06/aqua-schrift-effekt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mosaikeffekt &#8211; dank Smart-Objekt verschiedene Ergebnisse</title>
		<link>http://www.photoshoptutorials.de/2012/02/03/mosaikeffekt-dank-smart-objekt-verschiedene-ergebnisse/</link>
		<comments>http://www.photoshoptutorials.de/2012/02/03/mosaikeffekt-dank-smart-objekt-verschiedene-ergebnisse/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 10:13:06 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2190</guid>
		<description><![CDATA[Autor: Stefan Petri &#160; Mosaikeffekt &#8211; dank Smart-Objekt verschiedene Ergebnisse In diesem Training zeige ich, wie ein Mosaik-Text-Effekt erstellt. wird. Dabei gehe ich vor allem auf die Arbeit mit Smart-Objekten/Smart-Filtern ein und zeige so verschiedene Endresultate. Ein bisschen Reklame in eigener Sache: Schritt 1: Zuerst lege ich ein neues Dokument an; die Größe ist völlig [...]]]></description>
			<content:encoded><![CDATA[<p>Autor: Stefan Petri</p>
<p>&nbsp;</p>
<p><strong>Mosaikeffekt &#8211; dank Smart-Objekt verschiedene Ergebnisse</strong></p>
<p>In diesem Training zeige ich, wie ein Mosaik-Text-Effekt erstellt. wird. Dabei gehe ich vor allem auf die Arbeit mit <em>Smart-Objekten/Smart-Filtern</em> ein und zeige so verschiedene Endresultate.</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/08.jpg" alt="" width="800" height="600" /></p>
<p><span id="more-2190"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h1>Schritt 1:</h1>
<p>Zuerst lege ich ein neues Dokument an; die Größe ist völlig egal. Die Hintergrundebene färbe ich schwarz. Danach erstelle ich einen Text in weißer Farbe. Jetzt konvertiere ich den Text in ein <em>Smart-Objekt</em> (dazu klicke ich im <em>Ebenenbedienfeld</em> auf die Text-Ebene mit der <em>rechten Maustaste</em> und dann auf <em>In Smart-Objekt konvertieren).</em></p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/01.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2:</h3>
<p>Jetzt nehme ich unter <em>Menü&gt;Filter&gt;Weichzeichnungsfilter&gt;Gaußscher Weichzeichner</em> folgende Einstellung vor:</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/02.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3:</h3>
<p>Und dann gebe ich unter <em>Menü&gt;Filter&gt;Vergröberungsfilter&gt;Mosaikeffekt</em> Folgendes ein:</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/03.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4:</h3>
<p>Jetzt gehe ich auf <em>Menü&gt;Filter&gt;Scharfzeichnungsfilter&gt;Scharfzeichnen.</em> Diesen Filter führe ich gleich 3 x hintereinander aus.</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/04.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5:</h3>
<p>Danach erstelle ich eine Einstellungsebene <em>Farbton/Sättigung</em> (hierzu klicke ich im <em>Ebenenbedienfeld</em> auf das Icon für die Einstellungsebenen). Sobald ich das Häkchen bei <em>Färben</em> gesetzt haben, kann ich durch den <em>Farbton</em> die Farbe regulieren.</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/05.gif" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6:</h3>
<p>Als Nächstes färbe ich den Hintergrund mit einem <em>radialen Verlauf.</em> Das Ergebnis kann sich doch zeigen lassen, oder?</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/06.jpg" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7:</h3>
<p>Durch einen <em>Doppelklick</em> auf das <em>Smart-Objekt</em> komme ich in den Bearbeitungsmodus meines Textes und kann diesen ändern. Sobald ich das <em>Smart-Objekt</em> schließe, wird der Effekt sofort auf den neuen Text angewendet.</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/07.jpg" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8:</h3>
<p>Das Geniale beim Einsetzen der <em>Smart-Filter</em> ist die Möglichkeit, die Einstellungen jederzeit zu ändern. Wenn ich jetzt z. B. die Quadratanzahl verringere (z. B. 2) dann sieht der Effekt gleich ganz anders aus:</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/08.jpg" alt="" width="800" height="600" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 9:</h3>
<p>Tipp: Möchte ich mehrere Instanzen des <em>Smart-Objekts</em> haben, dann muss ich es nur auf das <em>Neu-Symbol</em> im <em>Ebenenbedienfeld</em> ziehen. Wenn ich dann den Text ändere, ändert dieser sich in allen <em>Smart-Objekten,</em> die ich auf diese Weise kopiert habe. Möchte ich das nicht, muss ich mit der rechten Maustaste <em>Neues Smart-Objekt durch Kopie</em> anklicken.</p>
<p><img class="colorbox-2190"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Stefan/workshops/effekte2/mosaik/09.jpg" alt="" width="800" height="600" /></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2190&amp;md5=928586535b8d384ea9ed494aaba17209" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/02/03/mosaikeffekt-dank-smart-objekt-verschiedene-ergebnisse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digitaler Maleffekt im Freskostil</title>
		<link>http://www.photoshoptutorials.de/2012/01/30/digitaler-maleffekt-im-freskostil/</link>
		<comments>http://www.photoshoptutorials.de/2012/01/30/digitaler-maleffekt-im-freskostil/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 10:08:08 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2188</guid>
		<description><![CDATA[Autor: Matthias Petri Es sind manchmal die kleinen einfachen Techniken, die in ihrer Kürze und Wirkungsweise überzeugen können. Solch ein Beispiel ist der Filter &#8220;Leuchtende Konturen&#8221; in subtrahierender Anwendung, der einem Bild mit wenigen Klicks einen malerischen Freskolook verleiht. Ein bisschen Reklame in eigener Sache: Bildquellen: Marco Mayer – Fotolia.com Aleksey Ignatenko &#8211; Fotolia.com Bildquelle: [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor:</strong> Matthias Petri</p>
<p>Es sind manchmal die kleinen einfachen Techniken, die in ihrer Kürze und Wirkungsweise überzeugen können. Solch ein Beispiel ist der Filter &#8220;Leuchtende Konturen&#8221; in subtrahierender Anwendung, der einem Bild mit wenigen Klicks einen malerischen Freskolook verleiht.</p>
<p><img class="colorbox-2188"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_11.jpg" alt="" /></p>
<p><span id="more-2188"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<p>Bildquellen:</p>
<p><a href="http://de.fotolia.com/partner/62358" target="_blank">Marco Mayer – Fotolia.com</p>
<p>Aleksey Ignatenko &#8211; Fotolia.com</p>
<p>Bildquelle: Edward White &#8211; Fotolia.com</a></p>
<h3>Schritt 1: Ebene duplizieren und in ein Smart-Objekt konvertieren</h3>
<p>Ich dupliziere meine Hintergrundebene (Bildquelle: Marco Mayer – Fotolia.com) mit dem Shortcut <em>Strg+J.</em> Die duplizierte Ebene wird in ein <em>Smart-Objekt</em> konvertiert.</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_01.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Smartfilter Leuchtende Konturen anwenden</h3>
<p>Im zweiten Schritt wende ich den Smartfilter <em>Leuchtende Konturen</em> im <em>Filtermenü</em> unter <em>Stilisierungsfilter</em> an. Die Anwendung als <em>Smartfilter</em> hat den Vorteil, dass ich die Einstellungswerte jederzeit variieren kann.</p>
<p>Folgende Einstellungen wähle ich:</p>
<p>• <em>Kantenbreite:</em> 1</p>
<p>• <em>Kantenhelligkeit:</em> 11</p>
<p>• <em>Glättung:</em> 4</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Ebene wird noch in den Modus <em>Subtrahieren</em> gesetzt, damit sich die leuchtenden Konturen optimal mit der Hintergrundebene verrechnen. Den Effekt sieht man besonders beim Gemüse, das einen malerischen Eindruck erhält.</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Vorher-Nachher-Ansicht:</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Zweites Beispiel: Hundebild</h3>
<p>Vorab möchte ich zeigen, wie der <em>Fresko-Filter</em> von Photoshop wirkt, um noch ein Stück besser zu verdeutlichen, dass die Alternative über <em>Leuchtende Konturen</em> in <em>subtrahierender Weise</em> so viel besser für den malerischen Look ist.</p>
<p>Das Vorher-Bild (Bildquelle: Aleksey Ignatenko &#8211; Fotolia.com):</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_05.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Das Hundebild dupliziere ich. Das Duplikat wird in ein <em>Smart-Objekt</em> konvertiert und der <em>Fresko-Filter</em> als <em>Smartfilter</em> angewendet. Ganz egal, welche Einstellungen ich wähle, ich vermehre die dunklen Bildanteile ganz erheblich, was dem Look nicht gerade guttut.</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_06.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Und nun der Vergleich über <em>Leuchtende Konturen.</em> Den <em>Fresko-Smartfilter</em> kann ich ausblenden.</p>
<p>Ich rufe <em>Leuchtende Konturen</em> als <em>Smartfilter</em> auf. Folgende Einstellungen wähle ich:</p>
<p>• <em>Kantenbreite:</em> 1</p>
<p>• <em>Kantenhelligkeit:</em> 11</p>
<p>• <em>Glättung:</em> 7</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Die Ebene setze ich wieder in den Modus <em>Subtrahieren</em> und fertig. Wieder habe ich einen sehr schnellen und dennoch anschaulichen malerischen Effekt erzielt.</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Drittes Beispiel: Porträtaufnahme</h3>
<p>Das Vorher-Bild (Bildquelle: Edward White &#8211; Fotolia.com):</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Hier gehe ich genauso vor wie oben beschrieben. Die Hintergrundebene wird dupliziert und das Duplikat in ein <em>Smart-Objekt</em> konvertiert. Das Duplikat setze ich in den Ebenenmodus <em>Subtrahieren</em> und rufe den <em>Smartfilter Leuchtende Konturen</em> auf. Folgende Einstellungswerte wähle ich:</p>
<p>• <em>Kantenbreite:</em> 2</p>
<p>• <em>Kantenhelligkeit:</em> 14</p>
<p>• <em>Glättung:</em> 15</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>In der <em>Smartfiltermaske</em> maskiere ich noch den Bereich der Augen, damit diese weiterhin scharf rüberkommen. Mit einem weichen <em>Pinsel</em> bei mittlerer <em>Deckkraft</em> kann ich auch noch den Hintergrund ein wenig maskieren, damit dort der Kontureneffekt abgemildert wird. Fertig: Auch bei einem Porträtbild erhält man durchaus gute Ergebnisse im malerischen Look mit dieser schnellen Technik.</p>
<p>Fazit: Die Technik ist kurz und knackig und mit dem Vorteil, dass die Farben anders als beim <em>Fresko-Filter</em> nicht in einer schwarzen Soße absaufen.</p>
<p><img class="colorbox-2188"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/digitaler-maleffekt-freskostil_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2188&amp;md5=67176410bce5906fd2dac971ff82828e" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/01/30/digitaler-maleffekt-im-freskostil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spiegelungseffekte für Objekte und Wasser</title>
		<link>http://www.photoshoptutorials.de/2012/01/27/spiegelungseffekte-fur-objekte-und-wasser/</link>
		<comments>http://www.photoshoptutorials.de/2012/01/27/spiegelungseffekte-fur-objekte-und-wasser/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 11:57:39 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2185</guid>
		<description><![CDATA[Autor: Matthias Petri In diesem Tutorial möchte ich in zwei Beispielen zeigen, wie Objekte gespiegelt werden können. Im dritten Beispiel dieses Tutorials werde ich zeigen, wie aus einer Waldwiese ein Waldsee entsteht, in dem sich realistisch das Waldpanorama spiegelt. Ein bisschen Reklame in eigener Sache: Einfache und schnelle Spiegelung bei flachen Objekten Im ersten Beispiel [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor:</strong> Matthias Petri</p>
<p>In diesem Tutorial möchte ich in zwei Beispielen zeigen, wie Objekte gespiegelt werden können. Im dritten Beispiel dieses Tutorials werde ich zeigen, wie aus einer Waldwiese ein Waldsee entsteht, in dem sich realistisch das Waldpanorama spiegelt.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_35.jpg" alt="" /></p>
<p><span id="more-2185"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<h3>Einfache und schnelle Spiegelung bei flachen Objekten</h3>
<p>Im ersten Beispiel habe ich eine Filmstreifenvorlage mit mehreren bereits platzierten Bildern. Da die Vorlage gerade ausgerichtet ist, habe ich optimale Bedingungen, um eine Spiegelung zu erstellen. Der Filmstreifen ist ein <em>Smart-Objekt</em> im <em>Ebenenbedienfeld.</em></p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_01.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 1: Spiegelung erstellen</h3>
<p>Ich dupliziere das <em>Smart-Objekt</em> mit dem Shortcut <em>Strg+J</em> und wähle den Shortcut <em>Strg+T</em> zum Transformieren. An dem oberen Seitenpunkt fasse ich an und ziehe die Filmstreifenvorlage nach unten, sodass sich eine Spiegelung ergibt. Alternativ kann ich auch einfach den Punkt <em>Vertikal spiegeln</em> wählen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Deckkraft reduzieren</h3>
<p>Ich verringere die <em>Deckkraft</em> der duplizierten <em>Smart-Objekt-Ebene</em> auf 40 Prozent.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Spiegelungsverlauf maskieren</h3>
<p>Ich füge meinem <em>Smart-Objekt-Duplikat</em> eine <em>Ebenenmaske</em> hinzu und wähle das <em>Verlaufswerkzeug</em> mit schwarz-weißer Farbe an. Nun maskiere ich den unteren Bereich, damit sich ein weicher Übergang in der Spiegelung ergibt.</p>
<p>Hinweis: Je nach Hintergrundfarbe muss ich die <em>Deckkraft</em> und den <em>Verlauf</em> anpassen. Ein weißer Hintergrund lässt Bildteile deutlich mehr verbergen als ein schwarzer Hintergrund.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Transformation des Filmstreifens und Bildaustausch</h3>
<p>Mit <em>Strg+T </em>und <em>Klick rechte Maustaste</em> kann ich verschiedene Transformationseinstellungen auswählen und meinen Filmstreifen mit beiden ausgewählten Ebenen transformieren. Dadurch ist die Spiegelung nicht mehr ganz realistisch, weil sie einfach in der Flucht der Filmstreifenbilder weitergeführt wird. Aus gestalterischer Sicht hat aber so ein Spiegelungseffekt durchaus seine Berechtigung!</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_05.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt möchte ich doch ein anderes Bild in meinem Filmstreifen, der aber schon transformiert wurde. Also gehe ich mit <em>Doppelklick</em> auf die <em>Smart-Objekt-Miniatur</em> des Originals (nicht der Spiegelung!) und tausche das Bild. Ich platziere anstelle des Baumbildes ein Klatschmohnbild. Ich bestätige meine Änderung mit <em>Speichern.</em></p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_06.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Der Bildertausch erfolgt unter Berücksichtigung aller Transformationen und Effekte.</p>
<p>Fertig ist ein Fotofilmstreifen, den ich auf einfache Weise verändern kann. Und alle Änderungen werden automatisch in die Spiegelung einbezogen!</p>
<p>Wenn ich erneut meinen Filmstreifen transformiere, erfolgt dies immer unter Neuberechnung vom Original in der PSB-Datei aus. Damit kann ich mein Bild auch nach 20 Transformationen ohne Berechnungsverluste verändern.</p>
<p>Dem gezeigten Effekt liegt das <em>Smart-Objekt</em> zugrunde. Mit dem Duplizieren des ursprünglichen <em>Smart-Objekts</em> wurde im Duplikat eine Instanz zum Original gesetzt. Änderungen im Original wirken daher auch auf Spiegelungen. Diese Technik bietet sich gerade bei Designprodukten an, die regelmäßig aktualisiert/verändert werden. Daher sollten, wo es sich anbietet, <em>Smart-Objekte</em> für Spiegelungen genutzt werden. Das erleichtert die Arbeit ungemein!</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h2>Spiegelung bei Objekten in perspektivischer Schrägstellung</h2>
<p>Im ersten Beispiel wurde die Spiegelung aus einem flachen Objekt erzeugt, das im rechten Winkel zum Boden stand.</p>
<p>Kompliziert wird es hingegen, wenn das Objekt nicht exakt gerade zum Betrachter steht und womöglich noch perspektivisch transformiert wurde. Für diesen Fall habe ich mir ein anspruchsvolleres Motiv ausgesucht, welches Bearbeitungsfehler erbarmungslos aufdeckt: unser Cover der Photoshop-Workshop-DVD – Basics &amp; Tricks.<br />
Knackpunkte sind hier:</p>
<p>• Schräg gestellte Ansicht zum Betrachter</p>
<p>• Zwei Ebenen: Vorderes Cover und hinterer Bereich mit Inlay</p>
<p>• Motiv hat Anknüpfungspunkte, die in jedem Fall korrekt in die Spiegelung übergehen müssen (Strommast und Stromkabel)</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 1: Smart-Objekt/Gruppe duplizieren und vertikal spiegeln</h3>
<p>Im ersten Schritt dupliziere ich mein <em>Smart-Objekt</em> und spiegele es mit <em>Strg+T&gt;Vertikal spiegeln.</em> Die vertikale Spiegelung positioniere ich an den unteren Rand meines Dokuments. Die Spieglung dupliziere ich erneut und blende die doppelte Spiegelung vorerst aus.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Frei transformieren</h3>
<p>Bereits jetzt zeigt sich der erste Knackpunkt. Wenn mein DVD-Cover aufrecht auf einer spiegelnden Platte stehen soll, kann ich nicht einfach die Perspektive missachten, da sonst ein völlig falscher Winkel vorherrscht.</p>
<p>Um die Spiegelung möglichst exakt am Objekt anzuknüpfen, transformiere ich meine Spiegelung bei aktiviertem <em>Verschieben-Werkzeug (V)</em> mit <em>Strg+Shift</em> am linken Seitenpunkt. Ich ziehe den Seitenpunkt soweit nach oben, dass die obere Spiegelungslinie parallel zur unteren Coverlinie liegt.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Feinanpassung</h3>
<p>Falls einige Anknüpfungspunkte in der Spiegelung noch nicht ganz stimmig sind, kann ich die Spiegelung über die Eck- und Seitenpunkte weiter transformieren. Hilfreich ist es, im Bedarfsfall auch den <em>Verkrümmen-Befehl</em> über das Transformationsmenü <em>Strg+T</em> anzuwenden.</p>
<p>Wenn die Spiegelung im Frontcover soweit in Ordnung ist, kann ich meine Transformationen mit <em>Enter</em> bestätigen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Inlay-Cover anschließen</h3>
<p>Ich füge als Erstes meinem <em>Smart-Objekt</em> eine <em>Ebenenmaske</em> hinzu und maskiere grob den oberen Bereich des Inlay-Covers. Mit dem <em>Schnellauswahlwerkzeug</em> kann ich dazu den betreffenden Bereich auswählen und in der <em>Smart-Objekt-Maske</em> mit einem schwarzen <em>Pinsel</em> ausmalen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_12.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Jetzt blende ich meine zuvor duplizierte Spiegelung wieder ein.</p>
<p>Da mein Objekt zwei Ebenen hat – zum einen das Frontcover und zum anderen das Inlaycover –, schließe ich in dieser Ebene mein Inlaycover an.</p>
<p>Ich rücke meine Ebene an den oberen Inlayrand heran. Mit <em>Strg+T</em> und <em>Strg+Shift</em> über den linken Seitenpunkt skaliere ich mein Spiegelungsobjekt, sodass beide Linien parallel zueinander anknüpfen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_13.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>In den <em>Ebenenmasken</em> der Spiegelungsebenen muss ich jetzt nur noch beide Spiegelungsebenen aufeinander abstimmen, sodass das Frontcover in der einen und das Inlaycover in der anderen Ebene angezeigt wird. Den unteren Bereich im Dokument kann ich dabei etwas vernachlässigen, weil sich dieser Bereich im auslaufenden Teil der Spiegelung befindet.</p>
<p>Es zeigt sich jetzt noch der schwarze Hintergrund am Punkt, wo beide Frontcover zueinander laufen. Ich erstelle eine neue Ebene und lege sie zwischen beide Spiegelungsebenen. Bei aktiviertem <em>Pinsel</em> kann ich mir mit <em>Alt</em> den Grauton des Innencovers picken und den schwarzen Hintergrund ausmalen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_14.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Spiegelung auslaufen lassen</h3>
<p>Beide Spiegelungsebenen und die Ebene, die den schwarzen Hintergrund im Übergangsbereich verdeckt, markiere ich und reduziere sie über den Shortcut <em>Strg+E</em> auf eine Ebene. Ich setze die <em>Deckkraft</em> dieser Ebene auf 40 Prozent und füge ihr noch eine <em>Ebenenmaske</em> hinzu.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_15.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>In der <em>Ebenenmaske</em> füge ich einen schwarz-weißen Verlauf ein, sodass die Spiegelung nach unten hin ausläuft.</p>
<p>Fertig ist eine Spiegelung, die aus eher anspruchsvollen Ausgangsbedingungen erstellt wurde.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_16.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Abschließender Hinweis: Nicht alle Objekte können einfach gespiegelt werden</h3>
<p>In den ersten beiden Beispielen war die Spiegelung noch denkbar einfach. Wichtig ist, dass ich auch bei einer generierten Spiegelung darauf achte, ob das Objekt in seiner Eigenschaft dem nicht entgegensteht.</p>
<p>Als Beispiel nehme ich folgendes Bild:</p>
<p>(Bildquelle: Rene Wechsler – Fotolia.com).</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_17.jpg" alt="" width="800" height="568" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Was ich meine, zeigt folgende reale Spiegelung eines Füllfederhalters. Würde ich den Füller einfach vertikal in Photoshop spiegeln, bekäme ich die untere Ansicht der Feder nicht zu sehen. Und damit wäre meine Spiegelung unrealistisch.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_18.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h2>Einfacher Wasserspiegelungseffekt beim still ruhenden See</h2>
<p>Um eine einfache Wasserspiegelung zu erstellen, kann ich die gleiche Technik wie aus den vorangegangenen Beispielen nutzen. In diesem Beispiel zeige ich, wie aus einer Waldwiese ein Waldsee entsteht.</p>
<p>(Bildquelle: Dmitry Pichugin – Fotolia.com)</p>
<p>&nbsp;</p>
<h1>Schritt 1: Spiegelungsbereich auswählen</h1>
<p>Mit dem <em>Auswahlwerkzeug</em> wähle ich den oberen Bereich im Bild aus bis zu der Kante, ab der mein Waldsee beginnen soll.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_19.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Kopieren, einfügen und vertikal spiegeln</h3>
<p>Über die Shortcuts <em>Strg+C</em> und <em>Strg+V</em> füge ich den ausgewählten Bereich kopiert in eine neue Ebene in mein Dokument ein.</p>
<p>Mit dem Shortcut <em>Strg+T&gt;Vertikal spiegeln</em> spiegele ich meinen Bildteil und positioniere ihn am unteren Bildrand.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_20.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Authentizität verleihen</h3>
<p>Ich erstelle eine Einstellungsebene <em>Tonwertkorrektur</em> als <em>Schnittmaske</em> zu meiner Spiegelungsebene.</p>
<p>Den Mittelregler verschiebe ich ein Stück nach rechts und den Lichterregler ein Stück nach links. So ergibt sich in der Spiegelung eine leichte Abdunklung, die dem Effekt mehr Authentizität verleiht.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_21.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Übergang mit weicher Kante</h3>
<p>Ich füge meiner Spiegelungsebene eine <em>Ebenenmaske</em> hinzu.</p>
<p>Mit einem weichen schwarzen <em>Pinsel</em> male ich am oberen Rand meiner Ebene, sodass der Übergang schön weich wird.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_22.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Fertig ist der einfache Wasserspiegelungseffekt!</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_23.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Fortgeschrittene Wasserspiegelung mit Verschiebungsmatrix</h3>
<p>Das Ergebnis beim einfachen Wasserspiegelungseffekt ist überzeugend und durchaus annehmbar, verfährt aber ganz nach dem Credo: „Still ruht der See“. Wenn der See noch ein wenig Bewegung erhalten soll, muss die Wasserspiegelung ein bisschen mehr behandelt werden. Was hilft, ist die Verrechnung mit einer <em>Verschiebungsmatrix.</em></p>
<p>Vorab: Die schnelle Alternative &#8211; Kräuseln</p>
<p>Um sich alles zu sparen, was ich den nächsten Schritten erkläre, kann ich einfach den Verzerrungsfilter <em>Kräuseln</em> bei ca. -100 <em>Stärke</em> anwenden. Das gibt dem Wasser Bewegung und kann durchaus befriedigende Ergebnisse erzielen. Aber so richtig authentisch wirkt die Oberflächenstruktur des Wassers damit noch nicht.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_24.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 1: Jetzt aber richtig – neues Dokument für Verschiebungsmatrix erstellen</h3>
<p>Über den Shortcut <em>Strg+N</em> erstelle ich ein neues Dokument in der Größe 2000&#215;1000 Pixel.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_25.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Rauschfilter &#8220;Rauschen hinzufügen&#8221; anwenden</h3>
<p>Ich rufe über das Menü <em>Filter&gt;Rauschfilter</em> den Filter <em>Rauschen hinzufügen</em> auf. Der Filter wird ausgeführt mit folgenden Einstellungen:</p>
<p>• <em>Stärke:</em> 400 Prozent</p>
<p>• <em>Gaußsche Normalverteilung</em></p>
<p>• <em>Monochromatisch</em></p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_26.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Stilisierungsfilter Relief anwenden</h3>
<p>Es empfiehlt sich, jetzt die Ebene in ein <em>Smart-Objekt</em> zu konvertieren.<br />
Über das Menü <em>Filter&gt;Stilisierungsfilter</em> führe ich den <em>Relieffilter</em> als <em>Smartfilter</em> mit folgenden Einstellungen aus.</p>
<p>• <em>Winkel:</em> 90 Grad</p>
<p>• <em>Höhe:</em> 1 Pixel</p>
<p>• <em>Stärke:</em> 500 Prozent</p>
<p>Der <em>Relieffilter</em> sorgt für eine gröbere Körnung meines Rauschens im Bild.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_27.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Perspektivisch transformieren</h3>
<p>Da die Wasserbewegung zur Horizontlinie hin abnehmend sein soll, muss ich auch die Perspektive bei der Erstellung der <em>Verschiebungsmatrix</em> berücksichtigen. Über den Shortcut <em>Strg+T&gt;Rechte Maustaste&gt;Perspektivisch</em> kann ich meiner Matrix über einen unteren Eckpunkt etwas mehr Räumlichkeit geben.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_28.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Bewegungsunschärfe</h3>
<p>Im nächsten Schritt wende ich den Weichzeichnungsfilter <em>Bewegungsunschärfe</em> bei einem <em>Winkel</em> von 0 Grad und einem <em>Abstand</em> von 25 Pixeln an.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_29.jpg" alt="" /></p>
<h3></h3>
<div>
<h3><span> </span></h3>
</div>
<p>Schritt 6: Speichern als PSD-Dokument Da die Filter als <em>Smartfilter</em> angewendet wurden, kann ich sie jederzeit noch verändern und damit die Wellenoptik in der Wasserspiegelung variieren.</p>
<p>Ich speichere meine Verschiebungsmatrix als PSD-Datei.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_30.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7: Versetzen-Filter anwenden</h3>
<p>Ich nutze meine bestehende Ebene mit der vertikalen Spiegelung. Als Erstes konvertiere ich auch diese Ebene in ein <em>Smart-Objekt.</em></p>
<p>Über das Menü <em>Filter&gt;Verzerrungsfilter</em> rufe ich den <em>Versetzen-Filter</em> auf.<br />
Im sich öffnenden Dialogfenster stelle ich ein Folgendes ein:</p>
<p>• <em>Horizontale Versetzung:</em> 10</p>
<p>• <em>Vertikale Versetzung:</em> 20</p>
<p>• Aktive Radiobuttons: <em>Auf Auswahlgröße skalieren, Kantenpixel wiederholen</em></p>
<p>Die <em>Skalierungseingabe</em> kann bis 100 Prozent erfolgen. 100 hat den Effekt einer Versetzung von 128 Pixeln.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_31.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Der <em>Versetzen-Filter</em> ist leider nicht so intuitiv zu bedienen, wie man es von anderen Photoshop-Filtern gewohnt ist. Dennoch kann ich mit Anwendung einer <em>Verschiebungsmatrix</em> tolle Effekte hervorrufen, die sich gerade bei Oberflächenstrukturen mit Erhebungen und Vertiefungen gut einsetzen lassen.</p>
<p>Mit einer sogenannten <em>Verschiebungsmatrix</em> verzerre ich das Hauptbild, in diesem Fall meine Wasserspiegelung, indem anhand von Helligkeitsunterschieden Bildteile verschoben werden. Daher erstelle ich als Erstes die <em>Verschiebungsmatrix</em> und passe diese für den Versetzeneffekt in der Helligkeit entsprechend an.</p>
<p>Im sich öffnenden Dateibrowser ordne ich meine zuvor angelegte <em>Verschiebungsmatrix</em> meinem <em>Versetzen-Filter</em> zu.</p>
<p>Fertig ist mein Effekt:</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_32.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8: Wasserspiegelung abrunden mit Bewegungsunschärfe</h3>
<p>Um die Wasserspiegelung noch ein wenig abzurunden, stelle ich eine <em>Bewegungsunschärfe</em> von 15 Pixeln bei einem <em>Winkel</em> von 90 Grad ein. In der Smartfilterhierarchie muss der <em>Versetzen-Filter</em> oben stehen! Sollte der <em>Bewegungsunschärfe-Filter</em> oben stehen, kann ich diesen via <em>Drag&amp;Drop</em> nach unten schieben.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_33.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 9: Filteranzeige begrenzen</h3>
<p>Mit einem schwarz-weißen Verlauf in der <em>Smartfilter-Maske</em> maskiere ich den oberen Bereich der Filteranzeige. So läuft die Wellenbewegung im oberen Teil der Spiegelung auf angenehme Weise aus.</p>
<p>Fertig ist meine realistische Wasserspiegelung:</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_34.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 10: Variationen in der Wellenoptik</h3>
<p>Kehre ich zurück in mein <em>Verschiebungsmatrix-Dokument,</em> kann ich die Wellenoptik maßgeblich über die Intensität der <em>Bewegungsunschärfe</em> steuern.</p>
<p>Möchte ich einen stärker gekräuselten Welleneffekt, erhöhe ich einfach den <em>Höhe-Wert</em> im Smartfilter <em>Relief.</em> Soll der Welleneffekt glatter werden, brauche ich einfach nur die <em>Bewegungsunschärfe</em> zu intensivieren.</p>
<p>Anschließend speichere ich die <em>Verschiebungsmatrix</em> als PSD-Dokument und ordne die neue Matrix dem <em>Versetzen-Filter</em> zu. Auch kann ich die horizontale und vertikale Skalierung im <em>Versetzen-Filter</em> erhöhen, um meinem Waldsee ein wenig mehr Bewegung zu verleihen.</p>
<p><img class="colorbox-2185"  src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/spiegelungseffekte/spiegelungseffekte_35.jpg" alt="" /></p>
<p>&nbsp;</p>
<p>Das <strong>Video</strong> zu diesem Tutorial findest Du <a href="http://www.psd-tutorials.de/video-trainings/2d/adobe-photoshop/effekte-und-texturen/view/2978--spiegelungseffekte-fuer-objekte-und-wasser-">hier</a>.</p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2185&amp;md5=de78e1514ac333a5d9bdc8d6aa1fbf87" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/01/27/spiegelungseffekte-fur-objekte-und-wasser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pointillismus &#8211; digitale Maleffekte im Punktierstil</title>
		<link>http://www.photoshoptutorials.de/2012/01/23/pointillismus-digitale-maleffekte-im-punktierstil/</link>
		<comments>http://www.photoshoptutorials.de/2012/01/23/pointillismus-digitale-maleffekte-im-punktierstil/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 11:52:59 +0000</pubDate>
		<dc:creator>Norbert Schumann</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://photoshoptutorials.4eck-media.de/?p=2183</guid>
		<description><![CDATA[Autor: Matthias Petri Der Pointillismus ist eine malerische Stilrichtung des Post-Impressionismus. Bedeutende Vertreter waren Georges Seurat, Paul Signac und Paul Baum. Der von diesen Künstlern angewendete Punktierstil kann mit Photoshop mehr oder weniger einfach imitiert werden. Wie es geht, zeigt dieses Tutorial. Bildquelle: Dmitry Pichugin &#8211; Fotolia.com Wie waren denn so die Bilder von damals? [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Autor:</strong> Matthias Petri</p>
<p>Der Pointillismus ist eine malerische Stilrichtung des Post-Impressionismus. Bedeutende Vertreter waren Georges Seurat, Paul Signac und Paul Baum. Der von diesen Künstlern angewendete Punktierstil kann mit Photoshop mehr oder weniger einfach imitiert werden. Wie es geht, zeigt dieses Tutorial.</p>
<p>Bildquelle: Dmitry Pichugin &#8211; Fotolia.com</p>
<h3>Wie waren denn so die Bilder von damals?</h3>
<p>Damit man ein Gespür für diese Stilrichtung erhält, lohnt sich ein Blick auf mehrere Werke des Pointillismus.</p>
<p>Georges Seurat: Das Frühstück</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 544px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus-paul-signac.jpg" alt="" /></p>
<p><span id="more-2183"></span>

<div style="width:728px;margin:auto;padding:20px 0;"><small><i>Ein bisschen Reklame in eigener Sache:</i></small><br /><a href="http://shop.psd-tutorials.de/index.php?site=produktdetails&produkt_id=87&empfohlen_von=htn-pst-content" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/themes/network_theme/images/webdesign-sparpaket.gif" /></a></div>

</p>
<div><span> </span></div>
<p>Paul Signac: Ein Sonntagnachmittag</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 544px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus-georges-seurat.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 1: Bild mehrfach duplizieren und neue Ebene für den Hintergrund</h3>
<p>Ich möchte anhand einer Landschaftsfotografie zeigen, wie der Punktierstil mit Photoshop umgesetzt werden kann.</p>
<p>Die Hintergrundebene wird mit <em>Doppelklick</em> in eine Transparenzebene umgewandelt und anschließend zweimal über den Shortcut <em>Strg+J</em> dupliziert.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_01.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich lege eine neue Ebene an und platziere diese ganz unten in der Ebenenhierarchie. Die Ebene fülle ich mit einem cremefarbenen Farbton (#fbf9eb)</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_02.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 2: Pinselvorgabe einrichten</h3>
<p>Ich aktiviere das <em>Pinselwerkzeug B</em> und wähle im Pinselvorgabenmenü die <em>Aquarell-Pinsel</em> aus, die meinen bestehenden Pinselvorgaben <em>angefügt</em> werden sollen.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_03.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>In meinen <em>Pinselvorgaben</em> im <em>Pinselbedienfeld F5</em> finde ich nun unter Nummer 54 die Pinselvorgabe <em>Grob trockener Pinsel/Rough Dry Brush,</em> welcher einen grob trockenen Pinselstrich imitiert.</p>
<p>Ich wähle folgende Pinseleinstellungen:</p>
<p>• <em>Pinselgröße:</em> 16 px</p>
<p>• <em>Abstand:</em> 32 Prozent</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_04.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Formeigenschaften:</p>
<p>• <em>Größen-Jitter:</em> 32 Prozent</p>
<p>• <em>Mindestdurchmesser</em>: 30 Prozent</p>
<p>• <em>Winkel-Jitter:</em> 9 Prozent</p>
<p>Streuung:</p>
<p>• <em>Streuung:</em> 180 Prozent</p>
<p>• <em>Anzahl:</em> 1</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_05.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 3: Muster anlegen</h3>
<p>Der Trick, wie ein Punktierstil sehr einfach in Photoshop imitiert werden kann, besteht darin, in einer invertierten <em>Ebenenmaske</em> punktierte Pinselauftragungen vorzunehmen. Doch bevor ich mich jetzt durch jede einzelne Ebene arbeite, bediene ich mich einer kleinen Abkürzung.</p>
<p>Ich erstelle ein neues Dokument mit dem Shortcut <em>Strg+N</em> in der Größe 100&#215;100. Mit einem schwarzen <em>Pinsel</em> brushe ich unter den oben angegebenen Pinseleinstellungen ein Punktiermuster in das Dokument.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_06.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Anschließend speichere ich es als <em>Muster</em> über das Menü <em>Bearbeiten&gt;Muster festlegen.</em> Im sich öffnenden Dialogfenster gebe ich meinem Punktiermuster den Namen &#8220;Punktiermuster 1&#8243;.</p>
<p>Nun brushe ich erneut ein wenig im Dokument und speichere dieses Muster als &#8220;Punktiermuster 2&#8243;. Und wieder variiere ich ein wenig das Punktiermuster und speichere auch dieses als &#8220;Punktiermuster 3&#8243;.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_07.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 4: Erste Ebenenmaske mit Punktiermuster 1 füllen</h3>
<p>Für die erste Ebene erstelle ich eine <em>Ebenenmaske</em> und fülle diese über das Menü <em>Bearbeiten&gt;Fläche füllen</em> oder den Shortcut <em>Shift+F5.</em> Im sich öffnenden Dialogfenster wähle ich zur Füllung mein zuvor angelegtes &#8220;Punktiermuster 1&#8243;.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_08.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 5: Wiederholung mit Ebene 2 und 3</h3>
<p>Auch hier lege ich <em>Ebenenmasken</em> an und fülle diese entsprechend mit den zuvor angelegten Mustern &#8220;Punktiermuster 1&#8243; und 2.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_09.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 6: Individuelle Punktierungen</h3>
<p>Nun wähle ich mein <em>Pinselwerkzeug B</em> aus und gehe in jede einzelne <em>Ebenenmaske,</em> um noch den individuellen Schliff hineinzubekommen. Wichtig ist dieser Schritt, damit meine aufgetragenen Punktiermuster nicht zu gleichmäßig ausschauen. Gerade die Motivränder franse ich ein wenig mehr aus. Ich kann dabei immer mal mit <em>X</em> zwischen Vorder- und Hintergrundfarbe im Farbwähler (also zwischen Schwarz und Weiß, sofern vorab die Standardfarben mit <em>D</em> eingestellt wurden) wechseln. So kann ich abnehmende und verstärkende Punktierungen vornehmen.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_10.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 7: Verstärkungen</h3>
<p>Es gibt mehrere Möglichkeiten, die Punktierungen noch ein wenig zu akzentuieren.</p>
<p>Ich kann beispielsweise bei meiner zweiten Bildebene eine Einstellungsebene <em>Dynamik</em> als <em>Schnittmaske</em> hinzufügen und den <em>Dynamik-Regler</em> bis näherungsweise an 100 heranführen. So erhalten die Punkte aus dieser Ebene noch eine erhöhte Sättigung.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_11.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Eine weitere Möglichkeit zur Steigerung des Effekts besteht darin, dass ich bei meiner dritten Bildebene eine Einstellungsebene <em>Gradationskurven</em> als <em>Schnittmaske</em> hinzufüge. In dieser Einstellungsebene erstelle ich eine S-Kurve zur Erhöhung des Kontrasts der jeweiligen Musterpunkte. Wenn mir der Effekt zu stark ist, kann ich die <em>Deckkraft</em> dieser Einstellungsebene entsprechend schnell anpassen.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_12.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Als Drittes bietet sich an, direkt eine <em>Ebenenmaske</em> anzuwählen und dort über das Menü <em>Bild&gt;Korrekturen</em> eine <em>Tonwertkorrektur</em> durchzuführen. So kann ich die Helligkeit in der <em>Ebenenmaske</em> sehr einfach absenken oder erhöhen und entsprechend ganzheitlich einen stärkeren oder einen milderen Punktierungseffekt in dieser Ebene erreichen.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_13.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Schritt 8: Smartfilter Punktieren</h3>
<p>Um einen angenehmeren Übergang zwischen groben Punkten und gefüllten Flächen zu erreichen, dupliziere ich alle sichtbaren Ebenen reduziert zu einer neuen Ebene mit dem Shortcut <em>Strg+Shift+Alt+E.</em> Diese Ebene konvertiere ich in ein <em>Smart-Objekt</em> und wende im Anschluss den Filter <em>Punktieren</em> als <em>Smartfilter</em> an.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_14.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Den Effekt dieser Ebene passe ich in der Gesamtstimmung an, indem ich die Füllmethode auf <em>Luminanz</em> setze bei einer <em>Deckkraft</em> von 40 Prozent. Und fertig ist mein digital erstellter Maleffekt im Stil des Pointillismus.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_15.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<h3>Tipp: Leinwandeffekt</h3>
<p>Um noch einen Leinwandeffekt auf das Bild aufzutragen, dupliziere ich meine cremefarbene Ebene mit dem Shortcut <em>Strg+J</em> und verschiebe das Duplikat ganz nach oben im <em>Ebenenbedienfeld.</em> Nun wende ich den <em>Strukturierungsfilter&gt;Mit Struktur versehen</em> an.</p>
<p>Dort wähle ich in den Einstellungen als Struktur die <em>Leinwand</em> bei:</p>
<p>• Skalierung: 109 Prozent</p>
<p>• Reliefhöhe: 2</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_16.jpg" alt="" /></p>
<p>&nbsp;</p>
<div><span> </span></div>
<p>Ich bestätige mit <em>OK</em> und setze die Ebene in den Ebenenmodus <em>Multiplizieren,</em> sodass die Leinwandstrukturen durchkommen.</p>
<p>Nun habe ich ein Bild im Stil des Pointillismus, das im Look &amp; Feel wie auf Leinwand gemalt wirkt.</p>
<p><img class="colorbox-2183"  style="width: 800px;height: 600px" src="http://downloads.psd-tutorials.de/Download/_userimages/Image/Matthias/images/effekte-vol2/pointillismus_17.jpg" alt="" /></p>
<!-- htn_detailseite_unten -->
<div id='div-gpt-ad-1322559311847-0' style='width:728px; height:90px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1322559311847-0'); });
</script>
</div><p>&nbsp;</p> <p><a href="http://www.photoshoptutorials.de/?flattrss_redirect&amp;id=2183&amp;md5=9a70a7548cecd53c9fa0ae8e1b3fd735" title="Flattr" target="_blank"><img src="http://www.photoshoptutorials.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorials.de/2012/01/23/pointillismus-digitale-maleffekte-im-punktierstil/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

