入门实例

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 入门实例 >

ps怎么设计一款简洁的网站导航条?

地狱归来的伯爵

想要使用ps设计一款网站的导航条,该怎么设计呢?下面我们就来看看详细的教程。

1、打开ps,试试做吧

ps怎么设计一款简洁的网站导航条?

2、新建一个1200*500的像素(这个要根据自己需要的尺寸新建)

ps怎么设计一款简洁的网站导航条?

3、先用矩形工具,换出一个矩形

ps怎么设计一款简洁的网站导航条?

4、然后输入相关文字,排版好

ps怎么设计一款简洁的网站导航条?

5、在字体文件加点颜色底,当鼠标放上去会出现颜色底

ps怎么设计一款简洁的网站导航条?

6、做网页的搜索框

ps怎么设计一款简洁的网站导航条?

7、可以先做一个下拉框的效果(这个自己做看美观的)

ps怎么设计一款简洁的网站导航条?

8、效果图

ps怎么设计一款简洁的网站导航条?

以上就是ps设计导航条的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

ps怎么设计简单的网页导航菜单?

PS导航器怎么快速定位图片的位置?

ps怎么制作一个漂亮的导航栏按钮?