优艾设计网

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

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

制作一个80像素 x 25像素的矩形作为read more按钮,放在下图所示位置。

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

新建图层,用铅笔工具(Pencil Tool)在该图层上描出下图所示的箭头形状。

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

在上一步的箭头图层中使用蒙版工具,在箭头图层载入选区。然后适用快捷键Ctrl + Shift + I 进行反选(Inverse),选中矩形图层,然后点击下图中fx图标前的蒙版图标。完成之后,隐藏箭头图层或是删掉。

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

将矩形的颜色改为#fea702

应用图层样式

· 投影(颜色): #000000

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

· 内阴影(颜色): #ffffff

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

用文字工具在read more按钮的正中位置上添加文字,字体名为Helvetica Roman,字体大小12pt,字体颜色#fffffff。 完成之后,复制该形状图层并上移1像素,将颜色修改为:#cb8500.

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

最后一项操作是添加分割线。选用文本工具,输入“--------”内容作为分割线,填充颜色为#4e4e4e,复制文本层(写了很多“-----”的这层),改变原始图层颜色为#ffffff。

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

 

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

精彩评论

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