ps怎么做网页效果图(如何用ps做网页设计的效果图)

本文主要介绍ps如何做一个网页效果图(如何用ps做一个网页设计效)，下面跟着东辰网详细了解一下吧。

最终效果图:

具体创建步骤如下:

首先，创建一个新文档，宽640像素，高480像素，背景为白色。接下来，创建一个新层，填充#e2e2e2，重命名为bg，右键单击bg图层面板中的图层，并选择转换为智能对象。然后应用命令过滤器噪音添加噪音到这一层。参数设置如下图所示:

2.创建一个新层，命名为盒子。选择矩形工具)，画一个宽500像素，高120像素的矩形。颜色是白色(#fffff)。然后应用下面的图层样式，描边颜色选择为#f2f2f2。

最终效果如下:

3.创建一个新层，命名为阴影右。选择矩形工具画一个宽200像素，高50像素的矩形。颜色为黑色(#00000)。选择盒子层和阴影右图层面板中的图层，然后选择移动工具，并使用对齐底部边缘和对齐右边缘按钮，将阴影图层放置在内容框图层的右下角。如下图所示:

然后选择矢量蒙版缩略图的阴影右图层面板中的图层，如下所示:

选择直接选择工具，点击右下角的阴影右层。此时，将显示该层的锚点。点击右下角的锚点，使用键盘上的箭头键将其向下移动7个像素。然后框选右上角和右下角的锚点，同样使用箭头键将矩形的右边缘向左移动3个像素。现在选择移动工具并拖动阴影右与右层下面的盒子层。效果如下:

4.右键单击阴影右图层在图层面板中，选择转换为智能对象命令将图层转换为智能对象，然后选择过滤模糊高斯模糊在菜单栏上。这些参数如下:

然后给这个图层添加一个蒙版，如下图所示:

然后选择渐变工具)，按住shift键，应用从黑色(#00000)到透明的水平渐变到阴影右图层，然后将图层的不透明度调整为30%。这样就完成了内容框右侧阴影的设计，最终效果如下。：

同理，你可以按照上面的方法制作左边的阴影效果。

了解更多ps如何做一个网页效果图(如何用ps做一个网页设计效果)相关内容请关注东辰网。