ps网页布局设计(用ps做网页效果图教程)

本文主要介绍ps网页布局设计(用ps做网页渲染)，下面跟着东辰网详细了解一下吧。

作者:是匿名的。:ximumu大家好。似乎我还没有t翻了教程。我对不起，因为我换了工作，所以我不知道。;我没有像以前那样多的空闲时间来翻译。我们今天要分享的教程是一个相对不同的网页布局——3D网页布局。It为这样的网页制作个人主页是一个不错的选择，但是如果它s用作商业页面，你得有勇气，Gaga。。。

让让我们先来见证一下:

效果不错吧？

渐变效果如下:

2。选择文本工具和并键入您的网站的名称和宣传词。效果如下:

接下来，给这些单词添加一些图层样式:

最终效果如下:

3。接下来，我们向网页添加一个搜索框，选择圆角矩形工具及并将其圆角大小设置为:15px。在页面的右上角画一个圆角矩形。

接下来，添加一个图层样式设置到这个矩形，如下所示:

最终效果如下:

再次选择圆角矩形工具，设置圆角大小为5px。画一个较小的矩形，按ctrl+enter将路径变成选区，然后用白色填充选区。

使用矩形选择工具，剪切掉这个小圆角矩形的后半部分，按ctrlx，再按ctrlv复制到一个新图层，然后暂时隐藏起来备用。

接下来，添加一个图层样式到这个矩形的前半部分，设置如下:

效果如下:

让打开刚才隐藏的另一半，用图层样式把它做成一个按钮。

创建一个新层。我们给这个按钮添加两条1px线，一条填充白色，另一条填充黑色。并设置这一层的混合选项:柔光的最终效果如下:

4。接下来，让我们让我们建立一个三维导航。新建一个图层，从搜索框里画两条宽1px长950px大约100px的线，一条填充黑色，一条填充白色。和混合模式:叠加。

创建一个新层，选择矩形选择工具画一个像线一样宽的矩形，填充白色。按下键盘上的ctrl+T，右键单击菜单并选择PerspectivREN.84310039给开始个图标添加外部发光效果(在图层样式中添)。

按ctrlJ复制图标，然后按ctrlT，并找到垂直翻转在右键菜单中。然后选择:滤镜模糊高斯模糊给这些图标添加一些模糊效果。

单击面具图标，给这些图标添加一个遮罩，然后选择渐变工具从amp渐变颜色黑白。然后使用渐变工具从上到下拖动。最终效果如下:

最后，我补充一个小费和小费图标移动到开始个图标，效果如下:

6。接下来，让我们让我们完成这一页的主要部分。使用矩形选择工具绘制主体的一部分。需要注意的一点是，矩形应该和导航一样大。

给这个矩形添加一个图层样式，设置如下:

把你想要的加到正文里。这里我把主体分成三部分来添加，最终效果如下:

7。嘎嘎。。。最后，它差不多完成了。最后，让让我们给页面添加一个页脚。在主体下面加两条1px的直线，一条填充黑色，一条填充白色。和混合模式:叠加。(你还记得吗，上面我们也做过同样的步)。最后加网站的信息，这样一个比较特殊的页面布局就完成了。

L:是匿名的。:ximumu大家好。似乎我还没有t翻了教程。我对不起，因为我换了工作，所以我不知道。;我没有像以前那样多的空闲时间来翻译。我们今天要分享的教程是一个相对不同的网页布局——3D网页布局。It为这样的网页制作个人主页是一个不错的选择，但是如果它s用作商业页面，你得有勇气，Gaga。。。

让让我们先来见证一下:

效果不错吧？

渐变效果如下:

2。选择文本工具和并键入您的网站的名称和宣传词。效果如下:

接下来，给这些单词添加一些图层样式:

最终效果如下:

3。接下来，我们向网页添加一个搜索框，选择圆角矩形工具及并将其圆角大小设置为:15px。在页面的右上角画一个圆角矩形。

接下来，添加一个图层样式设置到这个矩形，如下所示:

最终效果如下:

再次选择圆角矩形工具，设置圆角大小为5px。画一个较小的矩形，按ctrl+enter将路径变成选区，然后用白色填充选区。

使用矩形选择工具，剪切掉这个小圆角矩形的后半部分，按ctrlx，再按ctrlv复制到一个新图层，然后暂时隐藏起来备用。

接下来，添加一个图层样式到这个矩形的前半部分，设置如下:

效果如下:

让让我们把隐藏的帖子放在下面。半开，使用图层样式，使其成为一个按钮。

创建一个新层。我们给这个按钮添加两条1px线，一条填充白色，另一条填充黑色。并设置这一层的混合选项:柔光的最终效果如下:

4。接下来，让我们让我们建立一个三维导航。新建一个图层，从搜索框里画两条宽1px长950px大约100px的线，一条填充黑色，一条填充白色。和混合模式:叠加。

创建一个新层，选择矩形选择工具画一个像线一样宽的矩形，填充白色。按下键盘上的ctrl+T，右键单击菜单并选择PerspectivREN84310039为开始个图标添加了外部发光效果(以图层样式添)。

按ctrlJ复制图标，然后按ctrlT，并找到垂直翻转在右键菜单中。然后选择:滤镜模糊高斯模糊给这些图标添加一些模糊效果。

单击面具图标，给这些图标添加一个遮罩，然后选择渐变工具从amp渐变颜色黑白。然后使用渐变工具从上到下拖动。最终效果如下:

最后，我补充一个小费和小费图标移动到开始个图标，效果如下:

6。接下来，让我们让我们完成这一页的主要部分。使用矩形选择工具绘制主体的一部分。需要注意的一点是，矩形应该和导航一样大。

给这个矩形添加一个图层样式，设置如下:

把你想要的加到正文里。这里我把主体分成三部分来添加，最终效果如下:

7。嘎嘎。。。最后，它差不多完成了。最后，让让我们给页面添加一个页脚。在主体下面加两条1px的直线，一条填充黑色，一条填充白色。和混合模式:叠加。(你还记得吗，上面我们也做过同样的步)。最后加网站的信息，这样一个比较特殊的页面布局就完成了。

Let;让我们回想一下，这个教程的特色在哪里？

了解更多ps网页布局设计(用ps做网页渲染教)相关内容请关注东辰网。