Photoshop打造简洁的新闻栏目网页设计教程

2016-02-16 03:16 22 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop打造简洁的新闻栏目网页设计教程,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

效果:

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

制作开始:

绘制一个矩形框。

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

添加标题与摘要展示。

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

所看见的初步样式。

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

新建图层。

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

再新建一个图层。

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop打造简洁的新闻栏目网页设计教程,PS教程,图老师教程网

 

来源:http://www.tulaoshi.com/n/20160216/1567379.html

延伸阅读
标签: PS PS基础
先看看效果图 1、新建一个大小1920*1200像素的文档,RGB颜色模式,分辨率72像素/英寸。新建一个图层,双击打开图层样式,选择渐变叠加。 2、点这里下载雪花形状。加载到画笔里面。 3、我们将创建雪花背景图案,新建一个大小68px*76px的新文档,RGB颜色模式,分辨率为72像素/英寸。选择自定义形状工具(U),在选项栏中点击形状...
类似请把三峡大坝建设的时尚、高贵、优雅一些,将抽象概念用于具体的工程项目,本身存在着指鹿为马的嫌疑;然而我们必须明确客户的要求永远是正确,实际上,他们没有办法将这些抽象概念在网站上进行具体的描述。如果在网站项目接洽过程中,投资方提出了简洁、大气、国际化的要求,那么你也完全可以用本文中的观点进行阐述和解释,将感觉转化为知...
标签: PS PS教程
本文由 中国 龟爬树(邓志峰) 原创,转载请保留此信息! 1、打开PHOTOSHOP,新建一个300X300像素,背景为白色的文档。 2、新建一个图层,用圆角矩形工具  画一个长圆角矩形,并打开图层样式,选择渐变叠加,具体设置如下图 [next] 3、新建一个图层,用铅笔工具  给按钮画上1个像素的细线。 ...
采用标准的导航设计 虽然隐藏式的导航看起来很酷,而非常规的创意导航也非常的赞,但是这些导航模式对于用户并不是那么友好。偏离常规的设计虽然容易让人记住,但是在使用体验上,常常相对更加困难。选择标准模式的导航,能够让你的网站更加易用。 最常规的导航模式,是将导航栏置于页面顶端,通常是 3 到 8 个不同的选项,当然,不...
Photoshop绘制简洁风格的网页音量图标                         

经验教程

190

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部