<?xml version="1.0" encoding="UTF-8"?><rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
> <channel><title>Comments on: Create Apple&#8217;s Navigation Bar in Photoshop from Scratch</title> <atom:link href="http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/feed/" rel="self" type="application/rss+xml" /><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/</link> <description>Tutorials and Resources for Web Designers</description> <lastBuildDate>Sat, 21 Jan 2012 14:36:39 +0000</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3</generator> <item><title>By: Balaji R</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-2405</link> <dc:creator>Balaji R</dc:creator> <pubDate>Wed, 08 Dec 2010 16:53:07 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-2405</guid> <description>Addon: How to add image Reflection of Nav Bar above. Pretty simple.
I&#039;m lazy to take screenshots and paste it, so i will just type here.Reflections to the main image.
==============================
18. After completing Step 17 from above. Double click on the background layer and hit Ok. This will unlock the background layer.(The little lock icon will disappear)19. Copy all the layers (Text + Shapes) including the base elliptical shape and hit  Duplicate Layers20. Now again with all the duplicated layers selected - move all the duplicated layers below the original elliptical shape layer(the first nav bar layer that was created in step 1/2).21. Again with all duplicated layers selected, Hit Edit Transform - Flip Vertical.22. Again with all duplicated layers selected, Move them beneath the original nav bar and position it just beneath the original nav bar.23. Again with all duplicated layers selected, Right Click on layers and hit Rasterize Type. This will rasterize ALL the selected layers.(The reason why i enforced the phrase &#039;again with all duplicated layers selected&#039; is because this will save you your time and patience by not having to do the above set of steps to all the duplicated layers one-by-one).24. Now in the set of duplicated layers you would have two text layers for each link(the one we created to get a pressing effect), remove / delete the bottom duplicated text layer for each text layer in the duplicated set __only__.25. Remove all effects in the duplicated set of layers.26. Now Select the Rectangular Marquee tool with feather size 10 or more px, and select each and every duplicated layer and draw a rectangular marquee from 1/4 of the duplicated layer to somewhere in background and hit delete or subtract from selection option.27. You will see the reflection fade effect. Now you have to do it
__individually__ from each and every duplicated layer if you bulk select and hir marquee , it does not work.28. Now again for each layer individually set the layer opacity to say 20% or depending on your preference.Thats it You are Done !! :)Effect will be something like in -
www.gameprotocol.comThanks Shane, your tutorial was very helpful in primary design of my nav bar.Thanks again !!</description> <content:encoded><![CDATA[<p>Addon: How to add image Reflection of Nav Bar above. Pretty simple.<br
/> I&#8217;m lazy to take screenshots and paste it, so i will just type here.</p><p>Reflections to the main image.<br
/> ==============================<br
/> 18. After completing Step 17 from above. Double click on the background layer and hit Ok. This will unlock the background layer.(The little lock icon will disappear)</p><p>19. Copy all the layers (Text + Shapes) including the base elliptical shape and hit  Duplicate Layers</p><p>20. Now again with all the duplicated layers selected &#8211; move all the duplicated layers below the original elliptical shape layer(the first nav bar layer that was created in step 1/2).</p><p>21. Again with all duplicated layers selected, Hit Edit Transform &#8211; Flip Vertical.</p><p>22. Again with all duplicated layers selected, Move them beneath the original nav bar and position it just beneath the original nav bar.</p><p>23. Again with all duplicated layers selected, Right Click on layers and hit Rasterize Type. This will rasterize ALL the selected layers.</p><p>(The reason why i enforced the phrase &#8216;again with all duplicated layers selected&#8217; is because this will save you your time and patience by not having to do the above set of steps to all the duplicated layers one-by-one).</p><p>24. Now in the set of duplicated layers you would have two text layers for each link(the one we created to get a pressing effect), remove / delete the bottom duplicated text layer for each text layer in the duplicated set __only__.</p><p>25. Remove all effects in the duplicated set of layers.</p><p>26. Now Select the Rectangular Marquee tool with feather size 10 or more px, and select each and every duplicated layer and draw a rectangular marquee from 1/4 of the duplicated layer to somewhere in background and hit delete or subtract from selection option.</p><p>27. You will see the reflection fade effect. Now you have to do it<br
/> __individually__ from each and every duplicated layer if you bulk select and hir marquee , it does not work.</p><p>28. Now again for each layer individually set the layer opacity to say 20% or depending on your preference.</p><p>Thats it You are Done !! <img
src='http://www.threestyles.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p><p>Effect will be something like in -<br
/> <a
href="http://www.gameprotocol.com" rel="nofollow">http://www.gameprotocol.com</a></p><p>Thanks Shane, your tutorial was very helpful in primary design of my nav bar.</p><p>Thanks again !!</p> ]]></content:encoded> </item> <item><title>By: Balaji R</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-2404</link> <dc:creator>Balaji R</dc:creator> <pubDate>Wed, 08 Dec 2010 07:59:35 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-2404</guid> <description>Same question as Neil.Could you please tell us how to create the reflection of the nav bar as in the final image. Please.... Please...By the way your tutorial is amazing....</description> <content:encoded><![CDATA[<p>Same question as Neil.</p><p>Could you please tell us how to create the reflection of the nav bar as in the final image. Please&#8230;. Please&#8230;</p><p>By the way your tutorial is amazing&#8230;.</p> ]]></content:encoded> </item> <item><title>By: daniel veiga</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-2342</link> <dc:creator>daniel veiga</dc:creator> <pubDate>Tue, 14 Sep 2010 01:23:54 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-2342</guid> <description>very simple tutorial. easy to follow and the results are as expected. thank you.</description> <content:encoded><![CDATA[<p>very simple tutorial. easy to follow and the results are as expected. thank you.</p> ]]></content:encoded> </item> <item><title>By: chuckles</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-2300</link> <dc:creator>chuckles</dc:creator> <pubDate>Wed, 04 Aug 2010 14:13:41 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-2300</guid> <description>Can never have enough ideas for nav bars now can you? I love Apple so this works for me!</description> <content:encoded><![CDATA[<p>Can never have enough ideas for nav bars now can you? I love Apple so this works for me!</p> ]]></content:encoded> </item> <item><title>By: Neil G</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-2044</link> <dc:creator>Neil G</dc:creator> <pubDate>Thu, 13 May 2010 00:22:36 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-2044</guid> <description>Very cool! Very well explained, too! Quick question, how would one create the reflection of the nav bar as it appears in the sample image of the finished product displayed just before the comments?</description> <content:encoded><![CDATA[<p>Very cool! Very well explained, too! Quick question, how would one create the reflection of the nav bar as it appears in the sample image of the finished product displayed just before the comments?</p> ]]></content:encoded> </item> <item><title>By: 30 tutoriaux Photoshop spécial Apple &#171;</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-1298</link> <dc:creator>30 tutoriaux Photoshop spécial Apple &#171;</dc:creator> <pubDate>Thu, 07 Jan 2010 08:51:44 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-1298</guid> <description>[...] 19. Barre de naviagtion Apple avec Photoshop [...]</description> <content:encoded><![CDATA[<p>[...] 19. Barre de naviagtion Apple avec Photoshop [...]</p> ]]></content:encoded> </item> <item><title>By: 31 Apple Beautiful Inspired Photoshop Tutorials &#124; Afif Fattouh - Web Specialist</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-1288</link> <dc:creator>31 Apple Beautiful Inspired Photoshop Tutorials &#124; Afif Fattouh - Web Specialist</dc:creator> <pubDate>Tue, 05 Jan 2010 15:18:06 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-1288</guid> <description>[...] 19. Create Apple Navigation Bar in Photoshop [...]</description> <content:encoded><![CDATA[<p>[...] 19. Create Apple Navigation Bar in Photoshop [...]</p> ]]></content:encoded> </item> <item><title>By: andremoda</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-1238</link> <dc:creator>andremoda</dc:creator> <pubDate>Tue, 22 Dec 2009 11:50:49 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-1238</guid> <description>You keep it simple, and i love it!Very very helpfull!</description> <content:encoded><![CDATA[<p>You keep it simple, and i love it!</p><p>Very very helpfull!</p> ]]></content:encoded> </item> <item><title>By: Jessica</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-1225</link> <dc:creator>Jessica</dc:creator> <pubDate>Fri, 18 Dec 2009 06:53:01 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-1225</guid> <description>wonderful tutorial!</description> <content:encoded><![CDATA[<p>wonderful tutorial!</p> ]]></content:encoded> </item> <item><title>By: PhotoShop Tutorials for Web Design and Layouts</title><link>http://www.threestyles.com/tutorials/create-apples-navigation-bar-in-photoshop-from-scratch/comment-page-1/#comment-467</link> <dc:creator>PhotoShop Tutorials for Web Design and Layouts</dc:creator> <pubDate>Tue, 20 Oct 2009 03:30:35 +0000</pubDate> <guid
isPermaLink="false">http://www.threestyles.com/?p=326#comment-467</guid> <description>[...] Create Apple’s Navigation Bar in Photoshop from Scratch [...]</description> <content:encoded><![CDATA[<p>[...] Create Apple’s Navigation Bar in Photoshop from Scratch [...]</p> ]]></content:encoded> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: basic (User agent is rejected)
Database Caching 7/37 queries in 0.018 seconds using disk: basic

Served from: www.threestyles.com @ 2012-02-04 07:14:43 -->
