用Photoshop创建一个简洁的蓝色导航框
发布人:一全科技 来源:飞鱼的声纳 发布于:2010-12-11 11:15:29 浏览:1193

辽宁12选5走势图表 www.jc1o.cn 步骤1

首先创建一个新文档并将其设置为510X440像素大小,用浅灰色#343435和深灰色#222222从左上角到右下角放射状渐变填充背景。

步骤2

创建一个新的图层(Layer 》 New 》 Layer)。选择圆角矩形工具,将其半径设置为10像素大小,画出一个300X300像素大小的方框。

步骤3

用#007ccb和#004877从左上角到右下角放射状渐变填充图层。取消选择按Ctrl+D。

 
 

步骤4

现在我们要给这个导航框添加阴影。选择Layer 》 Layer Style 》 Drop Shadow,然后使用如下设置:

现在你的方框看起来应该是这样的:

步骤5

现在我们要给方框加上gradient overlay,选择Layer 》 Layer Style 》 Gradient Overlay,然后使用如下设置。

现在你的导航框看起来应该很漂亮:

 
 

步骤6

给方框加上标题

在字体上我使用如下设置:

步骤7

现在我们要给标题和接下来创建的链接之间加上分割线。利用矩形选框工具在标题下做出一个宽260像素,高1像素的线,并将其填充为#ffffff(白色)。

步骤8

将此分割线的混合模式设置为叠加,将透明度设置为20%。

步骤9

复制分割线(Ctrl+J),然后将它向下移动30个像素(按下Ctrl + Shift + Down Arrow三次),按下Ctrl + Arrow键使得图层向箭头方向移动一个像素,加上Shift键一次可以移动10个像素,重复此过程直到你觉得满意为止。

 
 

步骤10

现在加上一些文字链接。

需要注意的是行间距的设置,行高设置为30像素刚好和分割线之间的距离是一样的。

步骤11

我们需要一个当鼠标碰触这些链接时的效果,否则这些链接将会显得很枯燥。在一个新的图层上选取一个大小和链接区域大小相同的方框,用#ffffff(白色)填充(Edit 》 Fill)此区域。

设置混合模式为柔光,透明度为20%,或者设置为你喜欢的样式。

  • 为什么说一直辛苦劳作的农民没有富起来?而不说一直勤劳的农民没有富起来? 2019-06-15
  • 刘红:关注乳腺健康 做好体检预防工作 2019-06-11
  • 中国伊斯兰教协会“四进”清真寺活动启动 2019-06-05
  • 我国社会组织正成为全球治理体系中的新生力量 2019-06-05
  • 林肯全新Navigator领航员正式上市 售112.80万元起 2019-05-27
  • “川商走进新经济”第一场活动落幕 2019-05-14
  • 还加上制裁伊朗引起价格飙升的石油战 2019-05-14
  • 青海:52个客运站卫生间将全面改造 2019-05-12
  • 依规治党和依法治国结合的典范 2019-05-12
  • 内蒙古水利厅厅长付万惠接受纪律审查和监察调查 2019-05-11
  • 传销就是利用这种劣根性。 2019-05-08
  • 女性之声——全国妇联 2019-04-22
  • 不忘初心继续前进——七集政论专题片 2019-04-21
  • 百姓故事:摔跤吧!女孩 2019-04-16
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-04-16
  • 刮刮乐宝珠 天津11选5中奖图 组六稳赚的投注技巧 白小姐祺袍 河南22选5开奖奖金 海南飞鱼彩票走势图大全 谁有天津时时彩网投平台 湖北快三开奖号码查询百度 彩票开奖2019116 内蒙古十一选五开奖结果查询今天的 彩票中心主任犯罪 重庆快乐10分人工计划 和睦顶呱刮什么意思 新疆18选7奖金多少 双色球红球属于质数的有哪些