怎么用ps制作网站首页效果图(ps制作网站banner)

本文主要介绍如何用ps制作网站首页效果图(ps制作网站)，下面跟着东辰网详细了解一下吧。

作者:Amitk来源:网书翻译本文虽然是做个人网站，但重点是做一个更神秘的3D效果图标。国外的网站模板大多更注重网站整体的头部，所以他们的设计更多的花在网站的上半部分。

新建一个文件，大小为760x770px，设置前景色为#292929，背景色为#515151(此处设置的颜色为渐变)，选择矩形工具选框工具绘制如下区域。

使用渐变工具从选取框底部向上拉一条渐变线。

按ctrl+d取消选中该框，然后使用矩形框选择工具再次绘制以下区域。

用渐变工具填充这个区域，完成后按ctrl+d取消选中这个框。

你可能会发现两个渐变矩形前面有一条白线。我们将画一条蓝线来代替它，使用线条工具，选择颜色#009aff，在页面上画一条线来覆盖前面的白线。

导入一些图标图标

现在我们将使用PS为这些图标制作3D效果。

编辑转换路径透视图，并制作如图所示的图标。

然后给图标添加图层样式。

完成后的效果如下。

现在图标有了3D效果，但是不够立体。在这里，我们将多次复制图标，并在每次复制后将图标向上移动几个像素，这样叠加后会变得更加立体。

选择图标的所有图层，然后复制这些图层。我们这样做是为了制造一个反射效果。

选择复制的图标层，按ctrl+:Amitk来源:网书翻译本文虽然是做个人网站，但重点是做一个更神秘的3D效果图标。国外的网站模板大多更注重网站整体的头部，所以他们的设计更多的花在网站的上半部分。

新建一个文件，大小为760x770px，设置前景色为#292929，背景色为。颜色是#515151(这里设置的颜色是渐变)。选择矩形工具选框工具绘制以下区域。

使用渐变工具从选取框底部向上拉一条渐变线。

按ctrl+d取消选中该框，然后使用矩形框选择工具再次绘制以下区域。

用渐变工具填充这个区域，完成后按ctrl+d取消选中这个框。

你可能会发现两个渐变矩形前面有一条白线。我们将画一条蓝线来代替它，使用线条工具，选择颜色#009aff，在页面上画一条线来覆盖前面的白线。

导入一些图标图标

现在我们将使用PS为这些图标制作3D效果。

编辑转换路径透视图，并制作如图所示的图标。

然后给图标添加图层样式。

完成后的效果如下。

现在图标有了3D效果，但是不够立体。在这里，我们将多次复制图标，并在每次复制后将图标向上移动几个像素，这样叠加后会变得更加立体。

选择图标的所有图层，然后复制这些图层。我们这样做是为了制造一个反射效果。

选择复制的图标层，按ctrl+e将它们合并成一层。

将复制的图标向下移动几个像素(注意复制的图标层应该在原始层的下)

将不透明度设置为30%

效果如下

用同样的方法制作其他图标，然后如图排列成半圆形。

下载白云刷

将刷子安装到PS中。然后选择笔刷绘制下图。

选择绘制的白云，并选择积极叠加作为模式。

复制白云层，编辑变换，垂直翻转，向下移动到下图所示的位置。

用橡皮擦掉复制的白云边缘，不透明度设置为70%。

然后加上网站的正文和LOGO。

了解更多如何用ps制作网站首页效果图(ps制作网站横)相关内容请关注东辰网。