tag:blogger.com,1999:blog-71561442086119400872024-03-14T20:03:03.810+05:30Photoshop Manic - Easy Photoshop TrainingFree Photoshop CC Tips and Tricks With Amazing Tutorials For BeginnersAdminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.comBlogger250125tag:blogger.com,1999:blog-7156144208611940087.post-89894021255210221242015-04-03T13:08:00.002+05:302015-04-03T13:21:19.458+05:30FREE 4K Premium 50 Blurry Backgrounds Download<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://design.kailash.me/wp-content/uploads/2015/04/Blog-New-blurred-background-4k-freebie-behance_layout.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://design.kailash.me/wp-content/uploads/2015/04/Blog-New-blurred-background-4k-freebie-behance_layout.jpg" /></a></div>
<h3 style="background-color: white; border: 0px; font-family: 'Open Sans', Arial, sans-serif; font-stretch: inherit; font-style: italic; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px 0px 14px; padding: 0px; text-align: left; vertical-align: baseline; word-wrap: break-word;">
<span class="bold" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: red; font-size: large;"><a href="https://www.dropbox.com/s/7e2l48jmorwysyx/4K%20Premium%20Blurry%20Backgrounds%20JPG%20www.design.kailash.me.zip?dl=0" style="-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition-duration: 0.2s; transition-timing-function: ease; vertical-align: baseline;" target="_blank">CLICK HERE TO DOWNLOAD NOW</a></span></span></h3>
</div>
Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com16tag:blogger.com,1999:blog-7156144208611940087.post-40488620880333076022015-04-03T13:06:00.000+05:302015-04-03T13:06:05.394+05:3050 Shades of My Project Grey<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZmR_LhliG6FymtQsuEn_ZwAUHRwxr_aF7-85sId4CfSatZtND-sWC7z0a3vDm9k66lnA8uilGQsELCqQaB2ENwmNKe1qUcOew_EWitkzB80MPPdy6k2LADHzjq1BGX5UqEcKuY8U69n_/s1600/Behance-Presentation-50-Shades-of-Grey%5B1%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZmR_LhliG6FymtQsuEn_ZwAUHRwxr_aF7-85sId4CfSatZtND-sWC7z0a3vDm9k66lnA8uilGQsELCqQaB2ENwmNKe1qUcOew_EWitkzB80MPPdy6k2LADHzjq1BGX5UqEcKuY8U69n_/s1600/Behance-Presentation-50-Shades-of-Grey%5B1%5D.jpg" /></a></div>
<div>
<br /><h4 style="text-align: left;">
<a href="http://goo.gl/KyDI2V" style="-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; background-color: white; border: 0px; color: #2c3e50; font-family: 'Open Sans', Arial, sans-serif; font-size: 18px; font-stretch: inherit; font-style: italic; line-height: 28.7999992370605px; margin: 0px; outline: 0px; padding: 0px; text-align: center; text-decoration: none; transition-duration: 0.2s; transition-timing-function: ease; vertical-align: baseline;" target="_blank">Click here to Download the PSD</a></h4>
<br /></div>
</div>
Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com1tag:blogger.com,1999:blog-7156144208611940087.post-26115696025732160052010-06-14T15:52:00.008+05:302011-01-17T15:36:59.466+05:30Pressed Text Effect<h2><span style="color: red;"><span class="Apple-style-span" style="font-size: large;">I have launched a New Blog :)<br />
<br />
<span class="Apple-style-span"><a href="http://www.blog.kailash.me/">http://www.blog.kailash.me</a></span><br />
<br />
<span class="Apple-style-span">All original tutorials with source file for free.</span></span></span><br />
<br />
Final Result.</h2><img alt="" class="aligncenter" height="283" src="http://i48.tinypic.com/34s146f.jpg" title="pressed text final" width="553" /><br />
<h2>Step 1</h2>Create an New document. Click on File > Select “New” Or Press keyboard shortcut “ctrl + n”<br />
<div class="mceTemp mceIEcenter"><br />
<dl class="wp-caption aligncenter" style="width: 550px;"><dt class="wp-caption-dt"><img alt="New photoshop document" height="346" src="http://i48.tinypic.com/2uyrwpc.jpg" title="New photoshop document" width="540" /></dt>
</dl></div><h2>Step 2</h2>Now fill the background layer with ” #4f9ec7 ”<br />
<img alt="" class="aligncenter" height="390" src="http://i49.tinypic.com/4viw6c.jpg" title="document background color" width="570" /><br />
<h2>Step 3</h2>Choose ” Type Tool ” then type any text on the document with black as the text color, In this tutorial i have used “SF Quartzite” font Bold. If you would like to have the same font you can download this <a href="http://www.1001fonts.com/fonts/win/ttf/2336/Quartzite.zip" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.1001fonts.com');" target="_blank" title="Download SF Quartzite 2.0 font">click here</a><br />
<img alt="" class="aligncenter" height="284" src="http://i50.tinypic.com/2ywzvxg.jpg" title="Design manic text" width="552" /><br />
Step 4<br />
Layer Style – Right click on the text layer select “Blending Option”<br />
1. Drop shadow – Make changes as per the below screen shot.<br />
<img alt="" class="aligncenter" height="480" src="http://i45.tinypic.com/1z3mex2.jpg" title="layerstyle Dropshadow" width="618" /><br />
2. Inner shadow – Make changes as per the below screen shot.<br />
<img alt="" class="aligncenter" height="485" src="http://i45.tinypic.com/116mjo7.jpg" title="inner shadow" width="618" /><br />
3. Gradien Overlay – Make changes as per the below screen shot.<br />
<img alt="" class="aligncenter" height="484" src="http://i50.tinypic.com/35c3db9.jpg" title="Gradient overlay" width="618" /><br />
4. Pattern Overlay – Make changes as per the below screen shot.<br />
<img alt="" class="aligncenter" height="492" src="http://i49.tinypic.com/eitpw7.jpg" title="pattern fill" width="628" /><br />
<h2>Final Result.</h2><img alt="" class="aligncenter" height="283" src="http://i48.tinypic.com/34s146f.jpg" title="pressed text final" width="553" /><br />
<br />
<h1><a href="http://rapidshare.com/files/398496469/pressed-text-design.thekailash.com.rar" onclick="javascript:pageTracker._trackPageview('/outbound/article/rapidshare.com');" target="_blank">Download PSD Source File</a></h1><span style="color: red; font-weight: bold;"><br />
<br />
</span><a href="http://photoshop-manic.blogspot.com/" style="font-weight: bold;"><strong><br />
==============================<br />
====== For more tutorials keep visiting ;)<br />
==== http://photoshop-manic.blogspot.com ==================================</strong></a><strong><br />
Adobe Photoshop Training - Photoshop Classes -Photoshop Tutorial - Photoshop Seminars - Photoshop CS3 - Photoshop CS4 - Photoshop 7 -Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com117tag:blogger.com,1999:blog-7156144208611940087.post-75666928444172408992010-04-11T21:56:00.002+05:302010-04-11T22:00:01.500+05:30Easy Photoshop Video Tutorials<p>If you’re looking for a visual way to wrap your head around the basic functions of Photoshop, check out these “101″ resources that take it nice and slow, and don’t assume any prior experience.</p><hr /><br /><h3>1. Workspace Overview<br /><hr /></h3><p>If you’ve never taken up the virtual paintbrush before, get the lay of the land with this overview of the workspace. It will give you a good sense of where the most useful tools and menus live in Photoshop.</p><p></p><center><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/6ePht9lRbq4&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/6ePht9lRbq4&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object><p></p></center><hr /><br /><h3>2. Tools and Layers<br /><hr /></h3><p>This two-part tutorial breaks down most of the basic tools you’ll need to start your graphic hacking adventures.</p><p>If you come away with only one concept from a Photoshop lesson, it should be about layers. Layers are key to everything in Photoshop, but jumping in head-first can often leave new users confused. In addition to rummaging through the toolbox, this video offers a concise, visual explanation of how layers work using a simple drawing exercise.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/7ZAXHnwO2no&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/7ZAXHnwO2no&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/GP6OLVRzAQ0&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/GP6OLVRzAQ0&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p><p></p></center><hr /><br /><h2>For Intermediate Users<br /><hr /></h2><p>If you’ve gotten a feel for the software and done your share of image touch-up and manipulation, you may want to kick the program into second gear and start exploring some of the more powerful and creative features. These tutorials will get you going.</p><hr /><br /><h3>3. Blending Modes<br /><hr /></h3><p>Blending modes are connected to layers and are integral for toning photographs and many other graphic manipulations. This screencast will take you through Photoshop’s many blending flavors and hopefully spark some creative ideas for your next epic Facebook photo.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/ZpXB0dvmHwg&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/ZpXB0dvmHwg&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p></p></center><hr /><br /><h3>4. Patching and Healing<br /><hr /></h3><p>So you’ve got your new Facebook photo perfectly toned for maximum epicness — except for that tiny blemish and your annoying little brother who insists on jumping into every frame. That’s where the healing tools come in. With these, you can remove unwanted elements and (with a bit of practice) smooth those adjustments right into the background.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/SKbFj3XmPGg&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/SKbFj3XmPGg&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p></p></center><hr /><br /><h3>5. Text Effects<br /><hr /></h3><p>Let’s face it: The black and white arial text your rendered in MS Paint simply won’t cut it as your blog’s logo anymore. It’s time to snazz it up with some creative texturing. Check out this two-part tutorial that showcases some of the powerful text manipulation tools at your disposal in Photoshop.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/NoiRM1to9dA&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/NoiRM1to9dA&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/-VN88dK1HVg&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/-VN88dK1HVg&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p><p></p></center><hr /><br /><h3>6. Creating Actions<br /><hr /></h3><p>As you start using the software more regularly, you may find you’re repeating the same processes (sizing, filtering, blending, etc.) over and over again. The “Actions” feature lets you record the steps you use frequently and execute them with a single time-saving click or hotkey combination.</p><p></p><center><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/CGmOmVUpN44&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/CGmOmVUpN44&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object><p></p></center><hr /><br /><h2>For Advanced Users<br /><hr /></h2><p>If you’ve spent any time on the Internet, you surely know what some Photoshop wizards are capable of. While the truly amazing feats require actual artistic talent (for which there is not yet a software substitute), some advanced Photoshop knowhow can go a long way to impressing your social media pals. Even if you’re not up to speed on all the advanced tools, just following along with these example-based lessons will provide a lot of insight into how the pros work their magic.</p><hr /><br /><h3>7. Changing Eye and Hair Color<br /><hr /></h3><p>If you’re due for a new look, but don’t want to drop a pretty penny at the salon, check out this tutorial on how to change eye and hair color for some dramatic portrait results.</p><p></p><center><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/GrwgMer9-_U&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/GrwgMer9-_U&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object><p></p></center><hr /><br /><h3>8. Photo Combination and Manipulation<br /><hr /></h3><p>And now for some of the cool stuff. Through some clever erasing, blending, smoothing, and layering, this tutorial grafts a roaring lion’s face onto an apple to make for some frightening fruit that even Adam and Eve would have stayed away from.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/tY2BBtPYips&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/tY2BBtPYips&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p></p></center><hr /><br /><h3>9. Environmental Effects: Beams of Light<br /><hr /></h3><p>If landscapes are your passion, you can add even more drama to your sweeping vistas with some Photoshop tricks. Here, the designer adds some cloud-bursting light to make for an awe-inspiring desktop wallpaper, or perhaps even a snazzy Twitter background.</p><p></p><center><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/Otvk6x_r4EE&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/Otvk6x_r4EE&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object><p></p></center><hr /><br /><h3>10. Environmental Effects: Fog and Mist</h3><hr /><br /><p>If you’re looking to add a bit of mystery to your recent snapshot, check out this tutorial on adding some rolling fog.</p><p></p><center><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/JkSS7YEc1so&hl=en_US&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed style="visibility: visible;" wmode="opaque" src="http://www.youtube.com/v/JkSS7YEc1so&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object><p></p></center><p><em>Have you found any other useful Photoshop tutorials on YouTube? Be sure to post the links in the comments below.</em><br /><br />Thanks mashable for this wonderful list =D<br /><br /><span style="COLOR: rgb(255,0,0); FONT-WEIGHT: bold"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="FONT-WEIGHT: bold" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong><br /></p>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com10tag:blogger.com,1999:blog-7156144208611940087.post-42556300171283950622009-10-29T03:19:00.001+05:302009-10-29T03:21:42.618+05:30create an web template<p>Create a clean elegant wordpress theme design using adobe photoshop. </p><br /><br /><br /><!--/post-excerpt --><br /><h2>Step 1</h2><br /><p>Create new document 1360px x 1500px 72dpi. Background color: #000, ( Black )<br /><br /><img alt="Create new document" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/1.new.jpg" /></p><br /><p><strong>Note:</strong> Width is 960px out 1360. Leaving 200px on each side. So What I am saying is leave 200px space on both sides of your layer and the middle should come out to 960px.</p><br /><br /><h2>Step 2</h2><br /><p>Select the paint brush( select brush with blur edges ) tool and create 4 circles. <strong>Circle 1:</strong>#308fab, <strong>Circle 2:</strong>#3f2e49, <strong>Circle 3:</strong>#58303d, <strong>Circle 4:</strong>#78372e,<br /><br /><img alt="Paint brush" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/2.brushes.jpg" /></p><br /><h2>Step 3</h2><br /><p>Now Lets stretch our image. Go to edit>>free transform and make image bigger. Then move image upward when completed<br /><br /><br /><img alt="Stretch downward" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/3.strectcg.jpg" /></p><br /><h2>Step 4</h2><br /><p>Ok so we will now add a nice effect to our background. Select on layer with four colors and go to Filter>>Noise>>Add Noise.<br /><br /><img alt="Add noise" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/4.add-noise.jpg" /></p><br /><p><strong>Amount:</strong>30%, <strong>Distribution:</strong>Gaussian, and select <strong>Monochromatic</strong>.<br /><br /><img alt="Noise Settings" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/4_2.add-noise-sett.jpg" /></p><br /><h2>Step 5</h2><br /><br /><p>Go to Filter>>Blur>>Motion Blur<br /><br /><img alt="Select Motion Blur" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/5.blur.jpg" /></p><br /><p><strong>Angle:</strong>90, <strong>Distance:</strong>225.<br /><br /><img alt="Motion Blur Settings" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/5_2.blursett.jpg" /></p><br /><h2>Step 6</h2><br /><p>Now select the rectangle tool and create a rectangle at the very top ( About 50px high ) and change the layer <strong>opacity</strong> to 35%<br /><br /><br /><img alt="Rectangle tool/box" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/6.top-bg.jpg" /></p><br /><p><strong>Note:</strong> Whenever I create dummy links I always have links on one text line so once you have the type tool selected <strong>Double click</strong> and one line should appear then<br /><br />type the words.</p><br /><p>Select the type tool and create 4 links. <strong>Home, About, Contact, Services</strong>. ( 4 spaces after each word, hit spacebar 4 times after you type a word that way you do not have to make<br /><br />indiviual links )<br /><br /><img alt="links" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/6.links.jpg" /></p><br /><br /><h2>Step 7</h2><br /><p>Now we will create a search form. Select the rectangle tool <strong>Color:</strong>#232224, then draw a box across the top right leaving room for a button. Then add the following text,<strong>Looking for something</strong><br /><br /><img alt="create search form" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/7.search-bg.jpg" /></p><br /><p>For our search button select the rounded rectangle tool and create a small rectangle to the right of our search form background.<br /><br /><img alt="Search Button" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/7_2.search-btn.jpg" /></p><br /><p>Now right click on search <strong>button</strong> layer>>Blending Options>>Gradient overlay.<br /><br /><br /><img alt="Button/Gradient" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/7_3.search-btnset.jpg" /></p><br /><p><strong>Left color:</strong>#040404 , <strong>Right color:</strong>#292928;<br /><br /><img alt="Button/Gradient2" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/7_3.search-btnset2.jpg" /></p><br /><p>Now let’s add the following text to our search button. <strong>Search</strong><br /><br /><img alt="Search BTN" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/7_4.search-ex.jpg" /></p><br /><h2>Step 8</h2><br /><p>Select the rectangle tool <strong>Color:</strong>#000. Now create a box 960px across the layout and about 325px height. Then change the layer opacity to 35%<br /><br /><br /><img alt="Featured box" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/8.featbox.jpg" /></p><br /><h2>Step 9</h2><br /><p>Now lets add a featured image, <strong>width:</strong>590px x <strong>height:</strong>295px;<br /><br /><img alt="Featured Image" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/9.feat-image.jpg" /></p><br /><h2>Step 10</h2><br /><p>Select the type tool. Now you create a heading title of your own or use my current heading title.<strong>Font:</strong>Size:23px, Arial, Bold.<br /><br /><img alt="Create heading" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/10.heading.jpg" /></p><br /><br /><p>Then create an post information link. Select the type tool and type the following.<strong>Posted by Marcell on 10.16.09 in Tutorials</strong><br /><br /><img alt="Post Information Look" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/10.postinfo.jpg" /></p><br /><p>Now write the excerpt. I used dummy text. Google search <strong>Lorem Ispum</strong><br /><br /><img alt="Excerpt" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/10.excpt.jpg" /></p><br /><h2>Step 11</h2><br /><p>Now we will create a button. Select the rectangle tool <strong>Color:</strong>#000; Now draw a rectangle button. Right click on layer>>Blending options>>Gradient Overlay <strong>Left Color:#1b1b1b</strong>,<br /><br /><br /><strong>Right color:</strong>#0e0e0e<br /><br /><img alt="create button" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/11.btn.jpg" /></p><br /><p>Duplicate the button layer. Then select the paint bucket tool ,<strong>Color:</strong>#373737, and fill the <strong>second</strong> black layer button.<br /><br /><img alt="grey button" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/11_2.btn.jpg" /></p><br /><p>Duplicate the first button layer. You should have 2 black button layers and 1 grey button layer.<br /><br /><img alt="3 buttons" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/11_3.btn.jpg" /></p><br /><p>Move buttons close together to give it that illusional look. ( zoom in to get best results )<br /><br /><br /><img alt="3 buttons" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/11_4.btn3.jpg" /><br /><br /><img alt="btn example" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/11_5.ex.jpg" /></p><br /><h2>Step 12</h2><br /><p>Select the type tool and type following.<strong>Read More</strong>. <strong>Font:</strong> Myraid pro, 29px, bold,. Now right click on text layer>>blending options>>Inner Shadow then copy current settings.<br /><br /><img alt="Copy current settings" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/12.textopt.jpg" /></p><br /><h2>Step 13</h2><br /><p>Select the rectangle tool, <strong>color:</strong>#000, Then create a rectangle under featured section to bottom. Layer opacity 35%.<br /><br /><br /><img alt="Create Main background" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/13.-main-bg.jpg" /></p><br /><h2>Step 14</h2><br /><p>Now we will create our post area. First thing we will create are our thumbnails. Create a thumbnail <strong>Width:</strong>275px <strong>height:</strong>164px,<br /><br /><img alt="Create Thumbnail" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/14_1post.jpg" /></p><br /><p>then right click on thumbnail layer>>Blending options>>Stroke.<br /><br /><img alt="Add a stroke" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/14.stroke.jpg" /></p><br /><p><strong>Note:</strong>I do not cover the post area as well since it is the same as the featured area</p><br /><br /><h2>Step 15</h2><br /><p>Copy current post area from image below. It is almost the same as the featured box. <strong>You can do it champ!</strong>. For the line I used the line tool, 1px <strong>Color:</strong>#3b2221<br /><br /><img alt="Create Post" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/15.post.jpg" /></p><br /><h2>Step 16</h2><br /><p>Duplicate post area 3 times.<br /><br /><img alt="Duplicate post area" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/16.duplic.jpg" /></p><br /><h2>Step 17</h2><br /><p>Now we will create our sidebar. Google search rss icons( Icon used in tutorial is from <a onclick="javascript:pageTracker._trackPageview('/outgoing/wefunction.com/2008/07/function-free-icon-set/');" href="http://wefunction.com/2008/07/function-free-icon-set/">Wefunction</a> ) Then place a rss button at the top<br /><br /><br />of the sidebar. Now select the type tool in type the following, <strong>Subscribe Rss Email Feed</strong>. <strong>Font:</strong>Arial, 15px, bold<br /><br /><img alt="Sidebar rss" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/17rss.jpg" /></p><br /><h2>Step 18</h2><br /><p>Now we will add some sidebar widgets to our layout. Duplicate the read more button from the featured box and change the text to <strong>Sponsors</strong>. Drag box down to sidebar. Now Google search 125 ads or create<br /><br />your own and place it into the layout.<br /><br /><img alt="Sponsor widget" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/17rss.jpg" /></p><br /><h2>Step 19</h2><br /><br /><p>Duplicate the the read more button once more and change the font to <strong>Popular post</strong>. Then select the text tool and create a heading( <strong>Font:</strong> Arial, 14px, bold ). Then create a description for<br /><br />the post or known as the excerpt( <strong>Font:</strong> Arial, 10px ). Select the line tool <strong>Color:</strong>#3b2221 and create a line that seprates each post. Once you have the first popular post article completed<br /><br />duplicate the group 2 times.<br /><br /><img alt="Popular post" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/19.poppost.jpg" /></p><br /><br /><h2>Step 20</h2><br /><p>For our last and final direction we will add a copyright to the bottom of our website mockup.<br /><br /><img alt="Footer" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/20.footer.jpg" /></p><br /><p>Final Image<br /><br /><a onclick="javascript:pageTracker._trackPageview('/downloads/wp-content/uploads/2009/09/elegant/final.jpg');" href="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/final.jpg"><img alt="" src="http://webdevtuts.net/wp-content/uploads/2009/09/elegant/final.jpg" width="550" height="500" /></a></p><br /><p>Congratulations! You have finished this tutorial. I hope everything was clear and that you understood this tutorial.</p><br /><p><a title="Downloaded {title} times" onclick="javascript:pageTracker._trackPageview('/downloads/wp-content/uploads/2009/07/downloads/Elegant Wordpress.rar');" href="http://webdevtuts.net/wp-content/uploads/2009/07/downloads/Elegant%20Wordpress.rar"><img alt="title" src="http://webdevtuts.net/wp-content/uploads/2009/post/download_btn.gif" /></a></p><br /><input id="gwProxy" type="hidden"><br /><input id="jsProxy" onclick="jsCall();" type="hidden"><br /><br /><br /><p>Related posts:</p>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com189tag:blogger.com,1999:blog-7156144208611940087.post-6780629003505999242009-10-24T03:16:00.000+05:302009-10-24T03:16:00.413+05:30Top web layout designs<h3><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/50262-rock-band-layout-music-layout.html">Rock Band Layout</a></h3> <div id="attachment_7376" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/50262-rock-band-layout-music-layout.html"><img original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-1.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-1.jpg" class="size-full wp-image-7376 " title="Rock band layout - Music layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-1.jpg" alt="web-layout-tutorial-1" height="506" width="500" /></a><p class="wp-caption-text">Rock band layout - Music layout</p></div> <h3><a rel="nofollow" href="http://designreviver.com/tutorials/premium-wordpress-theme-design-part-1-the-photoshop-mock-up/">Premium Wordpress Theme Design Part 1</a></h3> <div id="attachment_7377" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://designreviver.com/tutorials/premium-wordpress-theme-design-part-1-the-photoshop-mock-up/"><img original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-2.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-2.jpg" class="size-full wp-image-7377" title="Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-2.jpg" alt="web-layout-tutorial-2" height="540" width="500" /></a><p class="wp-caption-text">Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-very-simple-portfolio-web-layout-with-photoshop/">Create a Very Simple Portfolio Web Layout with Photoshop</a></h3> <div id="attachment_7378" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-very-simple-portfolio-web-layout-with-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3.jpg" class="size-full wp-image-7378" title="Create a Very Simple Portfolio Web Layout with Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3.jpg" alt="web-layout-tutorial-3" height="450" width="500" /></a><p class="wp-caption-text">Create a Very Simple Portfolio Web Layout with Photoshop</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/design-a-cartoon-grunge-website-layout/">Design a Cartoon Grunge Web site Layout</a></h3> <div id="attachment_7379" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/design-a-cartoon-grunge-website-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3b.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3b.jpg" class="size-full wp-image-7379" title="Design a Cartoon Grunge Web site Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-3b.jpg" alt="web-layout-tutorial-3b" height="342" width="500" /></a><p class="wp-caption-text">Design a Cartoon Grunge Web site Layout</p></div> <h3><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/43737-design-studio-layout-wordpress-layout.html">Design Studio Layout – Wordpress Layout</a></h3> <div id="attachment_7380" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/43737-design-studio-layout-wordpress-layout.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-4.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-4.jpg" class="size-full wp-image-7380" title="Design studio layout - Wordpress layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-4.jpg" alt="web-layout-tutorial-4" height="507" width="500" /></a><p class="wp-caption-text">Design studio layout - Wordpress layout</p></div> <h3><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/49036-grunge-digital-portfolio-website.html">Grunge Digital Portfolio Website</a></h3> <div id="attachment_7381" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/49036-grunge-digital-portfolio-website.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-5.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-5.jpg" class="size-full wp-image-7381" title="Grunge digital portfolio website" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-5.jpg" alt="web-layout-tutorial-5" height="507" width="500" /></a><p class="wp-caption-text">Grunge digital portfolio website</p></div> <h3><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/43999-old-paper-layout-great-portfolio-layout.html">Old Paper Layout</a></h3> <div id="attachment_7382" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/43999-old-paper-layout-great-portfolio-layout.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-6.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-6.jpg" class="size-full wp-image-7382 " title="Old Paper Layout - Great portfolio layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-6.jpg" alt="web-layout-tutorial-6" height="507" width="500" /></a><p class="wp-caption-text">Old Paper Layout - Great portfolio layout</p></div> <h3><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/42842-photographer-layout-portfolio-layout.html">Photographer Layout</a></h3> <div id="attachment_7383" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/web-layouts/42842-photographer-layout-portfolio-layout.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-7.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-7.jpg" class="size-full wp-image-7383" title="Photographer layout - Portfolio layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-7.jpg" alt="web-layout-tutorial-7" height="507" width="500" /></a><p class="wp-caption-text">Photographer layout - Portfolio layout</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-a-grunge-photographer-layout">Create a Grunge Photographer Layout</a></h3> <div id="attachment_7384" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-a-grunge-photographer-layout"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-8.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-8.jpg" class="size-full wp-image-7384" title="Create a grunge photographer layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-8.jpg" alt="web-layout-tutorial-8" height="469" width="500" /></a><p class="wp-caption-text">Create a grunge photographer layout</p></div> <h3><a rel="nofollow" href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/">Create a Clean and Colorful Web Layout in Photoshop</a></h3> <div id="attachment_7385" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-9.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-9.jpg" class="size-full wp-image-7385" title="Create a Clean and Colorful Web Layout in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-9.jpg" alt="web-layout-tutorial-9" height="313" width="500" /></a><p class="wp-caption-text">Create a Clean and Colorful Web Layout in Photoshop</p></div> <h3><a rel="nofollow" href="http://www.adobetutorialz.com/articles/3070/1/Create-dark-wordpress-theme">Create Dark Wordpress Theme</a></h3> <div id="attachment_7386" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.adobetutorialz.com/articles/3070/1/Create-dark-wordpress-theme"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-10.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-10.jpg" class="size-full wp-image-7386" title="Create dark wordpress theme" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-10.jpg" alt="web-layout-tutorial-10" height="547" width="500" /></a><p class="wp-caption-text">Create dark wordpress theme</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/">How to Create a Clean Web 2.0 Style Web Design in Photoshop</a></h3> <div id="attachment_7387" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-11.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-11.jpg" class="size-full wp-image-7387" title="How to Create a Clean Web 2.0 Style Web Design in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-11.jpg" alt="web-layout-tutorial-11" height="438" width="500" /></a><p class="wp-caption-text">How to Create a Clean Web 2.0 Style Web Design in Photoshop</p></div> <h3><a rel="nofollow" href="http://www.talk-mania.com/photoshop-tutorials-talk-mania-members/42448-arhitecture-layout.html">Architecture layout</a></h3> <div id="attachment_7388" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.talk-mania.com/photoshop-tutorials-talk-mania-members/42448-arhitecture-layout.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-12.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-12.jpg" class="size-full wp-image-7388 " title="Architecture layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-12.jpg" alt="web-layout-tutorial-12" height="625" width="500" /></a><p class="wp-caption-text">Architecture layout</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-an-illustrative-web-design-in-photoshop/">How to Create an Illustrative Web Design in Photoshop</a></h3> <div id="attachment_7389" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-an-illustrative-web-design-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-13.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-13.jpg" class="size-full wp-image-7389" title="How to Create an Illustrative Web Design in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-13.jpg" alt="web-layout-tutorial-13" height="227" width="500" /></a><p class="wp-caption-text">How to Create an Illustrative Web Design in Photoshop</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-grunge-web-design-using-photoshop/">How to Create a Grunge Web Design Using Photoshop</a></h3> <div id="attachment_7390" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-grunge-web-design-using-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-14.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-14.jpg" class="size-full wp-image-7390" title="How to Create a Grunge Web Design Using Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-14.jpg" alt="web-layout-tutorial-14" height="483" width="500" /></a><p class="wp-caption-text">How to Create a Grunge Web Design Using Photoshop</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-travel-psd-layout-adobe-photoshop">Design a Travel PSD Layout With Adobe Photoshop</a></h3> <div id="attachment_7391" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-travel-psd-layout-adobe-photoshop"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-15.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-15.jpg" class="size-full wp-image-7391" title="Design a travel PSD layout with Adobe Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-15.jpg" alt="web-layout-tutorial-15" height="469" width="500" /></a><p class="wp-caption-text">Design a travel PSD layout with Adobe Photoshop</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/">Create a Magic Night Themed Web Design from Scratch in Photoshop</a></h3> <div id="attachment_7392" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-16.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-16.jpg" class="size-full wp-image-7392" title="Create a Magic Night Themed Web Design from Scratch in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-16.jpg" alt="web-layout-tutorial-16" height="550" width="500" /></a><p class="wp-caption-text">Create a Magic Night Themed Web Design from Scratch in Photoshop</p></div> <h3><a rel="nofollow" href="http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/">Create a Professional Portfolio Design in 17 Easy Steps</a></h3> <div id="attachment_7393" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdfan.com/tutorials/designing/create-a-professional-portfolio-design-in-17-easy-steps/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-17.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-17.jpg" class="size-full wp-image-7393" title="Create a Professional Portfolio Design in 17 Easy Steps" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-17.jpg" alt="web-layout-tutorial-17" height="328" width="500" /></a><p class="wp-caption-text">Create a Professional Portfolio Design in 17 Easy Steps</p></div> <h3><a rel="nofollow" href="http://tutsarena.com/2009/07/design-a-clean-and-colorful-portfolio-in-photoshop/">Design a Clean and Colorful Portfolio in Photoshop</a></h3> <div id="attachment_7394" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://tutsarena.com/2009/07/design-a-clean-and-colorful-portfolio-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-18.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-18.jpg" class="size-full wp-image-7394" title="Design a Clean and Colorful Portfolio in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-18.jpg" alt="web-layout-tutorial-18" height="275" width="500" /></a><p class="wp-caption-text">Design a Clean and Colorful Portfolio in Photoshop</p></div> <h3><a rel="nofollow" href="http://psdthemes.com/tutorial-content-927-elune-tutorial.html">Awesome Tutorial Portfolio Design</a></h3> <div id="attachment_7395" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdthemes.com/tutorial-content-927-elune-tutorial.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-19.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-19.jpg" class="size-full wp-image-7395" title="Awesome Tutorial Portfolio Design" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-19.jpg" alt="web-layout-tutorial-19" height="445" width="500" /></a><p class="wp-caption-text">Awesome Tutorial Portfolio Design</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-dark-and-sleek-web-layout-using-photoshop/">Create a Dark and Sleek Web Layout Using Photoshop</a></h3> <div id="attachment_7396" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-dark-and-sleek-web-layout-using-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-20.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-20.jpg" class="size-full wp-image-7396" title="Create a Dark and Sleek Web Layout Using Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-20.jpg" alt="web-layout-tutorial-20" height="375" width="500" /></a><p class="wp-caption-text">Create a Dark and Sleek Web Layout Using Photoshop</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/07/07/create-a-webdesign-company-layout-in-photoshop/">Create a Web design Company Layout in Photoshop</a></h3> <div id="attachment_7397" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/07/07/create-a-webdesign-company-layout-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-21.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-21.jpg" class="size-full wp-image-7397" title="Create a webdesign company layout in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-21.jpg" alt="web-layout-tutorial-21" height="635" width="500" /></a><p class="wp-caption-text">Create a webdesign company layout in Photoshop</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/">Create a Promotional iPhone App Site in Photoshop</a></h3> <div id="attachment_7398" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-22.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-22.jpg" class="size-full wp-image-7398" title="Create a Promotional iPhone App Site in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-22.jpg" alt="web-layout-tutorial-22" height="708" width="500" /></a><p class="wp-caption-text">Create a Promotional iPhone App Site in Photoshop</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/">How to Make a Green & Sleek Web Layout in Photoshop</a></h3> <div id="attachment_7399" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-green-sleek-web-layout-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-23.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-23.jpg" class="size-full wp-image-7399" title="How to Make a Green & Sleek Web Layout in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-23.jpg" alt="web-layout-tutorial-23" height="407" width="500" /></a><p class="wp-caption-text">How to Make a Green & Sleek Web Layout in Photoshop</p></div> <h3><a rel="nofollow" href="http://hv-designs.co.uk/2009/01/05/creative-design-layout-tutorial/">Creative Design Layout Tutorial</a></h3> <div id="attachment_7400" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://hv-designs.co.uk/2009/01/05/creative-design-layout-tutorial/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-24.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-24.jpg" class="size-full wp-image-7400" title="Creative Design Layout Tutorial" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-24.jpg" alt="web-layout-tutorial-24" height="790" width="500" /></a><p class="wp-caption-text">Creative Design Layout Tutorial</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/photoshop/create-a-web-layout-with-3d-elements-using-photoshop/">Create a Web Layout with 3D Elements using Photoshop</a></h3> <div id="attachment_7401" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/photoshop/create-a-web-layout-with-3d-elements-using-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-25.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-25.jpg" class="size-full wp-image-7401" title="Create a Web Layout with 3D Elements using Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-25.jpg" alt="web-layout-tutorial-25" height="500" width="500" /></a><p class="wp-caption-text">Create a Web Layout with 3D Elements using Photoshop</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/photoshop/how-to-make-a-light-and-sleek-web-layout-in-photoshop/">How to Make a Light and Sleek Web Layout in Photoshop</a></h3> <div id="attachment_7402" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/photoshop/how-to-make-a-light-and-sleek-web-layout-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-26.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-26.jpg" class="size-full wp-image-7402" title="How to Make a Light and Sleek Web Layout in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-26.jpg" alt="web-layout-tutorial-26" height="542" width="500" /></a><p class="wp-caption-text">How to Make a Light and Sleek Web Layout in Photoshop</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-grunge-personal-portfolio">Create a Grunge Personal Portfolio Layout</a></h3> <div id="attachment_7403" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-grunge-personal-portfolio"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-27.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-27.jpg" class="size-full wp-image-7403" title="Create a grunge personal portfolio layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-27.jpg" alt="web-layout-tutorial-27" height="469" width="500" /></a><p class="wp-caption-text">Create a grunge personal portfolio layout</p></div> <h3><a rel="nofollow" href="http://templatetuts.com/2009/06/create-a-clean-and-effective-product-layout/">Create a Clean and Effective Product Layout</a></h3> <div id="attachment_7404" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://templatetuts.com/2009/06/create-a-clean-and-effective-product-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-28.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-28.jpg" class="size-full wp-image-7404" title="Create a Clean and Effective Product Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-28.jpg" alt="web-layout-tutorial-28" height="517" width="500" /></a><p class="wp-caption-text">Create a Clean and Effective Product Layout</p></div> <h3><a rel="nofollow" href="http://alfoart.com/silver_splatter_design_1.html">Silver Splatter Web layout Design</a></h3> <div id="attachment_7405" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://alfoart.com/silver_splatter_design_1.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-29.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-29.jpg" class="size-full wp-image-7405" title="Silver Splatter Web layout Design" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-29.jpg" alt="web-layout-tutorial-29" height="587" width="500" /></a><p class="wp-caption-text">Silver Splatter Web layout Design</p></div> <h3><a rel="nofollow" href="http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/">Making the ‘Clean Grunge’ Blog Design</a></h3> <div id="attachment_7406" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-30.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-30.jpg" class="size-full wp-image-7406" title="Making the ‘Clean Grunge’ Blog Design" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-30.jpg" alt="web-layout-tutorial-30" height="714" width="500" /></a><p class="wp-caption-text">Making the ‘Clean Grunge’ Blog Design</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-dark-themed-web-design-from-scratch/">Create a Dark Themed Web Design from Scratch</a></h3> <div id="attachment_7407" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-dark-themed-web-design-from-scratch/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-31.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-31.jpg" class="size-full wp-image-7407" title="Create a Dark Themed Web Design from Scratch" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-31.jpg" alt="web-layout-tutorial-31" height="586" width="500" /></a><p class="wp-caption-text">Create a Dark Themed Web Design from Scratch</p></div> <h3><a rel="nofollow" href="http://abduzeedo.com/web-site-design-tutorial-wellknownas-case">Web Site Design Tutorial: Wellknown.as Case</a></h3> <div id="attachment_7408" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://abduzeedo.com/web-site-design-tutorial-wellknownas-case"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-32.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-32.jpg" class="size-full wp-image-7408" title="Web Site Design Tutorial: Wellknown.as Case" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-32.jpg" alt="web-layout-tutorial-32" height="405" width="500" /></a><p class="wp-caption-text">Web Site Design Tutorial: Wellknown.as Case</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/">How to Elevate Your Website Design Process and Results</a></h3> <div id="attachment_7409" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-33.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-33.jpg" class="size-full wp-image-7409" title="How to Elevate Your Website Design Process and Results" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-33.jpg" alt="web-layout-tutorial-33" height="478" width="500" /></a><p class="wp-caption-text">How to Elevate Your Website Design Process and Results</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/06/22/creating-a-tech-blog-layout-in-adobe-photoshop/">Creating a Tech Blog Layout in Adobe Photoshop</a></h3> <div id="attachment_7410" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/06/22/creating-a-tech-blog-layout-in-adobe-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-34.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-34.jpg" class="size-full wp-image-7410" title="Creating a tech blog layout in Adobe Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-34.jpg" alt="web-layout-tutorial-34" height="469" width="500" /></a><p class="wp-caption-text">Creating a tech blog layout in Adobe Photoshop</p></div> <h3><a rel="nofollow" href="http://templatetuts.com/2009/06/create-a-stylish-portfolio-layout/">Create A Stylish Portfolio Layout</a></h3> <div id="attachment_7411" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://templatetuts.com/2009/06/create-a-stylish-portfolio-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-35.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-35.jpg" class="size-full wp-image-7411" title="Create A Stylish Portfolio Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-35.jpg" alt="web-layout-tutorial-35" height="521" width="500" /></a><p class="wp-caption-text">Create A Stylish Portfolio Layout</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-unique-wordpress-theme">How to Create a Unique Wordpress Theme</a></h3> <div id="attachment_7412" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-unique-wordpress-theme"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-36.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-36.jpg" class="size-full wp-image-7412" title="How to Create a Unique Wordpress Theme" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-36.jpg" alt="web-layout-tutorial-36" height="469" width="500" /></a><p class="wp-caption-text">How to Create a Unique Wordpress Theme</p></div> <h3><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-worn-paper-web-layout-using-photoshop/">How to Create a “Worn Paper” Web Layout Using Photoshop</a></h3> <div id="attachment_7413" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-worn-paper-web-layout-using-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-37.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-37.jpg" class="size-full wp-image-7413" title="How to Create a “Worn Paper” Web Layout Using Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-37.jpg" alt="web-layout-tutorial-37" height="513" width="500" /></a><p class="wp-caption-text">How to Create a “Worn Paper” Web Layout Using Photoshop</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/creating-amazing-layout-textures">Create an Amazing Layout Using Textures</a></h3> <div id="attachment_7414" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/creating-amazing-layout-textures"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-38.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-38.jpg" class="size-full wp-image-7414" title="Create an Amazing Layout Using Textures" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-38.jpg" alt="web-layout-tutorial-38" height="469" width="500" /></a><p class="wp-caption-text">Create an Amazing Layout Using Textures</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/">How to Create a Grunge Web Design in Photoshop</a></h3> <div id="attachment_7415" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-grunge-web-design-in-photoshop/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-39.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-39.jpg" class="size-full wp-image-7415" title="How to Create a Grunge Web Design in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-39.jpg" alt="web-layout-tutorial-39" height="501" width="500" /></a><p class="wp-caption-text">How to Create a Grunge Web Design in Photoshop</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/">Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!</a></h3> <div id="attachment_7416" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-40.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-40.jpg" class="size-full wp-image-7416" title="Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-40.jpg" alt="web-layout-tutorial-40" height="373" width="500" /></a><p class="wp-caption-text">Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!</p></div> <h3><a rel="nofollow" href="http://psdfan.com/tutorials/designing/design-a-unique-grungy-website/">Design a Unique Grungy Website Layout</a></h3> <div id="attachment_7417" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdfan.com/tutorials/designing/design-a-unique-grungy-website/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-41.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-41.jpg" class="size-full wp-image-7417" title="Design a Unique Grungy Website Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-41.jpg" alt="web-layout-tutorial-41" height="400" width="500" /></a><p class="wp-caption-text">Design a Unique Grungy Website Layout</p></div> <h3><a rel="nofollow" href="http://www.photoshopstar.com/web-design/band-website-template/">Design an Awesome Band Website Template</a></h3> <div id="attachment_7418" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.photoshopstar.com/web-design/band-website-template/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-42.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-42.jpg" class="size-full wp-image-7418" title="Design an Awesome Band Website Template" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-42.jpg" alt="web-layout-tutorial-42" height="500" width="500" /></a><p class="wp-caption-text">Design an Awesome Band Website Template</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-a-wordpress-interface-in-photoshop">Create a Wordpress Interface in Photoshop</a></h3> <div id="attachment_7419" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/create-a-wordpress-interface-in-photoshop"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-43.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-43.jpg" class="size-full wp-image-7419" title="Create a wordpress interface in Photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-43.jpg" alt="web-layout-tutorial-43" height="500" width="500" /></a><p class="wp-caption-text">Create a wordpress interface in Photoshop</p></div> <h3><a rel="nofollow" href="http://www.adobetutorialz.com/articles/2939/1/Photo-Portfolio-Web-Page-Layout">Photo Portfolio Web Page Layout</a></h3> <div id="attachment_7420" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.adobetutorialz.com/articles/2939/1/Photo-Portfolio-Web-Page-Layout"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-44.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-44.jpg" class="size-full wp-image-7420" title="Photo Portfolio Web Page Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-44.jpg" alt="web-layout-tutorial-44" height="490" width="500" /></a><p class="wp-caption-text">Photo Portfolio Web Page Layout</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/01/20/corporate-wordpress-style-layout/">Corporate WordPress Style Layout</a></h3> <div id="attachment_7421" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/01/20/corporate-wordpress-style-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-45.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-45.jpg" class="size-full wp-image-7421" title="Corporate WordPress Style Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-45.jpg" alt="web-layout-tutorial-45" height="722" width="500" /></a><p class="wp-caption-text">Corporate WordPress Style Layout</p></div> <h3><a rel="nofollow" href="http://tutocity.com/index.php/photoshop/full-photoshop-web-design-journal.html">Full Photoshop Web Design – Journal</a></h3> <div id="attachment_7422" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://tutocity.com/index.php/photoshop/full-photoshop-web-design-journal.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-46.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-46.jpg" class="size-full wp-image-7422" title="Full Photoshop Web Design - Journal" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-46.jpg" alt="web-layout-tutorial-46" height="375" width="500" /></a><p class="wp-caption-text">Full Photoshop Web Design - Journal</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-a-realistic-website-layout-in-photoshop">Design a Realistic Website Layout in Photoshop</a></h3> <div id="attachment_7423" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-a-realistic-website-layout-in-photoshop"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-47.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-47.jpg" class="size-full wp-image-7423" title="Design a realistic website layout in photoshop" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-47.jpg" alt="web-layout-tutorial-47" height="469" width="500" /></a><p class="wp-caption-text">Design a realistic website layout in photoshop</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/06/01/create-a-modern-blog-layout/">Create a Modern Blog Layout</a></h3> <div id="attachment_7424" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/06/01/create-a-modern-blog-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-48.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-48.jpg" class="size-full wp-image-7424" title="Create a modern blog layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-48.jpg" alt="web-layout-tutorial-48" height="485" width="500" /></a><p class="wp-caption-text">Create a modern blog layout</p></div> <h3><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-unique-colorful-site-layout/">How to Create a Unique Colorful Site Layout</a></h3> <div id="attachment_7425" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-unique-colorful-site-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-49.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-49.jpg" class="size-full wp-image-7425" title="How to Create a Unique Colorful Site Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-49.jpg" alt="web-layout-tutorial-49" height="483" width="500" /></a><p class="wp-caption-text">How to Create a Unique Colorful Site Layout</p></div> <h3><a rel="nofollow" href="http://psdthemes.com/tutorial-content-581-rocknrolla-personal-blog-design-tutorial.html">Tutorial RocknRolla Blog Design</a></h3> <div id="attachment_7426" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdthemes.com/tutorial-content-581-rocknrolla-personal-blog-design-tutorial.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-50.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-50.jpg" class="size-full wp-image-7426" title="Tutorial RocknRolla Blog Design" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-50.jpg" alt="web-layout-tutorial-50" height="665" width="500" /></a><p class="wp-caption-text">Tutorial RocknRolla Blog Design</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-creative-design-studio-layout">Design a Creative Design Studio Layout</a></h3> <div id="attachment_7427" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-creative-design-studio-layout"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-51.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-51.jpg" class="size-full wp-image-7427" title="Design a creative design studio layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-51.jpg" alt="web-layout-tutorial-51" height="469" width="500" /></a><p class="wp-caption-text">Design a creative design studio layout</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/04/22/create-a-sleek-and-textured-web-layout/">Create a Sleek and Textured Web Layout</a></h3> <div id="attachment_7428" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/04/22/create-a-sleek-and-textured-web-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-52.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-52.jpg" class="size-full wp-image-7428" title="Create a Sleek and Textured Web Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-52.jpg" alt="web-layout-tutorial-52" height="513" width="500" /></a><p class="wp-caption-text">Create a Sleek and Textured Web Layout</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-amazing-3d-hosting-layout">Design an Amazing 3d Hosting Layout</a></h3> <div id="attachment_7429" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-amazing-3d-hosting-layout"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-53.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-53.jpg" class="size-full wp-image-7429" title="Design an amazing 3d hosting layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-53.jpg" alt="web-layout-tutorial-53" height="468" width="500" /></a><p class="wp-caption-text">Design an amazing 3d hosting layout</p></div> <h3><a rel="nofollow" href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/">Design a Beautiful Website From Scratch</a></h3> <div id="attachment_7430" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-54.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-54.jpg" class="size-full wp-image-7430" title="Design a Beautiful Website From Scratch" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-54.jpg" alt="web-layout-tutorial-54" height="722" width="500" /></a><p class="wp-caption-text">Design a Beautiful Website From Scratch</p></div> <h3><a rel="nofollow" href="http://psdvibe.com/2009/04/12/watercolored-design-studio-blog-layout/">Water Colored Design Studio Blog Layout</a></h3> <div id="attachment_7431" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdvibe.com/2009/04/12/watercolored-design-studio-blog-layout/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-55.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-55.jpg" class="size-full wp-image-7431 " title="Water colored Design Studio Blog Layout" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-55.jpg" alt="web-layout-tutorial-55" height="537" width="500" /></a><p class="wp-caption-text">Water colored Design Studio Blog Layout</p></div> <h3><a rel="nofollow" href="http://psdfan.com/tutorials/designing/design-a-sleek-real-estate-website/">Design a Sleek Real Estate Website</a></h3> <div id="attachment_7432" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://psdfan.com/tutorials/designing/design-a-sleek-real-estate-website/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-56.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-56.jpg" class="size-full wp-image-7432" title="Design a Sleek Real Estate Website" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-56.jpg" alt="web-layout-tutorial-56" height="424" width="500" /></a><p class="wp-caption-text">Design a Sleek Real Estate Website</p></div> <h3><a rel="nofollow" href="http://smashingpoint.com/clean-business-layout-tutorial.html">Clean Business Layout Tutorial</a></h3> <div id="attachment_7433" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://smashingpoint.com/clean-business-layout-tutorial.html"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-57.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-57.jpg" class="size-full wp-image-7433" title="Clean Business Layout Tutorial" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-57.jpg" alt="web-layout-tutorial-57" height="443" width="500" /></a><p class="wp-caption-text">Clean Business Layout Tutorial</p></div> <h3><a rel="nofollow" href="http://hv-designs.co.uk/2008/11/24/design-studio-layout-2/">Design Studio Layout #2</a></h3> <div id="attachment_7434" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://hv-designs.co.uk/2008/11/24/design-studio-layout-2/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-58.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-58.jpg" class="size-full wp-image-7434" title="Design Studio Layout #2" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-58.jpg" alt="web-layout-tutorial-58" height="529" width="500" /></a><p class="wp-caption-text">Design Studio Layout #2</p></div> <h3><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-a-creative-wordpress-theme">Design a Creative Wordpress Theme</a></h3> <div id="attachment_7435" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://www.grafpedia.com/tutorials/design-a-creative-wordpress-theme"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-59.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-59.jpg" class="size-full wp-image-7435" title="Design a creative wordpress theme" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-59.jpg" alt="web-layout-tutorial-59" height="469" width="500" /></a><p class="wp-caption-text">Design a creative wordpress theme</p></div> <h3><a rel="nofollow" href="http://hv-designs.co.uk/2009/03/24/web-design-layout-9/">Web Design Layout #9</a></h3> <div id="attachment_7436" class="wp-caption aligncenter" style="width: 510px;"><a rel="nofollow" href="http://hv-designs.co.uk/2009/03/24/web-design-layout-9/"><img style="display: inline;" original="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-60.jpg" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-60.jpg" class="size-full wp-image-7436" title="Web Design Layout #9" src="http://designrfix.com/wp-content/uploads/2009/10/web-layout-tutorial-60.jpg" alt="web-layout-tutorial-60" height="625" width="500" /></a><p class="wp-caption-text">Web Design Layout #9</p><p class="wp-caption-text">Source : http://designrfix.com/resources/web-layout-designs-60-tutorials<br /></p></div><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com19tag:blogger.com,1999:blog-7156144208611940087.post-64126521509487748642009-10-22T02:37:00.000+05:302009-10-22T02:37:00.313+05:30Excellent Planet and Space Photoshop Tutorials<p>We have seen lots of photos of space and planet over internet.. why not to create them ? Creating space or planet in photoshop can teach you some great techniques. Here we have collected some explosion, planet and space tutorials designed using photoshop just have a look at all of them.</p> <p><a href="http://acrisdesign.com/2009/10/27-excellent-planet-and-space-photoshop-tutorials/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/spaceplanet.jpg" class="alignnone size-full wp-image-1061" title="spaceplanet" src="http://acrisdesign.com/wp-content/uploads/2009/10/spaceplanet.jpg" alt="spaceplanet" height="250" width="535" /></a></p> <p><span id="more-1059"></span></p> <h2><a href="http://blog.hexagonstar.com/galaxy-tutorial/">1. Creating a Galaxy in Photoshop</a></h2> <p><a href="http://blog.hexagonstar.com/galaxy-tutorial/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/110.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/110.jpg" alt="galaxy in photoshop" height="450" width="540" /></a></p> <h2><a href="http://www.solarvoyager.com/images/tutorials/planetrings/planetrings.htm"><strong>2. Planet Ring Tutorial</strong></a></h2> <h2><a href="http://www.solarvoyager.com/images/tutorials/planetrings/planetrings.htm"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/210.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/210.jpg" alt="planted ring tutorial" height="450" width="540" /></a></h2> <h2><a href="http://psd.tutsplus.com/tutorials-effects/create-a-space-explosion-from-scratch-in-photoshop/">3. Create a Space Explosion From Scratch in Photoshop</a></h2> <p><a href="http://psd.tutsplus.com/tutorials-effects/create-a-space-explosion-from-scratch-in-photoshop/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/310.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/310.jpg" alt="space explosion in photoshop" height="450" width="540" /></a></p> <h2><a href="http://forcg.com/tutorials/drawing/create-a-spectacular-3d-space-explosion/">4. Create a Spectacular 3D Space Explosion</a></h2> <p><a href="http://forcg.com/tutorials/drawing/create-a-spectacular-3d-space-explosion/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/44.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/44.jpg" alt="space explosion" height="450" width="540" /></a></p> <h2><a href="http://www.tip-kit.com/tips/view/43">5. Create a supernova in Photoshop</a></h2> <p><a href="http://www.tip-kit.com/tips/view/43"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/51.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/51.jpg" alt="supernova in photoshop" height="450" width="540" /></a></p> <h2><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-galactic-poster-design-in-photoshop">6. Create a Trendy Galactic Poster Design in Photoshop</a></h2> <p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-galactic-poster-design-in-photoshop"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/61.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/61.jpg" alt="galaxy poster" height="450" width="540" /></a></p> <h2><a title="Permanent Link to The White Tree" rel="bookmark" href="http://www.psdtop.com/blog/photo-effects/the-white-tree/">7. The White Tree</a></h2> <p><a href="http://www.psdtop.com/blog/photo-effects/the-white-tree/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/81.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/81.jpg" alt="sky photoshop tutorial" height="450" width="540" /></a></p> <h2><a href="http://www.3dtotal.com//team/Tutorials_2/painting_planets/planets_04.php">8. ‘Planet Tutorial</a></h2> <p><a href="http://www.3dtotal.com//team/Tutorials_2/painting_planets/planets_04.php"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/91.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/91.jpg" alt="planet tutorial" height="450" width="540" /></a></p> <h2><a title="Space Explosion Photoshop Tutorial" rel="bookmark" href="http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/">9. Space Explosion Photoshop Tutorial</a></h2> <p><a href="http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/101.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/101.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://abduzeedo.com/retro-geometric-vectors-space-illustrator-and-photoshop">10. Retro Geometric Vectors in Space with Illustrator and Photoshop</a></h2> <p><a href="http://abduzeedo.com/retro-geometric-vectors-space-illustrator-and-photoshop"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/111.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/111.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.photoshop-garden.com/view_tut.php?id=60">11. The Beauty From The Outside</a></h2> <p><a href="http://www.photoshop-garden.com/view_tut.php?id=60"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/121.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/121.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.adobetutorialz.com/articles/2985/1/The-Orange-Sky">12. The Orange Sky</a></h2> <p><a href="http://www.adobetutorialz.com/articles/2985/1/The-Orange-Sky"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/131.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/131.jpg" alt="" height="450" width="540" /></a></p> <h2><a title="Permanent Link to Creating an Awesome Space Effect" rel="bookmark" href="http://www.myinkblog.com/2008/07/22/creating-an-awesome-space-effect/">13. Creating an Awesome Space Effect</a></h2> <p><a href="http://www.myinkblog.com/2008/07/22/creating-an-awesome-space-effect/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/141.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/141.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://abduzeedo.com/space-lighting-effects-10-steps-photoshop-tutorial">14. Space Lighting Effects in 10 Steps – Photoshop Tutorial</a></h2> <p><a href="http://abduzeedo.com/space-lighting-effects-10-steps-photoshop-tutorial"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/151.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/151.jpg" alt="" height="450" width="540" /></a></p> <h2><a title="Permanent Link to Create a Realistic Space Scene from Scratch with Photoshop" rel="bookmark" href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-realistic-space-scene-from-scratch-with-photoshop/">15. Create a Realistic Space Scene from Scratch with Photoshop</a></h2> <p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-realistic-space-scene-from-scratch-with-photoshop/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/161.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/161.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://pswish.com/dark-fantasy-art-photoshop-tutorial-fairy-sunset-landscap/">16. Dark Fantasy Art Photoshop tutorial – Fairy and Sunset Landscap</a></h2> <p><a href="http://pswish.com/dark-fantasy-art-photoshop-tutorial-fairy-sunset-landscap/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/171.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/171.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://psd.tutsplus.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/">17. Creating A Fantastic Fantasy Night Sky In Photoshop</a></h2> <p><a href="http://psd.tutsplus.com/designing-tutorials/creating-a-fantastic-fantasy-night-sky-in-photoshop/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/181.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/181.jpg" alt="" height="450" width="540" /></a></p> <h2><a title="Permanent Link to The Magic Night" rel="bookmark" href="http://www.psdtop.com/blog/photo-effects/the-magic-night/">18. The Magic Night</a></h2> <p><a href="http://www.psdtop.com/blog/photo-effects/the-magic-night/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/191.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/191.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://netcades.com/2008/07/18/space-scene-design-in-photoshop/">19. Space Scene Design in Photoshop</a></h2> <p><a href="http://netcades.com/2008/07/18/space-scene-design-in-photoshop/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/201.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/201.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://psd.tutsplus.com/drawing/fiery-photoshop-space-explosion-tutorial/">20. Fiery Photoshop Space Explosion Tutorial</a></h2> <p><a href="http://psd.tutsplus.com/drawing/fiery-photoshop-space-explosion-tutorial/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/211.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/211.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.webdesign.org/web/photoshop/articles/make-a-realistic-star-field.3811.html">21. Make a Realistic Star Field</a></h2> <p><a href="http://www.webdesign.org/web/photoshop/articles/make-a-realistic-star-field.3811.html"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/221.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/221.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.webdesign.org/cat/photoshop/tutorials/.3810.html">22. Make a Planet</a></h2> <p><a href="http://www.webdesign.org/cat/photoshop/tutorials/.3810.html"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/231.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/231.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.freephotoshop.ca/tutorials/effects/photoshop-space-and-planet-tutorial">23. Photoshop Space and Planet Tutorial</a></h2> <p><a href="http://www.freephotoshop.ca/tutorials/effects/photoshop-space-and-planet-tutorial"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/251.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/251.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.imarc.net/communique/view/85/ahhhhh_oy_alien_invasion_a_photoshop_tutorial">24. AHHHHH! Oy! Alien Invasion! A Photoshop Tutorial..</a></h2> <p><a href="http://www.imarc.net/communique/view/85/ahhhhh_oy_alien_invasion_a_photoshop_tutorial"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/261.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/261.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.photoshop-garden.com/view_tut.php?id=63">25. The End Of The World</a></h2> <p><a href="http://www.photoshop-garden.com/view_tut.php?id=63"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/271.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/271.jpg" alt="" height="450" width="540" /></a></p> <h2><a title="Permanent Link: Create a Realistic Outer Space Scene in Photoshop" rel="bookmark" href="http://www.fudgegraphics.com/2008/10/create-a-realistic-outer-space-scene-in-photoshop/">26. Create a Realistic Outer Space Scene in Photoshop</a></h2> <p><a href="http://www.fudgegraphics.com/2008/10/create-a-realistic-outer-space-scene-in-photoshop/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/281.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/281.jpg" alt="" height="450" width="540" /></a></p> <h2><a href="http://www.fxencore.de/tutorial_detail/photoshop-tutorials/bildmanipulation/space-environment/"><strong>27. Photoshop Tutorial: Space Environment</strong></a></h2> <p><a href="http://www.fxencore.de/tutorial_detail/photoshop-tutorials/bildmanipulation/space-environment/"><img src="http://acrisdesign.com/wp-content/uploads/2009/10/291.jpg" src="http://acrisdesign.com/wp-content/uploads/2009/10/291.jpg" alt="" height="450" width="540" /></a></p><p>Source : http://acrisdesign.com/2009/10/27-excellent-planet-and-space-photoshop-tutorials/<br /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-16155193368031525972009-10-20T02:31:00.000+05:302009-10-20T02:31:00.611+05:30Web Design Interface Tutorial Sites<h2>1.<a href="http://psdvibe.com/category/photoshop/" target="_blank">PsdVibe</a></h2> <p><a href="http://psdvibe.com/category/photoshop/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdvibe-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdvibe-photoshop-web-layout-tutorial-website.jpg" alt="psdvibe-photoshop-web-layout-tutorial-website" height="325" width="570" /></a></p> <h2>2.<a href="http://hv-designs.co.uk/category/photoshop-tutorials/" target="_blank">HV-Designs</a></h2> <p><a href="http://hv-designs.co.uk/category/photoshop-tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/hv-designs-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/hv-designs-photoshop-web-layout-tutorial-website.jpg" alt="hv-designs-photoshop-web-layout-tutorial-website" height="355" width="570" /></a></p> <h2>3.<a href="http://sixrevisions.com/tutorials/" target="_blank">SixRevisions</a></h2> <p><a href="http://sixrevisions.com/tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/sixrevisions-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/sixrevisions-photoshop-web-layout-tutorial-website.jpg" alt="sixrevisions-photoshop-web-layout-tutorial-website" height="403" width="570" /></a></p> <h2>4.<a href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/Web-Layout/" target="_blank">AdobeTutorialz</a></h2> <p><a href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/Web-Layout/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/adobe-tutorialz-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/adobe-tutorialz-photoshop-web-layout-tutorial-website.jpg" alt="adobe-tutorialz-photoshop-web-layout-tutorial-website" height="291" width="570" /></a></p> <h2>5.<a href="http://www.grafpedia.com/category/tutorials/web-layouts" target="_blank">GrafPedia</a></h2> <p>Simply stunning tutorials and outcomes look really professional and high quality!</p> <p><a href="http://www.grafpedia.com/category/tutorials/web-layouts" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/grafpedia-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/grafpedia-photoshop-web-layout-tutorial-website.jpg" alt="grafpedia-photoshop-web-layout-tutorial-website" height="234" width="570" /></a></p> <h2>6. <a href="http://templatetuts.com/category/tutorials/" target="_blank">TemplateTuts</a></h2> <p><a href="http://templatetuts.com/category/tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/template-tuts-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/template-tuts-photoshop-web-layout-tutorial-website.jpg" alt="template-tuts-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>7. <a href="http://www.webdesigndev.com/category/photoshop" target="_blank">WebDesignDev</a></h2> <p><a href="http://www.webdesigndev.com/category/photoshop" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/web-design-dev-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/web-design-dev-photoshop-web-layout-tutorial-website.jpg" alt="web-design-dev-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>8. <a href="http://psd.tutsplus.com/category/tutorials/interface-tutorials/" target="_blank">PSD Tuts</a></h2> <p><a href="http://psd.tutsplus.com/category/tutorials/interface-tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psd-tuts-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psd-tuts-photoshop-web-layout-tutorial-website.jpg" alt="psd-tuts-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>9. <a href="http://webtint.net/tutorials/" target="_blank">Web Tint</a></h2> <p><a href="http://webtint.net/tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/web-tint-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/web-tint-photoshop-web-layout-tutorial-website.jpg" alt="web-tint-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>10.<a href="http://psdtemplate.com/psd-tutorials/" target="_blank"> PSD Tempate</a></h2> <p><a href="http://psdtemplate.com/psd-tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/pst-template-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/pst-template-photoshop-web-layout-tutorial-website.jpg" alt="psd-template-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>11. <a href="http://webitect.net/tutorials/web-design-psd" target="_blank">Webitect*</a></h2> <p><a href="http://webitect.net/tutorials/web-design-psd" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/webitect-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/webitect-photoshop-web-layout-tutorial-website.jpg" alt="webitect-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>12. <a href="http://monstertuts.com/category/photoshop/" target="_blank">MonsterTuts</a></h2> <p><a href="http://monstertuts.com/category/photoshop/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/monster-tuts-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/monster-tuts-photoshop-web-layout-tutorial-website.jpg" alt="monster-tuts-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>13. <a href="http://www.psdcore.com/category/tutorials/web-layouts/" target="_blank">PSDCore</a></h2> <p><a href="http://www.psdcore.com/category/tutorials/web-layouts/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdcore-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdcore-photoshop-web-layout-tutorial-website.jpg" alt="psdcore-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>14. <a href="http://www.webdesign.org/web/photoshop/web-layout/" target="_blank">WebDesignLibrary</a></h2> <p><a href="http://www.webdesign.org/web/photoshop/web-layout/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/design-library-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/design-library-photoshop-web-layout-tutorial-website.jpg" alt="design-library-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>15. <a href="http://www.talk-mania.com/web-layouts/" target="_blank">Talk-Mania</a></h2> <p><a href="http://www.talk-mania.com/web-layouts/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/talk-mania-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/talk-mania-photoshop-web-layout-tutorial-website.jpg" alt="talk-mania-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>16. <a href="http://psdfan.com/category/tutorials/designing/" target="_blank">PSDFan</a></h2> <p><a href="http://psdfan.com/category/tutorials/designing/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdfan-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/psdfan-photoshop-web-layout-tutorial-website.jpg" alt="psdfan-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>17. <a href="http://psdnewsbox.com/category/tutorials/" target="_blank">PSD News Box</a></h2> <p><a href="http://psdnewsbox.com/category/tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/newsbox-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/newsbox-photoshop-web-layout-tutorial-website.jpg" alt="newsbox-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>18. <a href="http://2photoshop.com/tag/tutorials/" target="_blank">2Photoshop</a></h2> <p><a href="http://2photoshop.com/tag/tutorials/" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/2photoshop-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/2photoshop-photoshop-web-layout-tutorial-website.jpg" alt="2photoshop-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>19. <a href="http://tutorialtab.net/?cat=50" target="_blank">TutorialTab</a></h2> <p><a href="http://tutorialtab.net/?cat=50" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/tutorial-tab-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/tutorial-tab-photoshop-web-layout-tutorial-website.jpg" alt="tutorial-tab-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>20. <a href="http://www.toxiclab.org/default.asp?ID=3" target="_blank">ToxicLab</a></h2> <p><a href="http://www.toxiclab.org/default.asp?ID=3" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/toxic-lab-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/toxic-lab-photoshop-web-layout-tutorial-website.jpg" alt="toxic-lab-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>21. <a href="http://alfoart.com/website_design.html" target="_blank">AlfoArt</a></h2> <p><a href="http://alfoart.com/website_design.html" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/alfoart-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/alfoart-photoshop-web-layout-tutorial-website.jpg" alt="alfoart-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <h2>22. <a href="http://insanelyart.com/tutorials.php" target="_blank">InsanelyArt</a></h2> <p><a href="http://insanelyart.com/tutorials.php" target="_blank"><img src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/insanely-art-photoshop-web-layout-tutorial-website.jpg" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/08/web-tutorial-sites/insanely-art-photoshop-web-layout-tutorial-website.jpg" alt="insanely-art-photoshop-web-layout-tutorial-website" height="300" width="570" /></a></p> <p>Feel free to add more Photoshop web layout tutorial sites, you maybe have discovered in your own research!</p><br />Source : http://www.1stwebdesigner.com/tutorials/22-photoshop-web-design-interface-tutorial-sites/<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com10tag:blogger.com,1999:blog-7156144208611940087.post-87275816494527449892009-10-18T02:26:00.000+05:302009-10-18T02:26:00.838+05:30Awesome Tutorials On Fire Effects<h2>Awesome Tutorials On Fire Effects</h2> <h2><a href="http://10steps.sg/tutorials/photoshop/text-on-fire-effect/">Create a Stunning Text on Wild Fire Effect</a></h2> <p><a href="http://10steps.sg/tutorials/photoshop/text-on-fire-effect/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire1.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire1.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A tutorial on creating a wild fire effect on text is shown on the above tutorial.</p> <h2><a href="http://www.fierydarts.com/photo-effects/set-the-road-on-fire.htm">Set the Road on Fire</a></h2> <p><a href="http://www.fierydarts.com/photo-effects/set-the-road-on-fire.htm"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire2.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire2.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This tutorial will help you create an image wherein, due to amazing acceleration, the road is on fire.</p> <h2><a href="http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/">Dramatic Text on Fire Effect in Photoshop</a></h2> <p><a href="http://psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire3.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire3.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>The following tutorial will guide you in setting text to the match using Photoshop.</p> <h2><a href="http://abduzeedo.com/hell-tutorial-photoshop">Hell of Tutorial in Photoshop</a></h2> <p><a href="http://abduzeedo.com/hell-tutorial-photoshop"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire4.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire4.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>In this tutorial, you will be guided to create a 3D text with fire coming from the hole where the text is using Photoshop.</p> <h2><a href="http://psd.tutsplus.com/drawing/fiery-photoshop-space-explosion-tutorial/">Fiery Photoshop Space Explosion Tutorial</a></h2> <p><a href="http://psd.tutsplus.com/drawing/fiery-photoshop-space-explosion-tutorial/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire5.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire5.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Space scenes where two planets colliding are shown above and will give you steps o create the same effect using Photoshop.</p> <h2><a href="http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-flaming-photo-manipulation/">How to Create a Flaming Photo Manipulation</a></h2> <p><a href="http://psd.tutsplus.com/tutorials/tutorials-effects/how-to-create-a-flaming-photo-manipulation/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire6.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire6.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A woman bursting in flames is created in this Photoshop.</p> <h2><a href="http://www.psdburn.com/2009/01/downhild-bike-racer-on-fire/">Downhill Bike Racer on Fire</a></h2> <p><a href="http://www.psdburn.com/2009/01/downhild-bike-racer-on-fire/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire7.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire7.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This tutorial shows how to create a bike racer on fire as he moves downhill with speed using Photoshop.</p> <h2><a href="http://bwebi.com/water-spirit-drawing-fire.html">Water Spirit – Drawing Fire</a></h2> <p><a href="http://bwebi.com/water-spirit-drawing-fire.html"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire8.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire8.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>In this tutorial you will be guided through the steps of creating an image where a fire is placed in a hand.</p> <h2><a href="http://www.photoshoplab.com/light-your-house-on-fire.html">Light your house on Fire</a></h2> <p><a href="http://www.photoshoplab.com/light-your-house-on-fire.html"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire9.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire9.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>The above tutorial will guide you in creating an image of a house that is on fire.</p> <h2><a href="http://www.exguides.org/photoshop-tutorials/fire-cloud.html">Ring of Fire – Photoshop Tutorials</a></h2> <p><a href="http://www.exguides.org/photoshop-tutorials/fire-cloud.html"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire10.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire10.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A ring of fire is created above using Photoshop.</p> <h2><a href="http://www.rnel.net/tutorial/Photoshop/8990">Create a Fireball or Mars Like Planet</a></h2> <p><a href="http://www.rnel.net/tutorial/Photoshop/8990"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire11.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire11.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>The above tutorial will help you create a fireball or a mars-like planet using Photoshop.</p> <h2><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?FeatureID=1740&pn=1">Tutorial: Creating Fireballs and Explosions</a></h2> <p><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?FeatureID=1740&pn=1"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire12.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire12.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This tutorial will help you create smoke and fireballs for a war-like image using Photoshop.</p> <h2><a href="http://www.rnel.net/tutorial/Photoshop/6023">Fire Cube Text</a></h2> <p><a href="http://www.rnel.net/tutorial/Photoshop/6023"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire13.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire13.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>The above tutorial will help you create fire cube text using Photoshop.</p> <h2><a href="http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/">Space Explosion Photoshop Tutorial</a></h2> <p><a href="http://www.smashingmagazine.com/2009/02/22/space-explosion-photoshop-tutorial/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire14.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire14.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This tutorial will show you how to create another space scene using three stock photos and the brush tool, layer effects and filter gallery in Photoshop.</p> <h2><a href="http://anothera.net/v2/tutorials/fire-lines">Fire Lines v2</a></h2> <p><a href="http://anothera.net/v2/tutorials/fire-lines"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire15.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire15.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Creating fire lines are shown in the above tutorial using Photoshop and a good stock photo.</p> <h2><a href="http://psd.tutsplus.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/">Create a Spectacular Flaming Meteor Effect on Text</a></h2> <p><a href="http://psd.tutsplus.com/text-effects-tutorials/create-a-spectacular-flaming-meteor-effect-on-text/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire16.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire16.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Another text-on-fire tutorial is shown above using Illustrator and Photoshop.</p> <h2>Fire Brushes</h2> <p><strong>11 Set of Fire Brushes </strong>are given below for you to use in Photoshop. Feel free to download and use them in your designs.</p> <h2><a href="http://redheadstock.deviantart.com/art/Flames-Fire-Photoshop-Brushes-17721488">Flames Fire Photoshop Brushes</a></h2> <p><a href="http://redheadstock.deviantart.com/art/Flames-Fire-Photoshop-Brushes-17721488"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire17.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire17.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This set is made up of 16 brushes and makes use of Photoshop 7+, Elements 2+ and GIMP 2.2.6.</p> <h2><a href="http://purestock.deviantart.com/art/Fire-Brushes-18471832">Fire Brushes</a></h2> <p><a href="http://purestock.deviantart.com/art/Fire-Brushes-18471832"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire18.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire18.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A set of fire brushes exported with Photoshop CS3.</p> <h2><a href="http://resource42.deviantart.com/art/9-Fire-brushes-93174914">9 Fire Brushes</a></h2> <p><a href="http://resource42.deviantart.com/art/9-Fire-brushes-93174914"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire19.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire19.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Includes 9 high resolution fire brushes.</p> <h2><a href="http://project-gimpbc.deviantart.com/art/GIMP-Flames-Brushes-62336544">GIMP Flames Brushes</a></h2> <p><a href="http://project-gimpbc.deviantart.com/art/GIMP-Flames-Brushes-62336544"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire20.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire20.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>This contains 16 flame brushes for Photoshop 7 and above.</p> <h2><a href="http://spyrothedragon13571.deviantart.com/art/Fire-Brushes-111944835">Fire Brushes</a></h2> <p><a href="http://spyrothedragon13571.deviantart.com/art/Fire-Brushes-111944835"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire21.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire21.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Includes 25 fire brushes.</p> <h2><a href="http://slayer0zz.deviantart.com/art/Abstract-Fire-Brushes-26053076">Abstract Fire Brushes</a></h2> <p><a href="http://slayer0zz.deviantart.com/art/Abstract-Fire-Brushes-26053076"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire22.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire22.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A set of Photoshop brush containing abstract fire brushes.</p> <h2><a href="http://qbrushes.com/photoshop-abstract-brushes/raging-dawn-photoshop-brushes/">Raging Dawn</a></h2> <p><a href="http://qbrushes.com/photoshop-abstract-brushes/raging-dawn-photoshop-brushes/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire23.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire23.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Photoshop brush set for creating a raging down.</p> <h2><a href="http://qbrushes.com/nature/xplosion-brushes/">Xplosion Brushes</a></h2> <p><a href="http://qbrushes.com/nature/xplosion-brushes/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire24.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire24.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Contains 7 explosion effect brushes for Photoshop CS/CS2/CS3.</p> <h2><a href="http://qbrushes.com/photoshop-abstract-brushes/volcanic-brush-set/">Volcanic Brush Set</a></h2> <p><a href="http://qbrushes.com/photoshop-abstract-brushes/volcanic-brush-set/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire25.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire25.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Includes 5 defined brushes and made in Photoshop CS3.</p> <h2><a href="http://qbrushes.com/photoshop-abstract-brushes/sharp-abstract/">Sharp Abstract</a></h2> <p><a href="http://qbrushes.com/photoshop-abstract-brushes/sharp-abstract/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire26.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire26.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>A brush tool to create an abstract fire effect in Photoshop.</p> <h2><a href="http://nikkorred.deviantart.com/art/Insight-Fire-Brushes-125494878">Insight Fire Brushes</a></h2> <p><a href="http://nikkorred.deviantart.com/art/Insight-Fire-Brushes-125494878"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire27.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire27.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <p>Another brush tool made in Photoshop 7.</p> <h2>Fire Textures</h2> <p>A collection of <strong>27 Free Fire Textures and Sets </strong>are showcased below and can be use for your future projects. Most textures are available under a Creative Commons License so make sure to read it first on the main source. Check them out…</p> <h2><a href="http://www.flickr.com/photos/designshard/3019324625/in/set-72157608815809602/">Flame-texture-11</a></h2> <p><a href="http://www.flickr.com/photos/designshard/3019324625/in/set-72157608815809602/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire28.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire28.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1192861">Stock Photo: Fire Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1192861"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire29.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire29.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.flickr.com/photos/designshard/3019325149/in/set-72157608815809602/">Flame-texture-12</a></h2> <p><a href="http://www.flickr.com/photos/designshard/3019325149/in/set-72157608815809602/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire30.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire30.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1192859">Stock Photo: Fire Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1192859"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire31.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire31.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1192845">Stock Photo: Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1192845"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire32.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire32.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.flickr.com/photos/designshard/3020162006/in/set-72157608815809602/">Flame-texture-24</a></h2> <p><a href="http://www.flickr.com/photos/designshard/3020162006/in/set-72157608815809602/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire33.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire33.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.flickr.com/photos/designshard/3020158324/in/set-72157608815809602/">Flame-texture-16</a></h2> <p><a href="http://www.flickr.com/photos/designshard/3020158324/in/set-72157608815809602/"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire34.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire34.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/866563">Stock Photo: Fire</a></h2> <p><a href="http://www.sxc.hu/photo/866563"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire35.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire35.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/810818">Stock Photo: Flame</a></h2> <p><a href="http://www.sxc.hu/photo/810818"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire36.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire36.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1192844">Stock Photo: Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1192844"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire37.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire37.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://frasio.deviantart.com/art/20-high-res-fire-textures-74524703">20 High Res. Fire Textures</a></h2> <p><a href="http://frasio.deviantart.com/art/20-high-res-fire-textures-74524703"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire38.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire38.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/951912">Stock Photo: Heat 1</a></h2> <p><a href="http://www.sxc.hu/photo/951912"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire39.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire39.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/951913">Stock Photo: Heat 2</a></h2> <p><a href="http://www.sxc.hu/photo/951913"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire40.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire40.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://fantasystock.deviantart.com/art/Seamless-Hot-Coals-Texture-1-76453298">Seamless Hot Coals Texture 1</a></h2> <p><a href="http://fantasystock.deviantart.com/art/Seamless-Hot-Coals-Texture-1-76453298"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire41.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire41.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1160955">Stock Photo: Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1160955"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire42.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire42.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://sirius-sdz.deviantart.com/art/texture-19-81181899">Texture 19</a></h2> <p><a href="http://sirius-sdz.deviantart.com/art/texture-19-81181899"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire43.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire43.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1192842">Stock Photo: Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1192842"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire44.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire44.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://cloaks.deviantart.com/art/The-Fire-Texture-Pack-77932576">The Fire Texture Pack</a></h2> <p><a href="http://cloaks.deviantart.com/art/The-Fire-Texture-Pack-77932576"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire45.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire45.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/93006">Stock Photo: Energy 1</a></h2> <p><a href="http://www.sxc.hu/photo/93006"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire46.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire46.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://venom-stock.deviantart.com/art/Fire-Close-01-49285371">Fire Close 01</a></h2> <p><a href="http://venom-stock.deviantart.com/art/Fire-Close-01-49285371"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire47.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire47.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/93007">Stock Photo: Energy 2</a></h2> <p><a href="http://www.sxc.hu/photo/93007"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire48.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire48.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/1160956">Stock Photo: Flames</a></h2> <p><a href="http://www.sxc.hu/photo/1160956"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire49.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire49.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://beautiful-evil.deviantart.com/art/Series-Fire-3-70608162">Series: Fire 3</a></h2> <p><a href="http://beautiful-evil.deviantart.com/art/Series-Fire-3-70608162"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire50.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire50.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/810817">Stock Photo: Flame</a></h2> <p><a href="http://www.sxc.hu/photo/810817"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire51.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire51.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://beautiful-evil.deviantart.com/art/Series-Fire-2-70607883">Series: Fire 2</a></h2> <p><a href="http://beautiful-evil.deviantart.com/art/Series-Fire-2-70607883"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire52.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire52.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/529274">Stock Photo: Flamme 3</a></h2> <p><a href="http://www.sxc.hu/photo/529274"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire53.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire53.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <h2><a href="http://www.sxc.hu/photo/590225">Stock Photo: Match</a></h2> <p><a href="http://www.sxc.hu/photo/590225"><img src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire54.jpg" class="alignnone size-full wp-image-5360" src="http://naldzgraphics.net/wp-content/uploads/2009/10/fire54.jpg" alt="Fire Tutorials,Fire Brushes,Fire Textures" height="250" width="500" /></a></p> <!--entry ends--> Source : http://naldzgraphics.net/freebies/ultimate-collection-of-fire-effect-tutorials-brushes-and-textures/<br /><br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-33849385508872383822009-10-16T02:18:00.000+05:302009-10-16T02:18:00.598+05:30Some More Twitter LogosNow twitter logos becoming more & more popular, I'm wondering what breed the famous blue bird is? Don’t you? <p style="text-align: center;"><a href="http://logopond.com/gallery/detail/63221"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo01.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo01.png" alt="Quitter" /></a> <a href="http://logopond.com/gallery/detail/60620"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo02.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo02.png" alt="Sweet Tweet" /></a></p> <p style="text-align: center;"><a href="http://logopond.com/gallery/detail/60668"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo03.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo03.png" alt="My Tweet Bucks" /></a> <a href="http://logopond.com/gallery/detail/62357"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo04.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo04.png" alt="Twitter Infinity" /></a></p> <p style="text-align: center;"><a href="http://logopond.com/gallery/detail/63787"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo05.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo05.png" alt="Tweet Accelerator" /></a> <a href="http://logopond.com/gallery/detail/65079"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo06.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo06.png" alt="Twicnic" /></a></p> <p style="text-align: center;"><a href="http://logopond.com/gallery/detail/65080"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo07.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo07.png" alt="Twedgie" /></a> <a href="http://logopond.com/gallery/detail/65016"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo08.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo08.png" alt="Tweety Two" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4919&_l=1"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo09.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo09.png" alt="Tweetsent" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4753"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo10.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo10.png" alt="TwitsyBitsy" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=3878"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo11.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo11.png" alt="Twagon" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4007"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo12.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo12.png" alt="Europitweets" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=3836"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo13.png" alt="Pirate Tweet" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo13.png" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4079"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo14.png" alt="Vegitweet" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo14.png" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=3996"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo15.png" alt="Twaffic" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo15.png" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4082"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo16.png" alt="Twicly" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo16.png" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4644"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo17.png" alt="Twitter Surgery" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo17.png" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4534"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo18.png" alt="Twekkie" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo18.png" /></a></p> <p style="text-align: center;"><a href="http://logopond.com/gallery/detail/60455"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo19.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo19.png" alt="Tweetcil" /></a> <a href="http://logopond.com/gallery/detail/62011"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo20.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo20.png" alt="Whole Wheat Tweets" /></a></p> <p style="text-align: center;"><a href="http://tweepular.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo21.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo21.png" alt="Tweepular" /></a> <a href="http://www.littleboxofideas.com/blog/inspirations/mrtweet.net"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo22.png" alt="Mr Tweet" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo22.png" /></a></p> <p style="text-align: center;"><a href="http://www.twitscoop.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo23.png" alt="Twitscoop" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo23.png" /></a> <a href="http://portwiture.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo24.png" alt="Portwiture" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo24.png" /></a></p> <p style="text-align: center;"><a href="http://nearbytweets.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo25.png" alt="Nearyby Tweets" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo25.png" /></a> <a href="http://tweetag.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo26.png" alt="Tweetag" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo26.png" /></a></p> <p style="text-align: center;"><a href="http://www.twibble.de/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo27.png" alt="Twibble" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo27.png" /></a> <a href="http://www.tweetlater.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo28.png" alt="Tweet Later" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo28.png" /></a></p> <p style="text-align: center;"><a href="http://www.celebritytweet.com/"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo29.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo29.png" alt="Celebrity Tweet" /> </a><a href="http://incspring.com/brand_details.php?brand_id=4892"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo30.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo30.png" alt="Chirptalk" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4904"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo31.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo31.png" alt="Lil Tweets" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4783"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo32.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo32.png" alt="Bird Song" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=448"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo33.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo33.png" alt="Birdking" /></a> <a href="http://incspring.com/brand_details.php?brand_id=3877"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo34.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo34.png" alt="Neato Tweeto" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4818"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo35.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo35.png" alt="Twittking" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4867"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo36.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo36.png" alt="Mailfinch" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4764"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo37.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo37.png" alt="Twitter Letter" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4510"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo38.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo38.png" alt="Tweetbuff" /></a></p> <p style="text-align: center;"><a href="http://incspring.com/brand_details.php?brand_id=4358"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo39.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo39.png" alt="Bluebird" /></a> <a href="http://incspring.com/brand_details.php?brand_id=4054"><img src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo40.png" src="http://www.littleboxofideas.com/images/blog/inspirations/twitterlogos/twitterlogo40.png" alt="Tweet & Retweet" /></a></p><br />Source : http://www.littleboxofideas.com/blog/inspirations/40-more-terrific-twitter-logos<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-50591288072631408292009-10-14T02:09:00.000+05:302009-10-14T02:11:34.183+05:30Really Beautiful and Creative Web Designs<p>In terms of blog designs, it is rightly said, that a Design is not only about being <strong>Beautiful</strong> but also should be functional. All of us need some sort of inspiration to move further and come up with something new and innovative. As a designer I am always looking for <strong>fresh and inspiring designs</strong> which not only inspire my awe but also help me to get new ideas to try with my design blogs.</p> <p>Today we present here some of the <strong>18 Newest and Fresh Designs</strong> of sites, which are hand picked and are not only Beautiful but also Creative. Hope you enjoy them and helps you get some inspiration for your new design work.</p> <p><strong><a href="http://tracyappsdesign.com/">Tracyappsdesign</a></strong><br /><a href="http://tracyappsdesign.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/tracyappsdesign.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/tracyappsdesign.png" alt="tracyappsdesign" /></a><br /><br /></p> <p><strong><a href="http://ripie6.com/">RipIE6</a></strong><br /><a href="http://ripie6.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/ripie6.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/ripie6.png" alt="ripie6" /></a><br /><br /></p> <p><strong><a href="http://www.blup.fr/">Blup</a></strong><br /><a href="http://www.blup.fr/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/blup.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/blup.png" alt="blup" /></a><br /><br /></p> <p><strong><a href="http://www.duirwaigh.com/">Duirwaigh</a></strong><br /><a href="http://www.duirwaigh.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/duirwaigh.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/duirwaigh.png" alt="duirwaigh" /></a><br /><br /></p> <p><strong><a href="http://www.chonchstyle.info/v3/">Chonchstyle</a></strong><br /><a href="http://www.chonchstyle.info/v3/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/chonchstyle.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/chonchstyle.png" alt="chonchstyle" /></a><br /><br /></p> <p><strong><a href="http://camille.boidron.me/">Camille</a></strong><br /><a href="http://camille.boidron.me/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/camille.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/camille.png" alt="camille" /></a><br /><br /></p> <p><strong><a href="http://www.xhtmlcssexpert.com/">Xhtmlcssexpert</a></strong><br /><a href="http://www.xhtmlcssexpert.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/xhtmlcssexpert.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/xhtmlcssexpert.png" alt="xhtmlcssexpert" /></a><br /><br /></p> <p><strong><a href="http://www.cottonseedoiltour.com/">Cottonseedoiltour</a></strong><br /><a href="http://www.cottonseedoiltour.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/cottonseedoiltour.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/cottonseedoiltour.png" alt="cottonseedoiltour" /></a><br /><br /></p> <p><strong><a href="http://www.appledesign.net.cn/">Appledesign</a></strong><br /><a href="http://www.appledesign.net.cn/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/appledesign.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/appledesign.png" alt="appledesign" /></a><br /><br /></p> <p><strong><a href="http://www.jasonbradbury.com/">Jasonbradbury</a></strong><br /><a href="http://www.jasonbradbury.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/jasonbradbury.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/jasonbradbury.png" alt="jasonbradbury" /></a><br /><br /></p> <p><strong><a href="http://www.juandiegovelasco.com/">Juandiegovelasco</a></strong><br /><a href="http://www.juandiegovelasco.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/juandiegovelasco.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/juandiegovelasco.png" alt="juandiegovelasco" /></a><br /><br /></p> <p><strong><a href="http://www.asvalia.pl/english/index.html">Asvalia</a></strong><br /><a href="http://www.asvalia.pl/english/index.html"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/asvalia.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/asvalia.png" alt="asvalia" /></a><br /><br /></p> <p><strong><a href="http://www.kinetictg.com/">Kinetictg</a></strong><br /><a href="http://www.kinetictg.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/kinetictg.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/kinetictg.png" alt="kinetictg" /></a><br /><br /></p> <p><strong><a href="http://kulturbanause.de/">Kulturbanause</a></strong><br /><a href="http://kulturbanause.de/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/kulturbanause.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/kulturbanause.png" alt="kulturbanause" /></a><br /><br /></p> <p><strong><a href="http://www.krysaci.cz/">Krysaci</a></strong><br /><a href="http://www.krysaci.cz/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/krysaci.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/krysaci.png" alt="krysaci" /></a><br /><br /></p> <p><strong><a href="http://www.hdlive09.co.uk/">Hdlive09</a></strong><br /><a href="http://www.hdlive09.co.uk/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/hdlive09.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/hdlive09.png" alt="hdlive09" /></a><br /><br /></p> <p><strong><a href="http://www.nineliondesign.com/">Nineliondesign</a></strong><br /><a href="http://www.nineliondesign.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/nineliondesign.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/nineliondesign.png" alt="nineliondesign" /></a><br /><br /></p> <p><strong><a href="http://www.gummisig.com/">gummisig</a></strong><br /><a href="http://www.gummisig.com/"><img src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/gummisig.png" src="http://tutzone.net/wp-content/uploads/2009/10/18-new-designs/gummisig.png" alt="gummisig" /></a></p><p><br /></p><p>Source : http://tutzone.net/2009/10/18-really-beautiful-and-creative-web-designs.html<br /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-30984287575769250282009-05-19T07:45:00.000+05:302009-05-19T07:45:00.326+05:303D Icons<h3>Step 1:</h3> <p>Let’s start out by creating a new file. I used a 600×500 pixels canvas set at 72dpi, and I filled my background with white color shade. Now make a new layer, using the Brush Tool with a large soft brush paint a black spot on your canvas. Then in a new layer draw an ellipse with #6AB9E7 color shade and 200 x 156 px dimensions on the black spot.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/1.gif" border="0" /> </blockquote></div> <h3>Step 2:</h3> <p>Under Layer Style(Layer > Layer Style) add an Inner Shadow and Inner Glow blending options to the light blue ellipse layer.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/2b.gif" border="0" /> </blockquote></div> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/2c.gif" border="0" /> </blockquote></div> Result:<br /><div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/2.gif" border="0" /> </blockquote></div> <h3>Step 3:</h3> <p>In a new layer draw a small and long white ellipse. Rotate the white ellipse through Edit > Transform and position it as shown below. Then set the layer's blending mode to 30%.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/3.gif" border="0" /> </blockquote></div> <h3>Step 4:</h3> <p>In a new layer draw a white ellipse with 89 x 89 px dimensions.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/4.gif" border="0" /> </blockquote></div> <h3>Step 5:</h3> <p>Under Layer Style(Layer > Layer Style) add a DropShadow and Inner Glow blending options to your white ellipse layer.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/5b.gif" border="0" /> </blockquote></div> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/5c.gif" border="0" /> </blockquote></div> Result:<br /><div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/5.gif" border="0" /> </blockquote></div> <h3>Step 6:</h3> <p>Create a new layer then draw a light brown circle with #F1D8BA color shade and 74 x 74 px dimensions.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/6.gif" border="0" /> </blockquote></div> <h3>Step 7:</h3> <p>Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to the light blue circle layer.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/7b.gif" border="0" /> </blockquote></div> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/7c.gif" border="0" /> </blockquote></div> Result:<br /><div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/7.gif" border="0" /> </blockquote></div> <h3>Step 8:</h3> <p>In a new layer draw a large light brown ellipse with #F1D8BA color shade and 142 x 152 px dimensions.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/8.gif" border="0" /> </blockquote></div> <h3>Step 9:</h3> <p>Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Gradient Overlay blending options to the large light brown ellipse layer.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/9b.gif" border="0" /> </blockquote></div> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/9c.gif" border="0" /> </blockquote></div> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/9d.gif" border="0" /> </blockquote></div> Result:<br /><div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/9.gif" border="0" /> </blockquote></div> <h3>Step 10:</h3> <p>In a new layer draw a white slanted ellipse on the head design similar from step three.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/10.gif" border="0" /> </blockquote></div> <h3>Step 11:</h3> <p>Now in a new layer draw a black ellipse with 123 x 76 px dimensions on the head design as shown below. Then set the layer's blending mode to Soft Light.</p><p> </p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/11.gif" border="0" /> </blockquote></div> <h3>Results:</h3> <p>3D Icon Avatar.</p> <div class="blockquote"><blockquote> <img src="http://psdeluxe.com/images/stories/tutorials/3Diconavatar/Result.jpg" border="0" /> </blockquote></div> <a href="http://psdeluxe.com/download?func=startdown&id=49"><img src="http://psdeluxe.com/components/com_remository/images/download_trans.gif" border="0" /> <b>Download 3D icon avatar Psd file</b></a><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br /><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com69tag:blogger.com,1999:blog-7156144208611940087.post-13265659366861493642009-05-18T07:44:00.000+05:302009-05-18T07:44:00.094+05:30Web 2.0 layout<p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/40.jpg" target="_blank">Preview full screen psd layout</a></p> <p><span id="more-1593"></span></p> <p>When you design web 2.0 layouts it is very good if you use only a few colors.<br />In this tutorial i will use this technique to show you how easy is to create a nice looking hosting layout</p> <p>I will start with a new document with the following size: 960 x 900 pixels. With <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Gradient-Tool.jpg">Gradient Tool</a>, I will add a vertical gradient</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/118.jpg"><img class="alignnone size-full wp-image-1598" title="118" src="http://www.grafpedia.com/wp-content/uploads/2009/05/118.jpg" alt="118" width="479" height="449" /></a></p> <p>With <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Rounded-Rectangle-Tool.jpg">Rounded Rectangle Tool</a> I will create a big shape. I will use a white color</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/215.jpg"><img class="alignnone size-full wp-image-1599" title="215" src="http://www.grafpedia.com/wp-content/uploads/2009/05/215.jpg" alt="215" width="477" height="447" /></a></p> <p>I will duplicate this shape one time (select the layer first and then press CTRL+J). Change the color of this shape to #eaf5ff, and with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Move-Tool.jpg">Move Tool</a> nudge the shape a few pixels to the bottom</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/314.jpg"><img class="alignnone size-full wp-image-1600" title="314" src="http://www.grafpedia.com/wp-content/uploads/2009/05/314.jpg" alt="314" width="317" height="327" /></a></p> <p>I will select <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Rounded-Rectangle-Tool.jpg">Rounded Rectangle Tool</a>, and I will create 4 shapes</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/44.jpg"><img class="alignnone size-full wp-image-1601" title="44" src="http://www.grafpedia.com/wp-content/uploads/2009/05/44.jpg" alt="44" width="479" height="449" /></a></p> <p>For all this shapes I will add the following layer styles</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/54.jpg"><img class="alignnone size-full wp-image-1602" title="54" src="http://www.grafpedia.com/wp-content/uploads/2009/05/54.jpg" alt="54" width="314" height="192" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/64.jpg"><img class="alignnone size-full wp-image-1603" title="64" src="http://www.grafpedia.com/wp-content/uploads/2009/05/64.jpg" alt="64" width="416" height="192" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/74.jpg"><img class="alignnone size-full wp-image-1604" title="74" src="http://www.grafpedia.com/wp-content/uploads/2009/05/74.jpg" alt="74" width="311" height="271" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/84.jpg"><img class="alignnone size-full wp-image-1605" title="84" src="http://www.grafpedia.com/wp-content/uploads/2009/05/84.jpg" alt="84" width="411" height="203" /></a></p> <p>This is my result</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/94.jpg"><img class="alignnone size-full wp-image-1606" title="94" src="http://www.grafpedia.com/wp-content/uploads/2009/05/94.jpg" alt="94" width="371" height="305" /></a></p> <p>I will create some buttons with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Rectangle-Tool.jpg">Rectangle Tool</a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/104.jpg"><img class="alignnone size-full wp-image-1607" title="104" src="http://www.grafpedia.com/wp-content/uploads/2009/05/104.jpg" alt="104" width="314" height="216" /></a></p> <p>For this buttons I will add the following layer styles</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/119.jpg"><img class="alignnone size-full wp-image-1608" title="119" src="http://www.grafpedia.com/wp-content/uploads/2009/05/119.jpg" alt="119" width="312" height="272" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/123.jpg"><img class="alignnone size-full wp-image-1609" title="123" src="http://www.grafpedia.com/wp-content/uploads/2009/05/123.jpg" alt="123" width="319" height="199" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/133.jpg"><img class="alignnone size-full wp-image-1610" title="133" src="http://www.grafpedia.com/wp-content/uploads/2009/05/133.jpg" alt="133" width="413" height="198" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/143.jpg"><img class="alignnone size-full wp-image-1611" title="143" src="http://www.grafpedia.com/wp-content/uploads/2009/05/143.jpg" alt="143" width="327" height="195" /></a></p> <p>And here are my buttons</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/153.jpg"><img class="alignnone size-full wp-image-1612" title="153" src="http://www.grafpedia.com/wp-content/uploads/2009/05/153.jpg" alt="153" width="280" height="208" /></a></p> <p>I will add some text in this area</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/163.jpg"><img class="alignnone size-full wp-image-1613" title="163" src="http://www.grafpedia.com/wp-content/uploads/2009/05/163.jpg" alt="163" width="277" height="208" /></a></p> <p>Then I will add some small arrows with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Horizontal-Type-Tool.jpg">Horizontal Type Tool</a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/174.jpg"><img class="alignnone size-full wp-image-1614" title="174" src="http://www.grafpedia.com/wp-content/uploads/2009/05/174.jpg" alt="174" width="275" height="206" /></a></p> <p>Then I will add some small pixel icons</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/182.jpg"><img class="alignnone size-full wp-image-1615" title="182" src="http://www.grafpedia.com/wp-content/uploads/2009/05/182.jpg" alt="182" width="276" height="208" /></a></p> <p>I will follow the same steps also for my other 3 boxes. I will add different text until I have the following result</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/192.jpg"><img class="alignnone size-full wp-image-1616" title="192" src="http://www.grafpedia.com/wp-content/uploads/2009/05/192.jpg" alt="192" width="500" height="416" /></a></p> <p>On the right side I will add another shape with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Rounded-Rectangle-Tool.jpg">Rounded Rectangle Tool</a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/202.jpg"><img class="alignnone size-full wp-image-1617" title="202" src="http://www.grafpedia.com/wp-content/uploads/2009/05/202.jpg" alt="202" width="500" height="436" /></a></p> <p>I will add the following layer styles for this blue shape</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/216.jpg"><img class="alignnone size-full wp-image-1618" title="216" src="http://www.grafpedia.com/wp-content/uploads/2009/05/216.jpg" alt="216" width="321" height="360" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/222.jpg"><img class="alignnone size-full wp-image-1619" title="222" src="http://www.grafpedia.com/wp-content/uploads/2009/05/222.jpg" alt="222" width="317" height="209" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/232.jpg"><img class="alignnone size-full wp-image-1620" title="232" src="http://www.grafpedia.com/wp-content/uploads/2009/05/232.jpg" alt="232" width="319" height="203" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/242.jpg"><img class="alignnone size-full wp-image-1621" title="242" src="http://www.grafpedia.com/wp-content/uploads/2009/05/242.jpg" alt="242" width="406" height="159" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/252.jpg"><img class="alignnone size-full wp-image-1622" title="252" src="http://www.grafpedia.com/wp-content/uploads/2009/05/252.jpg" alt="252" width="321" height="199" /></a></p> <p>After I will add some text and a button this is how my info box looks like</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/262.jpg"><img class="alignnone size-full wp-image-1623" title="262" src="http://www.grafpedia.com/wp-content/uploads/2009/05/262.jpg" alt="262" width="367" height="433" /></a></p> <p>I will create 2 lines with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Line-Tool.jpg">Line Tool</a>. Both lines need to have the weight of 1 pixel</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/272.jpg"><img class="alignnone size-full wp-image-1624" title="272" src="http://www.grafpedia.com/wp-content/uploads/2009/05/272.jpg" alt="272" width="469" height="41" /></a></p> <p>I will draw the lines under the Grafpedia text, then I will select both lines in my layer palette, and I will press on CTRL+E to merge the layers into a single one. With Eraser Too, I will delete the left and the right part of the lines</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/282.jpg"><img class="alignnone size-full wp-image-1625" title="282" src="http://www.grafpedia.com/wp-content/uploads/2009/05/282.jpg" alt="282" width="426" height="225" /></a></p> <p>With <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Line-Tool.jpg">Line Tool</a> I will create other lines over my layout. Please press on the following image if you want to see the full size hosting layout</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/292.jpg"><img class="alignnone size-medium wp-image-1626" title="292" src="http://www.grafpedia.com/wp-content/uploads/2009/05/292-500x468.jpg" alt="292" width="500" height="468" /></a></p> <p>I will use different colors for the lines.<br />On the line number 2 I will add the following layer styles</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/302.jpg"><img class="alignnone size-full wp-image-1627" title="302" src="http://www.grafpedia.com/wp-content/uploads/2009/05/302.jpg" alt="302" width="314" height="295" /></a></p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/315.jpg"><img class="alignnone size-full wp-image-1628" title="315" src="http://www.grafpedia.com/wp-content/uploads/2009/05/315.jpg" alt="315" width="323" height="101" /></a></p> <p>This is my result</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/323.jpg"><img class="alignnone size-full wp-image-1629" title="323" src="http://www.grafpedia.com/wp-content/uploads/2009/05/323.jpg" alt="323" width="215" height="154" /></a></p> <p>On the top of my hosting layout I will add some text button, and between them I will add some lines.</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/331.jpg"><img class="alignnone size-full wp-image-1630" title="331" src="http://www.grafpedia.com/wp-content/uploads/2009/05/331.jpg" alt="331" width="396" height="88" /></a></p> <p>On my previous screen shot you can see a small arrow. I will zoom my document to understand how this small arrow was made. I have used <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Pencil-Tool.jpg">Pencil Tool</a> with a small brush (1 pixel) and I created the following arrow</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/341.jpg"><img class="alignnone size-full wp-image-1631" title="341" src="http://www.grafpedia.com/wp-content/uploads/2009/05/341.jpg" alt="341" width="428" height="293" /></a></p> <p>On the right side of my simple hosting layout I will create some small pixel icons.</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/351.jpg"><img class="alignnone size-full wp-image-1632" title="351" src="http://www.grafpedia.com/wp-content/uploads/2009/05/351.jpg" alt="351" width="240" height="210" /></a></p> <p>I am almost ready. I will write some text over my layout, and I am almost ready. Please click on the following image to see the full size layout</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/361.jpg"><img class="alignnone size-medium wp-image-1633" title="361" src="http://www.grafpedia.com/wp-content/uploads/2009/05/361-500x468.jpg" alt="361" width="500" height="468" /></a></p> <p>On the top of the website I will create another 2 shapes. I want to create a search box where your users will be able to search for domain names</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/371.jpg"><img class="alignnone size-full wp-image-1634" title="371" src="http://www.grafpedia.com/wp-content/uploads/2009/05/371.jpg" alt="371" width="320" height="204" /></a></p> <p>I will create a new layer above all layers, and with <a href="http://www.grafpedia.com/tutorials/create-sleek-web-20-hosting-layout#" class="screenshot" rel="http://www.grafpedia.com/images/Brush-Tool.jpg">Brush Tool</a> I will make a small drawing with a smooth round brush</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/381.jpg"><img class="alignnone size-full wp-image-1635" title="381" src="http://www.grafpedia.com/wp-content/uploads/2009/05/381.jpg" alt="381" width="480" height="451" /></a></p> <p>I will change the blending mode for this layer to Soft light</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/391.jpg"><img class="alignnone size-full wp-image-1636" title="391" src="http://www.grafpedia.com/wp-content/uploads/2009/05/391.jpg" alt="391" width="240" height="121" /></a></p> <p>This is my final hosting layout. I hope you like it</p> <p><a href="http://www.grafpedia.com/wp-content/uploads/2009/05/40.jpg"><img class="alignnone size-medium wp-image-1595" title="40" src="http://www.grafpedia.com/wp-content/uploads/2009/05/40-500x468.jpg" alt="40" width="500" height="468" /></a></p> <p><br /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com1tag:blogger.com,1999:blog-7156144208611940087.post-59445785095788408812009-05-17T07:41:00.000+05:302009-05-17T07:41:00.164+05:30FOCUS EFFECT<p><span style="font-size: x-small;"><strong>Roll Over Image</strong></span><br /><a href="http://www.tutorialboard.net/wp-content/uploads/2009/05/softfocus1.jpg"><img class="alignnone size-full wp-image-1282" style="border: 3px solid black;" title="Young woman" onmouseover="this.src='http://www.tutorialboard.net/wp-content/uploads/2009/05/softfocus11.jpg';" onmouseout="this.src='http://www.tutorialboard.net/wp-content/uploads/2009/05/softfocus1.jpg';" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/softfocus1.jpg" alt="Young woman" width="550" height="723" /></a><br /><img class="alignnone size-full wp-image-1287" title="softsteps01" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/softsteps01.jpg" alt="softsteps01" width="550" height="977" /></p> <p><a href="http://www.tutorialboard.net/wp-content/uploads/2009/04/1.jpg"><img class="alignleft size-full wp-image-753" style="margin: 0px;" title="1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/1.jpg" alt="1" width="31" height="29" /></a>Click and drag the <strong>Background layer </strong>over the <strong>New Layer</strong> button to duplicate it.</p> <p><img class="alignleft size-full wp-image-756" style="margin: 0px;" title="2" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/2.jpg" alt="2" width="31" height="29" />Click<strong> Filter.</strong></p> <p><img class="alignleft size-full wp-image-759" style="margin: 0px;" title="3" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3.jpg" alt="3" width="31" height="29" />Click<strong> Convert for Smart Filters</strong>.</p> <p><img class="alignleft size-full wp-image-763" style="margin: 0px;" title="4" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/4.jpg" alt="4" width="31" height="29" />Click <strong>OK </strong>in the message box.</p> <p><img class="alignleft size-full wp-image-764" style="margin: 0px;" title="5" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/5.jpg" alt="5" width="31" height="29" />Click <strong>Filter</strong>.</p> <p><img class="alignleft size-full wp-image-767" style="margin: 0px;" title="6" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/6.jpg" alt="6" width="31" height="29" />Click<strong> Blur.</strong></p> <p><strong><img class="alignleft size-full wp-image-768" style="border: 0pt none ; margin: 0px;" title="7" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/7.jpg" alt="7" width="31" height="29" /></strong>Click<strong> Gaussian Blur.</strong></p> <p><strong><img class="alignnone size-full wp-image-1288" title="softsteps02" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/softsteps02.jpg" alt="softsteps02" width="550" height="890" /></strong></p> <p><img class="alignleft size-full wp-image-769" style="margin: 0px;" title="8" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/8.jpg" alt="8" width="31" height="29" />Click and drag the <strong>Radius slider</strong> to blur the image.</p> <p><img class="alignleft size-full wp-image-770" style="margin: 0px;" title="9" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/9.jpg" alt="9" width="31" height="29" />Click <strong>OK</strong> to apply the blur.</p> <p><img class="alignleft size-full wp-image-781" style="margin: 0px;" title="10" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/10.jpg" alt="10" width="31" height="29" />Click here and select<strong> Screen.</strong></p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />Note that the image becomes very light.</p> <p><strong><img class="alignleft size-full wp-image-791" style="margin: 0px;" title="11" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/11.jpg" alt="11" width="31" height="29" />C</strong>lick here to add a<strong> layer mask.</strong></p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />Press<strong> B</strong> to select the <strong>Brush tool</strong>.</p> <p><strong><img class="alignleft size-full wp-image-794" style="margin: 0px;" title="12" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/12.jpg" alt="12" width="31" height="29" />C</strong>lick here to open the <strong>Brush Picker.</strong></p> <p><strong><img class="alignleft size-full wp-image-795" style="margin: 0px;" title="13" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/13.jpg" alt="13" width="31" height="29" /></strong>Click a<strong> soft-edged brush</strong> just large enough to outline the eye area.</p> <p><strong><img class="alignleft size-full wp-image-796" style="margin: 0px;" title="14" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/14.jpg" alt="14" width="31" height="29" /></strong>Click the<strong> Airbrush thumbnail.</strong></p> <p><img class="alignleft size-full wp-image-801" style="margin: 0px;" title="15" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/15.jpg" alt="15" width="31" height="29" />Click here and drag the slider to the left until <strong>40%</strong> appears in the Opacity field.</p> <p><img class="alignnone size-full wp-image-1291" title="softsteps03" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/softsteps03.jpg" alt="softsteps03" width="550" height="408" /></p> <p><img class="alignleft size-full wp-image-803" style="margin: 0px;" title="16" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/16.jpg" alt="16" width="31" height="29" />Paint over the eyes and other <strong>important features</strong> to bring them out.</p> <p><strong><img class="alignleft size-full wp-image-804" style="margin: 0px;" title="17" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/17.jpg" alt="17" width="31" height="29" /></strong>Click here and drag the Layer <strong>Opacity slider</strong> to the left to get the amount of glow that you want.</p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />The <strong>soft focus</strong> is applied to the overall portrait while keeping the main features of the subject in sharp focus.</p> <p><img class="alignnone size-full wp-image-1282" style="border: 3px solid black;" title="Young woman" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/softfocus11.jpg" alt="Young woman" width="550" height="723" /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-79130074304953999202009-05-16T07:40:00.000+05:302009-05-16T07:40:00.349+05:30Colorful Poster<h3>Introduction</h3> <p>I got the inspiration for this tutorial from Diego Bellorin, a talented designer. below to see what we are going to make now.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0040.jpg" alt="" /></p> <h3>Step 1</h3> <p>Create a new document with dimensions; 2000×2500px then create a new layer and make sure the foreground color is set to black. First select the brush tool and change it to a 2px hard brush. Next select the ellipse tool and in the main toolbar there are three buttons on the left, press the one in the middle which will say paths if you hover over it. Now what you have to do is to draw a few circles or ellipses next to each other, this is the basis for our spirograph pattern. Below you can see what my paths looked like.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0041.jpg" alt="" /></p> <h3>Step 2</h3> <p>Now select the brush tool then just hit Return and this will stroke the path with the brush you selected earlier. Now change the opacity of this layer to 50%.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0042.jpg" alt="" /></p> <h3>Step 3</h3> <p>Now the complicated bit, we are going to make an action to turn this into a spirograph pattern, specifically the action is going to duplicate the layer then move the pivot point then rotate the layer slightly. So first open the actions panel by going Window>Actions or hitting Alt+F9. Now create a new action, thats the button in the actions panel that is the same as the new layer button in the layers panel. After you’ve hit ok the action will start recording automatically so you have to do exactly what I say now. Right click and duplicate the layer with the circles in it then hit Ctrl+T to enter free transform mode then first move the pivot point, thats the point in the middle of the bounding box, I’ve shown an image below of what it should look like after you have moved the pivot point. Now rotate the layer slightly until it looks like the second image below then hit Return. Now click the stop button in the actions panel.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0043.jpg" alt="" /></p> <h3>Step 4</h3> <p>With the newer circle layer selected, all you have to do is to keep clicking the play button in the actions panel until you have something that resembles the image below. Next select all the layers that make up this pattern, so every layer except the background layer then hit Ctrl+E to merge them into one layer. You probably want this in the middle like mine so select this merged layer and select the background layer then select the move tool and in the main toolbar there are some alignment buttons, click the align horizontal centers one. You can also move it up and down at this point.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0044.jpg" alt="" /></p> <h3>Step 5</h3> <p>Duplicate this layer then hit Ctrl+T again and this time just rotate the layer slightly then change the opacity of this layer to 50% and you should have something like below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0045.jpg" alt="" /></p> <h3>Step 6</h3> <p>We’re going to make it even more interesting now by distorting it a bit, duplicate this newer layer then go Filter>Liquify and witha suitably sized brush, brush away at the outer edge of the pattern, there isn’t any more I can here, just make it look like the image shown below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0046.jpg" alt="" /></p> <h3>Step 7</h3> <p>okay now create a new layer then change the brush diameter to 20px then using exactly the same technique as we did in step one, create a circle and stroke it. You’ll want to create about three of these in different sizes in different layers so that you have something similar to below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0047.jpg" alt="" /></p> <h3>Step 8</h3> <p>In the layers panel change the opacity of these three layers to 60% and the fill to 0%, this will make the circles disappear so right click on one of the layers and go to blending options and add the a color overlay and a gradient overlay using the settings shown below. After that right click on this layer and select copy layer style then right click on the other circle layers and paste this layer style, you should now have something similar to the bottom image.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0048.jpg" alt="" /><br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/0049.jpg" alt="" /><br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00410.jpg" alt="" /></p> <h3>Step 9</h3> <p>Okay, now this step will take a bit of time what you have to do is select these three layers then duplicate them so you now have six layers with rainbow circles now select the move tool and move these new layers around. Now do this maybe seven more times, it’s up to you so whatever you think looks good. I’ve shown what mine looks like below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00411.jpg" alt="" /></p> <h3>Step 10</h3> <p>Now select all these rainbow circle layers then hit Ctrl+E to merge them (if you have experience with smart objects then convert it to a smart object instead of merging, thats what I did). Now go into the blending options for this layer and add a color overlay using the settings below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00412.jpg" alt="" /><br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00413.jpg" alt="" /></p> <h3>Step 11</h3> <p>I felt the these circles were a bit too light so duplicate the layer then lower the opacity of the duplicated layer to 80%.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00414.jpg" alt="" /></p> <h3>Step 12</h3> <p>Now its time to add some text to make it look more like a poster, it doesn’t matter what you type the text will make the image look better. I recomend Helvetica font for this kind of thing, if you don’t own helvetica then use a similar sans-serif font. Use a gray color, I used #404040. You can mess around with the placement of the text until it looks good, I also added another circle, you should be an expert at creating these now though.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00415.jpg" alt="" /></p> <h3>Step 13</h3> <p>Now as a wee finishing touch create a new layer then go Image>Apply Image, now with the rectanglur marquee tool drag a selection holding Shift to make a square (make the selection over a colorful bit). Now go Select>Inverse then hit Delete. You should be left with a square of the picture, you can scalee this down by going into free transform mode (Ctrl+T). I also added a thin grey stroke within the layer styles to give it a border but this is optional. Take a look at the finished image below.<br /><img class="alignm" src="http://psdlearning.com/wp-content/uploads/2009/05/00416.jpg" alt="" /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-40039741163478603412009-05-15T07:38:00.000+05:302009-05-15T07:38:00.363+05:30Adjustment Brush<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/nZ5Mg1DoZVU&hl=en&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="never"><embed src="http://www.youtube.com/v/nZ5Mg1DoZVU&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="never" width="560" height="340"></embed></object><br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-60917480368827515492009-05-14T07:35:00.000+05:302009-05-14T07:36:50.535+05:30COLLAGE SNAPSHOTS in PHOTOSHOP CS4<p><img class="alignnone size-full wp-image-994" title="tower02" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/tower02.jpg" alt="tower02" width="550" height="1000" /></p> <p><a href="http://www.tutorialboard.net/wp-content/uploads/2009/04/1.jpg"><img class="alignleft size-full wp-image-753" style="margin: 0px;" title="1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/1.jpg" alt="1" width="31" height="29" /></a>Click the<strong> Rectangular Marquee</strong> tool.</p> <p><img class="alignleft size-full wp-image-756" style="margin: 0px;" title="2" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/2.jpg" alt="2" width="31" height="29" />Click and drag a <strong>rectangle</strong> in the image.</p> <p><img class="alignleft size-full wp-image-759" style="margin: 0px;" title="3" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3.jpg" alt="3" width="31" height="29" />Click <strong>Select.</strong></p> <p><img class="alignleft size-full wp-image-763" style="margin: 0px;" title="4" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/4.jpg" alt="4" width="31" height="29" />Click <strong>Transform Selection</strong>.</p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" /><strong>Note: </strong>Pressing (<strong>Ctrl+T</strong>) also adds transformation anchors; however, these transform or rotate the image inside the selection. Transformation anchors appear on the selection border.</p> <p><img class="alignleft size-full wp-image-764" style="margin: 0px;" title="5" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/5.jpg" alt="5" width="31" height="29" />Click and drag a corner anchor to rotate the <strong>selection border</strong>.</p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />Hit<strong> Enter</strong> to apply the transformation.</p> <p><img class="alignleft size-full wp-image-767" style="margin: 0px;" title="6" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/6.jpg" alt="6" width="31" height="29" />Press (<strong>Ctrl+J</strong>) to duplicate the selection to a separate layer.</p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />Select the background layer again and repeat steps 2 to 6 to make any number of separate layers.</p> <p><img class="alignnone size-full wp-image-1001" title="combined03" src="http://www.tutorialboard.net/wp-content/uploads/2009/05/combined03.jpg" alt="combined03" width="550" height="1500" /></p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />Select one of the layers you duplicated and right click on it, choose <strong>Blending Options</strong>. The Layer Style dialog box appears.</p> <p><img class="alignleft size-full wp-image-769" style="margin: 0px;" title="8" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/8.jpg" alt="8" width="31" height="29" />Click<strong> Drop Shadow</strong> and<strong> Inner Shadow</strong>, play a bit with the setting to get the desired result but most of the time the default setting are just fine.</p> <p><img class="alignleft size-full wp-image-770" style="margin: 0px;" title="9" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/9.jpg" alt="9" width="31" height="29" />Click the Stroke check box.</p> <p><img class="alignleft size-full wp-image-781" style="margin: 0px;" title="10" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/10.jpg" alt="10" width="31" height="29" />Choose a white color for the <strong>Stroke</strong>.</p> <p><strong><img class="alignleft size-full wp-image-791" style="margin: 0px;" title="11" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/11.jpg" alt="11" width="31" height="29" /></strong>Choose inside for the<strong> Position. </strong></p> <p><strong><img class="alignleft size-full wp-image-794" style="margin: 0px;" title="12" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/12.jpg" alt="12" width="31" height="29" /></strong>Set the<strong> Stroke</strong> size to whatever you like, for this example a <strong>size 10 </strong>it’s fine<strong>.</strong></p> <p><strong><img class="alignleft size-full wp-image-795" style="margin: 0px;" title="13" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/13.jpg" alt="13" width="31" height="29" /> </strong>Hit<strong> OK.</strong></p> <p><strong><img class="alignleft size-full wp-image-796" style="margin: 0px;" title="14" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/14.jpg" alt="14" width="31" height="29" /></strong><strong>Right Click</strong> on the layer you just created e blending style and choose <strong>Copy Layer Style</strong>.</p> <p><img class="alignleft size-full wp-image-801" style="margin: 0px;" title="15" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/15.jpg" alt="15" width="31" height="29" />Select the remaining layers by clicking on the first layer holding down the <strong>Shift Key</strong> and selecting the last layer.</p> <p><img class="alignleft size-full wp-image-803" style="margin: 0px;" title="16" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/16.jpg" alt="16" width="31" height="29" />Right click on the selected Layers and choose <strong>Paste Layer Styles</strong>.</p> <p><img class="alignleft size-full wp-image-771" style="margin: 0px;" title="green" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/green.jpg" alt="green" width="31" height="29" />The final image appears to be a combination of many smaller photos.</p> <a href="http://www.tutorialboard.net/wp-content/gallery/combine/tower03.jpg" title="" class="shutterset_singlepic9"> <img class="ngg-singlepic" src="http://www.tutorialboard.net/wp-content/gallery/cache/9__550x661_tower03.jpg" alt="tower-final.jpg" title="tower-final.jpg" /> </a><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-81417692447933131562009-05-02T08:35:00.000+05:302009-05-02T08:35:00.561+05:30Complete Guide About Photoshop Toolbars<h3><span style="color: rgb(0, 0, 0);">Unraveling the mysteries of Photoshop Tool Bar and it’s resident icons.They are not as scary as they look!</span></h3> <p><img class="size-full wp-image-364 alignleft" title="tool1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/tool1.jpg" alt="tool1" width="307" height="655" /><br /><img class="size-full wp-image-357 alignnone" title="tools1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/tools1.jpg" alt="tools1" width="454" height="252" /><img class="size-full wp-image-376 alignleft" title="lasso3" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/lasso3.jpg" alt="lasso3" width="467" height="279" /></p> <p><img class="size-full wp-image-378 alignleft" title="sampler" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/sampler.jpg" alt="sampler" width="467" height="279" /></p> <p><img class="size-full wp-image-382 alignleft" title="ruler" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/ruler.jpg" alt="ruler" width="467" height="279" /><img class="size-full wp-image-393 alignleft" title="count" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/count.jpg" alt="count" width="467" height="279" /><img class="size-full wp-image-390 alignleft" title="healing1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/healing1.jpg" alt="healing1" width="467" height="279" /><br /><img class="size-full wp-image-395 alignleft" title="patch" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/patch.jpg" alt="patch" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-397" title="brush" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/brush.jpg" alt="brush" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-399" title="color" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/color.jpg" alt="color" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-401" title="clone" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/clone.jpg" alt="clone" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-403" title="history" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/history.jpg" alt="history" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-405" title="eraser" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/eraser.jpg" alt="eraser" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-407" title="magic" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/magic.jpg" alt="magic" width="467" height="279" /></p> <p><img class="size-full wp-image-430 alignnone" title="blur" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/blur.jpg" alt="blur" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-432" title="smudge" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/smudge.jpg" alt="smudge" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-435" title="doge" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/doge.jpg" alt="doge" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-437" title="pen" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/pen.jpg" alt="pen" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-439" title="text" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/text.jpg" alt="text" width="467" height="279" /></p> <p><img class="alignleft size-full wp-image-459" title="type1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/type1.jpg" alt="type1" width="467" height="279" /><br /><img class="alignleft size-full wp-image-443" title="hand" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/hand.jpg" alt="hand" width="467" height="279" /></p> <p style="text-align: left;"><img class="alignleft size-full wp-image-445" title="zoom1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom1.jpg" alt="zoom1" width="467" height="279" /><br /><img class="alignleft size-full wp-image-447" title="3drotate" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3drotate.jpg" alt="3drotate" width="467" height="279" /><br /><img class="alignleft size-full wp-image-449" title="3dpan" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3dpan.jpg" alt="3dpan" width="467" height="279" /><br /><img class="alignleft size-full wp-image-453" title="3scale1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3scale1.jpg" alt="3scale1" width="467" height="279" /><br /><img class="" /> wp-image-455 alignnone" title="3droll" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3droll.jpg" alt="3droll" width="467" height="279"><br /><img class="size-full wp-image-457 alignnone" title="3dwalk" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/3dwalk.jpg" alt="3dwalk" width="467" height="279" /></p><p style="text-align: left;"><br /></p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-1325570242978960032009-04-30T08:20:00.000+05:302009-04-30T08:20:00.604+05:30Learn The Basics Of Photoshop<p>Ready to get your feet wet with the basics of Photoshop? Here’s where you get familiar with the Photoshop environment — the desktop, menus, and panels. We also introduce the key tools and explain what each one does.</p> <p style="text-align: center;"> </p><p style="text-align: center;"><img class="size-full wp-image-302 aligncenter" style="border: 1px solid black;" title="interface_mian" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/interface_mian.jpg" alt="interface_mian" width="550" height="230" /></p> <p style="text-align: center;"> </p><p style="text-align: left;"> </p><p style="text-align: left;"> </p><table style="border: 2pt solid rgb(171, 11, 1); background-color: rgb(37, 44, 64);" border="0" width="550"> <tbody> <tr> <td> <p style="text-align: left;"><span style="color: rgb(255, 255, 255);">Photoshop has such an abundance of tools — and so many ways to use those tools here we will cover how to get started on Photoshop and how to view and navigate your image window. Here’s also where we give you all the important details about the o’mighty Adobe Bridge and how to customize your workspace and preference settings.</span></p> </td> </tr> </tbody> </table> <hr style="width: 550px;"> <table style="border: 1pt solid rgb(0, 0, 0); background-color: rgb(159, 159, 159); height: 403px;" border="0" width="550"> <tbody> <tr> <td style="text-align: left;"><span style="color: rgb(255, 255, 0);"><strong><span style="font-size:xx-large;">Lesson overview</span></strong></span> <p><span style="color: rgb(128, 0, 0);"><strong></strong></span><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"> <span style="color: rgb(255, 255, 255);">• </span>Open Photoshop files.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">• <span style="color: rgb(0, 0, 0);">Investigating the Menu bar.</span><br /></span></span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Select and use some of the tools in the Tools panel.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Set options for a selected tool using the options bar.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Use various methods to zoom in and out on an image.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Select, rearrange, and use panels.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Choose commands in panel and context menus.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Open and use a panel docked in the panel well.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(255, 255, 255);">•</span> Undo actions to correct mistakes or to make different choices.</span></span></p> <p><span style="color: rgb(0, 0, 0);"><span style="font-size:medium;"><span style="color: rgb(164, 174, 20);"><span style="color: rgb(255, 255, 255);">•</span> </span>Customize the workspace.</span></span></p></td> </tr> </tbody> </table> <p><span style="color: rgb(51, 51, 51);">As you work with Photoshop, you’ll find out that you can often accomplish the same task several ways. To make the best use of the extensive editing capabilities in Photoshop, you must first learn to navigate the work area.</span></p> <p><span style="color: rgb(51, 51, 51);">When you launch Photoshop, the desktop workspace, shown in Figure bellow appears. Like the real-world desktop where your keyboard and monitor reside, the Photoshop desktop is a place for you to put all the images you’re working with.</span></p> <p style="text-align: center;"><img class="size-full wp-image-154 aligncenter" title="photoshop interface" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/interface.png" alt="photoshop interface" width="540" height="403" /></p> <h2><span style="color: rgb(0, 0, 0);">Starting Photoshop and opening a file:</span></h2> <p><span style="color: rgb(51, 51, 51);">Let’s start Adobe Photoshop and reset the default preferences.</span></p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.<span style="color: rgb(51, 51, 51);">On the desktop, double-click the Adobe Photoshop icon to start Adobe Photoshop and then immediately hold down Ctrl+Alt+Shift (Windows) or Command+Option+Shift (Mac OS) to reset the default settings.</span></p> <p style="text-align: center;"><img class="size-full wp-image-166 aligncenter" title="double_click" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/double_click.jpg" alt="double_click" width="586" height="437" /></p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">2</span></span></strong>.<span style="color: rgb(51, 51, 51);">When prompted, click Yes to confirm that you want to delete the Photoshop Settings file.</span></p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span></strong>.<span style="color: rgb(51, 51, 51);">Choose File > Open, and navigate to the folder where your files are stored.</span></p> <p><span style="color: rgb(255, 0, 0);"><strong><span style="font-size:xx-large;">4</span></strong><span style="color: rgb(0, 0, 0);">.</span></span><span style="color: rgb(51, 51, 51);">Select the file and click Open.</span></p> <p style="text-align: center;"><img class="size-full wp-image-172 aligncenter" title="open_file" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/open_file.jpg" alt="open_file" width="490" height="368" /></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">The hot_rod.jpg file opens in its own window, this window is called the image window. In this file,an image of a Hot Rod car has been enhanced.</span></p> <p style="text-align: left;"><img class="size-full wp-image-175 aligncenter" title="hot_rod_edit" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/hot_rod_edit.jpg" alt="hot_rod_edit" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">5</span></span></strong>.<span style="color: rgb(51, 51, 51);">Choose File > Close, or click the close button on the title bar of the image window. (Do not close Photoshop.)</span><img class="size-full wp-image-180 aligncenter" title="close" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/close.jpg" alt="close" width="540" height="403" /></p> <h3 style="text-align: left;"> <hr style="width: 550px;"></h3> <h2 style="text-align: left;"><span style="color: rgb(0, 0, 0);">Opening a file with Adobe Bridge:</span></h2> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">As we said earlier in Photoshop you can accomplish the same task in different ways, in the previous exercise you used the Open command to open a file.</span></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">Now you’ll open another file using Adobe Bridge, a visual file browser that helps you out to find the image file that you need.</span></p> <p style="text-align: left;"> </p><p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.<span style="color: rgb(51, 51, 51);">Click the Launch Bridge button in the application bar. If you’re prompted to enable the Photoshop extension in Bridge, click OK.</span></p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-185" title="br1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/br1.jpg" alt="br1" width="540" height="58" /></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">Adobe Bridge opens, displaying a collection of panels, menus, and buttons.</span></p> <p style="text-align: left;"><img class="aligncenter size-full wp-image-188" title="brige" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/brige.jpg" alt="brige" width="540" height="403" /></p> <p style="text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-size:xx-large;">2</span></strong><span style="color: rgb(0, 0, 0);">.</span></span><span style="color: rgb(51, 51, 51);">From the Folders panel in the upper-left corner, browse to the directory where you have stored your file.</span></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span></strong>.<span style="color: rgb(51, 51, 51);">Select the folder, and choose File > Add To Favorites. Adding files,folders, application icons, and other assets that you use often to the Favorites panel lets you access them quickly.</span></p> <p style="text-align: left;"><img class="aligncenter size-full wp-image-190" title="add" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/add.jpg" alt="add" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">4</span></span></strong><span style="color: rgb(51, 51, 51);">.Select the Favorites tab to open the panel, and click the folder you just added to open it.Then, in the Content panel, double-click the folder.</span></p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-194" title="brige1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/brige1.jpg" alt="brige1" width="540" height="403" /></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">Thumbnail previews of the folder contents appear in the Content panel.</span></p> <p style="text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span style="font-size:xx-large;">5</span></strong><span style="color: rgb(0, 0, 0);">.</span></span><span style="color: rgb(51, 51, 51);">Double-click the file thumbnail in the Content panel to open the file,or select the thumbnail and choose File > Open. the file that you chose opens in Photoshop. Leave Bridge open you’ll use it to locate and open files later.</span></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">Adobe Bridge is much more than a convenient visual interface for opening files. You’ll have the chance to learn more about the many features and functions of Adobe Bridge in latter tutorials.</span></p> <hr style="width: 550px;"> <h2 style="text-align: left;"><strong><span style="color: rgb(0, 0, 0);">Selecting and using a tool from the Tools panel:</span></strong></h2> <p><span style="color: rgb(51, 51, 51);">Photoshop provides an integrated set of tools for producing sophisticated graphics for print, web, and mobile viewing.</span></p> <p><span style="color: rgb(51, 51, 51);">The Tools panel the long, narrow panel on the far left side of the work area contains selection tools, painting and editing tools, foreground and background color selection boxes, and viewing tools. In Photoshop Extended, it also includes 3D tools.</span></p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-203" title="tools" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/tools.jpg" alt="tools" width="540" height="403" /></p> <p style="text-align: left;"><span style="color: rgb(51, 51, 51);">Let’s start by using the Zoom tool, which appears also in many other Adobe applications,including Illustrator, InDesign, and Acrobat.</span></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.<span style="color: rgb(51, 51, 51);">Click the double-arrow button just above the Tools panel to toggle to a double column view. Click the arrow again to return to a single-column Tools panel and use your screen space more efficiently.</span><img class="aligncenter size-full wp-image-206" title="toolbox" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/toolbox.jpg" alt="toolbox" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">2</span></span></strong>.<span style="color: rgb(51, 51, 51);">Examine the status bar at the bottom of the work area (Windows) or image window (Mac OS), and notice the percentage listed on the far left. This represents the current enlargement view of the image, or zoom level.</span></p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-208" title="statusb" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/statusb.jpg" alt="statusb" width="540" height="403" /></p> <p style="text-align: center;"><span style="font-size:large;"><span style="color: rgb(255, 0, 0);">A</span></span>. <span style="color: rgb(51, 51, 51);">Zoom level</span> <span style="font-size:large;"><span style="color: rgb(255, 0, 0);">B</span>.</span> <span style="color: rgb(51, 51, 51);">Status bar</span></p> <p style="text-align: left;"><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span><span style="color: rgb(51, 51, 51);">.Move the pointer over the Tools panel and hover it over the magnifying-glass icon until a tool tip appears. The tool tip displays the tool’s name (Zoom tool) and keyboard shortcut (Z).</span><img class="aligncenter size-full wp-image-211" title="zoomtool" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoomtool.jpg" alt="zoomtool" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">4</span></span></strong>.Click the Zoom tool in the Tools panel or press Z to select it.</p> <p style="text-align: center;"><img class="size-full wp-image-217 aligncenter" title="zoom" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom.jpg" alt="zoom" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">5</span></span></strong>.Move the pointer over the image window. The pointer now looks like a tiny magnifying glass with a plus sign (+) in the center of the glass.</p> <p style="text-align: left;"><img class="aligncenter size-full wp-image-221" title="zoomplus" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoomplus.jpg" alt="zoomplus" width="600" height="448" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">6</span></span></strong>.Click anywhere in the image window.</p> <p style="text-align: left;">The image enlarges to a preset percentage level, which replaces the previous value in the status bar. The location you clicked when you used the Zoom tool is centered in the enlarged view. If you click again, the zoom advances to the next preset level, up to a maximum of 3200%.</p> <p style="text-align: left;"><strong><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;">7</span></span></strong>.Hold down the Alt key (Windows) or Option key (Mac OS) so that the Zoom tool pointer appears with a minus sign (-) in the center of the magnifying glass, and then click anywhere in the image. Then release the Alt or Option key. Now the view zooms out to a lower preset magnification, so that you can see more of the image, but in less detail.</p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">8</span></span></strong>.Using the Zoom tool, drag a rectangle to enclose the area of the image that includes the headlight.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-225" title="zoom3" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom3.jpg" alt="zoom3" width="540" height="403" /></p> <p style="text-align: left;">The image enlarges so that the area you enclosed in your rectangle now fills the entire image window. You have now used three methods with the Zoom tool to change the magnification in the image window: clicking, holding down a keyboard modifier while clicking,and dragging to define a magnification area. Many of the other tools in the Tools panel can be used with keyboard combinations, as well.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-230" title="zoom4" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom4.jpg" alt="zoom4" width="540" height="403" /></p> <h2 style="text-align: left;"> <hr style="width: 550px;"></h2> <h2 style="text-align: left;"><span style="color: rgb(0, 0, 0);">Selecting and using a hidden tool:</span></h2> <p>Photoshop has many tools you can use to edit image files, but you will probably work with only a few of them at a time. The Tools panel arranges some of the tools in groups, with only one tool shown for each group. The other tools in the group are hidden behind that tool.</p> <p>A small triangle in the lower-right corner of a button is your clue that other tools are available but hidden under that tool.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-234" title="hidden_tool" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/hidden_tool.jpg" alt="hidden_tool" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.Position the pointer over the second tool from the top in the Tools panel until the tool tip appears. The tool tip identifies the Rectangular Marquee tool with the keyboard shortcut M. Select that tool.</p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">2</span></span></strong>.Select the Elliptical Marquee tool,which is hidden behind the Rectangular Marquee tool, using one of the following methods:</p> <p style="text-align: left;">• Press and hold the mouse button over the Rectangular Marquee tool to open the pop-up list of hidden tools, and select the Elliptical Marquee tool.<br />• Alt-click (Windows) or Option-click (Mac OS) the tool button in the Tools panel to cycle through the hidden marquee tools until the Elliptical Marquee tool is selected.<br />• Press Shift+M, which switches between the Rectangular and Elliptical Marquee tools.</p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span></strong>.Move the pointer over the image window, to the first headlight. When the Elliptical Marquee tool is selected, the pointer becomes cross hairs (+).</p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">4</span></span></strong>.Drag the pointer down and to the right to draw an ellipse around the headlight, and then release the mouse button. An animated dashed line indicates that the area inside it is selected. When you select an area, it becomes the only editable area of the image.The area outside the selection is protected.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-239" title="selection" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/selection.jpg" alt="selection" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">5</span></span></strong>.<span style="color: rgb(51, 51, 51);">Move the pointer inside your elliptical selection so that the pointer appears as an arrow with a small rectangle.</span></p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-245" title="selection11" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/selection11.jpg" alt="selection11" width="540" height="403" /></p> <p style="text-align: left;"><span style="font-size:small;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">6</span></span></strong>.<span style="color: rgb(51, 51, 51);">Drag the selection so that it is accurately centered over the headlight.</span></span></p> <p style="text-align: center;"><span style="font-size:small;"><span style="color: rgb(51, 51, 51);"><img class="aligncenter size-full wp-image-252" title="zoom5" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom5.jpg" alt="zoom5" width="540" height="403" /></span></span></p> <p style="text-align: left;"> </p><table style="border: 2pt solid rgb(171, 11, 1); background-color: rgb(37, 44, 64);" border="0" width="550"> <tbody> <tr> <td style="text-align: left;"><span style="color: rgb(255, 255, 255);"><span style="font-size:small;">When you drag the selection, only the selection border moves, not pixels in the image. When you want to move the pixels in the image, you’ll need to use a different technique. You’ll learn more about making different kinds of selections and moving the selection contents latter. </span></span></td> </tr> </tbody> </table> <hr style="width: 550px;"> <h2 style="text-align: left;"><span style="color: rgb(0, 0, 0);">Using keyboard combinations with tool actions:</span></h2> <p>Many tools can operate under certain constraints. You usually activate these modes by holding down specific keyboard keys as you move the tool with the mouse. Some tools have modes that you choose in the options bar.</p> <p>The next task is to make a fresh start at selecting the headlight. This time, you’ll use a keyboard combination that constrains the elliptical selection to a circle that you’ll draw from the center outward instead of from the outside inward.</p> <p><strong><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;">1</span></span></strong>.Make sure that the Elliptical Marquee tool is still selected to deactivate the current selection do one of the following steps:</p> <p>• In the image window, click anywhere outside the selected area.<br />• Choose Select > Deselect.<br />• Use the keyboard shortcut Ctrl+D (Windows) or Command+D (Mac OS).</p> <p><strong><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;">2</span></span></strong>.Position the pointer in the center of the headlight.</p> <p><strong><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;">3</span></span></strong>.Press Alt+Shift (Windows) or Option+Shift(Mac OS) and drag outward from the center of the headlight until the circle completely encloses the headlight. The Shift key constrains the ellipse to a perfect circle.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-252" title="zoom5" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/zoom5.jpg" alt="zoom5" width="540" height="403" /></p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">4</span></span></strong>.Carefully release first the mouse button and then the keyboard keys.</p> <table style="border: 2pt solid rgb(171, 11, 1); background-color: rgb(37, 44, 64);" border="0"> <tbody> <tr> <td><span style="font-size:small;"><span style="color: rgb(255, 255, 255);">If you are not satisfied with the selection circle, you can move it: Place the pointer inside the circle and drag, or click outside the selection circle to deselect it and then try again.</span></span><strong></strong> <p><strong><span style="font-size:small;"><span style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 0);">Note:</span></span></span></strong><span style="font-size:small;"><span style="color: rgb(255, 255, 255);"> If you accidentally release the Alt or Option key prematurely, the tool reverts to its normal behavior (drawing from the edge). If, however,you haven’t yet released the mouse button, you can just press the key down again, and the selection changes back. If you have released the mouse button, simply start again at Step 1.</span></span></p></td> </tr> </tbody> </table> <p style="text-align: left;"> </p><h2> <hr style="width: 550px;"></h2> <h2><span style="color: rgb(0, 0, 0);">Adding to the selection:</span></h2> <p>As we said before in Photoshop you can use different tools to achive the same result. If you want detailed selections without too much effort, here’s the perfect tool for the task so next we are going to use the Magnetic Lasso tool to add to the current selection.</p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.Position the pointer over the Lasso tool which is located under the Rectangular Marquee tool press and hold the mouse button to open the pop-up list of hidden tools.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-283" title="magnetic_lasso" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/magnetic_lasso.jpg" alt="magnetic_lasso" width="540" height="403" /></p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">2</span></span></strong>.Select the Magnetic Lasso tool and move the pointer over the image window, to the second headlight press the shift key notice that a small plus sign appears this means that now you can add another selection.</p> <p style="text-align: left;">This tool lets you make more detailed selections, particularly of specific objects in an image, without requiring too much effort. You don’t have to keep the mouse button held down when drawing either –click once to start, drag close to the object edge, then double-click to end.Note that the tool automatically places ‘anchor points’ as you draw to keep the selection in place.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-285" title="magnetic_lasso1" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/magnetic_lasso1.jpg" alt="magnetic_lasso1" width="540" height="403" /></p> <p style="text-align: left;">If the area you are tracing is too indistinct and low in contrast for Photoshop to find an edge itself, you can click the mouse to force an anchor point to be placed. The default setting in the Options bar is fine most of the time,</p> <p style="text-align: left;"> </p><table style="border: 1pt solid rgb(171, 11, 1); background-color: rgb(37, 44, 64);" border="0" width="550"> <tbody> <tr> <td><span style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 0);">Tip</span>:</span><span style="color: rgb(255, 255, 255);">Fast pan and zoom You can use the Pan and Zoom shortcuts to move the image around while still in mid-selection.</span></td> </tr> </tbody> </table> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span></strong>.Repeat the second step for the other 2 remaining headlights.</p> <h2><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);"> <hr style="width: 550px;"></span></span></h2> <h2><span style="color: rgb(0, 0, 0);">Applying a change to a selected area:</span></h2> <p>Normally, you’d change the area within the selection. But in order to spotlight the headlight, you’ll want to darken the rest of the image, not the area inside the current selection. To protect that area, you’ll invert the selection, so that everything but the headlight is selected in the image.</p> <p><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">1</span></span></strong>.Choose Select > Inverse.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-266" title="inverse" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/inverse.jpg" alt="inverse" width="540" height="403" /></p> <p style="text-align: left;">Although the animated selection border around the headlight looks the same, notice that a similar border appears all around the edges of the image. Now the rest of the image is selected and can be edited, while the area within the circle is not selected. The unselected area (the headlight) cannot be changed while the selection is active.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-289" title="selection4" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/selection4.jpg" alt="selection4" width="540" height="403" /></p> <p style="text-align: center;">1. Selected (editable) area<br />2. Unselected (protected)area</p> <p style="text-align: left;"> </p><table style="border: 2pt solid rgb(171, 11, 1); background-color: rgb(37, 44, 64);" border="0"> <tbody> <tr> <td><span style="color: rgb(255, 255, 255);"><span style="color: rgb(255, 255, 0);">Tip</span>: The keyboard shortcut for this command, Ctrl+Shift+I(Windows) or Command+Shift+I(Mac OS) appears by the command name in the Select menu. In the future, you can just press that keyboard combination to invert a selection.</span></td> </tr> </tbody> </table> <p style="text-align: left;"> </p><p style="text-align: left;"><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">2</span></span>.Click the Curves icon in the Adjustments panel to add a Curves adjustment layer. The Curves panel opens.</p> <p style="text-align: left;"><img class="aligncenter size-full wp-image-270" title="selection3" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/selection3.jpg" alt="selection3" width="252" height="184" /><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">3</span></span>.In the Curves panel, drag the control point in the upper-right corner of the graph straight across to the left until the Input value is approximately 204. The Output value should remain 255. As you drag, highlights are brightened in the selected area of the image.</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-295" title="adjustment_layers" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/adjustment_layers.jpg" alt="adjustment_layers" width="540" height="403" /></p> <p style="text-align: left;">As you drag, highlights are brightened in the selected area of the image.</p> <p style="text-align: left;"><strong><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;">4</span></span></strong>.Adjust the Input value up or down until you are satisfied with the results.</p> <p style="text-align: left;"><strong><span style="font-size:xx-large;"><span style="color: rgb(255, 0, 0);">5</span></span></strong>.In the Layers panel, examine the Curves adjustment layer. (If the Layers panel<br />isn’t open, click its tab or choose Window > Layers.)</p> <p style="text-align: center;"><img class="aligncenter size-full wp-image-296" title="layers" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/layers.jpg" alt="layers" width="540" height="403" /></p> <p style="text-align: left;">Adjustment layers let you make changes to your image, such as adjusting the brightness of the highlights in this car, without affecting the actual pixels. Because you’ve used an adjustment layer, you can always return to the original image by hiding or deleting the adjustment layer—and you can edit the adjustment layer at any time.</p> <p style="text-align: left;"> </p><p style="text-align: left;"><span style="color: rgb(255, 0, 0);"><span style="font-size:xx-large;"><strong>6</strong></span></span>.Do one of the following:</p> <p style="text-align: left;">• If you want to save your changes, choose File > Save and then choose File >Close.<br />• If you want to revert to the unaltered version of the file, choose File > Close and click No or Don’t Save when you are asked if you want to save your changes.<br />• To save your changes without affecting the original file, choose File > Save</p> <p style="text-align: left;">As, and then either rename the file or save it to a different folder on your computer, and click OK. Then choose File > Close.</p> <p style="text-align: left;">You don’t have to deselect, because closing the file cancels the selection.</p> <p style="text-align: left;"> </p><hr style="width: 550px;"> <p style="text-align: left;"> </p><h2 style="text-align: left;"><span style="color: rgb(0, 0, 0);">Zooming and scrolling with the Navigator panel:</span></h2> <strong><span style="color: rgb(255, 255, 255);">The Navigator panel is another speedy way to make large changes in the zoom level, especially when the exact percentage of magnification is unimportant.</span></strong><strong><span style="color: rgb(255, 255, 255);">It’s also a great way to scroll around in an image, because the thumbnail shows you exactly what part of the image appears in the image window. </span></strong> <p><strong><span style="color: rgb(255, 255, 255);">To open the Navigator panel, choose Window > Navigator.The slider under the image thumbnail in the Navigator panel enlarges the image when you drag it to the right (toward the large mountain icon) and reduces it when you drag to the left.</span></strong></p> <p style="text-align: left;"><span style="color: rgb(255, 255, 255);"><a href="http://www.tutorialboard.net/wp-content/uploads/2009/04/navigator.png"><img class="aligncenter size-full wp-image-342" title="navigator" src="http://www.tutorialboard.net/wp-content/uploads/2009/04/navigator.png" alt="navigator" width="540" height="403" /></a><strong>The red rectangular outline represents the area of the image that appears in the image window. When you zoom in far enough that the image window shows only part of the image, you can drag the red outline around the thumbnail area to see other areas of the image.</strong></span></p> <span style="color: rgb(255, 255, 255);"><strong> This is also an excellent way to verify which part of an image you’re working on when you work at very high zoom levels.</strong></span><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br /><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================<br /></strong></a><br /><strong>Adobe Photoshop Training - Photoshop Classes -<br />Photoshop Tutorial - Photoshop Seminars -<br />Photoshop CS3 - Photoshop CS4 - Photoshop 7 -<br />Photoshop Tutorial Downloads - Lots more :-)</strong>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-16846428193675711812009-04-29T08:02:00.000+05:302009-04-29T08:02:00.156+05:30Blended learningIn this short tutorial, I will show you how to restore color to a bland image using Layer Effects in Photoshop antioxidant blend.<br /><br />The basic idea of this tutorial is to show you how to make elegant scenes out of dull images and show you how to enhance color using layer styles.<br /><br />You will be transforming this image:<br /><br /><img src="http://www.surfnlearn.com/colorrestore/before.gif" /><br /><br />Into:<br /><br /><img src="http://www.surfnlearn.com/colorrestore/final.gif" /><br /><br />Before we begin, you can use the image in the first step, however, if u want the original larger image you can download it <a href="http://www.surfnlearn.com/colorrestore/shipsatshore.jpg">here</a>.<br /><br /><span style="font-size: 15px;">Step 1:</span><br /><br />Open the image:<br /><br /><img src="http://www.surfnlearn.com/colorrestore/before.gif" /><br /><br /><span style="font-size: 15px;">Step 2:</span><br /><br />Getting the proper lighting and exposing blackened areas:<br /><br />Copy the layer. Go to the Layer menu, click on Add Layer Mask, you get two options, choose Reveal All. A layer mask will get created.<br /><br />After you have done this, change the layer effect to Linear Dodge. This will over brighten the image. However, it will brighten the left area of the original image completely, this part was very dark in the original image, we can salvage this.<br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr1.gif" /><br /><br /><span style="font-size: 15px;">Step 3:</span><br /><br />To get rid of the extra brightness, we will use the layer mask and the eraser, why use the layer mask? this way, if you make a mistake, you can just delete the layer mask and create a new one without damaging any content on the layer itself. Choose a very large brush size with Hardness at 40% and set the eraser opacity to 50%. Look at the images below and follow removing the white spots, step by step:<br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr2-1.gif" /><br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr3-1.gif" /><br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr4.gif" /><br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr5.gif" /><br /><br /><img src="http://www.surfnlearn.com/colorrestore/cr6.gif" /><br /><br /><br /><span style="font-size: 15px;">Step 4:</span><br /><br />Create a new layer. Take the color [#99CCCC] and spread it over the layer using the paint bucket tool. Change the layer effect to Saturation. This will brighten up all the colors.<br /><br /><img src="http://www.surfnlearn.com/colorrestore/final.gif" /><br /><br />I hope this tutorial was easy to understand. Feel free to leave me questions if there are any.<br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-15924912033565069762009-04-28T07:58:00.000+05:302009-04-28T07:58:00.431+05:30summer camps card<h2>Step 1</h2> <p>Start by creating a new file (File > New,<em> CTR+N</em>), make it 700 pixels wide and 880 pixels high:</p> <p><img class="alignnone size-full wp-image-549" title="19" src="http://www.m-sign.nl/wp-content/19.jpg" alt="" /></p> <h2>Step 2</h2> <p>In this step we are going to reproduce a very simple background. We’ll use the Gradient Tool (G) for this. Create a new Layer (Layer > New > Layer, <em>CTR+SHIFT+N</em>) on top of the first Layer, and name the Layer ‘Background’. Set up the following Gradient (please note the locations of the squares):</p> <p><img class="alignnone size-full wp-image-551" title="22" src="http://www.m-sign.nl/wp-content/22.jpg" alt="" /></p> <p>Drag it from bottom to top (Holding <em>SHIFT</em> will help you doing it vertical) and you should end up with something like this:</p> <p><a href="http://www.m-sign.nl/wp-content/42.jpg" target="_blank"><img class="alignnone size-full wp-image-553" title="42" src="http://www.m-sign.nl/wp-content/42.jpg" alt="" width="336" height="422" /></a></p> <h2>Step 3:</h2> <p>Now you’ll add some texture to this background. Create a new Layer and name it ‘Texture’. You can download the texture <a title="Rock" href="http://www.cgtextures.com/getfile.php/RockSmooth0022_L.jpg?id=5365&s=l&PHPSESSID=3797c811e8cbe744f76feed85c9c4c59&hash=3559727327" target="_blank">here</a>, on <a title="CGTextures" href="http://www.cgtextures.com/texview.php?id=5658&PHPSESSID=3797c811e8cbe744f76feed85c9c4c59" target="_blank">cgtextures.com</a>. Move the texture to the layer you just created, and set Blending Mode on Overlay and Fill to 30%.</p> <p><img class="alignnone size-full wp-image-557" title="32" src="http://www.m-sign.nl/wp-content/32.jpg" alt="" /></p> <h2>Step 4:</h2> <p>Now create a new Layer (<em>CTR+SHIFT+N</em>), name it Background Lighting and select the Brush Tool (B). Select a big soft edged Brush with a low opacity (Master Diameter: around 200-500px, Hardness: 0px, Opacity around 10-25%)), or a random soft grunge Brush around the same size (I chose the latter). You can download an excellent soft grunge brushset from <a title="Shanebob Soft Grunge" href="http://www.deviantart.com/download/41020230/Shanebob_Soft_Grunge.abr" target="_blank">here</a> on <a title=":D" href="http://shanebob.deviantart.com/art/Shanebob-Soft-Grunge-41020230?moodonly=1" target="_blank">Shanebobs Deviantart</a>. Load the brushes by clicking the small arrow in the Brush toolbar, then again on another small arrow (which is pointed to the right), and then ‘Load Brushes’. Browse to the location where you downloaded them and open them.</p> <p><a href="http://www.m-sign.nl/wp-content/uploads/62.jpg"><img class="alignnone size-full wp-image-558" title="62" src="http://www.m-sign.nl/wp-content/62.jpg" alt="" /></a></p> <p>Start brushing the middle with white (#FFFFFF) and the corners with black (#000000), and you might have varation in your Brush Sizes (When brushing: to increase your Brush Size, use <strong>]</strong>, to decrease use <strong>[</strong> ). You should end up like this:</p> <p><a href="http://www.m-sign.nl/wp-content/52.jpg" target="_blank"><img class="alignnone size-medium wp-image-556" title="52" src="http://www.m-sign.nl/wp-content/52.jpg" alt="" width="336" height="422" /></a></p> <h2>Step 5:</h2> <p>Now that the background is growing decent, it is time to add some details. Create a new layer on top (by now you should know the hotkeys <img src="http://www.m-sign.nl/wp-includes/images/smilies/icon_wink.gif" alt=";-)" class="wp-smiley" /> ) and name it ‘Twirls’. Time to use another excellent brush set: <a title=":)" href="http://www.deviantart.com/download/36473607/My_Arabesque_Set.abr" target="_blank">My Arabesque Set</a> from <a title="Big Credits for her!" href="http://luizalenora.deviantart.com/art/Arabesque-Brushes-36473607" target="_blank">Luizalenora</a>. Download it, and load it in Photoshop, and brush some ‘twirls’ in the middle. I used the 368px and 400px sized ones which can be found relatively in the beginning of the brush set. You should have something like this:</p> <p><a href="http://www.m-sign.nl/wp-content/72.jpg" target="_blank"><img class="alignnone size-full wp-image-559" title="72" src="http://www.m-sign.nl/wp-content/72.jpg" alt="" width="336" height="421" /></a></p> <h2>Step 6</h2> <p>Now it is time to add some sunrays to the picture. Create a new Layer and name it ‘Sunrays’. Another brush set will be used (don’t worry, we’ll use even more sets). However, we could recreate this effect easily using the Polar Coordinates filter, but we’ll use the fast way - brushes - here. Download the <a title=":)" href="http://www.deviantart.com/download/43595897/Risingsun_Brushes_by_JavierZhX.zip" target="_blank">Risingsun Brushes</a>, from <a title="Credits" href="http://www.deviantart.com/download/43595897/Risingsun_Brushes_by_JavierZhX.zip" target="_blank">JavierZhX</a>. Load it into photoshop. Brush in the middle, using the following brush (with 100% opacity and #ffa700 as color):</p> <p><img class="alignnone size-full wp-image-560" title="82" src="http://www.m-sign.nl/wp-content/82.jpg" alt="" /></p> <p>First, remove the lower rays of the sunray using the Eraser Tool (E) (as shown in the picture below). Don’t forget to erase! Then duplicate the Layer 2 times (Layer > Duplicate Layer, <em>CTR+J</em> ). Below you can see the position of the sunrays:</p> <p><img class="alignnone size-full wp-image-561" title="92" src="http://www.m-sign.nl/wp-content/92.jpg" alt="" /></p> <h2>Step 7</h2> <p>Now select the lowest Layer of the 3 ‘Sunrays’ Layers (if you did everything right this layer is called ‘Sunrays’). Set the Fill of this Layer to 60%. Then apply the Gaussian Blur Filter (Filters > Blur > Gaussian Blur), using the following settings:</p> <p><img class="alignnone size-full wp-image-562" title="102" src="http://www.m-sign.nl/wp-content/102.jpg" alt="" /></p> <p>Now select the middle Layer of the 3 ‘Sunrays’ Layers (called ‘Sunrays Copy’), and set the Fill of this layer to 60%. You should now have something like this:</p> <p><a href="http://www.m-sign.nl/wp-content/112.jpg" target="_blank"><img class="alignnone size-full wp-image-563" title="112" src="http://www.m-sign.nl/wp-content/112.jpg" alt="" width="336" height="421" /></a></p> <h2>Step 8</h2> <p>Maybe you were already wondering where the last ‘Sunray’ layer was for. Select this layer (’Sunrays Copy 2′) and set the Layer’s Blending Mode to Overlay and the Fill to 80%. Now make a selection of this layer, by doing CTR+Left Mouse on the Layer (or Select > Load Selection > Ok):</p> <p><img class="alignnone size-full wp-image-564" title="122" src="http://www.m-sign.nl/wp-content/122.jpg" alt="" /></p> <p>Hit D to reset the Fore- and Background colors to black and white, then X to swap these colors. Select a white to black Radial Gradient (G):</p> <p><img class="alignnone size-full wp-image-565" title="132" src="http://www.m-sign.nl/wp-content/132.jpg" alt="" /></p> <p>Drag the Gradient from the middle of your Sunrays to the top. Since the Layers Blending Mode was already on Overlay you should end up with something similar to this:</p> <p><a href="http://www.m-sign.nl/wp-content/142.jpg" target="_blank"><img class="alignnone size-full wp-image-566" title="142" src="http://www.m-sign.nl/wp-content/142.jpg" alt="" width="336" height="421" /></a></p> <h2>Step 9</h2> <p>No sunrays without a sun. Create a new Layer and name it ‘Sun’. Select the Elliptical Marquee Tool (M), and use a fixed size of 385 x 385px:</p> <p><img class="alignnone size-full wp-image-567" title="151" src="http://www.m-sign.nl/wp-content/151.jpg" alt="" /></p> <p>Draw a circle somewhat above the middle and fill it with #ffa100 (Right Mouse on selection and Fill > Color… > Select Color > Ok or with the Paint Bucket Tool (G) ). <strong>Duplicate</strong> this Layer (Layer > Duplicate or <em>CTR + J</em> ).</p> <p><img class="alignnone size-full wp-image-568" title="161" src="http://www.m-sign.nl/wp-content/161.jpg" alt="" /></p> <h2>Step 10</h2> <p>Oooh.. step 10 already.. Great, now the same trick is used as with the sunrays. Select the lowest Layer of the sun Layers (’Sun’) and apply Gausian Blur (Filter > Blur > Gaussian Blur):</p> <p><img class="alignnone size-full wp-image-569" title="171" src="http://www.m-sign.nl/wp-content/171.jpg" alt="" /></p> <p>Now you should have something like this:</p> <p><a href="http://www.m-sign.nl/wp-content/181.jpg"><img class="alignnone size-full wp-image-570" title="181" src="http://www.m-sign.nl/wp-content/181.jpg" alt="" width="336" height="422" /></a></p> <h2>Step 11</h2> <p>Hmm.. the sun is already looking nice but can have something more. We’ll add some details! Create a new Layer and name it ‘Sun2′. Time for the next Brush set (Whaaaat.. another one!). Download the <a title=":)" href="http://www.deviantart.com/download/43170535/Vector_05_by_JavierZhX.zip" target="_blank">Vector Brush Set</a> the from <a title="Credits!" href="http://javierzhx.deviantart.com/art/Vector-05-43170535" target="_blank">JavierZhX</a>. Load it into Photoshop and Brush once using the following Brush (300px, color:#ffcd00):</p> <p><img class="alignnone size-full wp-image-572" title="191" src="http://www.m-sign.nl/wp-content/191.jpg" alt="" /></p> <p>Brush in the middle of the sun you already have. We use the same trick as in step 9 and 10: duplicate the layer, and use a 8px Gaussian Blur for the lowest layer. You’ll should now have something like this:</p> <p><a href="http://www.m-sign.nl/wp-content/20.jpg"><img class="alignnone size-full wp-image-573" title="20" src="http://www.m-sign.nl/wp-content/20.jpg" alt="" width="336" height="422" /></a></p> <h2>Step 12</h2> <p>This is the last step of the background, after this the background is finished. Create a new Layer and name it ‘Splat’. Make sure that the Foreground color is white. Now we’ll use the last brush set. Download the <a title=":)" href="http://www.deviantart.com/download/20284595/Spazzsplatter.abr" target="_blank">Spazz Splatter Set</a> from <a title="Credits!" href="http://spazz24.deviantart.com/art/Spazz-Splatter-Brushes-20284595" target="_blank">Spazz24</a>. Load them into Photoshop. Now Brush with random brushes from that set somewhat below the middle, untill you got something that looks similair to this:</p> <p><a href="http://www.m-sign.nl/wp-content/211.jpg" target="_blank"><img class="alignnone size-full wp-image-575" title="211" src="http://www.m-sign.nl/wp-content/211.jpg" alt="" width="336" height="422" /></a></p><h2>Step 14</h2> <p>Ah, you did like step 13, aint it? Let’s continu with the real work! You got 12 Layers now, and it might be a good idea to group them. So either create a new group (Call it ‘BG’ for example) and move your the layers in, or select all the 12 layers and hit CTR + G. The next Layers and steps will be in another new group (I called it House & Palmtrees).</p> <p><img class="alignnone size-full wp-image-577" title="221" src="http://www.m-sign.nl/wp-content/221.jpg" alt="" /></p> <h2>Step 15</h2> <p>For the following step(s) we need 2 stock photo’s. One is from my old school, and one from a palmtree. I’ll save you the pains of tracing and cutting them out: You can download the (transparent) .psd <a href="http://www.m-sign.nl/downloads/house.psd">here</a> and <a href="http://www.m-sign.nl/downloads/palmtrees.psd">here</a>, or just click the thumbnails below and ‘Save As’ the big picture for the .png.</p> <p><a href="http://www.m-sign.nl/wp-content/palmtrees.png" target="_blank"><img class="alignnone size-thumbnail wp-image-581" title="palmtrees" src="http://www.m-sign.nl/wp-content/palmtrees.png" alt="" width="150" height="124" /></a><a href="http://www.m-sign.nl/wp-content/house.png" target="_blank"><img class="alignnone size-thumbnail wp-image-582" title="house" src="http://www.m-sign.nl/wp-content/house-150x150.png" alt="" /></a></p> <p>Now open the downloaded pictures. Make sure the ‘House’ picture is placed in the new Group (House & Palmtree), and move it in the middle. Name it’s Layer ‘House’. Put the palmtrees in a new Layer called ‘Palmtrees’, and place them next to the house, as shown below:</p> <p><img class="alignnone size-full wp-image-583" title="24" src="http://www.m-sign.nl/wp-content/24.jpg" alt="" /></p> <h2>Step 16</h2> <p>Now we are going to add some more emphasis on these pictures. Right-click to the ‘House’ Layer, Blending Options. Use Stroke:</p> <p><img class="alignnone size-full wp-image-584" title="25" src="http://www.m-sign.nl/wp-content/25.jpg" alt="" /></p> <p>Paste the Layer Style of the ‘House’ Layer to the ‘Palmtrees’ Layer: Right Click on the ‘House’ Layer, and click ‘Copy Layer Style’. Then Right Click on the ‘Palmtrees’ Layer and Paste Layer Style. Easy, isn’t it?</p> <h2>Step 17</h2> <p>The contrast and brightness of the two pictures need some adjusting. Now CTR+Click the ‘House’ Layer Thumbnail (Or Select > Load Selection > ok) so that the ‘House’ is selected and add a new Curves Adjustment Layer:</p> <p><img class="alignnone size-full wp-image-585" title="26" src="http://www.m-sign.nl/wp-content/uploads/26.jpg" alt="" width="215" height="137" /></p> <p>Move the curve like this:</p> <p><img class="alignnone size-full wp-image-586" title="27" src="http://www.m-sign.nl/wp-content/uploads/27.jpg" alt="" width="477" height="470" /></p> <p>Do the same for the ‘Palmtrees’ Layer, having a curve like this:</p> <p><img class="alignnone size-full wp-image-587" title="28" src="http://www.m-sign.nl/wp-content/uploads/28.jpg" alt="" width="476" height="469" /></p> <h2>Step 18</h2> <p>In a new group (I called it Front) create a new Layer (I called it Front_Brush). Brush with a small sized splatter Brush (The Brushes from step 12), using the Brushtool (B), on the bottomside of the ‘House’. Use Different Opacities with a red color (for example: #8b1a09), untill you have something like this:</p> <p><img class="alignnone size-full wp-image-588" title="29" src="http://www.m-sign.nl/wp-content/uploads/29.jpg" alt="" width="466" height="399" /></p> <h2>Step 19</h2> <p>Now CTR+Click the Layer Thumbnail of the Front_Brush Layer so that it is selected and add a Color Balance Adjustment Layer, using the following settings (Shadows and Highlights are on default settings):</p> <p><img class="alignnone size-full wp-image-590" title="31" src="http://www.m-sign.nl/wp-content/uploads/31.jpg" alt="" width="442" height="248" /></p> <h2>Step 20</h2> <p>Create a new Layer and call it ‘Front_Stars’. Now take the Star Brush (it is in the standard Brush Set), the color you choose here is not important since that will be overrided by the Blending Options we’ll use later. Start Brushing at the same location as in Step 18, and make sure the brushed ’stars’ are in different sizes. Like this:</p> <p><img class="alignnone size-full wp-image-589" title="30" src="http://www.m-sign.nl/wp-content/uploads/30.jpg" alt="" width="340" height="249" /></p> <h2>Step 21:</h2> <p>We are going to give our stars a really nice color. Right-Click on the ‘Front_Stars’ Layer, Blending Options, and add the following Blending options:</p> <p><img class="alignnone size-full wp-image-591" title="32" src="http://www.m-sign.nl/wp-content/uploads/32.jpg" alt="" width="500" height="1469" /></p> <p>Duplicate this Layer, the Blending Options are copied along. Select the ‘Front_Stars’ Layer (this is the bottom one of the ‘Stars’ Layers), and apply Gaussian Blur of 8px (Filter > Blur > Gaussian Blur). Now you should have something like this:</p> <p><img class="alignnone size-full wp-image-589" title="30" src="http://www.m-sign.nl/wp-content/uploads/30.jpg" alt="" width="340" height="249" /></p> <h2>Step 22:</h2> <p>The party poster is pretty far now, but we could additionally add some text! For this we need one custom font which can be download from dafont.com: <a title="Hurricane Font" href="http://img.dafont.com/dl/?f=hurricane_supadupas" target="_blank">Hurricane</a>. Place it in your dir:\windows\fonts\ folder to install it. Of course you are free to choose your own text, but I don’t think something as winterparty would fit well ;)!</p> <p>I created a new Group and called it Fonts Header. All the following layers will be in this Group.</p> <p>Now we don’t start with the first layer, but we’ll first make the fonts, since we need that for the rest (you’ll see). Now insert your text somewhat in the middle of the image. I used 3 Textlayers for this, the middle text uses the Font Gill Sans MT Bold 88pt, the other two are Hurricane 48pt:</p> <p><img class="alignnone size-full wp-image-592" title="33" src="http://www.m-sign.nl/wp-content/uploads/33.jpg" alt="" width="500" height="268" /></p> <h2>Step 23</h2> <p>It looks okay, but we need some more color. Let’s add the following blending options:</p> <p><img class="alignnone size-full wp-image-593" title="34" src="http://www.m-sign.nl/wp-content/uploads/34.jpg" alt="" width="500" height="1101" /></p> <p>You learned to copy Layer Styles in an earlier step, so it should be easy to copy it to the other Text Layers Now. For the two smaller fonts (Hurricane), i unchecked the Blending Option ‘Inner Glow’, by collapsing the ‘Fx Button’ and hiding the ‘Eye’:</p> <p><a href="http://www.m-sign.nl/wp-content/uploads/35.jpg"><img class="alignnone size-full wp-image-594" title="35" src="http://www.m-sign.nl/wp-content/uploads/35.jpg" alt="" width="202" height="159" /></a></p> <h2>Step 24</h2> <p>Create a new Layer and call it White_Font_BG. Set it’s fill to 75%. This Layer must be underneath all Font Layers. Now with some twirled brushes from the My Arabesque Set we used earlier, Brush first some twirls in white. Use different Brushes from the My Arabesque Set for this.</p> <p>Now, the most areas just beneath the text need to be white: Select the font layers by CTR+Click on one of the Font Layers Thumbnails, extend the selection by 5px (Select > Modify > Extend) and fill this using Right Mouse > Fill > Color (#FFFFFF). You should apply fill in the White_Font_BG Layer ofcourse. Do this for all the Font Layers. Cover up the remaining holes with a standard white Brush, so that the area under the fonts is white. Hide the Font Layers and you should have something like this:</p> <p><img class="alignnone size-full wp-image-595" title="36" src="http://www.m-sign.nl/wp-content/uploads/36.jpg" alt="" width="500" height="190" /></p> <p>It is more clear what is done with the ‘Stroke’ that is added in step 25:</p> <p><a href="http://www.m-sign.nl/wp-content/uploads/37.jpg"><img class="alignnone size-full wp-image-596" title="37" src="http://www.m-sign.nl/wp-content/uploads/37.jpg" alt="" width="500" height="190" /></a></p> <h2>Step 25</h2> <p>This is the final step: add the following Blending Options to the White_Font_Bg Layer:</p> <p><a href="http://www.m-sign.nl/wp-content/uploads/38.jpg"><img class="alignnone size-full wp-image-597" title="38" src="http://www.m-sign.nl/wp-content/uploads/38.jpg" alt="" width="500" height="367" /></a></p> <p>Now Unhide the Font Layers again. Congratulations! You finished this tutorial. The outcome is shown in the top. I hope this tutorial gave some insight in how resources like brushes, textures, pictures and fonts can be used to create a great party poster!</p> <h3><a href="http://www.m-sign.nl/downloads/summerparty.psd">Download the .PSD file here.</a></h3><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-76273909567313804772009-04-27T02:50:00.001+05:302009-04-27T02:55:39.273+05:30Magic Wands ToolThe Magic Wands is a special selection tool, used for selecting areas of similar color.<br /><br />The Magic Wands tool is used to select areas using a single click. The tool works by sampling the colour of the image where you click and then looking at all adjacent pixels for those that are the same or similar in colour. Take a well-defined shape like the one here and click in it with the Magic Wands - the whole shape is selected in one go.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45U8W4qzj1nJUwFKY716BhVWoRMADq6fI_8ffW57oeXXsYsu6xU3YtM_gAGTY6uap3sdcYPQ8R5qr88vh1L6ETQLK9PT3l29HCLwtOqUahkjZCxFavchFQSPPNj9dMtTqk9gkBlEtwefe/s1600-h/1.jpg"><img id="BLOGGER_PHOTO_ID_5328726423367231314" style="width: 296px; height: 221px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45U8W4qzj1nJUwFKY716BhVWoRMADq6fI_8ffW57oeXXsYsu6xU3YtM_gAGTY6uap3sdcYPQ8R5qr88vh1L6ETQLK9PT3l29HCLwtOqUahkjZCxFavchFQSPPNj9dMtTqk9gkBlEtwefe/s400/1.jpg" border="0" /></a><br /><br />Most images don’t contain large areas of flat colour like the one above, so here’s a more typical use for the Magic Wands - selecting the girl’s jumper to change its colour. Using the Magic Wands, we can click on a section of the jumper to select all pixels with a similar color.<br />However, using the default setting there are many ‘islands’of unselected pixels, so not all of the jumper has been selected.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4euWQ-brtuN1Eoer2SW9RMWKfNqR4aUcrsPt_Q3UFiOXEDDt0iI9xi4zl4trPll-xvRfdINU3L_eK2LwigSUZmC_uEfazbxEs7_9TnEYhWSiAefQnQDdA1JlmagHwt_EaGu3WGV8miYs5/s1600-h/2.jpg"><img id="BLOGGER_PHOTO_ID_5328726427157452050" style="width: 297px; height: 223px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4euWQ-brtuN1Eoer2SW9RMWKfNqR4aUcrsPt_Q3UFiOXEDDt0iI9xi4zl4trPll-xvRfdINU3L_eK2LwigSUZmC_uEfazbxEs7_9TnEYhWSiAefQnQDdA1JlmagHwt_EaGu3WGV8miYs5/s400/2.jpg" border="0" /></a><br /><br />The Magic Wand will only select colours within a certain range,defined by the Tolerance setting. And it will only look at contiguous pixels – that is, ones that actually touch each other. Areas of colour not directly connected, like the chest and other arm, are not considered for selection.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHF0W9Jp_3nXwXJRBOZLiur6OrfSkOn_ZAzJ5thy49z5A_VhW4VB457gjIDtSN9-sOYDb2xPWxLbO3wcqlRPXAbWleIFgAAukoPFsQj1Dn1exJUTNqju1_7Yg-82o_tToxEOUIgjs2FrvB/s1600-h/3.jpg"><img id="BLOGGER_PHOTO_ID_5328726430063661426" style="width: 296px; height: 223px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHF0W9Jp_3nXwXJRBOZLiur6OrfSkOn_ZAzJ5thy49z5A_VhW4VB457gjIDtSN9-sOYDb2xPWxLbO3wcqlRPXAbWleIFgAAukoPFsQj1Dn1exJUTNqju1_7Yg-82o_tToxEOUIgjs2FrvB/s400/3.jpg" border="0" /></a><br /><br />We can improve the ability of the wand to select the colours we want by increasing the Tolerance setting, from the default 32, to 50 then [Shift]+clicking in each of the separate areas. Any other parts of the jumper still not selected can be added by [Shift]+clicking on them again until you have a good clean selection with no ‘islands’.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWaVToMj4-5jiz3EtGgx4Oe8HG37uAPJAuhJ7vGh07rYSdT99Sc0lDjO5UMLqsRz0fF6sJ6W54sUWOBXbROMyL8KoT2_TyBFxbCps6LvQRZ_Iha12NsaIm53KiADOTen8T-Dk8aI-8RsBS/s1600-h/4.jpg"><img id="BLOGGER_PHOTO_ID_5328726431755580722" style="width: 298px; height: 224px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWaVToMj4-5jiz3EtGgx4Oe8HG37uAPJAuhJ7vGh07rYSdT99Sc0lDjO5UMLqsRz0fF6sJ6W54sUWOBXbROMyL8KoT2_TyBFxbCps6LvQRZ_Iha12NsaIm53KiADOTen8T-Dk8aI-8RsBS/s400/4.jpg" border="0" /></a><br /><br />Here you can see that a part of the arm has been selected. This is due to the high tolerance setting used. You can easily remove it from the selection, but first reduce the tolerance to a lower value, such as 24, then [Alt]-click on the arm inside the selection to remove it.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMe3qXGVT3sn7B9XI9z_IfSS__-WDUN5Gn2G8BQZaMCl9QiBwUjXIqHvSqed2jlcIc3wLkMhqwNonvH7xtVjppsUB63lDTyDpj4wUWei2JeEjlV14oBz86ekpmF8EGaZiTbYOXnvQLosi/s1600-h/5.jpg"><img id="BLOGGER_PHOTO_ID_5328726433387736930" style="width: 297px; height: 224px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMe3qXGVT3sn7B9XI9z_IfSS__-WDUN5Gn2G8BQZaMCl9QiBwUjXIqHvSqed2jlcIc3wLkMhqwNonvH7xtVjppsUB63lDTyDpj4wUWei2JeEjlV14oBz86ekpmF8EGaZiTbYOXnvQLosi/s400/5.jpg" border="0" /></a><br /><br />By adding a Hue/Saturation Adjustment Layer while the selection is still active, you can change the colour of the the jumper, and only the jumper. Photoshop creates a layer mask from the selection and uses is to limit which areas of the adjustment layer will actively affect the layers below.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUEkAIQXYY1GZTsEjyMLYUe14tzwMnrX6iDxLjzEj4xjFCkplueTxwdCkgdkeMG6XYZ_RKLR5L_lkMNFoOhGonBAJz-8w9gPU_n9_LHM3uhIWUl2GrX4EhS-ePrWuyPJwXeVW4g1dcXUx/s1600-h/6.jpg"><img id="BLOGGER_PHOTO_ID_5328726953294940626" style="width: 296px; height: 224px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUEkAIQXYY1GZTsEjyMLYUe14tzwMnrX6iDxLjzEj4xjFCkplueTxwdCkgdkeMG6XYZ_RKLR5L_lkMNFoOhGonBAJz-8w9gPU_n9_LHM3uhIWUl2GrX4EhS-ePrWuyPJwXeVW4g1dcXUx/s400/6.jpg" border="0" /></a><br /><br />If we zoom into the document we can see that there is a slight fringe of red. This is because some of the jumper that overlaps the background was left unselected. This is a limitation of the tolerance setting used by the Magic Wand. Fortunately, there is a way we can fix this.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmJtQLu4PgjOjY2H3g32PzV_iSvlBdK3r0oxsmEhIXhAEQpj9M1ArQPXNQkl7A9Mu4gJuKEiB1PdzWkHDKmpoNjurLA2Cv9-RiHUPV6EZICm6Pzrag4uMCaGl5W02Ipobn2pWkUmy0PaI/s1600-h/7.jpg"><img id="BLOGGER_PHOTO_ID_5328726954489672162" style="width: 295px; height: 224px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmJtQLu4PgjOjY2H3g32PzV_iSvlBdK3r0oxsmEhIXhAEQpj9M1ArQPXNQkl7A9Mu4gJuKEiB1PdzWkHDKmpoNjurLA2Cv9-RiHUPV6EZICm6Pzrag4uMCaGl5W02Ipobn2pWkUmy0PaI/s400/7.jpg" border="0" /></a><br /><br />By selecting the layer mask and applying the Gaussian Blur filter with a smallish value we can make the layer mask slightly bigger. Then by applying Levels to the layer mask we can make the blurred edges brighter, controlling how much of the Hue/Saturation effect is applied to this area.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEYG0FH7LGUo0-6x6kpHjjYqPBeRd8UZPgAzuMjb1bTCR7GkLjT225oe5bSXy8VI6YZwxlocxyYdZZCmBcDx8g7CqF5FuePxAob0rAybivOnJtppH7n5eFqNv_exsAuBOh-FCBQtbZqUT/s1600-h/8.jpg"><img id="BLOGGER_PHOTO_ID_5328726962261600578" style="width: 296px; height: 223px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEYG0FH7LGUo0-6x6kpHjjYqPBeRd8UZPgAzuMjb1bTCR7GkLjT225oe5bSXy8VI6YZwxlocxyYdZZCmBcDx8g7CqF5FuePxAob0rAybivOnJtppH7n5eFqNv_exsAuBOh-FCBQtbZqUT/s400/8.jpg" border="0" /></a><br /><br /><h2>Tips</h2>Unrestricted colours<br />When the Contiguous setting in the Options bar is checked, Photoshop makes a selection of similarcoloured pixels that are also physically joined to your starting point. Disable this setting and similar colour pixels across the whole image will be included, which can take a few moments.<br /><br />Use All Layers<br />The Use All Layers option allows you to calculate the selection based on how the image actually appears on screen when working with multi-layered documents. If this is left unchecked, then only colours on the currently selected layer will be analysed for similarity.<br /><br />Colour tweaks<br />The Hue/Saturation panel lets you adjust the whole spectrum or individual sectors of the colour spectrum. Choose these from the pop-up menu.<br /><br />Let it slide<br />The sliders at the bottom of the Hue/Saturation panel enable you to adjust the range of colours affected in each sector<br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-84795141129239813352009-04-23T07:53:00.000+05:302009-04-23T07:53:00.495+05:30Prince of persiaObviously you can use different colour then i have.<br /><br />Stock Used = <a href="http://planetrenders.net/renders/displayimage.php?pos=-14769" target="_blank">http://planetrenders.net/renders/displayimage.php?pos=-14769</a><br /><br /><center><br /><img src="http://wimg.co.uk/T9m6kp.jpg" alt="[image] " border="0" /></center><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-82238262208329126522009-04-22T07:53:00.000+05:302009-04-22T07:53:00.256+05:30Highlight Focus<p>In this tutorial I will show you an easy way to take an image and make parts of it out of focus to bring the attention on another object in the image.</p> <p><a href="http://images.ientrymail.com/time2photoshop/focus/screenshot-before-large.jpg"><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot-before.jpg" border="0" /></a> </p> <p><a href="http://images.ientrymail.com/time2photoshop/focus/screenshot-after-large.jpg"><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot-after.jpg" border="0" /></a> </p> <p><span id="more-51"></span></p> <p>So download this image of a machine part and open it in photoshop</p> <p><a href="http://images.ientrymail.com/time2photoshop/focus/industrialmachine.jpg"><img src="http://images.ientrymail.com/time2photoshop/focus/industrialmachine-small.jpg" border="0" /></a> </p> <p>I just found a random picture to show you this simple method.</p> <p>So after you open the image grab your pen tool</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot1.gif" /></p> <p>Make sure your settings on your top bar when you have the pen tool selected are set like this</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot2.gif" /></p> <p>Now with the pen tool I want to make a selection around the object we want to let stay in focus.</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot3.jpg" /></p> <p>So zoom in on your image with ctrl+ and - to zoom out and start clicking with your pen tool to make a selection</p> <p>Start clicking here</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot4.jpg" /></p> <p>The straight lines in the image are the easy part with the pen tool but once you get up to the rounded area it takes a little patience</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot5.jpg" /></p> <p>Once you make it all the way around the part in the image connect the pen tool to where you started then right click in the middle of where you went around the object with the pen tool and click “make selection”…</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot6.jpg" /></p> <p>Next we want to use a little keyboard shortcut to invert the selection so it selects everything else in the image and not our part we want to focus on. The shortcut on a windows keyboard is ctrl+shit+i, which inverts the selection.</p> <p>So use that shorcut and it should select the other part of the image</p> <p>Here is the first selection</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot7.jpg" /></p> <p>After you use the keyboard shortcut you will see an outline around the edges of the image</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot8.jpg" /></p> <p>Now cut and paste that part of the image back in the document by using ctrl+x then ctrl+v to paste it back in.</p> <p>Once you paste it back in hold down ctrl and click on the little image icon of the new layer we made and it will highlight around the object again.</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot9.gif" /></p> <p>Now the trick is just to add a little lens blur to what we cut out.</p> <p>So go to filter>>blur>>lens blur</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot10.gif" /></p> <p>Make sure you keep the selection around the object so the blur doesn’t go outside of the selected area.</p> <p>Use these settings:</p> <p><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot11.gif" /></p> <p>Here is the before picture and the after picture</p> <p><a href="http://images.ientrymail.com/time2photoshop/focus/screenshot-before-large.jpg"><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot-before.jpg" border="0" /></a> </p> <p><a href="http://images.ientrymail.com/time2photoshop/focus/screenshot-after-large.jpg"><img src="http://images.ientrymail.com/time2photoshop/focus/screenshot-after.jpg" border="0" /></a> </p> <p>I hope you learned something from this simple method and utilize it on some of your own images.</p> <p>Thanks for reading!</p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0tag:blogger.com,1999:blog-7156144208611940087.post-79879101303509468992009-04-21T07:52:00.000+05:302009-04-21T07:52:00.279+05:30Egg Art<p>This tutorial will show you had to add realistic cracks to an eggshell in Photoshop.</p> <p>We have our beginning images here:</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/egg.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/cracks.jpg" /></center> <p><span id="more-246"></span><br /></p><h2>Step 1: Prepping</h2> <p>Open them both in Photoshop. Go to the cracks image. In the menu, go to Image>Adjustments>Threshold and slide the slider around until you make it black and white. Hit OK. *Note: This does not have to look perfect, it is simply a guide.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/cracks-bw.jpg" /></center> <p>Copy your new black and white cracks picture and paste it into the file with the egg. You may have to resize it some, and rotate it a little to get the cracks in a decent arrangement.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/1.jpg" /></center> <p>Now, go to Filter>Distort>Spherize. In the little preview, you might try zooming out a bit so you can see what you’re doing. You just want the cracks to be kind of curved, since the egg we’re using them has a rounded surface.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/2.jpg" /></center> <p>Change the blending option for the cracks’ layer from “Normal” to “Darken” in the Layers Window. This will keep the black lines visible and make the white parts transparent/invisible (they are still there, just can’t see them when using this option).</p> <p>While you’re on this layer, once you’ve positioned your cracks layer, go ahead and erase the space outside of the egg, since the cracks won’t be going out there. This is really optional, I just like having things a little cleaned up as I’m going.</p> <p> </p><h2>Step 2: Cracking it Open</h2> <p>Go to your egg layer. Take either the Pen Tool or your Polygonal Lasso Tool and draw lines across the top of the egg to mimic some of the cracks you see, you could even follow some of the lines from your other layer if you’d like. You’re going to delete this part of the egg. This is eventually going to be the backside of the egg.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/3.jpg" /></center> <p>Create a new layer, above the egg’s layer. It can be above the cracks too if you want, but not necessary.</p> <p>Again, using either your Pen Tool or Polygonal Lasso Tool, trace along some of the lines, creating an opening on the top part of the egg. Fill it in with black, or a color that works well on the inside of the egg. You can always adjust this later. Don’t forget to Lock Transparency on this layer to avoid issues layer on (this is located in the Layers window).</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/4.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/5.jpg" /></center> <p> </p><h2>Step 3: Highlighting the Opening</h2> <p>Create a new layer, over top of the previous layer we created, the opening’s layer.</p> <p>While still on your new layer, hold down CTRL and click on the layer with the opening. This will select the around the shape on the opening’s layer. Now, we’re going to inverse our selection (CTRL+SHIFT+I).</p> <p>Using your Brush Tool, with a Hard Round Brush, and a smaller size, draw in some highlights on the edge of the broken shell. Be sure you’re on that new layer!</p> <p>You don’t have to be perfect with the your first sets of lines for highlights, but it makes it easier if you take a little bit of care where you place them. Once you have the highlights where you want them, use your eraser and clean them up.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/6.jpg" /></center> <p> </p><h2>Step 4: Applying More Cracks</h2> <p>Yes, create another new layer, again on top of the other layers.</p> <p>Depending on how visible the cracks are on our previous layer, you can either use the Magic Wand Tool and while you’re on the layer with the cracks, click in one of the spaces to select it; or you can just stay on your new layer, and use that Polygonal Lasso Tool and trace around the shapes. Hmm, that’s a really long sentence… Well, however you do it, you want to select a shape or two.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/7.jpg" /></center> <p>Hide the cracks layer and invert your selection (CTRL+SHIFT+I).</p> <p>Use the eyedropper and select a darker color from the egg.</p> <p>Using the Brush tool and again a hard round brush, carefully go along a couple of the edges of your shape. This is going to create a slightly raised section of the broken pieces of the egg, to give it a little more depth.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/8.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/9.jpg" /></center> <p>Continue these steps with other shapes to create even more cracks. Don’t overdo it, you want it to look realistic.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/10.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/11.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/12.jpg" /></center> <p> </p><h2>Step 5: More Highlights</h2> <p>Preserve the transparency for your newest layer, the one with the cracks you just made yourself.</p> <p>Using the eyedropper, select a very light color of the egg shell.</p> <p>Now, we’re going to select the Brush Tool and use this color with a Soft Round brush.</p> <p>Lighten up some of the lines on your new cracks layer with the Brush Tool. When lightening these lines, the cracks will look even better.</p> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/13.jpg" /></center> <center><img src="http://images.ientrymail.com/ps-tutorials/egg/14.jpg" /></center> <p>Now, the last thing we’re going to do is make some of these broken pieces a little bit lighter than the others, since they are raised.</p> <p>Figure out which ones you want the lightest and draw around them with one of your lasso tools.</p> <p>On a new layer, pick your Brush Tool and armed with the same Soft Round brush, add some white/light eggshell white. Adjust the transparency of the layer to make it more subtle.</p> <p> </p><h2>Finished!</h2> <p>Don’t forget about the cracks all the way around the egg, like in the back of the opening we made.</p> <center> <a href="http://images.ientrymail.com/ps-tutorials/egg/egg-closeup.jpg" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://images.ientrymail.com/ps-tutorials/egg/egg-closeup.jpg');"><img src="http://images.ientrymail.com/ps-tutorials/egg/egg-finished.jpg" border="0" /></a></center> <p>Hope you enjoyed.</p><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)</span><br /><br /><a style="font-weight: bold;" href="http://photoshop-manic.blogspot.com/"><strong>=================================<br />=== For more tutorials keep visiting ;) ===<br />= http://photoshop-manic.blogspot.com =<br />=================================</strong></a>Adminhttp://www.blogger.com/profile/03657206246995222796noreply@blogger.com0