ps制作新闻界面(新闻ps模板)

本文主要介绍ps制作新闻界面(新闻ps)，下面跟着东辰网详细了解一下吧。

通常开始次做新闻博客模板很难把握方向。本教程将为你提供如何在AdobePhotoshop中制作WordPress新闻博客主题的参考。主题包括标题区和图片旋转区(包括特色文章、最新新闻、按类别显示、侧边栏、小部)。如果你是初学者，就按照这个教程一步一步来。如果你有一定的基础，也可以从本教程中获得新的收获。

点击图片进行全屏预览。

本教程所需的资源

搜索

社交图标

步骤1:创建文档

用PS创建一个1200像素x1700像素的文档。

标尺工具在本教程中非常有用。使用之前，请确保标尺和辅助线已显示。

标尺快捷键:CtrlR

参考线快捷键:Ctrl

使用标尺工具时，信息面板也很重要。用直尺测量时，相关信息会先出现在信息面板中。如果没有显示，您可以转到窗口(Window)并检查信息选项。

第二步:背景制作

用#081010颜色填充背景层。接下来，创建网格图案。这个图案的文档尺寸是20像素x20像素，背景是透明的。

用铅笔工具填充颜色#ffffff，创建如图所示的图案。

进入编)创建一个定义模式。打开油漆桶工具，选择图案和图案从下拉列表中，用先前创建的图案填充画布。确保图案放置在一个新的图层上。

填充图案后，将图层模式改为柔光，不透明度为50%。

第三步:页眉制作

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

应用图层样式

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

笔画颜色:#081010

标志；徽标

应用图层样式

投影(彩):#000000

渐变叠加(颜):#92b4b5，#ffffff

导航栏

导航栏包含链接和分隔线。每个链接距离左右分割线18个像素。导航条的位置距离Logo208像素，用尺子量。(标尺工)用于定位。

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

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

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

其余的空间用于放置搜索栏。

搜索栏

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

应用图层样式

内阴影(颜):#4f4f4f

投影(彩):#000000

最后一步是添加一个搜索图标，将其转换成适当的大小，并将其放在图中所示的位置。

步骤4:图像旋转区域

将噪波添加到基本层。输入滤镜转换为智能滤镜，然后输入滤镜噪波添加噪波数量1。

将尺寸为300像素x200像素的预览样本和尺寸为60像素x60像素的缩略图样本放在如下所示的位置。(图片上用红色显示图片之间的距离)

应用图层样式

笔画(颜):#4e4e4e

制作一个80像素x25像素的矩形作为“阅读更多”按钮，并将其放置在如下所示的位置。

创建一个新的层，并使用铅笔工具跟踪箭头形状如下图所示在这一层。

在上一步中使用箭头层中的蒙版工具加载箭头层中的选区。然后应用快捷键CtrlShiftI反转，选中矩形图层，然后点击下图中fx图标前面的蒙版图标。完成后，隐藏箭头层或删除它。

将矩形的颜色改为#fea702。

应用图层样式

投影(彩):#000000

内部阴影(颜):#ffffff

最后一个操作是添加分割线。选择文本工具，输入作为分割线，用#4e4e4e填充颜色，复制文字图层。(这一层有很多写在)，把原来图层的颜色改成#ffffff。

步骤5:最新新闻区域制作

应用图层样式

内部阴影(颜):#ffffff

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

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

将这一步制作的图层分组，命名为post。复制该组，并将其作为一个整体向右移动30像素。将功能区的颜色更改为#8170e8，并修改文本内容。

(译者s注:其实这里的操作就是一个完整的复制过程。因为内容图标的布局是一样的，所以创建一个文件夹，进行整体复制，然后进行一些修改)

第六步:物品分类

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

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

步骤7:侧边栏制作

侧边栏包含社交网站链接、小工具、标签和广告。首先制作基础图层，使用矩形工具创建一个颜色为#353535的矩形，在基础图层的内容区域重复使用智能滤镜和噪点。

社交网站链接

创建一个矩形，颜色为#4e4e4e，340像素x50像素。

使用线工具创建一个1像素的线，并把它放在如下所示的位置。

打开事先准备好的社交网络图标，放置如下图所示。使用快捷键CtrlT更改大小，直到大小合适为止，并为每个图标添加一个1像素的投影。

关于我们小部件

创建一个正方形，大小为90像素x90像素，颜色为#121b1b。把它放在关于亚娜的图标下面。

使用文本工具将颜色为##cccccc的文本添加到上一个正方形的右侧，并添加一个1像素的头像。另外，复制之前做的readmore按钮，将其颜色改为#616161，放在如图所示的位置。

制表符

将图层样式应用于“最近”下的图形。

渐变叠加(彩):#4f4f4f，#141e1e

将图层样式应用于最流行下的图形。

渐变叠加(颜):#353535，#505050

创建一个基本层来放置内容。

形状的大小为302像素x435像素，颜色为#4f4f4f。

将类别区域中的文本放在如下所示的位置。

使用线条工具添加一条大小为1像素的线条，并将其放置在如下所示的位置。

广告区

找到一些x125像素的广告样本放在如下所示的位置。(上下广告图像之间的间距为35像)

第八步:页脚制作

页脚包含twitterfeed、widget、flickrwidget和置顶评论。创建一个基本层来容纳所有元素，页脚的基本层大小为960像素x345像素，因为和侧边栏的基本层一样，所以我赢了这里不赘述。

TwitterFeed

用矩形工具创建一个方框。

了解更多ps制作新闻界面(新闻ps模)相关内容请关注东辰网。