PhotoShop打造简洁的新闻栏目网页设计制作教程

王朝学院·作者佚名  2016-06-29
窄屏简体版  字體: 小  |  中  |  大  |  超大  

介绍用photoshop打造简洁的新闻栏目网页设计效果,比较简洁的新闻栏目设计,喜欢网页设计的同学可以一起来学习一下!

效果:

制作开始:

绘制一个矩形框。

给矩形框增加样式:描边。

在底部矩形上再绘制一个长形矩形。用来承载栏目名。

给这个载体矩形增加样式。

如:渐变叠加配合描边与内发光。

每个边缘细节,都要将画布放大,像素化处理。

在栏目标题载体上写上所需名称及其他元素。

添加框架内的图片展示区域。

添加标题与摘要展示。

所看见的初步样式。

选择铅笔工具,展开画笔工具栏。调整间距。

新建图层。

按住Shift键在如下区域绘制一根点状线。

需要更改点状线的颜色是,增加颜色叠加即可。

选择文本框工具绘制一个矩形文本框,并增加内容。

再新建一个图层。

使用铅笔绘制一个小方点。

并使用ctrl+j复制这个图层。(当前我们三条文本链接,所以只需要三次)。

排列好头尾标题点时,使用垂直自动排列工具。

最终增加元素及调整颜色所看见的效果。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航