PS设计教程网欢迎你!

Photoshop制作一个简洁的蓝色导航框

文章来源于 飞鱼的声纳,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2010-01-20
本教程主要用Photoshop创建一个简洁的蓝色导航框,最终的效果非常的清爽,背景和字体的搭配也非常的适合,西面让我们一起来学习吧.

先看看最终效果图

Photoshop制作一个简洁的蓝色导航框 

步骤1

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

Photoshop制作一个简洁的蓝色导航框

步骤2

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

Photoshop制作一个简洁的蓝色导航框

步骤3

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

Photoshop制作一个简洁的蓝色导航框

步骤4

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

Photoshop制作一个简洁的蓝色导航框

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

Photoshop制作一个简洁的蓝色导航框

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa