WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)

标题区域包含徽标、导航栏和搜索栏。为了有序，创建三层文件，分别用于放置logo、导航栏和搜索栏。制作一个基本形状来容纳页眉中的所有元素。选择矩形工具创建一个960像素乘50像素的矩形。你可以用任何颜色填充它，因为我们稍后会对它应用图层样式。

应用图层样式

渐变叠加颜色:#353535，#505050

6笔划颜色:#081010

徽标

logo字体为Helvetica黑色，大小为24pt。

应用图层样式

投影(彩色):# 00000

1…渐变叠加(彩色):# 92b4b5b5，#ffffff

1导航栏

1导航栏包含链接和分隔线。每个链接与左右分割线保持18个像素的距离。导航栏的位置距离Logo标志208像素，用标尺工具定位。

1使用矩形选框工具创建一个距离徽标208像素的1像素矩形选区。接下来使用渐变工具选择将前景色逐渐改为透明，前景色为# 4 F4 F4 f 4 f，最后从下往上拉动选中区域的渐变颜色。

使用线条工具创建另一条1像素线条，填充颜色为#081010。

2链接与左右分割线的距离应为18像素，链接的文本内容应使用14pt大小的Helvetica罗马字体。

2制作导航栏的时候一定要注意链接和分割线之间18个像素的距离。导航链接包括世界、商业、体育、科技、网络和科学。以上操作完成后，复制文字图层，文字颜色改为#1b1b1b，上移1个像素。

2剩余的空间用于搜索栏。

搜索栏

2使用圆角矩形工具创建一个半径为20像素的形状，颜色为#363636，放置在如图所示的位置。

应用图层样式

内阴影(颜色):#4f4f4f

3…投影(彩色):# 00000

3最后一步是添加一个搜索图标，把它转换成合适的大小，放在图中所示的位置。

3

这几篇文章你可能也喜欢：

• 将WordPress之前的文章转换成古腾堡区块
• WordPress媒体库创建分类，文件夹创建(如何修改WordPress上传媒体限制)
• 从WordPress文章中批量导入外部链接图片到本地。
• 打开SSL(https)后，WordPress站点提示“重定向你太多次”的解决方案
• 在wordpress主题中添加自定义文章类型register_post_type和分类教程(WordPress文章类型)。

本文由主机参考刊发，转载请注明：WordPress模板设计PS教程三:页眉制作(wordpress新页面模板) https://zhujicankao.com/88764.html