首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

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

Creating a Cool Navigation Header

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

 

Start by creating a rectangle to the size of the header.
按此在新窗口浏览图片
Using custom shape tool draw some random size circle thin frame shapes.
按此在新窗口浏览图片
按此在新窗口浏览图片
Change layer mode of this layer to overlay.
按此在新窗口浏览图片
按此在新窗口浏览图片
Using pen tool draw some wave shapes. Don¡¯t bother to get the right shape. We¡¯re going to distort the shape in coming steps anyway.
按此在新窗口浏览图片
From filter menu select liquify. From liquify window select forward warp tool.
按此在新窗口浏览图片
Drag the tool on wave shape to distort the edges.
按此在新窗口浏览图片
Press Ok once you¡¯re finished with the output.
按此在新窗口浏览图片
Change layer mode to screen.
按此在新窗口浏览图片
按此在新窗口浏览图片
Draw a rectangular selection at the top using rectangular marquee tool.
按此在新窗口浏览图片
Apply a linear gradient in this selection.
按此在新窗口浏览图片
Duplicate the layer. Enable lock transparent pixels.
按此在新窗口浏览图片
Apply another linear gradient to this layer.
按此在新窗口浏览图片
Change layer mode to screen.
按此在新窗口浏览图片
按此在新窗口浏览图片
This top bar will serve as a place holder for text links. Draw a thin line below the top bar to divide this from the rest of the header.
按此在新窗口浏览图片
Place an image of the company product.
按此在新窗口浏览图片
Apply following layer style using settings shown.
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
Similarly insert more pics and apply same layer style to frame the additional images. Rotate as per your chois. Overlap the images slightly and place all on right side of the header.
按此在新窗口浏览图片
Insert company logo to the left of the header.
按此在新窗口浏览图片
Type links text over the top bar and fill the empty space with some punchline using a nice font.
按此在新窗口浏览图片


≡★ 免 责 声 明 ★≡

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

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

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

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