Photoshop-剪贴蒙版使用心得
作者：飞鱼
制作工具：Adobe Photoshop
版权说明：飞鱼本人原创,版权所有.转载请注明出处,谢谢合作.
很多人对剪贴蒙版还不是太熟悉, 网上相关的教程也比较少, 所以就想分享一下自己设计过程中,对剪贴蒙版的用法举例.
- 1.为什么要用剪贴蒙版
比如:当前你要做一个固定尺寸(250*100)的banner. 方法有两种,一种是直接新建一个尺寸为(250*100)的文档. 这种方法的缺点是:不能和周边环境的设计融洽, 会影响整体页面的效果.
第二种方法就是剪贴蒙版. 用剪贴蒙版可以很好的解决这个问题. - 2.剪贴蒙版的原理
如下图: 其实这个东西原理跟图层蒙版的效果差不多. 其实就是简化版的图层蒙版. 它的原理是将下方的图层作为蒙版.上方的图层作为过滤对象, 即上方图层超出部分都会被隐藏掉. - 3.剪贴蒙版的优点
a.可以制作固定尺寸的banner
b.修改方便，不会影响蒙版的可视范围；
c.可运用不同滤镜，不同透明度以产生一些意想不到的特效. - 4.创建剪贴蒙版有两种方法
a.选中要创建剪贴的图层分别选 图层- 创建剪贴蒙版.
b.在需要的图层上右键-创建剪贴蒙版. 文字图层的右键没这选项,可以用方法a来实现.
飞鱼:表告诉我你连蒙版是啥都不知道,不知道的我下回再解释=.=
制作案例
首先看最终效果.
步骤1
新建一个文档, 将要做的banner 网页效果图 截个图, 粘帖到文档作为背景效果. 新建一个图层box,在图层上绘制一个矩形,尺寸为banner的尺寸,并且调整好位置.
步骤2
从你的素材库里挑选你想要设计的一些素材, 放在box层上方.如下图: 此时,由于图片过大,超出了banner要求的尺寸,没事稍后就好.
步骤3
选中素材图层,右键选择 -创建剪贴蒙版-,此时 超出部分就乖乖的隐藏了,是不是很神奇啊, 你可以任意移动,缩放修改该图层,以达到最佳效果.
步骤4
增加修饰,以及文字效果.就完成了.
总结
个人觉得在网页设计中,剪贴蒙版比图层蒙版更为常用.
哟？不错哎 订阅飞鱼的RSS Feeds 回去慢慢看^_^
您可能还对这些日志感兴趣
最新在啃
该文章已经被摸了936次。 共有 8 条评论
咳咳.偶又来了.不知道贵人记得俺不…
话说上次是问你滔滔怎么去除LOGO的.
这会差不多…怎么把唠叨的链接改成_blank方式打开
WP没这个功能很郁闷.老是不小心就点出了本站
回复
飞鱼 Reply:
February 18th, 2009 at 9:40
这个我之前跟你说过的吧^_^
用css样式 将滔滔组件的table{display:none}
这样logo就消失了。
至于 怎么把滔滔的链接变为_blank，WP是没这功能
如果你会jQuery的话，给它们加个_blank就OK了
方法如下：
$("#id_apiPane a").attr("target","_blank");
就可以了
回复
weierwuha Reply:
February 18th, 2009 at 13:56
还真不会…
跟把文章内半角标点取消改成全角一样?
回复
seri Reply:
September 17th, 2009 at 19:11
哇哦，好方法！回头试试！
回复
师父好久没用ps了吧，这个才发现啊
回复
飞鱼 Reply:
February 19th, 2009 at 9:35
额～～～ 是你没发现 还是我才发现啊，有语病=.=
回复
那个啥,偶还是不会,再教教
回复
说的真好，，看了这么多解说 ，还是你的最好
回复
发表评论