Photoshop打造错位的方格文字特效
作者:佚名 来源:互联网 发表时间:2009-08-17
很多Photoshop特效都是偶然间不经意就发现了,所以说创意也不会是刻意就能想得出来的,不经意间可以做出许多意想不到的效果,这就是创意。今天笔者带给大家的是使用Photoshop制作错位的方格文字
很多Photoshop特效都是偶然间不经意就发现了,所以说创意也不会是刻意就能想得出来的,不经意间可以做出许多意想不到的效果,这就是创意。今天笔者带给大家的是使用Photoshop制作错位的方格文字特效,希望可以对新手一些帮助。
先看一下效果:
![](http://images.ljcjw.com/d/file/p/2009-08-17/dd4a22a5c24ac0333023ca54fa281751.jpg)
1.首先运行Photoshop,新建一个600x400像素的RGB图像。如图1所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/eb2cd33480863a3e44ec638032e1cbfa.jpg)
2.首先执行滤镜/渲染/云彩,将背景图层做出云彩的效果,如果对云彩的效果不满意可以通过反复按下Ctrl+F进行重复执行云彩滤镜的方法直到得到满意的效果。紧接着在云彩效果的基础上,执行滤镜/像素化/马赛克,将单元格大小设置为50方形,单击确定按钮。如图2所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/d6d393218a2d45c95ffe2cd6374cb9b7.jpg)
3.按下图像/调整/亮度/对比度,将对比度提高40,这样更便于我们下面的操作进行。如图3所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/7555a2e1e03baa7ec48656133b0e2029.jpg)
4.进行到这里,我们将文件另存为一个,如“马赛克.PSD”文件,待会儿我们会用到它,可不要忘记存在什么地方。如图4所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/fe9b97ac816adf964a5211d2412bff18.jpg)
5.将背景图层复制一层,然后将复制到的新层,“背景副本”图层设置为不可见。将背景填充为白色。如图5所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/a35f738a08bc22c349bb0493bd565c73.jpg)
6.使用文字工具输入我们需要的文字,这里我输入“网络学院”四个特粗黑体字,文字图层位于背景副本图层下方。如图6所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/b972639ca965271122d941e093c5363d.jpg)
7.按下Ctrl+T将文字调整为充满整个画布。如图7所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/bba22fd0f61c35ee67283761333c7a10.jpg)
8.按下Ctrl+E将文字图层与背景图层进行合并。如图8所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/46b01e51c3b5a6490f01f4146d3ee9e7.jpg)
9.选中背景图层进行操作,执行滤镜/扭曲/置换,将水平比例设置为15,垂直比例设置为15,选中“拼贴”和“重复边缘像素”。如图9所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/40ca6aee5548746376adbfbb5f60b903.jpg)
10.按下确定后,会弹出一个选择置换图的对话框,找到我们刚才储存的马赛克.psd图片,单击打开。如图10所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/f9c7aadaabd97b92598efbdb9e8b7de3.jpg)
11.这样我们就得到了马赛克后的错位文字效果。接着将一直隐藏着的背景副本图层设为可见,然后将它的图层混合模式调整为“正片叠底”,如图11所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/9795f30c4150ba6e98ad2bdfbdae42c8.jpg)
12.复制一个背景副本图层,选中背景副本2图层,然后执行滤镜/风格化/查找边缘,将边缘线条化。如图12所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/9336884e7a953e2bb131623025ffe506.jpg)
13.选中背景副本图层,按下Ctrl+U打开色相饱和度面板,选中“着色”项给画面上色,这里我选择了一个绿色。如图13所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/ddb6073268bc077fae73bbb2b28d93bb.jpg)
14.背景我们就制作完成了。接下来使用文字工具输入前景文字,“网络学院eschool”。
![](http://images.ljcjw.com/d/file/p/2009-08-17/b28751975efe7b5590de91cf47ffdb4a.jpg)
15.双击文字图层,给文字添加图层样式。选中描边项,给文字描3像素的白色边。如图15所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/39580ae2a25382d4b7cd96019d72e60b.jpg)
16.接着调整文字的颜色。为了突出网络的概念,我特意将“e”这个字母调整为橙色,其他文字设置为蓝色。如图16所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/fc02a04b7bf5de56a29d0f0d42f2fac8.jpg)
17.最后对整个画面进行必要的裁减,让主题更加突出,调整好前景文字的位置。OK,做到这里这个错位的方格文字特效就宣告结束了。效果是不是还可以呢?希望大家喜欢。如图17所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/dd4a22a5c24ac0333023ca54fa281751.jpg)
先看一下效果:
![](http://images.ljcjw.com/d/file/p/2009-08-17/dd4a22a5c24ac0333023ca54fa281751.jpg)
1.首先运行Photoshop,新建一个600x400像素的RGB图像。如图1所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/eb2cd33480863a3e44ec638032e1cbfa.jpg)
2.首先执行滤镜/渲染/云彩,将背景图层做出云彩的效果,如果对云彩的效果不满意可以通过反复按下Ctrl+F进行重复执行云彩滤镜的方法直到得到满意的效果。紧接着在云彩效果的基础上,执行滤镜/像素化/马赛克,将单元格大小设置为50方形,单击确定按钮。如图2所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/d6d393218a2d45c95ffe2cd6374cb9b7.jpg)
3.按下图像/调整/亮度/对比度,将对比度提高40,这样更便于我们下面的操作进行。如图3所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/7555a2e1e03baa7ec48656133b0e2029.jpg)
4.进行到这里,我们将文件另存为一个,如“马赛克.PSD”文件,待会儿我们会用到它,可不要忘记存在什么地方。如图4所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/fe9b97ac816adf964a5211d2412bff18.jpg)
5.将背景图层复制一层,然后将复制到的新层,“背景副本”图层设置为不可见。将背景填充为白色。如图5所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/a35f738a08bc22c349bb0493bd565c73.jpg)
6.使用文字工具输入我们需要的文字,这里我输入“网络学院”四个特粗黑体字,文字图层位于背景副本图层下方。如图6所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/b972639ca965271122d941e093c5363d.jpg)
7.按下Ctrl+T将文字调整为充满整个画布。如图7所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/bba22fd0f61c35ee67283761333c7a10.jpg)
8.按下Ctrl+E将文字图层与背景图层进行合并。如图8所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/46b01e51c3b5a6490f01f4146d3ee9e7.jpg)
9.选中背景图层进行操作,执行滤镜/扭曲/置换,将水平比例设置为15,垂直比例设置为15,选中“拼贴”和“重复边缘像素”。如图9所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/40ca6aee5548746376adbfbb5f60b903.jpg)
10.按下确定后,会弹出一个选择置换图的对话框,找到我们刚才储存的马赛克.psd图片,单击打开。如图10所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/f9c7aadaabd97b92598efbdb9e8b7de3.jpg)
11.这样我们就得到了马赛克后的错位文字效果。接着将一直隐藏着的背景副本图层设为可见,然后将它的图层混合模式调整为“正片叠底”,如图11所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/9795f30c4150ba6e98ad2bdfbdae42c8.jpg)
12.复制一个背景副本图层,选中背景副本2图层,然后执行滤镜/风格化/查找边缘,将边缘线条化。如图12所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/9336884e7a953e2bb131623025ffe506.jpg)
13.选中背景副本图层,按下Ctrl+U打开色相饱和度面板,选中“着色”项给画面上色,这里我选择了一个绿色。如图13所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/ddb6073268bc077fae73bbb2b28d93bb.jpg)
14.背景我们就制作完成了。接下来使用文字工具输入前景文字,“网络学院eschool”。
![](http://images.ljcjw.com/d/file/p/2009-08-17/b28751975efe7b5590de91cf47ffdb4a.jpg)
15.双击文字图层,给文字添加图层样式。选中描边项,给文字描3像素的白色边。如图15所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/39580ae2a25382d4b7cd96019d72e60b.jpg)
16.接着调整文字的颜色。为了突出网络的概念,我特意将“e”这个字母调整为橙色,其他文字设置为蓝色。如图16所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/fc02a04b7bf5de56a29d0f0d42f2fac8.jpg)
17.最后对整个画面进行必要的裁减,让主题更加突出,调整好前景文字的位置。OK,做到这里这个错位的方格文字特效就宣告结束了。效果是不是还可以呢?希望大家喜欢。如图17所示。
![](http://images.ljcjw.com/d/file/p/2009-08-17/dd4a22a5c24ac0333023ca54fa281751.jpg)