photoshop制作漂亮的绿色风格的网页模板下载(photoshop制作漂亮的绿色风格的网页模板怎么做)

本文主要介绍用photoshop制作漂亮的绿色风格网页模板(如何用photoshop制作漂亮的绿色风格网页)，下面跟着东辰网详细了解一下吧。

在本教程中，您将学习如何在photoshop中制作一个漂亮的绿色干净的网页效果图。你会学到一些时尚的设计技巧，比如如何制作3D丝带，或者如何设置看起来很专业的渐变。这是教程的开始部分。

最终效果图看看我们的最终效果图。他们看起来不错，:。

在photoshop1中创建新文档在photoshop中创建一个大小为980px830px.2的新文档。;如果在photoshop软件界面中画布周围看不到标尺，请单击Ctrl+R来显示标尺。

3在画布的四边拖放四条标尺线。在这四条线的中间，我们将绘制我们的页面。

创建页面背景4选择圆角矩形工具)，圆角半径设置为10px，颜色设置为#E0E0AC，在画布上拖动圆角矩形。设置这个层的名称为bg。

好，现在，我们将扩大我们的画布。首先缩小我们的画布视图(ct)，然后点击图片的画布大小(AltCtr)，然后根据下面的截图设置参数。

6再次选择图像画布大小(AltCtr)，然后根据下面的截图设置参数。

7在图层面板中点击背景图层，设置前景色为#6C821C，用油漆桶填充背景。

在背景层上新建一层，命名为梯度和。

9选择工具栏中的渐变工具)，从画布头部向下拖动一个从白到黑的渐变。

将该图层的渲染模式设置为颜色加深，然后将图层透明度设置为10%。

11保持图层选中，点击图层蒙版显示全部图层。

选择工具栏中的渐变工具)，从画布底部将渐变从黑色拖到透明。可以根据下面的截图拖拽。

右键单击层梯度和，并在弹出菜单中，将转换设置为智能组件。

14点击过滤器杂波添加杂波。根据下图设置参数。

创建一个新层，使用笔刷工具)，选择一个直径为300像素的白色软刷，在画布上画一条白线。

设置这一层的透明度为50%，并命名为高ight”。

17在bg层上，新建一层。点击键盘上的D，设置为默认的前景背景色(前景白色，背景)，然后点击滤镜渲染云彩。

在“图层”面板上，右键单击图层，并在弹出菜单中，将图层设置为智能组件。命名层质地。

19保留图层质地未选择。点击滤镜模糊动作，根据截图设置参数。

20然后点击滤镜锐化锐化。

21给图层添加一个蒙版质地，并点击图层蒙版显示所有图层。

22选择渐变工具)，从画布底部到顶部拖动一个黑色到透明的渐变。

设置图层渲染模式为叠加，图层透明度为40%。

设置主要内容的背景24双击bg图层打开图层属性面板。根据下图设置外部发光的参数。

25新建一个图层，设置前景色为#2A2009，选择笔刷工具)，用直径为25px的相对较硬的笔刷在你的圆角矩形下边缘画一个圆。

在“图层”面板中右键单击图层，并将图层设置为智能对象。

27然后点击编辑自由变化(Ctr)，显示如下变形。

28点击滤镜模糊高斯模糊，按照下图设置参数。

29设置这一层的渲染模式为整体叠加，透明度为30%。最后，命名层影子并把它放在bg层的上面。

创建一个导航栏30。接下来，让我们让我们制作一个导航栏。选择矩形工具)，设置颜色为#D8D8A5。

在你之前创建的大圆角矩形中，创建一个高度为60px的矩形，并将图层命名为导航栏。

Not:打开信息面板，以便您可以看到您创建的矩形的高度。

双击层导航栏打开图层属性面板，设置如下所示的参数。

您可能会注意到，我们刚刚创建的矩形没有圆角。为了纠正这个小细节，我们应用了剪辑蒙版的概念。右键单击层导航栏并选择创建剪切蒙版。

好了，接下来我们要做的就是创建当前页面的按钮。选择矩形工具)，设置颜色为#A6A43F，创建一个高度为60px的矩形。

设置透明度为15%,命名层当前页面按钮。

36然后向下设置剪辑蒙版。

