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

添加标题与摘要展示。 所看见的初步样式。 选择铅笔工具,展开画笔工具栏。调整间距。 新建图层。 按住Shift键在如下区域绘制一根点状线。 需要更改点状线的颜色是,增加颜色叠加即可。 选择文本框工具绘制一个矩形

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

介绍用PhotoShop打造简洁的新闻栏目网页设计效果,比较简洁的新闻栏目设计,喜欢网页设计的同学可以一起来学习一下! 效果: 制作开始: 绘制一个矩形框。 给矩形框增加样式:描边。 在底部矩形上再绘制一个长形矩形

  添加标题与摘要展示。

ps打造简洁的新闻栏目网页设计制作教程(2)插图

所看见的初步样式。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(1)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(2)

  新建图层。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(3)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(4)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(5)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(6)

再新建一个图层。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(7)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(8)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(9)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(10)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(11)

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

  效果:

ps打造简洁的新闻栏目网页设计制作教程(2)插图(12)

  制作开始:

  绘制一个矩形框。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(13)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(14)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(15)

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

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(16)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(17)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(18)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(19)

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

  效果:

ps打造简洁的新闻栏目网页设计制作教程(2)插图(12)

  制作开始:

  绘制一个矩形框。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(13)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(14)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(15)

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

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(16)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(17)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(18)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(19)

  添加标题与摘要展示。

ps打造简洁的新闻栏目网页设计制作教程(2)插图

所看见的初步样式。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(1)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(2)

  新建图层。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(3)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(4)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(5)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(6)

再新建一个图层。

ps打造简洁的新闻栏目网页设计制作教程(2)插图(7)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(8)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(9)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(10)

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

ps打造简洁的新闻栏目网页设计制作教程(2)插图(11)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部