设计网页ps画布怎么设置(ps网页设计怎么做)

本文主要介绍如何设置设计网页的ps画布(如何设计ps)，下面跟着东辰网详细了解一下吧。

下面是创建过程中需要的图片:蓝色矩形带绿色叶子像素化开始步:创建一个新文档。

1200px*750px，选择渐变工具)，为背景图层创建从顶部(#79270)到底部(#00000)的渐变，如下图所示:

第二步:添加颜色创建一个新的层。选择笔刷工具)，选择直径为300px的软笔刷，在背景图层的上半部分涂上三种颜色，分别是红色(#be481)、黄色(#c0952)、蓝色(#33af)。该层被命名为颜色和颜色。如下图所示:

步骤3:添加纹理打开绿叶图片保存在开始，使用移动工具移动到当前文件，右键单击新层，选择转换为智能对象，然后进入菜单:过滤艺术电影粒子，过滤像素化马赛克，参考下面显示的设置，最后设置混合模式这一层到差异与，透明度为30%，图层命名为。如下图所示:

第四步:在内容中添加一个背景为黑色的新图层，选择圆角矩形工具)，设置半径为3px，创建一个黑色圆角矩形框，双击图层弹出图层样式对话框，如下图设置阴影，最后设置此图层透明度为70%，命名为黑色的形状和颜色，如下图所示:

步骤5:添加组管理层。按住ctrl键，选择到目前为止创建的所有层，并将其分组为层(ctrl)。该组命名为:background，如下图所示。

步骤6:创建更多的新组(图层新建图层)。这个团体被命名为主页和，另一组名为标志在主页和，如图所示。第七步:创建logo和网站副标题。在图层组中创建新层标志，选择字体工具并用颜色#f4f4f4写下你的网站名称。双击图层，设置图层样式如下图，比如斜面和浮雕，外部亮度和亮度和渐变叠加和。然后新建一层编辑网站的副标题，颜色为#eeeeee。步骤8:创建注册和登录按钮步骤9:创建一个新的1像素高的蓝色水平线组，命名为导航，新建一个图层，选择单线框选区工具在文档中创建新选区，高度为1px，填充颜色#406f94，使用矩形框选区工具删除黑色矩形以外的选区，透明度设置为40%，将图层命名为。

第十步:在导航中添加渐变创建新图层，选择矩形选框工具创建选区(提示:可以使用)，然后使用渐变工具从#35423e开始绘制渐变，从底部到头部透明。按CtrlD取消选择，转到滤镜噪波添加噪波，按照下图操作。行设置。命名这个层梯度和并且在梯度和水平线之间留下1px的距离。

