网页模板

最终效果： 首先，新建一个800× 800px的画布，用渐变工具拉出垂直渐变，颜色系数在图内给出。 画布将成为这样(水印效果为小Y翻译时加上，作者原图无)： 新建图层，用圆角矩形工具在中间拉出一个矩形，填充任意颜色，在图层面板里将填充设为0%。 选择中间矩形所在图层，图层

作者:苏打苏塔 出处:设计量贩铺 今天我将教给大家简洁风格的网页效果图在photoshop中是如何绘制的。我想这个网站可能更适合一些产品介绍网站/blog，慈善网站，绿色的自然保护网站等等。在这篇教程中，我们会用到一

最终效果： 首先，新建一个800× 800px的画布，用渐变工具拉出垂直渐变，颜色系数在图内给出。 画布将成为这样(水印效果为小Y翻译时加上，作者原图无)： 新建图层，用圆角矩形工具在中间拉出一个矩形，填充任意颜色

同样在右侧添加迷你导航， 添加导航, 在导航右侧画一个渐变圆角矩形，添加图层样式渐变叠加、描边，系数如下： ,在矩形内添加必要说明， 运用 圆角矩形工具 在导航下方拉一个圆角矩形，宽高如图： 拖入素材，对素材

添加上文字和图片， 将以上三个图层放如一个组中，复制组，放置在下方。 用矩形工具在下方做出若干个矩形图形，交替的添加渐变样式(垂直)，渐变系数分别给出。 添加上文字和标题，所用字体(标题的外发光样式)同上。

在这篇网页设计教程里，你将学习制作可以用于整站的一个既优雅又专业的网页，我们将用到Photoshop软件里的一些基本的工具，比如：笔刷和图层等。而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素材，你可

然后你需要下载 纹理图片，并把它放在特色区域图层的上方; 第七步：去掉那些不需要的背景纹理第六步中的图放到PS中后，我们发现尺寸要大于特色区域图层，所以我们需要遮盖住不需要的区域，按住Ctrl键并单击特色背景