Photoshop设计简洁大方的网页界面.docxVIP

Photoshop设计简洁大方的网页界面 可以看出，我们将创建5个分栏，在这里我们将添加的内容。添加 的第一层，这将是我们的背景，颜色#e dededo在页面顶部绘制一 个矩形命名为top 1（使用矩形栅格化的图层（颜色#ededed）,并添加 杂色（滤镜〉杂色〉添加杂色0.8;高斯分布和单色）。再次绘制矩形，颜 色址€|€1 cec）,栅格化的形状和添加杂色（滤镜〉杂色〉添加杂色0.5 ;高 斯分布和单色）。添加一个渐变叠加（柔光，54 %,从黑到白的90%, 角度和缩放75%）o接下来添加矩形（U）,在中间新建一个矩形（颜色 为#6 08bb6,高度400像素左右），设置混合模式为颜色加深，并填 充为75%,然后添加一个白色的描边1像素（图层样式）。最后的底部 页脚添加一个矩形形状，使用相同的工具和色彩，但现在设置混合 线性光，不透明度为70%o下面的最终结果。步骤2我们的背景添 加纹理。添加一个新层（CTR +SHIFT + N）,使用选框工具在画布顶部 添加一个1像素的口线。（仔细看下图顶部有条口线）现times;l像素, 背景层解锁并隐藏它。放大到3 200%（最大），添加一个新图层，使 用矩形选框工;2像素的正方形，填充颜色为#FFF和其他#00 0,如下 图所示。然后选择菜单〉编辑〉定义图案。我们制作了一个新的图案 效果即将使用（这也是一个制作样式图案方法哦）回到我们的主要文 件。创建一个新的图层，用矩形选框工具绘制一个整个画布那么大 的选区，填充前景色，设置填充为0%,然后添加图层样式里的图案 叠加。现在是时候绘制云了！您可以拉出5条辅助线;视图〉新建参考 线ndash; 186px px的?1014px px）,以划分丁作区，然后使用椭圆工 具添加一些形状（如图），然后把这儿个形状图层都选中并编组。复制 这个组并将复制出来的组转化为智能对象（点组然后右键即可看到）, 添加杂色。现在，你必须使用一个图层蒙版隐藏超出部分的云（认真 看下面的方法）：Ctrl +单击图层t opl那个图层缩览图（在图层面板 中），出现选区，然后单击选择已经添加杂色那个云的图层，关键的 一步，单击添加矢量蒙版。[img] HYPERLINK /Users/Admin istrator/App Data/Roaming /Tencent/Use rs/335485107 /QQ/WinTemp/RichOle/%7D5 E@RN[%7BWBM5 l__lMAl$^9J5.jpg[/img] [i mg] HYPERLINK /Users/Admini /Users/Admini strator/AppD ata/Roaming/ Tencent/User s/335485107/ QQ/WinTemp/R ichOle/%7D5E @RN[%7BWBM5L _lMAl$~9J5.j pg[/img] [im g]http://www ./U sers/Adminis trator/AppDa ta/Roaming/T encent/Users /335485107/Q Q/WinTemp/Ri chOle/%7D5E@ RN[%7BWBM5L_lMAl$~9J5.jp g[/img] [img ] HYPERLINK /Us /Us ers/Administ rator/AppDat a/Roaming/Te ncent/Users/335485107/QQ /WinTemp/Ric hOle/%7D5E@R N[%7BWBM5L_1 MAl$~9J5.jpg [/img] [img] HYPERLINK /Use /Use rs/Administr ator/AppData /Roaming/Te n cent/Users/3QQ/ WinTemp/Rich Ole/%7D5E@RN [%7BWBM5L_1M Al$~9J5.jpg[/img]然后应用下面的 样式。内阴影：混合模式选择叠加，白色，透明度5 deg;,距离5 大小0o出现云的白色投影。现在，我们画个漂亮的云彩阴影。复 制云那图层，先清除图层样式，调整位置向右侧下移低于原来的层, 设置填充为0%,再添加下面的样式。渐变叠加，线性，混eg;。如 果成功出现了，那么使用相同的方式来绘dash;顶部配饰绘制添加 logoo使用钢笔工具（颜色#79a7db ）,勾画出下面的图形，使用直线 工具绘制两个口色线段。然后添加图层样式。投影，混合模式为正 片叠底，透明度46%,取消全局eg;,距离7px大小0。描边，白色 大小3px,位置内部，透明度55%,混合模式正常。确定 然后为两 条白线也应用相同的阴影。添加文字（找个类似的字体吧）图中使用 Ba llp