首先运行Photoshop，新建一个600x400像素的RGB图像。首先执行滤镜/渲染/云彩，将背景图层做出云彩的效果，如果对云彩的效果不满意可以通过反复按下Ctrl+F进行重复执行云彩滤镜的方法直到得到满意的效果。紧接着在云彩效果的基础上，执行滤镜/像素化/马赛克，将单元格大小设置为50方形，单击确定按钮。

按下图像/调整/亮度/对比度，将对比度提高40，这样更便于我们下面的操作进行。

进行到这里，我们将文件另存为一个，如“马赛克.PSD”文件，待会儿我们会用到它，可不要忘记存在什么地方。将背景图层复制一层，然后将复制到的新层，“背景副本”图层设置为不可见。将背景填充为白色。使用文字工具输入我们需要的文字，这里我输入“网络学院”四个特粗黑体字，文字图层位于背景副本图层下方。

按下Ctrl+T将文字调整为充满整个画布。

按下Ctrl+E将文字图层与背景图层进行合并。选中背景图层进行操作，执行滤镜/扭曲/置换，将水平比例设置为15，垂直比例设置为15，选中“拼贴”和“重复边缘像素”。

按下确定后，会弹出一个选择置换图的对话框，找到我们刚才储存的马赛克.psd图片，单击打开。这样我们就得到了马赛克后的错位文字效果。接着将一直隐藏着的背景副本图层设为可见，然后将它的图层混合模式调整为“正片叠底”，

复制一个背景副本图层，选中背景副本2图层，然后执行滤镜/风格化/查找边缘，将边缘线条化。

选中背景副本图层，按下Ctrl+U打开色相饱和度面板，选中“着色”项给画面上色，这里我选择了一个绿色。

背景我们就制作完成了。接下来使用文字工具输入前景文字，“网络学院eschool”。

双击文字图层，给文字添加图层样式。选中描边项，给文字描3像素的白色边。

接着调整文字的颜色。为了突出网络的概念，我特意将“e”这个字母调整为橙色，其他文字设置为蓝色。

最后对整个画面进行必要的裁减，让主题更加突出，调整好前景文字的位置。OK，做到这里这个错位的方格文字特效就宣告结束了。效果是不是还可以呢？希望大家喜欢。