Photoshop设计简洁大方干净的网页界面设计教程(5)_网页设计教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

推荐:又一新免费域名.co.vu注册教程
新手建站练练手不想投资太大,想找一免费域名谈何容易啊~著名的.co.cc等免费域名也再国人强大的攻势败落了,而所谓的顶级域名tk也半死不活的,解析半天不生效,流量一大又

第4步 – 第一个分栏绘制

首先,创建一个区域框,我们将添加团队成员的信息。使用矩形工具绘制一个480×425白色矩形,上下添加两个灰线(这里可以使用剪切蒙版,不会的同学把尺寸对齐就好了),并添加一段文字 图中字体为Delicious。为文字和白色矩形添加图层样式如图

混合模式为正片叠底,透明度4%黑色,取消全局光角度42°,距离3px,大小0px。

Photoshop设计简洁大方的网页界面,破洛洛 

接着来,在辅助线的帮助下,添加照片和资料,自己找图占位吧。

Photoshop设计简洁大方的网页界面,破洛洛

下面是每个字体的样式,尺寸,颜色

Photoshop设计简洁大方的网页界面,破洛洛 

还记得上面我们绘制过相同的箭头了么。同样的方式,再绘制一个。用矩形工具,然后再辅助线的帮助下,创建一个矩形的形状图层arrow,添加锚点工具和直接选择工具。

Photoshop设计简洁大方的网页界面,破洛洛

为他添加阴影。复制这个图层得到arrow副本,这里你可以隐藏图层arrow,设置颜色为#000,不透明度为5%。ctrl+t然后右键选择变形径,稍作调整,得到以下图形。

Photoshop设计简洁大方的网页界面,破洛洛

分享:5天学会一种 web 开发框架
web framework层出不穷,特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单,一条一条的学习,事半功倍,很快就能掌握 一

来源:模板无忧//所属分类:网页设计教程/更新时间:2013-04-16
相关网页设计教程