用ps设计一个个人网站模板(6)

先看效果图。 建新文档,尺寸自定,白色背景。建立新层,画一通栏选区,填充#400529。 应用图层样式。 得到下图效果。 下载一个纹理,图层模式改为柔光。 纹理效果太强了,加蒙版去掉一部分,适当降低不透明度。 建

ps黑色风格网页模板

在这篇网页设计教程里,你将学习制作可以用于整站的一个既优雅又专业的网页,我们将用到Photoshop软件里的一些基本的工具,比如:笔刷和图层等。

先看效果图。

用ps设计一个个人网站模板(6)插图

建新文档,尺寸自定,白色背景。建立新层,画一通栏选区,填充#400529。

用ps设计一个个人网站模板(6)插图(1)

应用图层样式。

用ps设计一个个人网站模板(6)插图(2)

得到下图效果。

用ps设计一个个人网站模板(6)插图(3)

下载一个纹理,图层模式改为柔光。

用ps设计一个个人网站模板(6)插图(4)

纹理效果太强了,加蒙版去掉一部分,适当降低不透明度。

用ps设计一个个人网站模板(6)插图(5)

建新层,画一矩形选区,填充白色。

用ps设计一个个人网站模板(6)插图(6)

复制一层,反相,右侧挪动1像素,合并2层。滤镜>模糊>动感模糊。

用ps设计一个个人网站模板(6)插图(7)

图层模式改为柔光,不透明度改为77%,复制几个,排列如下。

用ps设计一个个人网站模板(6)插图(8)

输入文字,复制排列一下。

用ps设计一个个人网站模板(6)插图(9)

建新层,画一矩形选区,打开一幅图片,复制粘贴入矩形选区,如果不满意,可以ctrl+T调整。

用ps设计一个个人网站模板(6)插图(10)

建立新层,画一矩形选区,填充灰色。

用ps设计一个个人网站模板(6)插图(11)

建立新层,画一矩形选区,填充浅灰色。

用ps设计一个个人网站模板(6)插图(12)

最后加入一些文字和图片。

用ps设计一个个人网站模板(6)插图(13)

先看效果图。

用ps设计一个个人网站模板(6)插图

建新文档,尺寸自定,白色背景。建立新层,画一通栏选区,填充#400529。

用ps设计一个个人网站模板(6)插图(1)

应用图层样式。

用ps设计一个个人网站模板(6)插图(2)

得到下图效果。

用ps设计一个个人网站模板(6)插图(3)

下载一个纹理,图层模式改为柔光。

用ps设计一个个人网站模板(6)插图(4)

纹理效果太强了,加蒙版去掉一部分,适当降低不透明度。

用ps设计一个个人网站模板(6)插图(5)

建新层,画一矩形选区,填充白色。

用ps设计一个个人网站模板(6)插图(6)

复制一层,反相,右侧挪动1像素,合并2层。滤镜>模糊>动感模糊。

用ps设计一个个人网站模板(6)插图(7)

图层模式改为柔光,不透明度改为77%,复制几个,排列如下。

用ps设计一个个人网站模板(6)插图(8)

输入文字,复制排列一下。

用ps设计一个个人网站模板(6)插图(9)

建新层,画一矩形选区,打开一幅图片,复制粘贴入矩形选区,如果不满意,可以ctrl+T调整。

用ps设计一个个人网站模板(6)插图(10)

建立新层,画一矩形选区,填充灰色。

用ps设计一个个人网站模板(6)插图(11)

建立新层,画一矩形选区,填充浅灰色。

用ps设计一个个人网站模板(6)插图(12)

最后加入一些文字和图片。

用ps设计一个个人网站模板(6)插图(13)

先看效果图。

用ps设计一个个人网站模板(6)插图

建新文档,尺寸自定,白色背景。建立新层,画一通栏选区,填充#400529。

用ps设计一个个人网站模板(6)插图(1)

应用图层样式。

用ps设计一个个人网站模板(6)插图(2)

得到下图效果。

用ps设计一个个人网站模板(6)插图(3)

下载一个纹理,图层模式改为柔光。

用ps设计一个个人网站模板(6)插图(4)

纹理效果太强了,加蒙版去掉一部分,适当降低不透明度。

用ps设计一个个人网站模板(6)插图(5)

建新层,画一矩形选区,填充白色。

用ps设计一个个人网站模板(6)插图(6)

复制一层,反相,右侧挪动1像素,合并2层。滤镜>模糊>动感模糊。

用ps设计一个个人网站模板(6)插图(7)

图层模式改为柔光,不透明度改为77%,复制几个,排列如下。

用ps设计一个个人网站模板(6)插图(8)

输入文字,复制排列一下。

用ps设计一个个人网站模板(6)插图(9)

建新层,画一矩形选区,打开一幅图片,复制粘贴入矩形选区,如果不满意,可以ctrl+T调整。

用ps设计一个个人网站模板(6)插图(10)

建立新层,画一矩形选区,填充灰色。

用ps设计一个个人网站模板(6)插图(11)

建立新层,画一矩形选区,填充浅灰色。

用ps设计一个个人网站模板(6)插图(12)

最后加入一些文字和图片。

用ps设计一个个人网站模板(6)插图(13)

作者: 791650988

为您推荐