置换滤镜的功能非常强大,使许多初学者感到迷惑。特别是对置换图更觉神秘!其实了解了置换原理和掌握了一定技巧后,制作置换图并不是个高不可攀的难题。
下面就我个人学习制作置换滤镜的置换图的实例,和大家一起来揭开置换滤镜置换图的神秘面纱。
还是要先说说原理:
ps的帮助中有如下几点关于置换图的说明。注:[]中是作者加的
1.“置换”滤镜使用置换图中的颜色值[其实就是按照指定的通道的灰度值]改变选区 - 0 是最大的负向改变值,255 是最大的正向改变值,灰度值 128 不产生置换。
如果置换图有一个通道,则图像沿着由水平比例和垂直比例所定义的对角线改变。
如果置换图有多个通道,则第一个通道控制水平置换,第二个通道控制垂直置换。
2.当水平比例和垂直比例都设置为 100% 时,最多置换 128 个像素(因为中间的灰色不生成置换)。
3.使用名为置换图的图像确定如何扭曲选区。例如,使用抛物线形的置换图创建的图像看上去像是印在一块两角固定悬垂的布上。
根据以上的说明,再看看ps所带的置换图,看看他们在各自通道的模样,动动脑筋,再动手实验、分析一下,就会明白了。其实置换图原理并不不是那么神秘。
我们可以用下图来模拟以上的说明。
从上图,可以知道,置换图可以是一个通道的黑-灰-白图灰阶图,也可以用红、绿两个通道的黑-灰-白图灰阶图进行制作。移动规律,都是随着 灰 度 的 变 化 ,按45度对角线进行 置换移动。置换图的图片大小,可大可小,没有规定。置换时,只提取 灰度的变化 作为计算的依据。
说了这么多,还是具体做做:
实例1:为了说明问题,先做个网格图(就是将被置换的图,这里取名为:原图)
做个简单的置换图。目的:对原图进行水平向左的置换移动。
1.建新文件,50x50 在红色通道中添入白色(255)灰,绿通道中填入128灰。图片另存为psd格式。目的是将使图片仅向左作最大的正向改变值的移动,即128。置换图就做好了:
screen.width-500)this.style.width=screen.width-500;" border=02.进行置换:滤镜/扭曲/置换 水平比例50% (垂直比例无关),其他选项:选伸展以适合、重复边缘像素(默认的)选刚才做好的置换图。打开、完成!
screen.width-500)this.style.width=screen.width-500;" border=0置换前后对比效果:
screen.width-500)this.style.width=screen.width-500;" border=0目的实现,任务完成!
实例2.目的:实现ps中说的“使用名为置换图的图像确定如何扭曲选区。例如,使用抛物线形的置换图创建的图像看上去像是印在一块两角固定悬垂的布上。”
做置换图:红色通道作128灰度填充(目的是控制图形不发生水平方向的移动),绿色通道作128-225-128渐变填充(使图片按照128-225-128渐变在垂直方向作置换移动,记住128是不移动的!)
置换图如下:
screen.width-500)this.style.width=screen.width-500;" border=0对原图进行置换变换,结果如图:
screen.width-500)this.style.width=screen.width-500;" border=0“看上去像是印在一块两角固定悬垂的布”这个希望的结果出来了吧!!
实例3:做一个减肥效果的置换实例
1.新建文件 50x50 在红色通道,从上到下填充128-255-128的渐变,绿色填充128保存为psd文件。该置换图的目的是仅作向左的水平渐变(128-255-128,红色通道有色阶的渐变变化)置换,(绿色通道填充128,控制垂直方向不发生置换位移)。要保持上下两个端点不发生移动。
置换图:
screen.width-500)this.style.width=screen.width-500;" border=0原图:
screen.width-500)this.style.width=screen.width-500;" border=0置换后的结果:
screen.width-500)this.style.width=screen.width-500;" border=0减肥前后对比:
screen.width-500)this.style.width=screen.width-500;" border=0哈哈,不吃药、不节食,用ps就可以减肥哟!
从以上实例说明:在了解置换原理后,制作置换图并不是一件困难的事。置换是可以精确控制的。
当然置换滤镜是非常强大的,要更精深的掌握置换图的制作,有前瞻性地设计置换图也是比较困难的。这需要对置换理论的原理有更深刻的理解和掌握制图的技巧。
后记:
ps美容大师为MM瘦身
瘦身前:
screen.width-500)this.style.width=screen.width-500;" border=0瘦身后:
瘦身前后对比:
screen.width-500)this.style.width=screen.width-500;" border=0你想瘦身吗?你想为你的MM瘦身吗?
把上面的置换图原理弄清楚就会了!
向左置换的置换图:
screen.width-500)this.style.width=screen.width-500;" border=0向右置换的置换图:
screen.width-500)this.style.width=screen.width-500;" border=0该效果是对原图片分左右选区、分别进行了前后两次置换的结果。而不是一次置换成功的。特此说明。