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


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

  效果:

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

  制作开始:

  绘制一个矩形框。

bbs.

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

bbs.

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

bbs.

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

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

bbs.

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

bbs.

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

bbs.

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

bbs.

  添加标题与摘要展示。

bbs.

所看见的初步样式。

bbs.

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

bbs.

  新建图层。

bbs.

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

bbs.

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

bbs.

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

bbs.

再新建一个图层。

bbs.

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

bbs.

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

bbs.

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

bbs.

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

bbs.
上一篇 下一篇

淘宝热销

  • Mistine小黄帽防晒霜乳SPF50泰版面部防紫外线隔离男女军训蜜丝婷

    【推荐理由】赠运费险

    【优惠券】20   【券后价】59.00

    【下单链接】18¥ CZ0001 G5fHdEqOsnB¥

    >>>>>> 马上打开

  • G7旗舰店越南进口美式纯黑咖啡粉速溶无糖0脂减燃正品学生提神

    【推荐理由】库存紧张,好评过万

    【优惠券】3    【券后价】26.90

    【下单链接】27¥ CZ0001 zb0bdEqLV7G¥

    >>>>>> 马上打开