37选择刚才的四层，点击ct。Rl然后分别单击图层面板中的四个图层，然后单击CtrlG组。将该组的名称设置为bg导航条。

为了特色项目和部分，自定义图案39。我们想创造一种模式。新建一个文档，新建一个文件(Ctr)，大小5px*5px，背景透明。

设置前景色为#2A2009，选择工具栏中的铅笔工具)，在画布中间画一个大小为1px的方框。

单击“编辑”以定义图案。命名图案，然后单击“确定”。好了，你可以关闭这个文件了。

创造特色项目和区域42选择矩形工具创建一个高度为330像素的任意颜色的矩形。

在图层面板上，双击图层打开图层属性面板。根据下图设置参数。

命名这一层pattern&;.45选择圆角矩形工具)，圆角半径设置为8px，创建一个宽度为940px，高度为240px的圆角矩形。

设置层的透明度为50%,命名为特色项目。

47选择矩形工具)，设置颜色#A6A43F，创建一个大小为610px*220px的矩形。这将是照片的位置特色项目。命名层图片bg。

导入您喜欢的任何图片。我用的是网站Envato网站的截图。

将图片放在刚刚创建的矩形上面，然后在“图层”面板上单击“创建图层剪切蒙版”。命名这个层图像与图像。

选择文本工具并在右边添加一些文本。根据下图写。将这些单词组合起来，并命名为文本。

创建按钮号召行动51好，我们我们将在特色项目的底部创建两个按钮。选择圆角矩形工具)，设置半径为8px，颜色为#A6A42F创建一个小矩形。命名层按钮1。

我们希望按钮的顶部不是圆形的。进行如下操作:

确保图层按钮1”被选中。选择直接选择工具并点击你看到的路径。这时，你会看到每个圆角上有两个定位点。选择变形点工具(默认图标是一个小笔尖，可以在这组工具中找)并单击这四个锚点。再次选择直接选择工具并按住shift键创建一个直角边。设置这一层的透明度为30%。

然后用word工具l加一个。一些单词。将颜色设置为#eaeaab7。

还可以添加一些小图标。如果你喜欢，你可以在这里浏览。

分组所有的文字和图标层，并命名为组按钮1。

创建另一个按钮。

为了便于管理，所有的层和组层大约特色聚会被分组，这个大组被命名为特色项目。

创建3DRibbon59选择Rectangle创建一个高度为130px，颜色为#A6A43F的矩形，如下图所示。命名层丝带背景。

选择圆角矩形)，将半径设置为10px，然后在刚刚创建的矩形左侧拖动一个矩形。在这一步，你可以拖放一些标尺线作为辅助。

单击之前创建的圆角矩形的矢量蒙版，将其选中。然后选择圆角矩形并单击属性栏中的从形状中减去面积按钮来创建圆角矩形。按照下面的截图。

创建一个新层，右键单击并设置它创建一个剪贴蒙版。

选择渐变工具)，根据下面的截图拖动白色到透明渐变。

设置这个图层的渲染模式为叠加，透明度为30%，命名为亮点。

选择矩形工具，设置颜色为#878533，在图层上创建一个矩形丝带背景。

选择矩形工具)，单击属性栏中的从形状中减去面积按钮，然后创建一个矩形。如图所示。剪掉我们不知道的部分。;我不想要。

双击图层打开图层属性面板。根据下面的截图设置参数。

重复上述步骤，但这次是在功能区的右侧。

将所有关于丝带的层分组，命名为丝带。

在图层上新建一层丝带背景。然后按照前面的操作创建阴影。

选择圆角矩形工具)，设置半径为8px，颜色为#E1E0C1，创建四个大小为220px*110px的圆角矩形。

设置透明度为50%，然后将它们分组。命名团体图像和图像。

选择工具栏中的文本工具并在您的布局下添加一些文本。也可以添加一些图标。

74使用文字工具)，颜色为#E0E0AC。在文档的顶部，写下整个站点的名称。

双击图层打开图层属性面板。根据下图设置参数。

然后写个口号。

为了让效果图更完整，可以选择四张图片导入到你的文档中。给你戴上在丝带上。

好吧，它完成了！如果您遵循本教程，您应该会得到以下结果。单击此处查看完整效果。

