把文字印在衣物上效果

查查 · 发表于 2007-5-8 06:05:48

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120805903.jpg" onload=javascript:resizepic(this) border=0>
我们要将文字扭曲，方法或许有很多种，但如果在我们这个例子中，我们要让文字和谐地融合在丝绸背景中，有什么更好的办法呢。我们在这里要介绍置换滤镱（ DISPLACE ），使文字可以按照丝绸皱褶自然地扭曲。你看到这么凌乱的丝绸可能让你觉得有点困难，看我们是如何实现的。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120805880.jpg" onload=javascript:resizepic(this) border=0>
图1为我们已经有的一张丝绸背景图片，我们要在上面加点文字，让文字与背景自然地混为一体。怎么做的？
让文字自然地按着丝绸的皱褶扭曲涉及到两个重要的步骤，一是首先要让文字的扭曲与丝绸背景的扭曲一样。二是要让文字的明暗度与丝绸对应位置上的明暗度要一样。
一、文字扭曲： 
为了实现第一步，让文字与背景有着相同的扭曲，我们首先要建立一个置换图，这是置换滤镜所必需的。步骤如下： 
1 、我们首先在通道中观察一下这张丝绸图片在哪一个通道上的对比最强烈，在图2中可以看到，在这张背景中，红色通道上的对比效果是最佳的。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806192.jpg" onload=javascript:resizepic(this) border=0>
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806212.jpg" onload=javascript:resizepic(this) border=0>
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806322.jpg" onload=javascript:resizepic(this) border=0>
图2 选择一个对比效果良好的通道
2 、现在要单独将这个红色通道存为一个新文件，你可以选中这个通道后，然后按右键，选择复制通道（ Duplicate Channel ），保存路径应选择新文件（下图红框处），然后起一个文件名（见下图），按 OK 后，就会有一个新的文件产生，这个红色通道已经成为这个新文件的背景，它是灰度图片，保存这张图（如果有人用其它方法将这个通道新建一个文件的话，图层一定要合并），存成 PSD 格式（记住，一定要 PSD ，因为下一步的滤镱需要这种格式）。这个新文件就是一张置换图了。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806219.jpg" onload=javascript:resizepic(this) border=0>
图3 将红色通道复制建立一个新文件
3 、我们开始要加上文字了，在这里输进 Satin 这个词，文字选择白色，而且最好将文字放在背景一个有良好的明暗对比的地方。见下图。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806966.jpg" onload=javascript:resizepic(this) border=0>
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806187.jpg" onload=javascript:resizepic(this) border=0>
图4 加上文字
4 、我们现在开始应用置换滤镱（ Filter > Distort > Displace ），因为你是在文字图层上应用这个滤镜的，所以这个时候会弹出一个提示，询问你是否要将文字图层栅格化，选 OK ，当然，这个时候文字就变成图形，不能再进行文字编辑了。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806391.jpg" onload=javascript:resizepic(this) border=0>
5 、这时就会有一个对话框要你设置参数，我们在水平及垂直比例上都输进 7 。按 OK 。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120806780.jpg" onload=javascript:resizepic(this) border=0>
6 、按 OK 后，会要求你选择一张置换图，这个时候我们就将刚才保存的那张红色通道的图片（ PSD 格式）找到并打开。当打开后，你会发觉原来那几个文字已经扭曲了，而且是按红色背景的纹理扭曲的。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807294.jpg" onload=javascript:resizepic(this) border=0>
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807509.jpg" onload=javascript:resizepic(this) border=0>
图8 文字已经按照背景扭曲
在这里我们可以讲一下这个置换滤镱的原理：置换滤镱的原理其实就是它可以将一张图片的象素通过另一张灰度的图片进行交换。这个滤镜使用了发光数值（明暗度）来决定那些需要置换或怎样置换的。白色的区域（即明亮的地方）会使到图片向左上扭曲，而暗淡的区域会向右下扭曲。而 50% 的灰度区域将不会发生置换（即意味着该区域没有扭曲）。通过下面这个栅格，你可以了解到这个原理 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807470.jpg" onload=javascript:resizepic(this) border=0>
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807240.jpg" onload=javascript:resizepic(this) border=0> <IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807570.jpg" onload=javascript:resizepic(this) border=0>
图9 从栅格线条变化我们可以看出转换背后发生了什么样的扭曲
由于这个置换是基于一张灰度的图片实现的，这就是为什么我们在最开始的时候要选择一张对比效果比较好的灰度图片（即红色通道）作为一张置换图，也使到文字的扭曲是按照背景的皱褶扭曲的。
二、文字产生明暗度 
文字虽然扭曲了，但文字上的明暗度还需要跟背景的明暗度一样（现在文字只有白色），否则文字与背景没有融为一体的视觉效果。
1 、我们将背景层复制一个，然后将这个复制图层置于图层的最上面。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807307.jpg" onload=javascript:resizepic(this) border=0>
图10 复制背景层，并将它置于最上方 
2 、然后选择这个图层，双击该图层，就会弹出一个图层选项的设置框了。我们选择左边样式最上面的“ Blending Options: Custom ”来自定义混合的样式。因为我们的图片主要是以红色为基调的，所以在中间的设置区域里的“ Blend if ”（混合如果）选择红色（见下图红色框处），而该层的设置就可设置为下图拉杆上的数字（你可以按住 Alt 健来使右边的两个三角形分开），当然，你可以通过预览来看一下了来的效果是否满意。按 OK 就结束了。 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120807547.jpg" onload=javascript:resizepic(this) border=0>
图11 图层混合设置 
“混合如果”（ Blend if ）是允许你将现有的图层与下面的图层根据它们的亮度来进行混合的一种模式。
最后出来的效果见下图，还算非常不错的，看起来那几个字就象绣在上面似的 
<IMG onmousewheel="return bbimg(this)" alt="" src="http://www.cgfancy.com/Article/UploadFiles/200704/20070402120808359.jpg" onload=javascript:resizepic(this) border=0> <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

尤里格 · 发表于 2007-8-20 00:49:40

哎呀啊～很諟謝謝樓主辣～嘎嘎～ps:<得意

天际 · 发表于 2007-8-20 11:11:39

不错，不错，支持一下！！！

账号		自动登录	找回密码
密码			注册

[字效] 把文字印在衣物上效果

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。