用ps制作一个网页模板

先发效果图。 建立新文档,尺寸自定,填充#f06502。 建新层,用矩形画一选区,填充#fb9c03,并往右挪动一定距离。 复制图层,排列如下。 副标题 滤镜渲染光照效果。设置默认即可。 建立新层,画2个矩形,填充白色。 调出选区,扩展1像素,在底部建新层,填充黑色。 下

教您怎样Photoshop制作一个漂亮的网页(3)

第八步 现在我们创建一个新图层,加上一个图标。我本来没有打算做它,因此我决定只是放一些文字做我的图标。因为这个教程一半在PSDTUTS,另一半在NETTUTS,我就写psd vs net几个简单字而已。 这里我用的字体是Egypt

先发效果图。

用ps制作一个网页模板插图

建立新文档,尺寸自定,填充#f06502。

建新层,用矩形画一选区,填充#fb9c03,并往右挪动一定距离。

用ps制作一个网页模板插图(1)

复制图层,排列如下。

用ps制作一个网页模板插图(2)

滤镜>渲染>光照效果。设置默认即可。

用ps制作一个网页模板插图(3)

建立新层,画2个矩形,填充白色。

用ps制作一个网页模板插图(4)

调出选区,扩展1像素,在底部建新层,填充黑色。

用ps制作一个网页模板插图(5)

下面修饰一下模板,建新层,画一些正圆,填充#7d3300,添加图层样式。

用ps制作一个网页模板插图(6)

用ps制作一个网页模板插图(7)

我们得到下图效果。

用ps制作一个网页模板插图(8)

建新层,再画一些正圆,填充#e99206。给予同样的图层样式,得到下图效果。

用ps制作一个网页模板插图(9)

添加其它文字,最终效果如下。

用ps制作一个网页模板插图(10)

先发效果图。

用ps制作一个网页模板插图

建立新文档,尺寸自定,填充#f06502。

建新层,用矩形画一选区,填充#fb9c03,并往右挪动一定距离。

用ps制作一个网页模板插图(1)

复制图层,排列如下。

用ps制作一个网页模板插图(2)

滤镜>渲染>光照效果。设置默认即可。

用ps制作一个网页模板插图(3)

建立新层,画2个矩形,填充白色。

用ps制作一个网页模板插图(4)

调出选区,扩展1像素,在底部建新层,填充黑色。

用ps制作一个网页模板插图(5)

下面修饰一下模板,建新层,画一些正圆,填充#7d3300,添加图层样式。

用ps制作一个网页模板插图(6)

用ps制作一个网页模板插图(7)

我们得到下图效果。

用ps制作一个网页模板插图(8)

建新层,再画一些正圆,填充#e99206。给予同样的图层样式,得到下图效果。

用ps制作一个网页模板插图(9)

添加其它文字,最终效果如下。

用ps制作一个网页模板插图(10)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部