PS设计整洁漂亮的网页页面布局和背景[整理].pdfVIP

photoshop鼠 绘 教 程 PS 设计整洁漂亮的网页页面布局和背景 今天，我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山，咱直接切入正题吧，菇凉帅哥们有兴趣 1 photoshop鼠 绘 教 程 的话，可以打开 Ps 跟着做哟。 开始设置的文件 打开一个新的文档：外形尺寸 1200×1640 像素，分辨率为 72 像素 /英寸。 我们要创建基本的背景层。简单的在草稿上勾画出大概的布局与结构，可以看出页面最终的雏形，不过在设计过程中， 我们可能会添加新的元素。 2 photoshop鼠 绘 教 程 草稿上可以看出，我们将创建 5 个分栏，在这里我们将添加的内容。 添加的第一层，这将是我们的背景，颜色＃ ededed。 在页面顶部绘制一个矩形命名为 top1 （使用矩形栅格化的图层 （颜色＃ededed），并添加杂色 （滤镜 杂色 添加杂色 0.5 – 0.8;高斯分布和单色） 。再次绘制矩形， 颜色＃ cddcec），栅格化的形状和添加杂色 （滤镜 杂色 添加杂色 0.5 – 0.8; 高斯分布和单色） 。添加一个渐变叠加（柔光， 54 ％，从黑到白的 90 ％，角度和缩放 75 ％）。 接下来添加矩形（ U），在中间新建一个矩形（颜色为＃ 608bb6 ，高度 400 像素左右），设置混合模式为颜色加深，并填 充为 75％，然后添加一个白色的描边 1 像素（图层样式） 。 最后的底部页脚添加一个矩形形状，使用相同的工具和色彩，但现在设置混合线性光，不透明度为 70％。 下面的最终结果。 3 photoshop鼠 绘 教 程 步骤 2 – 背景 给我们的背景添加纹理。添加一个新层（ CTR + SHIFT + N ），使用选框工具在画布顶部添加一个 1 像素的白线。（仔细 看下图顶部有条白线） 4 photoshop鼠 绘 教 程 现在打开一个新的文档 12× 1 像素，背景层解锁并隐藏它。放大到 3200％（最大），添加一个新图层，使用矩形选框工 具添加两个 1×1 像素的正方形，填充颜色为＃ FFF 和其他＃ 000 ，如下图所示。然后选择菜单 编辑 定义图案。 我们制作了一个新的图案效果即将使用（这也是一个制作样式图案方法哦）回到我们的主要文件。创建一个新的图层， 用矩形选框工具绘制一个整个画布那么大的选区，填充前景色，设置填充为 [b]0 ％ [/b] ，然后添加图层样式里的图案叠 加。 现在是时候绘制云了！您可以拉出 5 条辅助线（如图，方法 ,菜单 视图 新建参考线分别输入位置 84px – 186px – 600px 的- 1014px – 1118px），以划分工作区，然后使用椭圆工具添加一些形状（如图） ，然后把这几个形状图层都选 中并编组。 5 photoshop鼠 绘 教 程 复制这个组并将复制出来的组转化为智能对象