tag:blogger.com,1999:blog-23749612829047958812024-11-01T03:58:33.827-07:00Nick Web Productions Photoshop TipsUnknownnoreply@blogger.comBlogger2125tag:blogger.com,1999:blog-2374961282904795881.post-50738055679404473102012-09-13T13:05:00.001-07:002012-09-13T13:42:33.230-07:00Cool Steel Effect<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj231S298_bGMJ81t9ATk2PBOGBOEkcYPB-CdJP9WcQP7RW-GiHG6yBhK7qA_t5ioKVD4lNqyYVP8rBI2JhIQE2iY9KLo3CRVORYQRP4pqa4iDrDwbvlOA27uNGAcLkE6NP9JdRwq9k9Ig/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj231S298_bGMJ81t9ATk2PBOGBOEkcYPB-CdJP9WcQP7RW-GiHG6yBhK7qA_t5ioKVD4lNqyYVP8rBI2JhIQE2iY9KLo3CRVORYQRP4pqa4iDrDwbvlOA27uNGAcLkE6NP9JdRwq9k9Ig/s320/final.png" width="320" /></a></div>
<br />
This can be used in many applications the most popular of which is to use it as a UI slider or knob.<br />
The first step is to create the document, if you want to follow me exactly here's what I began with.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDHvJ8ZpW3AiHdTr0ap_-tgSjjc73qnRm4qKUGagyCar2rqTWXJn-lzfSUHkbddbvkiOn-R63n9lkBNb8jbJNSOvRAlxS7Ny8QuS-QxnGLq8PjYgxJErNSb5hVW-EeGzNGNxmhDQ-etY/s1600/img1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXDHvJ8ZpW3AiHdTr0ap_-tgSjjc73qnRm4qKUGagyCar2rqTWXJn-lzfSUHkbddbvkiOn-R63n9lkBNb8jbJNSOvRAlxS7Ny8QuS-QxnGLq8PjYgxJErNSb5hVW-EeGzNGNxmhDQ-etY/s1600/img1.png" /></a></div>
<br />
The next step is to get out your Elliptical Marquee tool and draw a circle in the center of the document. I find that the easiest way to do so is by holding Option and Shift and pull from the center toward one corner. It should have about a 600px diameter. It is essential that your circle is exactly in the center (see the previous blog post on how to do so). By now you should have something like this<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkS3yTm-Ie849kq9mpMmcuwluHdUWuczwcl_mpPtlXOXc-gllDgvE0MA_ppcuS-SRDCeQ2C-UNM8AAwi-0NT1yY3q-RZyXsAAohxh8Z1NFeg0DQlJJurZVfc2BXTBMcjXOPYjlS30HGZE/s1600/img2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkS3yTm-Ie849kq9mpMmcuwluHdUWuczwcl_mpPtlXOXc-gllDgvE0MA_ppcuS-SRDCeQ2C-UNM8AAwi-0NT1yY3q-RZyXsAAohxh8Z1NFeg0DQlJJurZVfc2BXTBMcjXOPYjlS30HGZE/s320/img2.png" width="320" /></a></div>
<br />
Now it's time to start building the effect, duble click on the layer to add a Layer Effect and select Gradient. try to make it look something like this<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2GWrVz6yp8n0t8YMw06ImYhPShX8rvHoZ3iDhSxGrnebUImDrIkhlfu5Oq7rrrjl8XvQxaxYskjfng14IQ_7Zwx4M3kIh7MeQQSeoekq3Tespf5nGC9nZgmaOWN_ceUz5JXYV3HIhsY/s1600/img3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu2GWrVz6yp8n0t8YMw06ImYhPShX8rvHoZ3iDhSxGrnebUImDrIkhlfu5Oq7rrrjl8XvQxaxYskjfng14IQ_7Zwx4M3kIh7MeQQSeoekq3Tespf5nGC9nZgmaOWN_ceUz5JXYV3HIhsY/s1600/img3.png" /></a></div>
<br />
Yours doesn't have to be exactly the same however the colors on the ends must be the same as each-other and make sure that the gradient style is set to Angle. After you've finished the gradient you're going to want to rasterize the layer style, If you're in Photoshop CS6 you just right-click the layer and select Rasterize Layer Style but if you're using Photoshop CS5.5 or lower just duplicate the layer and select the two by clicking on one holding shift and clicking on the other and then using Merge Layers after right-clicking one either one of them. Now go to Filters > Blur > Radial Blur and use the settings below.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWsOIylfXwEr65hvQh3QUx0nzQkje79fW809itblPlPp-jtXNEdPmc3hqDq9Utih0GdHuokDoNUTb0YyvU5jWJ3i2k4ATvZS2NxXIhSY2L6q8su9xl-r0T-0IEpESq6SxiNHy7R2FPqGQ/s1600/img4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWsOIylfXwEr65hvQh3QUx0nzQkje79fW809itblPlPp-jtXNEdPmc3hqDq9Utih0GdHuokDoNUTb0YyvU5jWJ3i2k4ATvZS2NxXIhSY2L6q8su9xl-r0T-0IEpESq6SxiNHy7R2FPqGQ/s1600/img4.png" /></a></div>
<br />
<br />
After this effect the edges usually blur a little so I recommend trimming them about 10px.<br />
...And ta-da! there's your final effect!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj231S298_bGMJ81t9ATk2PBOGBOEkcYPB-CdJP9WcQP7RW-GiHG6yBhK7qA_t5ioKVD4lNqyYVP8rBI2JhIQE2iY9KLo3CRVORYQRP4pqa4iDrDwbvlOA27uNGAcLkE6NP9JdRwq9k9Ig/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj231S298_bGMJ81t9ATk2PBOGBOEkcYPB-CdJP9WcQP7RW-GiHG6yBhK7qA_t5ioKVD4lNqyYVP8rBI2JhIQE2iY9KLo3CRVORYQRP4pqa4iDrDwbvlOA27uNGAcLkE6NP9JdRwq9k9Ig/s1600/final.png" /></a></div>
<br />
If you have any effects you want me to cover in a tutorial please feel free to leave 'em in the comment section below.<br />
<br />
Thank you!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-2374961282904795881.post-4852717393682010372012-09-13T08:05:00.001-07:002012-09-13T08:07:16.277-07:00Align to Selection<div class="separator" style="clear: both; text-align: left;">
By hitting command or control + A and using the alignment tools</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxQhmyJ2u04meXRRlai5tT94vS8LCQJ5X9vtxYIcCpq8rqt_xs5BlJsB3HQhKlXigrp16MMhq10nQhROyDk2ehW9dnLVNGL5QdzQvZwUy0GixNGn08_byBVDiiLCGXtnwqz_YJqyUgL4/s1600/alignment.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxQhmyJ2u04meXRRlai5tT94vS8LCQJ5X9vtxYIcCpq8rqt_xs5BlJsB3HQhKlXigrp16MMhq10nQhROyDk2ehW9dnLVNGL5QdzQvZwUy0GixNGn08_byBVDiiLCGXtnwqz_YJqyUgL4/s1600/alignment.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
you can easily align any object to the center of the page. The same works to align an object to any selection.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
note- the selection will not move, just the layer you have selected and you can make a selection of a layer by holding command or control and clicking the the thumbnail of the layer in the layer window.</div>
Unknownnoreply@blogger.com0