WordPress模板设计PS教程5:最新新闻区域制作

最新新闻区包含特色图片、类别、功能区、文章标题、内容和阅读更多按钮。在分割线下40像素处，用Helvetica罗马字体写最新消息，大小为18pt，颜色为#141e1e。然后在下面的图片显示区放一张275像素x 120像素的样张。

用矩形工具创建一个颜色为#fea702，100像素x 15像素的形状，用文字工具在形状中央用字体Helvetica罗马，大小8pt，颜色为#ffffff写下BUSSINESS这个词。

应用图层样式

内部阴影(颜色):#ffffff

复制文字图层，将原图层颜色改为#c88300。将文本层向上移动1个像素。选择几个刚刚做好的图层(矩形图层和两个业务文字图层)，按住快捷键Ctrl+T调出变换操作，如图，旋转45°。

在预览图片中选择一个选区，选择一个矩形图层，然后应用图层蒙版。看起来像下图。

1使用文本工具添加上面和下面图片的内容。对应内容的字体名称、字体样式、字号、字体颜色见下面红色文字部分。

复制“阅读更多”按钮，并将其放置在内容下方15像素处。(见下图)

1将这一步制作的图层分组，命名为post。复制该组，并将其作为一个整体向右移动30像素。将功能区的颜色更改为#8170e8，并修改文本内容。(译者注:其实这里的操作就是一个完整的复制过程。因为内容图标的布局是一样的，所以创建一个文件夹，进行整体复制，然后进行一些修改。)

1步骤6:物品分类

1此处文字的参数与近期新闻的字体参数相同。将一个60像素x 60像素的样本放入下图所示的展示区，并为其添加一个类别名称。(注意下图中红色字体所示的距离)

使用文本工具添加如下所示的文本内容。文本的颜色和字体与最新消息中的相同。

2将上面做好的图层分组，复制组，放在相应的位置，如下图。

2将主题分组。复印3份，放在如下所示的位置。

2

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

• 将F12控制台警告标语添加到wordpress网站(wordpress代码插件)
• 获取wordpress文章或页面的发布时间和修改时间(WordPress多站点)
• WordPress背景文章列表按作者(用户)显示文章
• WordPress截取pdf主页作为缩略图。
• WordPress模板设计PS教程II:创建文档(wordpress模板教程)

本文由主机参考刊发，转载请注明：WordPress模板设计PS教程5:最新新闻区域制作 https://zhujicankao.com/92454.html