优艾设计网

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

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

打开事先准备好的社交网络图标,按照下图所示位置放置。使用快捷键Ctrl+T进行变换大小操作,直到大小合适为止,为各个图标添加1像素的投影。

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

About Us Widget

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

widget包括缩略图,页眉,内容,read more按钮。首先,创建一个颜色与放社交图标区域一样的基本图层,大小340像素 x 210像素。页眉的文本字体格式与社交图标区域不变。

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

创建大小为90像素 x 90像素,颜色为#121b1b的正方形。放在图示About Yana的下方。

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

用文字工具在之前的方形右边添加颜色为#cccccc的文字,并加上1像素的头像。另外,复制之前制作的read more按钮,将其颜色改为#616161,放在图示位置。

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

Tabs

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

tabs包含Most Recent posts和Most Popular两部分内容。创建一个125像素 x 50像素的矩形。在该矩形放上Most Recent的字样,字体为Helvetica Roman,大小14pt,颜色#fffffff,并添加1像素的投影。复制这两个图层,将文本改为Most Popular。

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

 

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

精彩评论

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