首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Creating a navigation header for music site

[ 作者来源:photoshopbuddy. 编辑整理:PhotoShop资源网 更新时间: 2006-08-03 录入: 黄叶飞扬 ]

 

Start by creating a new file of the header size. Create a rounded rectangle using rounded rectangle shape tool.

按此在新窗口浏览图片
Insert a guitar cutout and place on the left side.

按此在新窗口浏览图片

Duplicate layer. Press Ctrl+T. Squeeze it vertically.
按此在新窗口浏览图片
Reduce the opacity to create a perspective shadow.
按此在新窗口浏览图片
Using pen tool create a wave shape path.
按此在新窗口浏览图片
Create a circle using elliptical shape tool.
按此在新窗口浏览图片
Double click the layer to open layer style window. Apply layer style with the settings shown.

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片
Ctrl+Click the layer thumbnail to get the selection.
按此在新窗口浏览图片
From select menu click modify>>contract.
按此在新窗口浏览图片
按此在新窗口浏览图片
Create a new layer. Fill the selection with white to black gradient in linear mode.

按此在新窗口浏览图片

 

Select marquee tool and move the selection upwards.
按此在新窗口浏览图片
Press Ctrl+Shift+I and press delete. Change the layer mode to screen.

按此在新窗口浏览图片

 

按此在新窗口浏览图片
Similarly create another glassy highlight in the lower half of the circular button.
按此在新窗口浏览图片
Create an ellipse using elliptical shape tool, rotate and move the layer below the circular button in layer order to create a perspective shadow.
按此在新窗口浏览图片
Create some duplicates for the other buttons.
按此在新窗口浏览图片
Add search bar on the top of the header.
按此在新窗口浏览图片
Type button links using a nice font.
按此在新窗口浏览图片
Double click the text layer to open layer style window. Apply layer style with the settings shown.
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
Insert company logo and place on the left side.
按此在新窗口浏览图片


≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!