... / nVoxel主页 » PS/AI/AE » 使用PS制作实用质感缎带_Ribbon

使用PS制作实用质感缎带_Ribbon

作者:T.n.T发表时间:2011-9-26本文链接:http://www.nvoxel.com/create-ribbon-effect-in-photoshop.html

现在经常会看到很多产品图片上都会有一个横条,然后标价

感觉很好看就试着做了下(点击图像可放大查看)

内容如下:

  1. 首先新建文件,尺寸为800×800好了(这个大小按自己需要来)

 

2.接下来使用图形工具绘制一个方形

将来我们制作出的缎带就会缠绕在这个方形的顶角处

3.接下来再使用钢笔工具,在需要添加缎带的顶角处绘制一个缎带的大致形状(梯形)

4.新建一个图层2,然后点选刚才的那个缎带路径,右击选择填充路径

5.接下来就开始对这个图层设置样式啦

首先勾选渐变叠加,然后按照你绘制的缎带角度设置渐变的方向,我这里为-45  °

然后渐变颜色设置为中间浅两边深,这里我选择了绿色.

6.设置完渐变叠加效果后,我们再次勾选描边选项

这里将描边模式设置为渐变,描边的宽度为1像素

渐变的色彩组合方式依然是中间亮两边稍暗,渐变的方向依你的缎带方向而定,我这里设置为-45°

7.最后我们勾选上投影,方向设置为45°,距离设置为3,大小为10,不透明度设置为30%

8.接下来我们按住Ctrl点击缎带的图标,这样就选中了缎带的像素区域

在缎带区域处于选区的同时,我们按住Ctrl+Shift+Alt点击之前方块图层的路径图标

完成后我们就得到了缎带和方块交叉部分的选区

9.得到交叉选区后我们点击快速蒙版按钮,为当前的缎带添加一个蒙版,这样两边多余的区域就不见了

10.接下来复制出一份缎带图层,得到图层1 副本

11.现在点击图层1 副本的蒙版部分,然后按快捷键Ctrl+I将蒙版反向

此时你隐藏之前的缎带图层可以看出…

这时候就只有非交叉部分的缎带显示出来啦~

12.接下来来处理这个非交叉缎带部分

首先将它的投影和描边效果关掉不显示

13.接下来新建一个图层,系统自动命名为图层2

然后同时选中图层2和图层1 副本

按快捷键Ctrl+E将这两个图层合并得到新图层,系统默认名称依然为图层2

14.接下来隐藏方块图层,显示缎带图层即图层 1

然后对非交叉区域缎带即图层2进行水平变换(Ctrl+T然后右击从选项中选择水平翻转)

15.将翻转后的图层2移动到缎带图层的下方

调整图层2的位置让它的边缘和图层 1(缎带图层)的边缘对齐

这时候可能会有多出来的部分,用橡皮擦擦除或者用蒙版遮住就行了

此操作完后得到如下效果

16.接下来按照同样的方式,得到缎带下方弯折的部分

多出的部分擦除即可

17.接下来显示方块物体图层并且将刚才得到的两个弯折图层置于方块图层之下

选中所有缎带的图层,移动调整位置,使弯折部分露出来一点

18.到这差不多了,不过为了使缎带更有活力,我们可以进行一些修饰

新建一个图层,系统默认名为图层 3

然后在这个图层上使用渐变工具,画出一个由白色到透明的环形渐变

19.将白色渐变放到缎带的合适位置

按照之前的方法,按住Ctrl点击图层1即缎带图层的蒙版,得到一个蒙版区域的选区

20.然后在选区选中情况下,选中图层3,点击添加矢量蒙版按钮为图层3即渐变图层就添加了一蒙版

这时候图层3的显示就受蒙版控制了

将蒙版和图层3间的小锁去掉,移动图层3到合适位置,降低图层3透明度

使缎带有光感

21.最后可以在缎带的两边使用减淡工具涂抹下,体现出光泽感~

调整调整,就得到如下结果~

 

 

本文链接:http://www.nvoxel.com/?p=261

 

评论

(必填)


不是'叮'的一声变成别的东西才算是奇妙,那个走得很慢很慢,慢得不像话但是非常肯定,一直都在走得钟就已经很奇妙了
相遇 相识 相知 相爱 然后分开 / Themes by T.n.T