用ps制作网页设计(用ps制作网页)

本文主要介绍用ps制作网页设计(用ps制作)，下面跟着东辰网详细了解一下吧。

最终效果:首先新建一个800800px的画布，使用渐变工具拉出垂直渐变。图中给出了颜色系数。画布会是这样的(水印效果是小y，但作者原图不可):新建一个图层，用圆角矩形工具在中间拉出一个矩形，填充任意颜色，图层面板中填充设置为0%。选择中间矩形所在图层，图层样式逐渐叠加，#3399cc~#00cccc。这就是我们现在拥有的:选择自定义形状工具，并选择一个圆形。新建一个图层，画几个圆，用变形工具适当变形，最好放成一组，得到如下效果。选择一个中等大小的软笔刷，用#3399cc的颜色轻轻涂抹上矩形和圆形之间的交叉区域。在顶部新建一层，使用圆角矩形工具，得到一个略小的矩形。至于中间，用黑色填充。添加图层样式，发光，逐渐叠加(#003366~00669)。具体参数如下:得到如下效果图:选择另一个边缘稍宽的圆形，在左边位置画几个大小不一的圆，用变形工具变形，将上一步画的变形圆剪切粘贴到下一层的矩形上(具体操作是选择图层按ctrlaltG，作者使用的方法是在缩略图边缘选择另一个边缘稍宽的圆形，在左边位置画几个大小不一的圆，用变形工具变形，将上一步画的变形圆剪切粘贴到下一层的矩形上(具体操作是选中图层按ctrlaltG，而作者使用的方法是选择缩略图边缘，按住alt的同时点击左键，效果)，如下:在另一侧选择椭圆工具绘制三个椭圆，颜色为#003333，图层面板中填充设置为70%。选择星形笔刷新建一个图层，在椭圆周围画几个大小不同的星星，填充设置为20%。制作网站左上方的logo，由带渐变的星刷和域名组成。下面是渐变系数和字体系数。就像:一样，添加迷你导航和右侧导航。在导航右侧绘制一个渐变圆角矩形，添加图层样式渐变叠加和描边，系数如下:，在矩形中添加必要的说明，使用圆角矩形工具在导航下方绘制一个圆角矩形，宽度和高度如图所示:在素材中拖动，在素材图层上执行剪切蒙版，如下图所示:再次使用圆角矩形工具，在图片下方再拉出一个圆角矩形，使用锚点工具在矩形中添加必要的说明。使用圆角矩形工具在导航下方拖出一个圆角矩形，宽度和高度如图:在素材中拖动，在素材层上剪切蒙版，如下图所示:再次使用圆角矩形工具，在图片下方拖出一个圆角矩形，使用锚点工具在右侧拖出两个圆角。改成直角，图层样式逐渐叠加。在下一层拉出一个圆角矩形，也添加一个渐变叠加。得到如下效果:接下来使用软笔刷工具在上下两层添加亮角，颜色为#0099CC，加上文字和图片，在左上角注明标题(添加外部灯光样式，系数)，在右上角注明日期和另一个logo出现过的五角星(笔刷工)。在下面添加一个类似的图层，你会得到如下效果。继续在画布右侧画两个渐变(垂)交叉图层，渐变系数给定。得到如下效果:添加文字和图片，将上面三层放入一个组，复制该组，放在下面。使用矩形工具制作下面几个矩形图形，交替添加渐变样式，分别给出渐变系数。添加文字和标题，使用的字体(标题的外部灯光样)同上。添加文字和图片，把上面三层放入一组，复制组放在下面。使用矩形工具制作下面几个矩形图形，交替添加渐变样式，分别给出渐变系数。添加文字和标题，使用的字体(标题的外发光样)同上。矩形工具，拉一个大圆角矩形，包括页面下方的两个板块，添加渐变样式(垂)。添加一个蒙版，用黑色笔刷将蒙版两侧稍微变暗，得到如下效果。再次使用椭圆形状工具变形工具在页面底部拉出若干不规则椭圆形状，并添加颜色#0066cc。最终效果:首先新建一个800800px的画布，使用渐变工具拉出垂直渐变。图中给出了颜色系数。画布会是这样的(水印效果是小y，但作者原图不可):新建一个图层，用圆角矩形工具在中间拉出一个矩形，填充任意颜色，图层面板中填充设置为0%。选择中间矩形所在图层，图层样式逐渐叠加，#3399cc~#00cccc。这就是我们现在拥有的:选择自定义形状工具，并选择一个圆形。新建一个图层，画几个圆，用变形工具适当变形，最好放成一组，得到如下效果。选择一个中等大小的软笔刷，用#3399cc的颜色轻轻涂抹上矩形和圆形之间的交叉区域。在顶部新建一层，使用圆角矩形工具，得到一个略小的矩形。至于中间，用黑色填充。添加图层样式，发光，逐渐叠加(#003366~00669)。具体参数如下:得到如下效果图:选择另一个边缘稍宽的圆形，在左边位置画几个大小不同的圆，用变形工具变形，将上一步画的变形圆剪切粘贴到下一层的矩形上(具体操作是选择图层按ctrlaltG作者画几个大小不一的圆，用变形工具变形，从上一步画的变形圆中剪切粘贴下一层的矩形(具体操作是选中图层按ctrlaltG，作者用的方法是选中缩略图边界，按住alt点击左键，效果)，如下:另一边选择椭圆工具，用颜色#003333画三个椭圆，图层面板中填充设置为70%。选择一个星形笔刷，新建一个图层，在椭圆周围画几个大小不同的星星，填充设置为20%。制作网站左上方的logo，由带渐变的星刷和域名组成。下面是渐变系数和字体系数。:还在右侧增加了迷你导航，增加了导航，在导航右侧画了一个带渐变圆角的矩形，增加了图层样式、渐变叠加和描边。系数如下:在矩形中添加必要的说明，使用圆角矩形工具在导航下方拉出一个圆角矩形，宽度和高度如图，剪切掉材质层，如下图所示:再次使用圆角矩形工具在图片下方拉出一个圆角矩形，使用锚点工具在右侧的两个圆中添加必要的说明，并使用圆角矩形工具在导航下方拉一个圆角矩形，宽度和高度如下图所示，并在素材中拖动。在材质层上执行剪贴蒙版，如下图:再次使用圆角矩形工具，然后在图片下方拉出一个圆角矩形，使用锚点工具将右侧的两个圆角改为直角，图层样式逐渐重叠。在下一层拉出一个圆角矩形，也添加一个渐变叠加。得到如下效果:接下来使用软笔刷工具在上下两层添加亮角，颜色为#0099CC，加上文字和图片，在左上角注明标题(添加外部灯光样式，系数)，在右上角注明日期和另一个logo出现过的五角星(笔刷工)。在下面添加一个类似的图层，你会得到如下效果。继续在画布右侧画两个渐变(垂)交叉图层，渐变系数给定。得到如下效果:添加文字和图片，将上面三层放入一个组，复制该组，放在下面。使用矩形工具制作下面几个矩形图形，交替添加渐变样式，分别给出渐变系数。添加文字和标题，使用的字体(标题的外部灯光样)同上。添加文字和图片，把上面三层放入一组，复制组放在下面。使用矩形工具制作下面几个矩形图形，交替添加渐变样式，分别给出渐变系数。添加文字和标题，使用的字体(标题的外发光样)同上。矩形工具，拉一个大圆角矩形，包括页面下方的两个板块，添加渐变样式(垂)。添加一个蒙版，用黑色笔刷将蒙版两侧稍微变暗，得到如下效果。再次使用椭圆工具变形工具，同样拉出页面底部的不规则if。干椭圆形状，加颜色#0066cc。

了解更多用ps制作网页设计(用ps制作网)相关内容请关注东辰网。