当前位置:首页 > PS教程 > 网页设计

如何设计与PSD模板标题导航菜单教程

  • 2022-12-24 19:40:36
  • 来源/作者:互联网/佚名
  • 己被围观

许多网站管理员/设计师专家图标/横幅图形设计,但只有10%个是与设计好一个非常好看的网站模板。今天我们要学习如何设计一个模板头有标志和导航菜单和部分内容区。

Step 7: 下一步,我们使用矩形选框工具(M).
添加一个黑暗地带的导航菜单边框,如下图所示
Web Top Header G How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 8: 现在选择这层并且复制粘贴(CTRL + V)和划分导航菜单 如下.
Web Top Header H How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 9:现在我们要添加导航菜单文本给出截图使用文本文字工具(T).

Web Top Header I How to Design a Template Header with Navigation Menu Tutorial with PSD

Step 10: 下一步,我们要添加子菜单条,使用圆角矩形工具(U)创建半径为10像素的形状像以下

Web Top Header j How to Design a Template Header with Navigation Menu Tutorial with PSD

Step 11:打开其图层样式,单击并选择渐变叠加,设置如下设置.
Web Top Header k How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 12:现在选择自定义形状工具(U),并作出如下图的形状

Web Top Header L How to Design a Template Header with Navigation Menu Tutorial with PSD
Step 13: 再次选择“文本文字工具(T)和类型如下的文本.

Web Top Header M How to Design a Template Header with Navigation Menu Tutorial with PSD

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条