PS设计教程网欢迎你!

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

文章来源于 sixrevisions.com,感谢作者 苏打苏塔 设计量贩铺 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-01-25
58 为了方便管理,群组所有关于特色相聚的图层和群组层,命名这个大的群组为 featured project . 创建3D丝带 59 选择矩形 (U) 创建一个高为130px的颜色为# A6A43F 的矩形,如下图。命名该图层为 ribbon background

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制作一个以绿色为主题的网页

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa