Rabu, 04 April 2012

Apple Navigation Bar Using Photoshop

Apple Navigation Bar is an tardily pattern to brand but is real bold as well as seems stylish. In this tutorial nosotros volition larn to brand it, hit got a await at it first:

Step 1: Open a novel document of size 900 x 75px.

Step 2: Now describe next shape using Rectangular Marquee Tool amongst 8px equally radius as well as laid upward its size to 877px as well as 38px.


Step 3: Now double click on the layer as well as direct “Blending Options” from the novel window open. Now acquire to Gradient Overlay as well as double click on it to acquire the Gradient Editor Window. Now double click on the left color halt as well as direct the color to live #848484 as well as same affair for right color halt amongst color #c7c7c7.

Step 4: Now nosotros hit got to add together color halt inward the middle right therefore click at that topographic point as well as y'all volition come across a novel color halt there. You tin deed it to acquire a perfect position. Choose #848484 colors to it.

The lastly box of slope editor volition await like:

And the icon of our Apple Navigation Bar volition await like:

Step 5: Now nosotros hit got to add together the carve upward lines which tin live done using draw of piece of occupation tool amongst 1px weight. Now describe the lines using shift fundamental as well as dragging.

Step 6: Once y'all describe the draw of piece of occupation correctly y'all tin re-create it using Ctrl + J as well as therefore deed the lines to brand equal parts past times pressing “V” fundamental as well as therefore using right arrow key.

Step 7: Merge all the layers of the bars piece choosing all the layers as well as therefore past times right click on i as well as choosing Merge option. Now acquire to the novel layer formed as well as double click on it as well as direct blending selection as well as slope overlay amongst colors #565656 as well as #8f8f8f from order to bottom.

Step 8: Now add together text using Text tool as well as Helvetica font amongst size 12pt Bold as well as inward the middle of the section.

Step 9: To brand the text looking pressed, re-create the text layer using Ctrl + J as well as therefore deed it downwards 1px using the downwards fundamental as well as direct color overlay selection amongst hex code #c1c1c1.

Step 10: For making the shadow, outset merge all the layers created as well as therefore re-create the novel layer formed. Now transform the novel layer using Ctrl + T only downwards the primary layer as well as using soft eraser delete the lower business office of the icon to give it the looking of shadow.

And our apple tree navigation bar is ready:




Sumber http://anotherphotoshopblog.blogspot.com

0 komentar

Posting Komentar