您好,欢迎来到素彩网!

ps教你制作一个简洁的蓝色导航框

来源:sc115.com | 240 次浏览 | 2015-09-29

标签: 简洁 蓝色

本教程主要用Photoshop创建一个简洁的蓝色导航框,最终的效果非常的清爽,背景和字体的搭配也非常的适合,西面让我们一起来学习吧.
出自:飞鱼的声纳

相关教程:Photoshop设计黑色和橙色搭配的网页导航
原文链接:Clean blue navigation box

先看看教程最终完成效果图

ps教你制作一个简洁的蓝色导航框



步骤1

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

ps教你制作一个简洁的蓝色导航框



步骤2

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

ps教你制作一个简洁的蓝色导航框



步骤3

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

ps教你制作一个简洁的蓝色导航框

 1/4    1 2 3 下一页 尾页

搜索: 简洁 蓝色 

最热-网页制作

ps制作漂亮的商业类型网站模板

ps快速教你制作绚丽的彩色光束壁纸

ps设计以绿色为主题的网页模板教程

ps教你制作简单的水晶苹果壁纸

ps教你制作梦幻的彩色光斑壁纸

ps制作水下光线壁纸教程

ps设计一张古典颓废风格的网站模板

ps简单设计数码风格的网页模板

ps设计个性的多媒体网站模板

ps设计非常漂亮的网页页脚

ps设计精美的苹果壁纸教程

ps设计一个简洁灰色系的网页模板

ps教你制作梦幻的彩色艺术光丝壁纸

素材
战争 495战争 495
超酷地带 1超酷地带 1
超酷地带 12超酷地带 12
超酷地带 10超酷地带 10
超酷地带 9超酷地带 9
超酷地带 16超酷地带 16
超酷地带 23超酷地带 23
超酷地带 21超酷地带 21
超酷地带 32超酷地带 32