优艾设计网

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

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

链接与左右分割线的距离应为18像素,链接的文本内容选用大小为14pt的 Helvetica Roman字体。

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

在制作导航条时一定要注意链接与分割线之间的18像素的距离。导航条链接内容有world,business,sports,tech,web,science。完成上述操作之后,复制文本层,将文本颜色改为#1b1b1b,并上移1像素。

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

余下的空间用来放置搜索栏。

搜索栏

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

用圆角矩形工具(Rounded Rectangle Tool)创建一个半径为20像素的形状,颜色为#363636,放在图示位置。

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

应用图层样式

· 内阴影(颜色): #4f4f4f

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

· 投影(颜色): #000000

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

最后一步添加搜索图标,变换成合适大小放在图示位置。

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

 

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

精彩评论

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