<?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>PhotoshopNonstop BLOG &#187; Webdesign</title>
	<atom:link href="http://www.photoshopnonstopblog.de/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshopnonstopblog.de</link>
	<description>Wer die pure Fotografie sucht, ist hier falsch.</description>
	<lastBuildDate>Thu, 28 Apr 2011 23:46:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fotostreifen</title>
		<link>http://www.photoshopnonstopblog.de/2009/01/18/fotostreifen/</link>
		<comments>http://www.photoshopnonstopblog.de/2009/01/18/fotostreifen/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 21:31:00 +0000</pubDate>
		<dc:creator>Tino Wehe</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.photoshopnonstopblog.de/?p=75</guid>
		<description><![CDATA[Auf dem Blog von Nick La gibt es ein sch&#246;nes Tutorial wir man einen echt schick aussehenden Fotostreifen in Photoshop gestalten kann.
Da wir aber vornehmlich deutsche User haben, habe ich das ganze mal ins Deutsche &#252;bersetzt und selber gemacht und daf&#252;r Fotos von Calvin benutzt (DANKE an dieser Stelle).
&#160;



Als erstes zeichnen wir mit dem Zeichenstift&#160; [...]]]></description>
			<content:encoded><![CDATA[<p>Auf dem <a href="http://www.webdesignerwall.com/tutorials/photo-strip-photoshop-tutorial/" target="_blank">Blog von Nick La</a> gibt es ein sch&ouml;nes Tutorial wir man einen echt schick aussehenden Fotostreifen in Photoshop gestalten kann.</p>
<p>Da wir aber vornehmlich deutsche User haben, habe ich das ganze mal ins Deutsche &uuml;bersetzt und selber gemacht und daf&uuml;r Fotos von Calvin benutzt (DANKE an dieser Stelle).</p>
<p>&nbsp;</p>
<table cellspacing="0" cellpadding="10" border="0" align="center" width="100%">
<tbody>
<tr>
<td align="left" valign="top">Als erstes zeichnen wir mit dem Zeichenstift&nbsp;<img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_zeichenstift.gif" alt="" /> die Kontur des Filmstreifens.<br />
            Das muss nicht unbedingt so sehr genau sein, da es uns sp&auml;ter nur als Orientierungshilfe dient.<br />
            &nbsp;</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/1.jpg"><img height="250" width="250" alt="" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/1.jpg" /><br />
            </a></td>
</tr>
<tr>
<td align="left" valign="top">Im n&auml;chsten Schritt suchen wir uns einige Grafiken oder Fotos heraus und f&uuml;gen erstmal alle als einzelne Ebenen ein.<br />
            Die Grafiken, die dann jeweils auf der Vorder- oder R&uuml;ckseite zu sehen sein sollen, f&uuml;gen wir dann auf einer Ebene zusammen (Strg+E).</td>
<td style="text-align: center;">
<p>&nbsp;<a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/2.jpg"><img height="148" width="250" alt="" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/2.jpg" /></a></p>
</td>
</tr>
<tr>
<td align="left" valign="top">Nun benutzten wir das Verkr&uuml;mmen-Tool (Warp) und verkr&uuml;mmen diese Ebene so, dass es aussieht, als ob es die Oberseite vom Filmstreifen ist.<br />
            Vorher sollten wir nat&uuml;rlich die Deckkraft der Ebene herunterregeln, damit wir sehen, was wir da tun.</td>
<td style="text-align: center;">&nbsp;<a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/3.jpg"><img height="249" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/3.jpg" alt="" /></a></td>
</tr>
<tr>
<td align="left" valign="top">&nbsp;Das wiederholen wir nun, bis alle Bereiche des Filmstreifens abgedeckt sind.</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/5.jpg"><br />
            </a><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/4.jpg"><img height="242" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/4.jpg" alt="" /></a>&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top">
<p>Um das ganze jetzt ein wenig runder und sauberer erscheinen zu lassen, legen wir uns nun Ebenenmasken&nbsp;<img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_ebenen_maske.gif" alt="" /> an.<br />
            Dazu nehmen wir wieder den Zeichenstift <img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_zeichenstift.gif" alt="" />, jedoch diesmal im Modus &quot;Pfade&quot; (oben unter der Menuleiste zu finden).<br />
            Ist die Kontur gezeichnet, klickt man mit der rechten Maustaste darauf und best&auml;tigt dann mit der Option &quot;Vektormaske erstellen&quot;.</p>
<p>Diesen Schritt wiederholt man f&uuml;r alle Ebenen, bis einem die Rundungen und Ecken gefallen.</p>
</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/5.jpg"><img height="250" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/5.jpg" alt="" /><br />
            </a>&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top">Nun brauchen wir nat&uuml;rlich noch Schatten und Glanzstellen und da wir uns vorher Masken angelegt haben, k&ouml;nnen wir diese auch gleich wieder nutzen,<br />
            indem wir mit gedr&uuml;ckter Strg-Taste auf die Maske klicken um so eine Auswahl zu erzeugen.<br />
            Ist die Auswahl erzeugt, erstellen wir eine neue leere Ebene und zeichnen uns die Schatten mittels Verlaufswerkzeug&nbsp;<img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_verlauf.gif" alt="" /> auf der neuen Ebene mit der Auswahl ein.</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/6.jpg"><img height="184" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/6.jpg" alt="" /></a>&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top">
<p>F&uuml;r die Glanzstellen erzeugen wir eine neue Ebene <img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_neue_ebene.gif" alt="" />, erstellen dort einen neue rechteckige Maske und f&uuml;llen diese mit einem Verlauf von Transparent &#8211; Weis &#8211; Transparent.<br />
            Anschlie&szlig;end legen wir den Gaussschen Weichzeichner dar&uuml;ber und duplizieren uns diese Ebene einige Male, da wir sie mehrfach brauchen werden.<br />
            Nun platzieren wir diese Ebenen als Glanzstellen auf unserem Filmstreifen und stellen die Deckkraft auf ~75% &#8211; je nach Geschmack.</p>
<p>Mit gedr&uuml;ckter Alt-Taste k&ouml;nnen wir anschlie&szlig;end die Vektormasken der einzelnen Ebenen auf unsere Glanzstellen-Ebenen &uuml;bertragen, indem wir bei <br />
            gedr&uuml;ckter Alt-Taste auf das Maskensymbol klicken und es auf die gew&uuml;nschte Ebene ziehen.</p>
</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/7.jpg"><img height="182" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/7.jpg" alt="" /></a>&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top">Als n&auml;chstes erstellen wir die Kontur, indem wir mit gedr&uuml;ckter Shift und Strg Taste die Vektormasken der 4 Bildeebenen anklicken und somit eine Auswahl erzeugen.<br />
            Anschlie&szlig;end erstellen wir eine neue Ebene unter allen anderen Ebenen (ausgeschlossen der Hintergrundebene) und f&uuml;llen unsere Auswahl mit Schwarz.<br />
            Nun gehen wir in die Ebeneneigenenschaften und erstellen eine Schwarze Kontur (au&szlig;en) mit 1px Gr&ouml;&szlig;e und 25% Deckkraft.</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/8.jpg"><img height="166" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/8.jpg" alt="" /></a>&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top">Jetzt erstellen wir eine neue Einstellungsebene <img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_einstellungsebene.gif" alt="" /> &#8211; &quot;Farbton/S&auml;ttigung&quot; und regeln die S&auml;ttigung auf -50 herunter.<br />
            Im n&auml;chsten Schritt halten wir wieder Shift und Strg gedr&uuml;ckt und klicken die Vektormasken der Bildebenen 2 &amp; 4 an und laden somit wieder eine Auswahl.<br />
            Diese Auwahl kehren wir mittels Strg+Shift+I um und klicken nun die Ebenenmaske der zuvor erstellen Einstellungsebene an und f&uuml;llen unsere Auswahl mit Schwarz.<br />
            Nun laden wir die Vektormaske von Bildebene 3 und f&uuml;llen die Auswahl auf der Ebenemaske der Einstellungsebene mit Schwarz.</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/9.jpg"><img height="189" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/9.jpg" alt="" /></a></td>
</tr>
<tr>
<td align="left" valign="top">Im letzten Schritt f&uuml;gen wir einen Verlauf mittels Ebeneneffekt&nbsp;<img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_ebenen_stile.gif" alt="" /> auf die Hintergrundebene ein und beschneiden unser Bild mittels dem Freistellungswerkzeug <img src="http://www.photoshopnonstopblog.de/wp-content/plugins/fckeditor-for-wordpress-plugin/smiles/psns/icon_freistellen.gif" alt="" />.</td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/10.jpg"><img height="231" width="250" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/10.jpg" alt="" /></a></td>
</tr>
<tr>
<td align="left" valign="top">Oder eine etwas andere Umsetzung <img src='http://www.photoshopnonstopblog.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </td>
<td style="text-align: center;"><a href="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/12.jpg"><img height="231" width="250" alt="" src="http://www.photoshopnonstopblog.de/wp-content/uploads/image/Fotostreifen/12.jpg" /><br />
            </a></td>
</tr>
<tr>
<td align="left" valign="top">Download der PSD</td>
<td style="text-align: center;"><a target="_self" href="http://www.photoshopnonstopblog.de/wp-content/uploads/fotostreifen.rar">DOWNLOAD</a></td>
</tr>
</tbody>
</table>
<p>Abschlie&szlig;end sei nochmal gesagt, dass das Tutorial nicht von mir stammt, sondern nur frei &uuml;bersetzt und interpretiert wurde &#8211; oben im Text findet ihr den original- Link.</p>
<p>
LG<br />
Tino</p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshopnonstopblog.de/2009/01/18/fotostreifen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