步骤11:编辑导航菜单选择字体工具)，编辑导航栏上的菜单。这里，我应用的字体是Adobe宋芳，然后双击字体层，设置图层样式如下所示。第十二步:创建分割线现在我们在菜单栏中创建分割线，新建一层，选择单列框选择工具，点击菜单的布局，选择矩形框选择工具)，在选项栏上选择十字选择。用白色填充新的选区，最后按ctrl+d取消选中该框。最终结果如下:步骤13:双击上一步创建的新图层，命名为垂直线1，并设置下面的图层样式。第14步:按ctrlj复制层垂直线1并将其重命名为垂直线2。选择移动工具)，单击键盘上的箭头键，向右移动1px，更改渐变叠加的设置。如下图:你的图会是这样的:按住ctrl，选择竖线1和竖线2，转换成智能对象。新图层将被命名为分隔线。步骤15:创建一个蓝色高光1。创建一个新层，并把它放在分隔线。选择矩形选框工具创建一个选区，如下图所示。2.用颜色#35423e填充选区。按ctrl+d取消选中该框。右键单击并选择转换为智能对象从下拉菜单中。3.进入菜单滤镜模糊高斯模糊，设置半径为4px4。再次过滤杂波。属性是开始个选项，如步骤10设置5，设置图层透明度为60%，最后将图片命名为亮点:步骤16:创建图层蒙版选中图层分隔线对于层分隔线，进入菜单图层图层蒙版显示一切，选择渐变工具)，新建一个从黑色到透明的渐变，方向从上到下中间。步骤17:复制层分隔线和亮点。选择两层分隔线和亮点同时使用移动工具)，按住altshift，将两层中的对象拖动到另一个菜单，相当于复制分隔线和亮点和重复拖动动作，这取决于菜单的数量。步骤19:为当前页面创建一个激活按钮现在我们将为当前菜单页面创建一个激活按钮，以区别于其他菜单按钮。选择矩形工具创建一个新的矩形如下所示，并把这一层下的菜单层。双击图层设置渐变叠加。该层被命名为激活按钮透明度设置为50%。渲染:步骤20:创建一个搜索框，创建一个新的组，命名为搜索和搜索把它放在导航团体。选择圆角矩形工具)，设置半径为3px，设置前景色为#104f59，创建一个圆角矩形，命名新层文本区域80%的透明度。选择矩形工具，在文本区域的右边创建一个矩形，并设置图层样式渐变叠加和如下所示，然后右键单击该层，并选择创建快速面具从下拉菜单，并命名层按钮。选择字体工具)，使用白色，写单词搜索和搜索在按钮。该层的透明度为75%。选择线工具)，使用颜色#123036创建一条直线，层命名为直线和直线，并把它放在按钮层，并移动搜索框和按钮之间的直线。最终渲染:步骤21:新建一个蓝色矩形。在群组导航下创建一个新群组(图层新群)。这个组织被命名为凯斯，然后新组被放入凯斯并命名为背景和。选择矩形工具)，设置颜色为#219aad，创建一个宽度为983px，高度为273px的蓝色矩形。(.设置这一层的透明度为55%，并命名为bg4。3.打开第二张图片像素化蓝色矩形要在photoshop中保存在上一篇文章的开头，请将图片移动到此文档中，并覆盖蓝色矩形。同样设置透明度为55%,命名为bg3。4.按住ctrl键并单击矢量蒙版的缩略图bg4来选择这个遮罩。把它放在上面bg3命名为bg2，选择渐变工具)，从选区底部到选区顶部画一个颜色渐变，然后按ctrld取消选区6。创建一个新层，把它放在层bg2命名为bg1，并选择矩形选框工具)，如下所示。身高43px7。选择渐变工具)，从颜色#0f2b42到颜色#2a607f绘制渐变，方向从选区底部到选区头部，然后按ctrld取消选区。步骤22:创建一个新的组注册按钮by注册和了解更多，放在团体之上背景和，选择圆角矩形工具)，并设置半径。并如下图设置图层样式(注意:shap2图层透明度为100)。2.重复步骤1，创建一个了解更多按钮，添加一个层，添加一个箭头，选择自定义形状工具中的第二个箭头形状，并创建一个箭头如下所示。步骤23:1。创建一个新组，命名为向左箭头，并将其放入group了解更多自定义工具中的箭头形状，创建一个白色箭头，并设置图层样式影子透明度为50%。3.重复步骤2，在右边创建同样的箭头。第24步:1。在群中创建新群凯斯，命名它图片，放一个小图片在组里，双击图层，设置图层样式照明和照明如下图。

2.新建一个组，选择字体工具)，在蓝色矩形的左边添加文字描述(这个得自己)。这个组织被命名为文本。步骤25:创建一个内容区域1。创建一个新的组，把它放在组下凯斯命名为内容。创建一个新的影子在这个组中，选择矩形工具并创建一个白色矩形(983*18)。该层被命名为白色形状透明度为90%。2.像步骤21中的第4点一样，用白色形状，然后创建一个名为头部阴影和，选择渐变工具)，用#8f8f8f的颜色画一个渐变到透明，方向从选区的头部到选区的底部，设置图层的透明度为50%，然后选择移动工具)，按两次键盘上的向下箭头键。3.创建一个新层，选择矩形选框工具创建一个新的选区(273*1)，如下所示。选择渐变工具绘制颜色#8f8f8f渐变为透明，然后取消选择，如下图。4.添加图层蒙版(图层蒙版显示)，用更大的黑色软笔刷(我用的是27p)在阴影的中间部分涂上。设置图层的透明度为30%，命名为垂直阴影1。复制(ctrl)层垂直阴影1，将其向右移动，并重命名为垂直阴影2。5.选择线条工具)，创建一个新的水平线，粗细为1px，颜色为#aebcc7，将图层转换为智能对象(右键单击图层，选择转换为智能对象在下拉菜单)并命名层水平线。6.选择字体工具编辑网站内容。

也可以用图片或者其他东西来代替步骤26:在网站底部创建内容。

1.创建一个新的群底部和底部并创建一个新层。选择矩形选框工具并创建一个新的选区(982*8)。2.设置前景色为#555555，选择一个大的软笔刷(我选择了100)，沿着选区的头部边缘绘制，取消选区，设置图层透明度为50%，命名为梯度和。决赛梯度和会是这个样子:3。创建一个新层，选择单线选框工具，创建一个新的选择，并填充白色。按ctrl+d取消选择。进入菜单图层图层蒙版显示全部，选择一个较大的黑色软笔刷覆盖图层如下图，供参考。设置图层透明度为15%，命名为直线和直线。4.在底部添加标题。这个大制作终于完成了，里面的字体设置还是需要你看的。请容忍我！最终效果图:

了解更多如何设置设计网页的ps画布(如何设计ps网)相关内容请关注东辰网。