当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作一个以绿色为主题的网页(5)

Photoshop制作一个以绿色为主题的网页(5)

58 为了方便管理,群组所有关于”特色相聚”的图层和群组层,命名这个大的群组为”featured project“.

Photoshop制作一个以绿色为主题的网页

创建3D丝带

59 选择矩形 (U) 创建一个高为130px的颜色为#A6A43F的矩形,如下图。命名该图层为 “ribbon background“.

Photoshop制作一个以绿色为主题的网页

60 选择圆角矩形 (U), 设置半径为10px ,在你刚刚创建的矩形的左边的位置,拖拽一个矩形。在这一步,你可以拖拽一些标尺线作为辅助。

Photoshop制作一个以绿色为主题的网页

61 点击你之前创建的圆角矩形的矢量蒙版,让它被选中。然后选择圆角矩形 (U), 在属性栏中点击从形状减去区的按钮,创建一个圆角矩形。按照下面的截图进行操作。

Photoshop制作一个以绿色为主题的网页

62 创建一个新的图层,右键点击设置为创建剪贴蒙版。

63 选择渐变工具 (G),按照下面的截图拖拽一个白色到透明的渐变。

Photoshop制作一个以绿色为主题的网页

64 设置该图层渲染模式为叠加,透明度为30%,命名为 “highlight“.

65 选择矩形工具 (U), 设置颜色为 #878533 ,在图层”ribbon background”上创建一个矩形。

66 选择矩形工具(U), 在属性栏中点击从形状减去区按钮,然后创建一个矩形。如图。剪切掉我们不要的那部分。

67 双击图层,打开图层属性面板。按照下面的截图进行参数设置。

Photoshop制作一个以绿色为主题的网页

68 重复以上步骤,不过这一次是在丝带的右边。

69 群组所有关于丝带的图层,命名该群组为”ribbon“.

Photoshop制作一个以绿色为主题的网页

  • 共6页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 下一页
  • 上一篇:Photoshop设计漂亮的网页页脚模板
    下一篇:Photoshop设计一张古典的的网页效果图

    图集推荐

    • 灵感
    • 美图