下载作者:;匿名来源:苏打苏塔设计商店。在本教程中，您将学习如何在photoshop中制作一个漂亮的绿色干净的网页效果图。你会学到一些时尚的设计技巧，比如如何制作3D丝带，或者如何设置看起来很专业的渐变。这是教程的开始部分。

最终效果图看看我们的最终效果图。他们看起来不错，:。

在photoshop1中创建新文档在photoshop中创建一个大小为980px830px.2的新文档。;如果在photoshop软件界面中画布周围看不到标尺，请单击Ctrl+R来显示标尺。

3在画布的四边拖放四条标尺线。在这四条线的中间，我们将绘制我们的页面。

创建页面背景4选择圆角矩形工具)，圆角半径设置为10px，颜色设置为#E0E0AC，在画布上拖动圆角矩形。设置这个层的名称为bg。

好，现在，我们将扩大我们的画布。首先缩小我们的画布视图(ct)，然后点击图片的画布大小(AltCtr)，然后根据下面的截图设置参数。

6再次选择图像画布大小(AltCtr)，然后根据下面的截图设置参数。

7在图层面板中点击背景图层，设置前景色为#6C821C，用油漆桶填充背景。

在背景层上新建一层，命名为梯度和。

9选择工具栏中的渐变工具)，从画布头部向下拖动一个从白到黑的渐变。

将该图层的渲染模式设置为颜色加深，然后将图层透明度设置为10%。

11保持图层选中，点击图层蒙版显示全部图层。

选择工具栏中的渐变工具)，从画布底部将渐变从黑色拖到透明。可以根据下面的截图拖拽。

右键单击层梯度和，并在弹出菜单中，将转换设置为智能组件。

14点击过滤器杂波添加杂波。根据下图设置参数。

创建一个新层，使用笔刷工具)，选择一个直径为300像素的白色软刷，在画布上画一条白线。

设置这一层的透明度为50%，并命名为亮点。

bg图中的17在图层之上，新建一个图层。点击键盘上的D，设置为默认的前景背景色(前景白色，背景)，然后点击滤镜渲染云彩。

在“图层”面板上，右键单击图层，并在弹出菜单中，将图层设置为智能组件。命名层质地。

19保留图层质地未选择。点击滤镜模糊动作，根据截图设置参数。

20然后点击滤镜锐化锐化。

21给图层添加一个蒙版质地，并点击图层蒙版显示所有图层。

22选择渐变工具)，从画布底部到顶部拖动一个黑色到透明的渐变。

设置图层渲染模式为叠加，图层透明度为40%。

设置主要内容的背景24双击bg图层打开图层属性面板。根据下图设置外部发光的参数。

25新建一个图层，设置前景色为#2A2009，选择笔刷工具)，用直径为25px的相对较硬的笔刷在你的圆角矩形下边缘画一个圆。

在“图层”面板中右键单击图层，并将图层设置为智能对象。

27然后点击编辑自由变化(Ctr)，显示如下变形。

28点击滤镜模糊高斯模糊，按照下图设置参数。

29设置这一层的渲染模式为整体叠加，透明度为30%。最后，命名层影子并把它放在bg层的上面。

创建一个导航栏30。接下来，让我们让我们制作一个导航栏。选择矩形工具)，设置颜色为#D8D8A5。

在你之前创建的大圆角矩形中，创建一个高度为60px的矩形，并将图层命名为导航栏。

Not:打开信息面板，以便您可以看到您创建的矩形的高度。

双击层导航栏打开图层属性面板，设置如下所示的参数。

您可能会注意到，我们刚刚创建的矩形没有圆角。为了纠正这个小细节，我们应用了剪辑蒙版的概念。右键单击层导航栏并选择创建剪切蒙版。

好了，接下来我们要做的就是创建当前页面的按钮。选择矩形工具)，设置颜色为#A6A43F，创建一个高度为60px的矩形。

设置透明度为15%,命名层当前页面按钮。

36然后向下设置剪辑蒙版。

37选中刚才的四个图层，点击ctrl然后在图层面板中分别点击。这四层，然后点击CtrlG组。将该组的名称设置为bg导航条。

