如何用ps制作网站首页(ps制作网站banner)

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

首先，把需要做的事情整理到一个文件夹里。

打开photoshop创建一个新的空白面板。

选择矩形工具绘制一个980*auto的图形。

结果如下:

使用选择工具单击边节点。

你可以在菜单栏下面看到图片的宽度和高度。

点击背景

层，然后按shift键单击新层。

按下选择快捷键v，并且对齐选项将出现在菜单栏下方。选择居中对齐。

从标尺区域按住鼠标向右拖动会形成一条辅助线。拖动到矩形边缘，自动吸附。

我们可以看到以下结果:

在图层面板中创建一个新的标题文件夹，并将徽标放入其中。

在标题文件夹下创建一个菜单，并绘制一个矩形图。

给矩形添加渐变。(或者您可以通过双击层的空白区域来编辑效果)

打开面板:

笔画参数如下:

渐变效果如下:

设置内部灯光，参数如下:

菜单导航背景最终效果。

键入文本。文本选择工具快捷键t。

吸附左辅助线最左边的文字。(按住shift键并拖)

吸附右辅助线最右边的文字。(按住shift键并拖)

选择添加的导航文本层。(点击开始个，按住shift再点击最后一个)

单击水平中心进行对齐。

整体文本效果是对齐的。

创建一个新文件夹来存储导航栏上方空间的内容。

选择一个铅笔工具，手绘。

放大面板，画一个小手机。

看右上角的效果。

在菜单下创建一个新层。

用铅笔按住shift，画两条垂直线。一个深一个浅。

使用快捷键，ctrlj复制你刚刚画的层。

选择开始个绘制结果以及开始个和第二个菜单，并使用对齐工具对齐。

选择最后一支铅笔绘制的垂直线，同时选择要用对齐工具对齐的左右文本。

最初的效果。

选择所有用铅笔画的垂直线，用快捷键ctrle合并图层。

使用套索工具设置剩余羽化图像的数量。

选择上下边，用delete键删除，达到羽化效果。

最终完成后的导航。

在鼠标经过的地方画一个效果矩形，给矩形添加渐变和描边，内部发光。(根据自己的需)。

新建一个banner文件夹，画一个全屏的矩形，高度350px(视情况而)在里面。

使用矩形选择工具选择辅助工具。队列中横幅的实际大小。

使用“图层”面板中的遮罩来遮罩该文件夹。

在蒙版文件夹下新建一个椭圆形。

给形状一个滤镜模糊效果。

用于选择过滤器的参数如下:

按V快捷键控制实际辅助线内效果的大小和边缘。

看到最初的效果。

在实际的横幅区域添加文字效果，效果视需求而定。

用钢笔画任何图形作为辅助效果。

新建一个中心文件夹，中心文件夹中的元素也需要划分到文件夹中。

绘制一个不同于横幅的过渡矩形，并调整其颜色和效果。

添加如下栏目:(关于我)

你可以在列名上做效果，比如先画一个任意的图。

模糊图表。

这些参数如下:

初步结果。或者按ctrl键并单击地图将图层加载到选择中并创建新图层。

选择渐变工具。

调整渐变颜色。

调整参数如下:

使用渐变工具为载入的选区填充颜色。

如果对颜色感到不满意，可以通过色相饱和度来修改。

调整参数如下:

创建其它列，如:(服务中)

在文字前面画一个标记，也可以用对齐工具来排列。

合并的注释器可以修改颜色。用颜色叠加就好了。

同时绘制其他栏目，布局基本完成。

画版权区。

选择一条直线来划分上下模块。

因为面板很高，多余的部分可以用切割工具处理。

裁剪:首先选择整个画板，然后降低下面的高度。为黑域中的零件选择删除。

最后的效果！

首先，把需要做的事情整理到一个文件夹里。

打开photoshop创建一个新的空白面板。

选择矩形工具绘制一个980*auto的图形。

结果如下:

使用选择工具单击边节点。

你可以在菜单栏下面看到图片的宽度和高度。

点击背景

层，然后按shift键单击新层。

按下选择快捷键v，并且对齐选项将出现在菜单栏下方。选择居中对齐。

从标尺区域按住鼠标向右拖动会形成一条辅助线。拖动到矩形边缘，自动吸附。

我们可以看到以下结果:

在图层面板中创建一个新的标题文件夹，并将徽标放入其中。

在标题文件夹下创建一个菜单，并绘制一个矩形图。

给矩形添加渐变。(或者您可以通过双击层的空白区域来编辑效果)

打开面板:

笔画参数如下:

渐变效果如下:

设置内部灯光，参数如下:菜单导航背景最终效果。

键入文本。文本选择工具快捷键t。

吸附左辅助线最左边的文字。(按住shift键并拖)

吸附右辅助线最右边的文字。(按住shift键并拖)

选择添加的导航文本层。(点击开始个，按住shift再点击最后一个)

单击水平中心进行对齐。

整体文本效果是对齐的。

创建一个新文件夹来存储导航栏上方空间的内容。

选择一个铅笔工具，手绘。

放大面板，画一个小手机。

看右上角的效果。

在菜单下创建一个新层。

用铅笔按住shift，画两条垂直线。一个深一个浅。

使用快捷键，ctrlj复制你刚刚画的层。

选择开始个绘制结果以及开始个和第二个菜单，并使用对齐工具对齐。

选择最后一支铅笔绘制的垂直线，同时选择要用对齐工具对齐的左右文本。

最初的效果。

选择所有用铅笔画的垂直线，用快捷键ctrle合并图层。

使用套索工具设置剩余羽化图像的数量。

选择上下边，用delete键删除，达到羽化效果。

最终完成后的导航。

在鼠标经过的地方画一个效果矩形，给矩形添加渐变和描边，内部发光。(根据自己的需)。

新建一个banner文件夹，画一个全屏的矩形，高度350px(视情况而)在里面。

使用矩形选择工具选择辅助线内横幅的实际大小。

使用“图层”面板中的遮罩来遮罩该文件夹。

在蒙版文件夹下新建一个椭圆形。

给形状一个滤镜模糊效果。

用于选择过滤器的参数如下:

按V快捷键控制实际辅助线内效果的大小和边缘。

看到最初的效果。

在实际的横幅区域添加文字效果，效果视需求而定。

用钢笔画任何图形作为辅助效果。

新建一个中心文件夹，中心文件夹中的元素也需要划分到文件夹中。

绘制一个不同于横幅的过渡矩形，并调整其颜色和效果。

添加如下栏目:(关于我)

你可以在列名上做效果，比如先画一个任意的图。

模糊图表。

这些参数如下:

初步结果。或者按ctrl键并单击地图将图层加载到选择中并创建新图层。

选择渐变工具。

调整渐变颜色。

调整参数如下:

使用渐变工具为载入的选区填充颜色。

如果你认为颜色不满意，可以通过色相饱和度来修改。

调整参数如下:

创建其它列，如:(服务中)

在文字前面画一个标记，也可以用对齐工具来排列。

合并的注释器可以修改颜色。用颜色叠加就好了。

同时绘制其他栏目，布局基本完成。

画版权区。

选择一条直线来划分上下模块。

因为面板很高，多余的部分可以用切割工具处理。

裁剪:首先选择整个画板，然后降低下面的高度。为黑域中的零件选择删除。

最后的效果！

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