主机评测网,专注vps、独立服务器等主机评测
最专业的主机评测网站

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

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

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

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)应用图层样式

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

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)6笔划颜色:#081010

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

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)logo字体为Helvetica黑色,大小为24pt。

应用图层样式

投影(彩色):# 00000

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)1…渐变叠加(彩色):# 92b4b5b5,#ffffff

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

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)1导航栏包含链接和分隔线。每个链接与左右分割线保持18个像素的距离。导航栏的位置距离Logo标志208像素,用标尺工具定位。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)1使用矩形选框工具创建一个距离徽标208像素的1像素矩形选区。接下来使用渐变工具选择将前景色逐渐改为透明,前景色为# 4 F4 F4 f 4 f,最后从下往上拉动选中区域的渐变颜色。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)使用线条工具创建另一条1像素线条,填充颜色为#081010。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)2链接与左右分割线的距离应为18像素,链接的文本内容应使用14pt大小的Helvetica罗马字体。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)2制作导航栏的时候一定要注意链接和分割线之间18个像素的距离。导航链接包括世界、商业、体育、科技、网络和科学。以上操作完成后,复制文字图层,文字颜色改为#1b1b1b,上移1个像素。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)2剩余的空间用于搜索栏。

搜索栏

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)2使用圆角矩形工具创建一个半径为20像素的形状,颜色为#363636,放置在如图所示的位置。

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)应用图层样式

内阴影(颜色):#4f4f4f

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)3…投影(彩色):# 00000

WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)3最后一步是添加一个搜索图标,把它转换成合适的大小,放在图中所示的位置。

3

:WordPress模板设计PS教程三:页眉制作(wordpress新页面模板) https://vps.caogenba.com.com/88764.html

赞(0) 打赏
未经允许不得转载:主机测评 » WordPress模板设计PS教程三:页眉制作(wordpress新页面模板)

评论 抢沙发

登录

找回密码

注册