为了特色项目和部分，自定义图案39。我们想创造一种模式。新建一个文档，新建一个文件(Ctr)，大小5px*5px，背景透明。

设置前景色为#2A2009，选择工具栏中的铅笔工具)，在画布中间画一个大小为1px的方框。

单击“编辑”以定义图案。命名图案，然后单击“确定”。好了，你可以关闭这个文件了。

创造特色项目和区域42选择矩形工具创建一个高度为330像素的任意颜色的矩形。

在图层面板上，双击图层打开图层属性面板。根据下图设置参数。

命名这一层pattern&;.45选择圆角矩形工具)，圆角半径设置为8px，创建一个宽度为940px，高度为240px的圆角矩形。

设置层的透明度为50%,命名为特色项目。

47选择矩形工具)，设置颜色#A6A43F，创建一个大小为610px*220px的矩形。这将是照片的位置特色项目。命名层图片bg。

导入您喜欢的任何图片。我用的是网站Envato网站的截图。

将图片放在刚刚创建的矩形上面，然后在“图层”面板上单击“创建图层剪切蒙版”。命名这个层图像与图像。

选择文本工具并在右边添加一些文本。根据下图写。将这些单词组合起来，并命名为文本。

创建按钮号召行动51好，我们我们将在特色项目的底部创建两个按钮。选择圆角矩形工具)，设置半径为8px，颜色为#A6A42F创建一个小矩形。命名层按钮1。

我们希望按钮的顶部不是圆形的。进行如下操作:

确保图层按钮1”被选中。选择直接选择工具并点击你看到的路径。这时，你会看到每个圆角上有两个定位点。选择变形点工具(默认图标是一个小笔尖，可以在这组工具中找)并单击这四个锚点。再次选择直接选择工具并按住shift键创建一个直角边。设置这一层的透明度为30%。

然后使用文字工具l添加一些文字。将颜色设置为#EAE。AB7。

还可以添加一些小图标。如果你喜欢，你可以在这里浏览。

分组所有的文字和图标层，并命名为组按钮1。

创建另一个按钮。

为了便于管理，所有的层和组层大约特色聚会被分组，这个大组被命名为特色项目。

创建3DRibbon59选择Rectangle创建一个高度为130px，颜色为#A6A43F的矩形，如下图所示。命名层丝带背景。

选择圆角矩形)，将半径设置为10px，然后在刚刚创建的矩形左侧拖动一个矩形。在这一步，你可以拖放一些标尺线作为辅助。

单击之前创建的圆角矩形的矢量蒙版，将其选中。然后选择圆角矩形并单击属性栏中的从形状中减去面积按钮来创建圆角矩形。按照下面的截图。

创建一个新层，右键单击并设置它创建一个剪贴蒙版。

选择渐变工具)，根据下面的截图拖动白色到透明渐变。

设置这个图层的渲染模式为叠加，透明度为30%，命名为亮点。

选择矩形工具，设置颜色为#878533，在图层上创建一个矩形丝带背景。

选择矩形工具)，单击属性栏中的从形状中减去面积按钮，然后创建一个矩形。如图所示。剪掉我们不知道的部分。;我不想要。

双击图层打开图层属性面板。根据下面的截图设置参数。

重复上述步骤，但这次是在功能区的右侧。

将所有关于丝带的层分组，命名为丝带。

在图层上新建一层丝带背景。然后按照前面的操作创建阴影。

选择圆角矩形工具)，设置半径为8px，颜色为#E1E0C1，创建四个大小为220px*110px的圆角矩形。

设置透明度为50%，然后将它们分组。命名团体图像和图像。

选择工具栏中的文本工具并在您的布局下添加一些文本。也可以添加一些图标。

74使用文字工具)，颜色为#E0E0AC。在文档的顶部，写下整个站点的名称。

双击图层打开图层属性面板。根据下图设置参数。

然后写个口号。

为了让效果图更完整，可以选择四张图片导入到你的文档中。把它放在你的丝带上。

好吧，它完成了！诸如如果您遵循本教程，您应该会得到以下结果。单击此处查看完整效果。

下载

了解更多用photoshop制作漂亮的绿色风格网页模板(如何用photoshop制作漂亮的绿色风格网页模)相关内容请关注东辰网。