优艾设计网

Photoshop设计教程之制作WordPress新闻博客模

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名 发布
通常在第一次制作新闻博客模板,很难把握方向。这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考。该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widg

第四步:图片轮换区域

Photoshop设计教程之制作WordPress新闻博客模

图片轮换区域包含图像预览,缩略图,标题,内容,read more按钮以及轮换控制键。首先,创建一个大小为620像素 x 1305像素,颜色为#e1eaea的矩形,做安放内容之用。

Photoshop设计教程之制作WordPress新闻博客模

在基本图层上添加噪点。进入滤镜-转换为智能滤镜,然后再进入滤镜-杂色-添加杂色-数量-1

Photoshop设计教程之制作WordPress新闻博客模

在下图所示位置分别放上大小为300像素 x 200像素的预览样图和60像素 x 60像素的缩略样图。(图片的摆放距离如图上的红体字所示)

Photoshop设计教程之制作WordPress新闻博客模

应用图层样式

· 描边(颜色): #4e4e4e

Photoshop设计教程之制作WordPress新闻博客模

Photoshop设计教程之制作WordPress新闻博客模

接下来,我们为预览图和缩略图分别添加标题,内容以及read more 按钮。文字的字体参数参见下图的红体字部分。

Photoshop设计教程之制作WordPress新闻博客模

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消