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

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

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

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

WordPress模板设计PS教程5:最新新闻区域制作用矩形工具创建一个颜色为#fea702,100像素x 15像素的形状,用文字工具在形状中央用字体Helvetica罗马,大小8pt,颜色为#ffffff写下BUSSINESS这个词。

WordPress模板设计PS教程5:最新新闻区域制作应用图层样式

内部阴影(颜色):#ffffff

WordPress模板设计PS教程5:最新新闻区域制作复制文字图层,将原图层颜色改为#c88300。将文本层向上移动1个像素。选择几个刚刚做好的图层(矩形图层和两个业务文字图层),按住快捷键Ctrl+T调出变换操作,如图,旋转45°。

WordPress模板设计PS教程5:最新新闻区域制作在预览图片中选择一个选区,选择一个矩形图层,然后应用图层蒙版。看起来像下图。

WordPress模板设计PS教程5:最新新闻区域制作1使用文本工具添加上面和下面图片的内容。对应内容的字体名称、字体样式、字号、字体颜色见下面红色文字部分。

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

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

WordPress模板设计PS教程5:最新新闻区域制作1步骤6:物品分类

WordPress模板设计PS教程5:最新新闻区域制作1此处文字的参数与近期新闻的字体参数相同。将一个60像素x 60像素的样本放入下图所示的展示区,并为其添加一个类别名称。(注意下图中红色字体所示的距离)

WordPress模板设计PS教程5:最新新闻区域制作使用文本工具添加如下所示的文本内容。文本的颜色和字体与最新消息中的相同。

WordPress模板设计PS教程5:最新新闻区域制作2将上面做好的图层分组,复制组,放在相应的位置,如下图。

WordPress模板设计PS教程5:最新新闻区域制作2将主题分组。复印3份,放在如下所示的位置。

2

:WordPress模板设计PS教程5:最新新闻区域制作 https://vps.caogenba.com.com/92454.html

赞(0) 打赏
未经允许不得转载:主机测评 » WordPress模板设计PS教程5:最新新闻区域制作

评论 抢沙发

登录

找回密码

注册