<?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>Darjan Panic - Freelance Graphic, Web Designer and Photographer &#187; Tutorials</title>
	<atom:link href="http://www.darjanpanic.com/tag/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.darjanpanic.com</link>
	<description></description>
	<lastBuildDate>Sun, 25 Apr 2010 16:20:53 +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>Water effect on products Photoshop tutorial</title>
		<link>http://www.darjanpanic.com/tutorials/water-effect-on-products-photoshop-tutorial/</link>
		<comments>http://www.darjanpanic.com/tutorials/water-effect-on-products-photoshop-tutorial/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 22:06:51 +0000</pubDate>
		<dc:creator>Darjan Panic</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.darjanpanic.com/?p=481</guid>
		<description><![CDATA[In this tutorial i&#8217;ll try to show you how to make a nice looking product bottle fan art with the water effect that really makes you thirsty when you look at this kind of product pictures. You can apply this stuf to almost anything though, let it be fruit, cars etc. I also saw some [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial i&#8217;ll try to show you how to make a nice looking product bottle fan art with the water effect that really makes you thirsty when you look at this kind of product pictures. You can apply this stuf to almost anything though, let it be fruit, cars etc. I also saw some nice photos of models wearing clothes with a similar water effect. So this water effect is pretty popular and is a good thing to learn. I&#8217;ll show you the basics since you need quite some experience and work to master this effect.</p>
<p>Things you need:</p>
<ul>
<li>Photoshop ;D</li>
<li>Picture of a bottle or product &#8211; <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vY29udGVudC90dXRvcmlhbHMvNS13YXRlci1lZmZlY3QvYm90dGxlLnppcA==">click here to download sample one</a></li>
<li>Picture of a water splat, <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vY29udGVudC90dXRvcmlhbHMvNS13YXRlci1lZmZlY3Qvd2F0ZXIuemlw">click here to download</a> a free HQ one that also has transparency.</li>
</ul>
<p>First open your picture of the product, i&#8217;ll be using a Finlandia bottle since i&#8217;m a fan of it&#8217;s design and quality. If you&#8217;re a fan of photography, you make make such photos in a <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vcGhvdG9ncmFwaHkvbWFraW5nLWEtbWFjcm8tcGhvdG9ncmFwaHktc3R1ZGlvLWZvci01ZS8=">5€ macro studio</a>. Also<strong> import</strong> the transaprent water photo (download it here).<strong> Duplicate it</strong> and hide the bottom one so you keep a clean original layer for later use. Set the other ones blending to <strong>&#8220;Screen&#8221;</strong>.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/1.jpg" alt="" width="600" height="500" /></p>
<p align="center">
<p align="left">After that <strong>&#8220;scale down&#8221;</strong> and &#8220;<strong>position&#8221;</strong> the water layer to the product like the first picture shows below. The second picture is a zoom view. I have used the <strong>&#8220;Rectangular marquee tool&#8221;</strong> and used it on the <strong>&#8220;water layer!&#8221;</strong> but the width and the height is applied to the bottle since this is going to be blurry because i want the water splat too be behind the bottle. Use the <strong>&#8220;Layer via cut&#8221;</strong> option when right clicking.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/2.jpg" alt="" width="600" height="500" /></p>
<p align="left">On the new made layer, change the <strong>blending</strong> again to <strong>&#8220;Screen&#8221;</strong> and then go to <strong>Filter -&gt; Blur -&gt; Gaussion blur</strong> and blur the image. I have used the setting of around <strong>3px</strong>. Clean the image a bit so it really does look like it is behind the bottle.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/3.jpg" alt="" width="600" height="500" /></p>
<p align="center">On the same layer, add <strong>mask</strong> to it and use the <strong>&#8220;Gradient tool&#8221; </strong>from left to right to make the ilussion perfect. Right click on the layer and use the <strong>&#8220;Free transforma&#8221;</strong>. Again right-click and choose <strong>&#8220;Warp&#8221;</strong>. Do a similar warp transofmation like the second picture below, apply when done. This will give the layer the look like viewing something through the bottle.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/4_1.jpg" alt="" width="405" height="132" /><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/4_2.jpg" alt="" width="191" height="38" /></p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/4.jpg" alt="" width="600" height="500" /></p>
<p align="left">Duplicate the <strong>hidden water layer</strong> and <strong>make it visible</strong>, <strong>rotate</strong> it and <strong>scale it down</strong> like the first picture below and place it in the right position like the second picture shows. Try to really use the water and blend it with the object/product you are working on. Try to experiment with different shapes. <strong>Use a soft eraser</strong> and erase the left part that is too big.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/5.jpg" alt="" width="600" height="500" /></p>
<p align="left">The next step will be to delete the bottom right part of the bottle and break it&#8217;s shape. There is now a line that needs to be deleted (the first picture below). Mak a new layer and use a <strong>&#8220;white soft brush</strong>&#8221; and make the hole in the bottle like the second picture shows. After that, just hit <strong>&#8220;CTRL+I&#8221;</strong> to invert it to black. You can skip the white brush step though, i just did it like this to show you where i used the brush since you can&#8217;t see it in detail when you use black color on black.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/6.jpg" alt="" width="700" height="389" /></p>
<p align="left">The next step will be adding more water so again <strong>duplicate the original hidden water layer</strong> and use the <strong>&#8220;Eraser&#8221;</strong> to delete the unneeded parts like the second picture shows. I hided the other layers to easily see the whole water layer.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/7.jpg" alt="" width="600" height="500" /></p>
<p align="center">Make the other layers visible again (first picture). <strong>Duplicate it 3 times</strong> and make it a half circle that will fit the half-circeled lower part of the bottle. After that you will need to clean it. Use the<strong> eraser </strong>for that on the lover layers.</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/8.jpg" alt="" width="700" height="389" /></p>
<p>And you&#8217;re done. Play with it and use your own creativity to make it eben better. Here&#8217;s the final image:</p>
<p align="center"><img src="http://www.darjanpanic.com/content/tutorials/5-water-effect/images/9.jpg" alt="" width="500" height="801" /></p>
<p align="center">How do you like my fanart? I hope you enjoy the tutorial.</p>
 <img src="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?view=1&post_id=481" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.darjanpanic.com/tutorials/water-effect-on-products-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Neon lights with Photoshop</title>
		<link>http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/</link>
		<comments>http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/#comments</comments>
		<pubDate>Fri, 31 Aug 2007 15:58:13 +0000</pubDate>
		<dc:creator>Darjan Panic</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/</guid>
		<description><![CDATA[There are different ways of making neon lites with Photoshop. It&#8217;s really easy and fun to make them. So today post is a nice tutorial on how to make neon lights and how to use them in different ways to make nice effects. Before we start we need a thing or two things.

Before i start, [...]]]></description>
			<content:encoded><![CDATA[<p>There are different ways of making neon lites with Photoshop. It&#8217;s really easy and fun to make them. So today post is a nice tutorial on how to make neon lights and how to use them in different ways to make nice effects. Before we start we need a thing or two things.<span id="more-407"></span></p>
<p><!--adsense--></p>
<p>Before i start, you may also want to see the last two tutorials i made, one is <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vcGhvdG9ncmFwaHkvZHJhd2luZy1pbi1kYXJrLXBob3RvZ3JhcGh5LXR1dG9yaWFsLw==">how to make Neon Lights with your digital camera</a>, and the second is <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vZ3JhcGhpYy1kZXNpZ24vbWFraW5nLWEtd2FsbHBhcGVyLWZyb20tbmVvbi1saXRlcy10dXRvcmlhbC8=">how to make a Wallpaper with this neon light</a>.</p>
<p>The most important thing is to have a good picture to start your creativity running. I will be using a free one from <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2lzdG9ja3Bob3RvLmNvbS9pbmRleC5waHA/cmVmbnVtPWRhcmphbnBhbmlj">iStockPhoto.com</a>. All of the great talents use images from this service, you can even sell your own there. Take some time and check out their database of images that will really help you to make the best out of your ideas&#8230; There are even some free weekly images and i used one of those.</p>
<p>This is the image i&#8217;m gonna start with.</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights1.jpg" alt="Neon Lights" /></p>
<p>Work with it and add elements you like, apply your own personal style to make it nice. I will use my own skills ideas and inspiration for this. Try not to copy it step by step, work on your own idea and see how it work out for you, this way you will learn more than i can teach you with this tutorial. You can also put work when it&#8217;s finished in the comments, i&#8217;d love to see it.</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights2.jpg" alt="Neon Lights" /></p>
<p>I&#8217;ve added a hoolander under the lens of the camera. The color is <strong>#FDBA63</strong>. Different colors make different results so you should play with it. I used this one since it felt good. On the right you see how it looks like when you set the layer blending to <strong>&#8220;color dodge&#8221;</strong>.</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights3.jpg" alt="Neon Lights" /></p>
<p>Now duplicate the layer and use this or similar settings for the glow. Again, settings defer from resolution etc. First set the <strong>FILL OPACITY to 0%FIL</strong>. Then apply this <strong>Outer glow settings</strong></p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights4-outerglow.jpg" alt="Neon Lights" /></p>
<p>When applied here is the result at 100% zoom/crop.</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights4.jpg" alt="Neon Lights" /></p>
<p>I&#8217;ve added a circle where the lens is and applied glow to it. It now looks like the magic is coming from it.</p>
<p>Now for the next step we&#8217;ll be using a nice brush setup. Since a tutorial for it would be a bit time consuming i&#8217;ve saved it for you so you can download it. Here is the preview and you can click here to <a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vY29udGVudC9icnVzaGVzL2RhcmphbnBhbmljX2JydXNoMDAxLmFicg==">download my brush #001</a>.</p>
<p><a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vY29udGVudC9icnVzaGVzL2RhcmphbnBhbmljX2JydXNoMDAxLmFicg=="><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights5-brush.jpg" alt="brush" /></a></p>
<p>I started drawing with it from the lens glow outside, and applied these settings for the glow effect. I choose the <strong>color white for the brush</strong>.</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights6.jpg" alt="Neon Lights" /></p>
<p>I really like this effect now, it looks like the girls is having a magical camera <img src='http://www.darjanpanic.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights7.jpg" alt="Neon Lights" /></p>
<p>Feel free to add more colors to it, just make a new layer, choose your new color and start drawing. Get crazy with it if you want!</p>
<p><img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights8.jpg" alt="Neon Lights" /></p>
<p>You can also apply this effects to other elements like lines etc. What ever you want.</p>
<p>And here is my final result. Click it for full view.<br />
<a href="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYXJqYW5wYW5pYy5jb20vY29udGVudC90dXRvcmlhbHMvMy1uZW9uLWxpZ2h0cy9uZW9uLWxpZ2h0cy1maW5hbC5qcGc=" rel=\"lightbox\"><br />
<img src="http://www.darjanpanic.com/content/tutorials/3-neon-lights/neon-lights9.jpg" alt="Neon Lights" /></a></p>
 <img src="http://www.darjanpanic.com/wp-content/plugins/feed-statistics.php?view=1&post_id=407" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://www.darjanpanic.com/tutorials/neon-lights-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
	</channel>
</rss>
