<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>DesignerTuts</title>
	
	<link>http://designertuts.com</link>
	<description>Photoshop Tutorials</description>
	<lastBuildDate>Thu, 09 Jul 2009 19:29:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/Designertuts" type="application/rss+xml" /><feedburner:emailServiceId>Designertuts</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Free Photoshop tutorials from DesignerTuts.com</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/VAP6Kd0bWjg/</link>
		<comments>http://designertuts.com/free-photoshop-tutorials-from-designertutscom/#comments</comments>
		<pubDate>Mon, 25 May 2009 13:49:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://designertuts.com/?p=448</guid>
		<description><![CDATA[Adobe Photoshop is such a well known program for graphic design and is used extensively on websites, print and more. Designer Tuts provides free photoshop tutorials covering many aspects of this powerful tool. 
We have tutorials explaining the basics of Photoshop and more complex tutorials for the Photoshop experts. Whatever type of Photoshop tutorial you [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_520" class="wp-caption alignleft" style="width: 310px"><img src="http://designertuts.com/wp-content/uploads/2009/04/teach1-300x199.jpg" alt="Free Photoshop Tutorials" title="teach1" width="300" height="199" class="size-medium wp-image-520" /><p class="wp-caption-text">Free Photoshop Tutorials</p></div><br />
Adobe Photoshop is such a well known program for graphic design and is used extensively on websites, print and more. Designer Tuts provides free photoshop tutorials covering many aspects of this powerful tool. </p>
<p>We have tutorials explaining the basics of Photoshop and more complex tutorials for the Photoshop experts. Whatever type of Photoshop tutorial you want we&#8217;ve got it.</p>
<p>Including some great tutorials on logo design in Photoshop.<br />
3mf8jbawud</p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/free-photoshop-tutorials-from-designertutscom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://designertuts.com/free-photoshop-tutorials-from-designertutscom/</feedburner:origLink></item>
		<item>
		<title>How to Hide Affiliate Links</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/gkp9BtKVoVA/</link>
		<comments>http://designertuts.com/how-to-hide-affiliate-links/#comments</comments>
		<pubDate>Mon, 25 May 2009 13:48:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://designertuts.com/?p=527</guid>
		<description><![CDATA[How to Beat the Hackers
There are many schemes out there to stop people changing your links but in my opinion there is only one worth considering &#8211; the &#8220;htaccess technique&#8221;. It does require a certain level of technical expertise to set up but its not that difficult and this tutorial will take you through the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>How to Beat the Hackers</strong></p>
<p>There are many schemes out there to stop people changing your links but in my opinion there is only one worth considering &#8211; the &#8220;htaccess technique&#8221;. It does require a certain level of technical expertise to set up but its not that difficult and this tutorial will take you through the steps needed.<br />
<span id="more-527"></span></p>
<p>A popular way to make money is by use of <strong>affiliate links</strong>. This is where you advertise a product on your website and the product owner pays you a percentage of the purchase price when the person who follows the link subsequently buys the product or service.</p>
<p>For example a (fictitious) company Brilliant Books sells books at www.brillbooks.com and has an affiliate scheme where they pay 10% to you for every person you send to them who buys one of their books. They do this by getting you to register as an affiliate and give you a unique affiliate id code of 1234. </p>
<p>They know it&#8217;s you who sent the potential buyer to them because you link to www.brillbooks.com?affid=1234 instead of to www.brillbooks.com</p>
<p>Some people write malicious programs that they install on computers without the owners knowledge that will for example alter your link to brillbooks so that it says www.brillbooks.com?affid=6666 Now when the potential buyer clicks on the link the 10% affiliate fee goes to someone else.</p>
<p>So how do you stop this?</p>
<p><strong>1. Find out if your web host is suitable.<br />
</strong><br />
This method only works for web servers that use Apache (as far as I know). Go to <a href="http://www.netcraft.com/whats">www.netcraft.com/whats</a> and type in your website address into the &#8220;whats that site running&#8221; box. Then look under the &#8220;server&#8221; column and look for the word &#8220;Apache&#8221;. If its there then this method will work.</p>
<p><strong>2. What is htaccess. Where is it located.<br />
</strong><br />
htaccess is a configuration file that contains instructions for the web server. You may already have one ( or more than one as they can work on a per directory basis). To find out fire up your ftp program or file browser or whatever you normally use to upload your website to your webserver and have a look.</p>
<p>htaccess is stored as a hidden file on the webserver which means its filename will be .htaccess<br />
Your ftp program may by default not show you hidden files so you may need to enable viewing hidden files to be able to see .htaccess<br />
Look for .htaccess in the same folder as your website&#8217;s index file. (index.html, index.htm, index.php or similar)</p>
<p>If you find one then you can edit it using any editor that is suitable for text files. Watch out on Windows systems that it doesn&#8217;t try to change the name to something more Windows friendly. This is because a file named .htaccess is alien to Windows. Usually putting quotes round the name when you do Save As will solve any problems i.e. save as &#8220;.htaccess&#8221;</p>
<p>If you don&#8217;t find an existing one then create a new one.</p>
<p><strong>3. What changes do I need to make to .htaccess<br />
</strong><br />
Here is an example of the changes you need to make. Just add all the following at the top of your .htaccess file. Don&#8217;t touch anything that&#8217;s there already.</p>
<p>&lt;ifmodule mod_rewrite.c&gt;<br />
RewriteEngine On</p>
<p>RewriteRule anyfilename.htm http://myaffid.blueberryc.hop.clickbank.net/?tid=LOGO1 [R=301,L]</p>
<p>&lt;/ifmodule&gt;</p>
<p><strong>4. Now change example code to real code<br />
</strong><br />
Where I have anyfilename.htm you should put a filename appropriate to your situation. e.g. if you were linking to a book website and a book about rare birds you might put rarebirds.htm This filename can be anything you want as long as it DOESN&#8217;T already exist.</p>
<p>Where I have put http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1 you should put your real affiliate id link as provided by your affiliate website.</p>
<p>Leave the [R=301,L] alone. It tells the webserver to redirect any requests for rarebirds.htm to http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1</p>
<p><strong>5. And finally<br />
</strong><br />
Edit your webpage and put your new cloaked website affilate link in place of the existing link.</p>
<p>For example you might have the following html:</p>
<p><code>&lt;p&gt;The people at Brill Books have some good books about &lt;a href="http://myaffid.blueberryc.hop.clickbank.net/?tid=BIRDS1"&gt;Rare Birds&lt;/a&gt;.&lt;/p&gt;<br />
</code><br />
You should change it to</p>
<p><code>&lt;p&gt;The people at Brill Books have some good books about &lt;a href="rarebirds.htm"&gt;Rare Birds&lt;/a&gt;.&lt;/p&gt;<br />
</code><br />
It no longer looks like an affiliate link but it is. Make sure you check it is working properly of course.</p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/how-to-hide-affiliate-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://designertuts.com/how-to-hide-affiliate-links/</feedburner:origLink></item>
		<item>
		<title>Emo and Goth Art: Expressing Yourself With Photoshop</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/Tv3mzEISQ3E/</link>
		<comments>http://designertuts.com/emo-and-goth-art-expressing-yourself-with-photoshop/#comments</comments>
		<pubDate>Mon, 06 Oct 2008 08:53:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Emo / Goth]]></category>
		<category><![CDATA[simple]]></category>

		<guid isPermaLink="false">http://designertuts.com/?p=446</guid>
		<description><![CDATA[
Subcultures like Goths and Emos perhaps need to express themselves more than the average person due to misconceptions and criticisms leveled at them. Photoshop is a useful tool for showcasing the Emo or Goth image and for creating artwork that speaks to the creativity of these groups.

Art is one of the best methods of self [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/10/emogirlgrey.jpg"><img src="http://designertuts.com/wp-content/uploads/2008/10/emogirlgrey-150x150.jpg" class="alignleft" alt="Emo girl" /></a><br />
Subcultures like Goths and Emos perhaps need to express themselves more than the average person due to misconceptions and criticisms leveled at them. Photoshop is a useful tool for showcasing the Emo or Goth image and for creating artwork that speaks to the creativity of these groups.</p>
<p><span id="more-446"></span><br />
Art is one of the best methods of self expression. It is a means by which individuals and groups can communicate their feelings to others. </p>
<p>Many resources online look at Emo and Goth art and offer useful tips on capturing Goth and Emo effects. Interesting artistic designs reflecting these subcultures can also be achieved through the use of Photoshop. Some common features that can be easily done in Photoshop include the following.</p>
<p><strong>Emo and Goth Eye Effects</strong></p>
<p>The most recognized feature of these groups is the use of makeup, especially around the eyes. Want to see how you would look as an Emo or Goth? Open one of your pictures in Photoshop, and get to work. The first step is to duplicate the background layer. Right-click the background in the Layers panel and select &#8220;duplicate layer.&#8221; Then, in the Tools palette, choose the Burn tool. It is beside the Blur tool. (If you are not familiar with Photoshop, moving your cursor over the various tools will show you the names.)</p>
<p>In the Tool options, choose a small brush. Around 30 to 40 will do. Set the range to midtones and the exposure to anywhere between 30 to 50. Apply the Burn tool around the edge of the iris. Then increase the brush size and use the Burn tool on the pupil. Try to get it as dark as possible.</p>
<p>Next use the Burn tool on the edges of the eyelids, and you can keep going until you are happy with the end result. The Dodge tool should be used to lighten the area just outside the pupil if you want to create an eerie look.</p>
<p>The unsharp mask filter in Photoshop can also be used to create interesting effects. Just select Filter from the menu bar, go down to Sharpen, and from there select Unsharp Mask.</p>
<p>It is clear why a program like Photoshop would be popular with Emos and Goths. This software program has a lot of features that can bring to life themes of importance to Emo and Goth teens.</p>
<p><strong>Jewelry</strong></p>
<p>Photoshop can also be used to create drawings reflecting Goth and Emo concepts in jewelry designs. Goth jewelry relies heavily on imagery such as pentagrams, crucifixes, daggers and other symbols. You can either start with your own drawing scanned into Photoshop or download an image from the Internet. Many websites offer a wide array of Goth-inspired jewelry.</p>
<p>Whether you consider yourself a Goth or Emo, or just find the image appealing, you are sure to find something you like. If you have only basic Photoshop skills, download a non-copyrighted image, and use the program to modify the image to make it more into your own style. With Photoshop this is easy to achieve, and the result could be converted into a unique pendant or even earrings.</p>
<p><strong>T-shirts</strong></p>
<p>Great line drawings can be used in producing eye-catching screen printed t-shirts. If screen printing is your thing, take advantage of Photoshop&#8217;s drawing features to produce unique designs symbolic of Emo and Goth cultures.</p>
<p>You can take also create Goth or Emo-style artwork for heat transfer to t-shirts if you don&#8217;t want to be limited to just basic lines. Heat transfer is perfect for elaborate designs, especially if you are not into screen printing. You can find great samples and tutorials online with a quick search.</p>
<p>See another (funny) <a href="http://designertuts.com/quick-emo-goth-makeover/">Goth tutorial</a> here</p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/emo-and-goth-art-expressing-yourself-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://designertuts.com/emo-and-goth-art-expressing-yourself-with-photoshop/</feedburner:origLink></item>
		<item>
		<title>Sleek Blue Logo</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/ky1MU8izz34/</link>
		<comments>http://designertuts.com/sleek-blue-logo/#comments</comments>
		<pubDate>Fri, 29 Feb 2008 13:45:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Logos]]></category>

		<guid isPermaLink="false">http://designertuts.com/sleek-blue-logo/</guid>
		<description><![CDATA[
With the internet going in the direction of easily accessible and aesthetically pleasing websites, updating your logo is a must. This tutorial will step you through creating a web 2 style logo in Adobe Photoshop in about 10 minutes. By having a clean style logo, your visitors should be more likely to stay at, visit, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/01/final.jpg"><img src="http://designertuts.com/wp-content/uploads/2008/01/final.thumbnail.jpg" class="alignleft" alt="Sleek Blue Logo" /></a><br />
With the internet going in the direction of easily accessible and aesthetically pleasing websites, updating your logo is a must. This tutorial will step you through creating a web 2 style logo in Adobe Photoshop in about 10 minutes. By having a clean style logo, your visitors should be more likely to stay at, visit, and purchase from your site.<br />
<span id="more-412"></span><br />
Create a new document that is 500px wide and about 80px high. Make sure the mode is RGB Color and the background is white.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/1.jpg" class="centered" alt="Sleek Blue Logo 1" width="100%"/><br />
Add your text to the image. For this demonstration, we used Impact font at 48pt with a stretch setting of 100. Position the text near the top.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/2.jpg" class="centered" alt="Sleek Blue Logo 2" width="100%"/><br />
Double click on your layer to bring up the Layer Style menu and apply an outer glow of Normal, 75, 0, 7E7E7E, Softer, 0, 5, 50, 0.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/3.jpg" class="centered" alt="Sleek Blue Logo 3" width="100%"/><br />
Now apply an inner glow of Normal, 75, 0, DADADA, 0, 3, 50, 0.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/4.jpg" class="centered" alt="Sleek Blue Logo 4" width="100%"/><br />
Next, we need to apply a gradient overlay of Normal, 100, 0048CB to 007DF2, Linear, Align with Layer, 90, 100.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/51.jpg" class="centered" alt="Sleek Blue Logo 5" width="100%"/><br />
To top of the effects, add a stroke with 1, Outside, Normal, 100, FFFFFF as the settings.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/6.jpg" class="centered" alt="Sleek Blue Logo 6" width="100%"/><br />
Now, right click on the main layer and select duplicate layer.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/7a.jpg" class="centered" alt="Sleek Blue Logo 7a" width="100%"/><br />
Click on the duplicated layer to select it. Now go to Edit –> Transform –> Flip Vertical.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/8.jpg" class="centered" alt="Sleek Blue Logo 8" width="100%"/><br />
Now, move the duplicated layer so it mirrors the original layer (this will be our reflection). Create a new layer (shtf + ctrl + n) and use the selection tool to make a box around the duplicate layer.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/9.jpg" class="centered" alt="Sleek Blue Logo 9" width="100%"/><br />
Make a gradient tool (located underneath the paint bucket in the main toolbar), and create a white overlay starting 1/2 way up the selection box.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/10.jpg" class="centered" alt="Sleek Blue Logo 10" width="100%"/><br />
Now make a box over the top layer that covers the top half. Make a new layer (shft + ctrl + n) and fill it with FFFFFF using the bucket tool. Set the opacity to 12.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/11.jpg" class="centered" alt="Sleek Blue Logo 11" width="100%"/><br />
And there you have it. The final logo should look similar to the one below.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/final.jpg" class="centered" alt="Sleek Blue Logo 12" width="100%"/></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/sleek-blue-logo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://designertuts.com/sleek-blue-logo/</feedburner:origLink></item>
		<item>
		<title>Grunge Template in 10 minutes</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/0n1bqH9bUsE/</link>
		<comments>http://designertuts.com/grunge-template-in-10-minutes/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 10:00:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Website Templates]]></category>

		<guid isPermaLink="false">http://designertuts.com/grunge-template-in-10-minutes/</guid>
		<description><![CDATA[
I absolutely love when clients want a grunge or gothic looking template.  They are by far the easiest to create simply because they are chaotic, random, and should look rough around the edges.  For this tutorial, I set my stop watch for 10 minutes to see what I could create in that time. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/02/tut2213.jpg"><img src="http://designertuts.com/wp-content/uploads/2008/02/tut2213.thumbnail.jpg" class="alignleft" alt="Grunge Template" /></a><br />
I absolutely love when clients want a grunge or gothic looking template.  They are by far the easiest to create simply because they are chaotic, random, and should look rough around the edges.  For this tutorial, I set my stop watch for 10 minutes to see what I could create in that time.  Without further ado, here’s the 10 minute grunge theme.<br />
<span id="more-437"></span><br />
We’ll start with an 800&#215;900 image:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2202.jpg" class="centered" alt="Grunge Template 2" width="100%"/><br />
We’ll also create a second image in order to make a custom grunge brush.  In that second image I simply made a bit of a scribble and then defined it as a custom brush below:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2203.jpg" class="centered" alt="Grunge Template 3" width="100%"/><br />
After I defined the brush, I then selected it from the brush menu.  I hit F5 to bring up the Brushes box, which allows me to edit a brush and turn it into a well designed tool.  In our case, let’s enable shape dynamics with the following settings:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2204.jpg" class="centered" alt="Grunge Template 4" width="100%"/><br />
Also, we’ll enable scattering with the default settings, smoothing, and finally Dual Brush, with the following settings:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2205.jpg" class="centered" alt="Grunge Template 5" width="100%"/><br />
With our brush defined, let’s use it to create this:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2206.jpg" class="centered" alt="Grunge Template 6" width="100%"/><br />
Using the text tool, I’ve now written our site’s name.  I used a light outer glow set to blue:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2207.jpg" class="centered" alt="Grunge Template 7" width="100%"/><br />
Now let’s change the brush to gray and let’s fill in the body like so:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2208.jpg" class="centered" alt="Grunge Template 8" width="100%"/><br />
Next, let’s use the Rectangle Tool to create a black box.   We’ll then create a new layer above the box and use the brush (back to black) to make the sides look like they’re leaking:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2209.jpg" class="centered" alt="Grunge Template 9" width="100%"/><br />
Combine the box with the layer above it into a new smart object, and then rasterize the layer.  We’re doing that, because now we’re going to add a light blue Stroke, set to 1px and inside.  Once that’s done, convert the layer to a smart object again and rasterize.  Then select Filter > Blur > Motion Blur and set the Angle to 0 and the Distance to 42px:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2210.jpg" class="centered" alt="Grunge Template 10" width="100%"/><br />
Now let’s go down below the very first layer and add some pink splashes with our brush:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2211.jpg" class="centered" alt="Grunge Template 11" width="100%"/><br />
On the sidebar, let’s create a pink box using the Rounded Rectangle tool.  We’ll want a 1px black stroke, a pink color overlay, an overall opacity of 90%, and the following Bevel and Emboss:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2212.jpg" class="centered" alt="Grunge Template 12" width="100%"/><br />
To top it off we’ll add a menu (the text has a 3 px, light blue stroke.)</p>
<p>And with the 10 minute alarm going off, here’s our final result:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/02/tut2213.jpg" class="centered" alt="Grunge Template 13" width="100%"/></p>
<p>Update:</p>
<p>Just found this great collection of <a href="http://www.bumena.com/kaynaklar/100-abstract-ve-grunge-ucretsiz-font">Grunge Fonts</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/grunge-template-in-10-minutes/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		<feedburner:origLink>http://designertuts.com/grunge-template-in-10-minutes/</feedburner:origLink></item>
		<item>
		<title>Manga Background</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/eeS-yXDYkfU/</link>
		<comments>http://designertuts.com/manga-background/#comments</comments>
		<pubDate>Thu, 17 Jan 2008 20:19:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Effects]]></category>

		<guid isPermaLink="false">http://designertuts.com/manga-background/</guid>
		<description><![CDATA[
One of the most important aspects of manga that greatly enhances the effect is the background. In this tutorial I will teach you an extremely simple method of achieving a great manga style background. This tutorial is relatively simple and only some basic knowledge of Photoshop will be necessary. Below is the result you should [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/01/27_result.gif"><img src="http://designertuts.com/wp-content/uploads/2008/01/27_result.thumbnail.gif" class="alignleft" alt="Manga Background" /></a><br />
One of the most important aspects of manga that greatly enhances the effect is the background. In this tutorial I will teach you an extremely simple method of achieving a great manga style background. This tutorial is relatively simple and only some basic knowledge of Photoshop will be necessary. Below is the result you should be able to achieve in under ten minutes.</p>
<p><span id="more-399"></span><br />
Open a new document (file -> new or ctrl + n). The document will need to be relatively large, I&#8217;m using 3000 pixels wide and a height of 3000 pixels. Also ensure that the document is grayscale.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/27_new.gif" class="centered" alt="Manga Background 2" width="100%"/></p>
<p>Next go to filter -> Render -> Difference Clouds.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/filter_clouds.gif" class="centered" alt="Manga Background 3" /></p>
<p>Continue repeating this filter (the shortcut is ctrl + F). After about the tenth or so time you should get something similar to mine:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/clouds_result.gif" class="centered" alt="Manga Background 4" /></p>
<p>To create the lines we will be using the pinch filter (Filter -> Distort -> Pinch)<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/filer_pinch.gif" class="centered" alt="Manga Background 5" /></p>
<p>In the popup set the amount to 100% and press ok.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/settings_pinch.gif" class="centered" alt="Manga Background 6" /></p>
<p>Once again you must repeat this filter (ctrl + F). You should notice the lines get longer and cleared each time you repeat the pinch filter.</p>
<p>I repeated mine about ten times to get the following result.<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/pinch_result.gif" class="centered" alt="Manga Background " /></p>
<p>Next go to the brightness and contrast tool (Layer -> New Adjustment Layer -> Brightness and Contrast).<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/brightness_contrast_tool.gif" class="centered" alt="Manga Background 7" /></p>
<p>When you click on this a new window should open up titled &#8220;New Layer&#8221;, just press ok. Now another window should appear.</p>
<p>In this window use the following settings:</p>
<p>Brightness: +100<br />
Contrast: +100 (you may wish to use a different setting for this, depending on the result you wish to achieve)</p>
<p>Press ok. Now your document should look something similar to mine:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/bac_result.gif" class="centered" alt="Manga Background 7" /></p>
<p>Your result probably doesn&#8217;t look all that great at the moment, so next we must remove all of the unwanted parts of your picture. Find a section of your document that you think looks good and select the crop tool (shortcut: C). Now click and hold on your document and select the area of your document you wish to use.<br />
This is the result I got after cropping my image:<br />
<img src="http://designertuts.com/wp-content/uploads/2008/01/crop.gif" class="centered" alt="Manga Background 8" /></p>
<p>That&#8217;s pretty much the end of the tutorial, all that&#8217;s left to do now is add a picture of your favorite manga character and your done.</p>
<p>Here&#8217;s my finished result:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/27_result.gif" class="centered" alt="Manga Background 9" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/manga-background/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://designertuts.com/manga-background/</feedburner:origLink></item>
		<item>
		<title>Skull T-Shirt Design</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/SUYi9i-r5i0/</link>
		<comments>http://designertuts.com/skullgrunge-t-shirt-design/#comments</comments>
		<pubDate>Wed, 16 Jan 2008 19:42:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Logos]]></category>

		<guid isPermaLink="false">http://designertuts.com/skullgrunge-t-shirt-design/</guid>
		<description><![CDATA[In this tutorial I will be teaching you how to make a Skull Design for a T-Shirt, like the one below:
If you want to get in the mood first, have a look at my skull design page
Step 1:
Before we start we&#8217;ll need a few resources. You&#8217;ll need to download the following images:
T-Shirt

Splat

Skull

Step 2:
Next you&#8217;ll need [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will be teaching you how to make a Skull Design for a T-Shirt, like the one below:<img src="http://designertuts.com/wp-content/uploads/2007/07/1.jpg" alt="1.jpg" /></p>
<p>If you want to get in the mood first, have a look at my <a href="http://designertuts.com/skull-design/">skull design</a> page</p>
<p><span id="more-7"></span><strong>Step 1:</strong></p>
<p>Before we start we&#8217;ll need a few resources. You&#8217;ll need to download the following images:</p>
<p>T-Shirt</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/0.jpg" class="centered" alt="0.jpg" /></p>
<p>Splat</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/splat.png" class="centered" alt="splat.png" /></p>
<p>Skull</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/skull.png" class="centered" alt="skull.png" /></p>
<p><strong>Step 2:</strong></p>
<p>Next you&#8217;ll need to download the font I used <a href="http://www.dafont.com/planet-kosmos.font" target="_blank">here</a>.</p>
<p><em>Option: You can always decide to use a different font to make your shirt more custom</em></p>
<p><strong>Step 3:</strong></p>
<p>Now that we&#8217;ve got all our resources, we can begin the designing!</p>
<p>First let&#8217;s open up all the images you just downloaded, in Photoshop.</p>
<p>Drag the Splat image into the T-Shirt document and position the Splat so it&#8217;s at the Top-Center-Left of the T-shirt. Now close the Splat image. You should now have something like below:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/2.jpg" alt="2.jpg" /></p>
<p><strong>Step 4:</strong></p>
<p>Now let&#8217;s add the Star Shape. Get our the Custom Shape tool and on a new layer, draw a good-sized Black star with a 2 pixel White stroke.</p>
<p>Make sure this layer is over the Splat layer. Use the image below as a guide:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/3.jpg" class="centered" alt="3.jpg" /></p>
<p>Now we&#8217;re going to start playing around with the perspective of this Star Shape. Press CRTL + T to transform the shape and click Perspective.</p>
<p>Use the image below as a guide:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/4.jpg" class="centered" alt="4.jpg" /></p>
<p>Now use the the Transform Handles to change the perspective and position of the Star Shape to how you want it.</p>
<p>I choose to make it look sort of 3D, like below:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/5.jpg" class="centered" alt="5.jpg" /></p>
<p>Starting to look good already, huh?</p>
<p><strong>Step 5:</strong></p>
<p>Now we&#8217;ll be adding the Skull image under the Star shape but over the Splat image. Get the Skull image in Photoshop and drag it in the document you&#8217;ve been working with.</p>
<p>Simply, position the Skull image so it&#8217;s under the Star shape but over the Splat image.</p>
<p>You may use the images below as a guide:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/61.jpg" class="centered" alt="61.jpg" /></p>
<p>Here&#8217;s how my Layer&#8217;s Pallete looks like:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/7.jpg" class="centered" alt="7.jpg" /></p>
<p><strong>Step 6:</strong></p>
<p>To finish off our Skull/Grunge T-Shirt Design, we&#8217;re going to add some text using that font you downloaded (or you can use your own).</p>
<p>Using Planet Kosmos, Size 8, Sharp type out Skulls in Black with a 2px White stroke.</p>
<p>Now Rotate it a few degrees to the left and position it so it&#8217;s on the right side of the Star shape. Use the image below as a guide:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/07/8.jpg" class="centered" alt="8.jpg" /></p>
<p>And now you&#8217;re finally done with your Skull/Grunge T-Shirt Design!</p>
<p>Update:</p>
<p>I&#8217;ve recently come across this<a href="http://www.blog.spoongraphics.co.uk/freebies/huge-collecton-of-tshirt-design-mockup-templates"> great collection of T-Shirt templates.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/skullgrunge-t-shirt-design/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		<feedburner:origLink>http://designertuts.com/skullgrunge-t-shirt-design/</feedburner:origLink></item>
		<item>
		<title>Professional Logo</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/mMypvD2w3FA/</link>
		<comments>http://designertuts.com/professional-logo/#comments</comments>
		<pubDate>Thu, 10 Jan 2008 11:33:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Logos]]></category>

		<guid isPermaLink="false">http://designertuts.com/professional-logo/</guid>
		<description><![CDATA[
In this tutorial, we will learn to create a logo for a media company.

Create a new file of your choice. Fill the background with black. Select type tool and type &#8216;m&#8217; with these settings:
Font name = Times New Roman
Font size = 100 points
Font color = #00C0FF

Duplicate the type layer by pressing control+j and change the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/01/mgl15.jpg"><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl15.thumbnail.jpg" class="alignleft" alt="Professional Logo" /></a><br />
In this tutorial, we will learn to create a logo for a media company.</p>
<p><span id="more-384"></span><br />
Create a new file of your choice. Fill the background with black. Select type tool and type &#8216;m&#8217; with these settings:</p>
<p>Font name = Times New Roman<br />
Font size = 100 points<br />
Font color = #00C0FF</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl1.jpg" class="centered" alt="Professional Logo 1" /></p>
<p>Duplicate the type layer by pressing control+j and change the color to white.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl2.jpg" class="centered" alt="Professional Logo 2" /></p>
<p>Duplicate the layer again. This time, change the text color to #006485.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl3.jpg" class="centered" alt="Professional Logo 3" /></p>
<p>Hide the last type layer by clicking on the eye icon.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl4.jpg" class="centered" alt="Professional Logo 4" /></p>
<p>Click on the middle or white colored type layer to activate it. Press &#8216;alt&#8217; key and click on the point shown by the arrow. It will create a clipping mask.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl5.jpg" class="centered" alt="Professional Logo 5" /></p>
<p>Now, click on the move tool and press the up arrow key from the keyboard to move the white colored &#8216;m&#8217; type layer 16 pixel upward.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl6.jpg" class="centered" alt="Professional Logo 6" /></p>
<p>Click on the empty box in the 3rd type layer to show it.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl7.jpg" class="centered" alt="Professional Logo 7" /></p>
<p>Press alt key and click on the middle layer to make the clipping mask.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl8.jpg" class="centered" alt="Professional Logo 8" /></p>
<p>Now move the third type layer 3 pixel right side.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl9.jpg" class="centered" alt="Professional Logo 9" /></p>
<p>Using the same technique, draw a circle, duplicate it two times, make clipping mask and adjust the layers to have a shape like shown in the figure.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl10.jpg" class="centered" alt="Professional Logo 10" /></p>
<p>Group and merge the text and circle layer. Press control+j to duplicate the layer. Press control+t and transform the layer as shown.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl11.jpg" class="centered" alt="Professional Logo 11" /></p>
<p>Change the layer opacity of duplicate layer to 28%. You will see a nice reflection of the shape.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl12.jpg" class="centered" alt="Professional Logo 12" /></p>
<p>Draw a light grey colored circle between the two layers.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl13.jpg" class="centered" alt="Professional Logo 13" /></p>
<p>Type &#8220;Media Group&#8221; and change the text color to #006485.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl14.jpg" class="centered" alt="Professional Logo 14" /></p>
<p>Duplicate the type layer. Change its color to white and press down arrow key once to add white color shade to the text. Our logo is ready.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/mgl15.jpg" class="centered" alt="Professional Logo 15" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/professional-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://designertuts.com/professional-logo/</feedburner:origLink></item>
		<item>
		<title>Stitches</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/fAhw5VMi5FE/</link>
		<comments>http://designertuts.com/stitches/#comments</comments>
		<pubDate>Thu, 03 Jan 2008 20:12:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://designertuts.com/stitches/</guid>
		<description><![CDATA[
In this tutorial, we will learn to add stitches to any image of your choice.

Open your image.

Create a new layer by pressing shift+control+n. Use 20 feather brush and draw a line of #B17574 color. Change its blending mode from normal to darken.

Create another layer. Draw this curved line either with brush tool or with pen [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2008/01/st7.jpg"><img src="http://designertuts.com/wp-content/uploads/2008/01/st7.thumbnail.jpg" class="alignleft" alt="Stitches 7" /></a><br />
In this tutorial, we will learn to add stitches to any image of your choice.</p>
<p><span id="more-375"></span></p>
<p>Open your image.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st1.jpg" class="centered" alt="Stitches 1" /></p>
<p>Create a new layer by pressing shift+control+n. Use 20 feather brush and draw a line of #B17574 color. Change its blending mode from normal to darken.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st2.jpg" class="centered" alt="Stitches 2" /></p>
<p>Create another layer. Draw this curved line either with brush tool or with pen tool. Use #79393A color for that.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st3.jpg" class="centered" alt="Stitches 3" /></p>
<p>Create another layer and draw these random stitch lines with 2 pixel wide brush tool.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st4.jpg" class="centered" alt="Stitches 4" /></p>
<p>Apply bevel and emboss effect as shown on the stitch lines.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st5.jpg" class="centered" alt="Stitches 5" /></p>
<p>Image after applying above effect.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st6.jpg" class="centered" alt="Stitches 6" /></p>
<p>I have used the same technique to draw stiches at the left side of the face.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2008/01/st7.jpg" class="centered" alt="Stitches 7" /></p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/stitches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://designertuts.com/stitches/</feedburner:origLink></item>
		<item>
		<title>Watermarking</title>
		<link>http://feedproxy.google.com/~r/Designertuts/~3/v58jKWpQWkg/</link>
		<comments>http://designertuts.com/watermarking/#comments</comments>
		<pubDate>Thu, 27 Dec 2007 19:23:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://designertuts.com/watermarking/</guid>
		<description><![CDATA[
For this tutorial I will show you a quick, easy and effective method for watermarking your images. Any beginner should be able to finish this tutorial in under one minute. No plug-ins are required.

The first step we must take is to open a new document (file > New). I&#8217;ll be using a 60px X 60px [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://designertuts.com/wp-content/uploads/2007/12/result.gif"><img src="http://designertuts.com/wp-content/uploads/2007/12/result.thumbnail.gif" class="alignleft" alt="watermark"></a></p>
<p>For this tutorial I will show you a quick, easy and effective method for watermarking your images. Any beginner should be able to finish this tutorial in under one minute. No plug-ins are required.</p>
<p><span id="more-363"></span></p>
<p>The first step we must take is to open a new document (file > New). I&#8217;ll be using a 60px X 60px document with a transparent background. You don&#8217;t need to give this document a name.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/new.gif" class="centered" alt="watermark" width="100%"></p>
<p>Once your document is open go to the layers pallet and add a new layer.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/newlayer.gif" class="centered" alt="watermark 2"></p>
<p>Once you have your document open zoom a little (you don&#8217;t need to do this but I feel it makes it easier to see what you are doing). Now grab the type tool from your tool box. Next click somewhere on your document and type something, I suggest the word &#8220;copyright&#8221;. (don&#8217;t worry about the position of what you typed, we&#8217;ll fix this in a moment). For my font I&#8217;ve used size 14 &#8220;verdana&#8221; in a black color.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/typetool.gif" class="centered" alt="watermark 3"></p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/typesettings.gif" class="centered" alt="watermark 4" width="100%"></p>
<p>You should have something similar to mine:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/typeresult.gif" class="centered" alt="watermark 5"></p>
<p>Next we must reposition and rotate our text. To do this we will be using the free transform tool (edit > free transform). Reposition your text so that it looks similar to mine:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/freetransform.gif" class="centered" alt="watermark 6"></p>
<p>I have also resized my text so that it fits better. Once you are happy with the position and size of your text click on the background layer.</p>
<p>Now that we have finished with our text we must define it as a pattern. This is done by going to edit > define pattern. A little popup should appear asking you what you wish to call your pattern. You can name it as you wish but I suggest calling it &#8220;Copyright&#8221;</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/patternname.gif" class="centered" alt="watermark 7"></p>
<p>Click ok and then close your document, you do not need to save it.</p>
<p>Open up the document that you wish to watermark (file > Open).</p>
<p>Double click on your layer and add a &#8220;pattern overlay&#8221;, click the drop down arrow and select the pattern we just created.</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/patternoverlay.gif" class="centered" alt="watermark 8"  width="100%"></p>
<p>Play around with the settings until you get your desired result then press ok. I&#8217;ve used the default settings except changed the opacity to 50%.</p>
<p>Here is my finished result:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/result.gif" class="centered" alt="watermark 9"></p>
<p>Congratulations your done! Now you know the basics of creating watermarks why not try and see what else you can do. Here is another result you can make just as quickly:</p>
<p><img src="http://designertuts.com/wp-content/uploads/2007/12/result2.gif" class="centered" alt="watermark 10"></p>
<p>Thanks for reading the tutorial and I hope you enjoyed it.</p>
]]></content:encoded>
			<wfw:commentRss>http://designertuts.com/watermarking/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://designertuts.com/watermarking/</feedburner:origLink></item>
	</channel>
</rss>
