优艾设计网

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

制作一个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

上一篇:

下一篇:

精彩评论

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

最新问答

问答排行榜