当前位置: 首页 > 优图知识库  > PS教程 > ps文字特效

Photoshop制作布料上的褶皱文字效果

2019/1/5 20:10:09 人评论

这篇教程教优图宝的朋友们用Photoshop制作布料上的褶皱文字效果,制作主要运用到的是photoshop的置换滤镜!我们先来看看最终的文字效果!

这篇教程教优图宝的朋友们用Photoshop制作布料上的褶皱文字效果,制作主要运用到的是photoshop的置换滤镜!我们先来看看最终的文字效果!Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程
 

我们要将文字扭曲,方法或许有很多种,但如果在我们这个例子中,我们要让文字和谐地融合在丝绸背景中,有什么更好的办法呢。我们在这里要介绍置换滤镱( DISPLACE ),使文字可以按照丝绸皱褶自然地扭曲。你看到这么凌乱的丝绸可能让你觉得有点困难,看我们是如何实现的。

下图为我们已经有的一张丝绸背景图片,我们要在上面加点文字,让文字与背景自然地混为一体。怎么做的?

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程_ueditor_page_break_tag_

让文字自然地按着丝绸的皱褶扭曲涉及到两个重要的步骤:

一是首先要让文字的扭曲与丝绸背景的扭曲一样。

二是要让文字的明暗度与丝绸对应位置上的明暗度要一样。

 

一、文字扭曲:

为了实现第一步,让文字与背景有着相同的扭曲,我们首先要建立一个置换图,这是置换滤镜所必需的。步骤如下:

1 、我们首先在通道中观察一下这张丝绸图片在哪一个通道上的对比最强烈,在下图中可以看到,在这张背景中,红色通道上的对比效果是最佳的。

选择一个对比效果良好的通道:

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程 Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程

2 、现在要单独将这个红色通道存为一个新文件,你可以选中这个通道后,然后按右键,选择复制通道( Duplicate Channel ),保存路径应选择新文件(下图红框处),然后起一个文件名(见下图),按 OK 后,就会有一个新的文件产生,这个红色通道已经成为这个新文件的背景,它是灰度图片,保存这张图(如果有人用其它方法将这个通道新建一个文件的话,图层一定要合并),存成 PSD 格式(记住,一定要 PSD ,因为下一步的滤镱需要这种格式)。这个新文件就是一张置换图了。

将红色通道复制建立一个新文件

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程

3 、我们开始要加上文字了,在这里输进 Satin 这个词,文字选择白色,而且最好将文字放在背景一个有良好的明暗对比的地方。见下图。

加上文字:

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程 Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程_ueditor_page_break_tag_

4 、我们现在开始应用置换滤镱 ( Filter > Distort > Displace ),因为你是在文字图层上应用这个滤镜的,所以这个时候会弹出一个提示,询问你是否要将文字图层栅格化,选 OK ,当然,这个时候文字就变成图形,不能再进行文字编辑了

询问你是否将文字图层栅格化:

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程

5 、这时就会有一个对话框要你设置参数,我们在水平及垂直比例上都输进 7 。按 OK 。

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程

6 、按 OK 后,会要求你选择一张置换图,这个时候我们就将刚才保存的那张红色通道的图片( PSD 格式)找到并打开。当打开后,你会发觉原来那几个文字已经扭曲了,而且是按红色背景的纹理扭曲的。

找到原先保存的置换图实现置换

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程

文字已经按照背景扭曲:

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程_ueditor_page_break_tag_

在这里我们可以讲一下这个置换滤镱的原理:置换滤镱的原理其实就是它可以将一张图片的象素通过另一张灰度的图片进行交换。这个滤镜使用了发光数值(明暗度)来决定那些需要置换或怎样置换的。白色的区域(即明亮的地方)会使到图片向左上扭曲,而暗淡的区域会向右下扭曲。而 50% 的灰度区域将不会发生置换(即意味着该区域没有扭曲)。通过下面这个栅格,你可以了解到这个原理。

从栅格线条变化我们可以看出转换背后发生了什么样的扭曲

Photoshop制作布料上的褶皱文字效果 优图宝 photoshop文字效果教程


相关资讯

    暂无相关的数据...