相关文章
北京网页设计视觉设计不只是图形
网站建设方法汇总 禁止查看网页源代码全攻略
北京网站设计下拉菜单网页特效，效果很不错而且符合Web标准
企通互联详细讲解HTML网页设计中关于字体的设计
网站制作用Photoshop打造个性人物背景效果
网站设计为网站的Web Robot 设计路标
网站设计从基础到精通：CSS实用教程（三）
北京网站设计如何提高网站的访问速度 - 从30秒到3秒的改变
网站设计实现多个WEB页面要接收同一个表单的数据的功能
北京网站制作web2.0网站常用功能块可用性分析
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网页设计网站设计Photoshop打造错位的方格文字特效
网页设计网站设计Photoshop打造错位的方格文字特效
很多Photoshop特效都是偶然间不经意就发现了，所以说创意也不会是刻意就能想得出来的，不经意间可以做出许多意想不到的效果，这就是创意。今天笔者带给大家的是使用 www.qitongnet.comPhotoshop制作错位的方格文字特效，希望可以对新手一些帮助。
Www^Chinaz^com
首先运行Photoshop，新建一个600x400像素的RGB图像。首先执行滤镜/渲染 北京网页设计/云彩，将背景图层做出云彩的效果，如果对云彩的效果不满意可以通过反复按下Ctrl+F 北京网站建设进行重复执行云彩滤镜的方法直到得到满意的效果。紧接着在云彩效果的基础上，执行滤镜/像素化/马赛克，将单元格大小设置为50方形，单击确定按钮。 Chinaz^com
Www~Chinaz~com
按下图像/调整/亮度/对比度，将对比度提高 北京网站制作40 网站建设，这样更便于我们下面的操作进行。
中国站长.站
进行到这里，我们将文件另存为一个，如“马赛克.PSD”文件，待会儿我们会用到它，可不要忘记存在什么地方。将背景图层复制一层，然后将复制到的新层，“背景副本”图层设置为不可见。将背景填充为白色。使用文字工具输入我们需要的文字，这里我输入“网络学院”四个特粗黑体字，文字图层位于背景副本图层下方。
中国.站长站
按下Ctrl+T将文字调整为充满整个画布。
中.国.站长站
按下Ctrl+E将文字图层与背景图层进行合并。选中背景图层进行操作，执行滤镜/扭曲/置换，将水平比例设置为15，垂直比例设置为15，选中“拼贴”和“重复边缘像素”。
Chinaz.com
按下确定后，会弹出一个选择置换图的对话框，找到我们刚才储存的马赛克.psd图片，单击打开。这样我们就得到了马赛克后的错位文字效果。接着将一直隐藏着的背景副本图层设为可见，然后将它的图层混合模式调整为“正片叠底”。 中国站.长站
Www@Chinaz@com
复制一个背景副本图层，选中背景副本2图层，然后执行滤镜/风格化/查找边缘，将边缘线条化。
Chinaz
中国站.长站
选中背景副本图层，按下Ctrl+U打开色相饱和度面板，选中“着色”项给画面上色，这里我选择了一个绿色。
企通互联" src="http://www.chinaz.com/upimg/allimg/070525/0913067.jpg" />
背景我们就制作完成了。接下来使用文字工具输入前景文字，“网络学院eschool”。 Www~Chinaz~com
双击文字图层，给文字添加图层样式。选中描边项，给文字描3像素的白色边。
Www^Chinaz^com
Chinaz@com
接着调整文字的颜色。为了突出网络的概念，我特意将“e”这个字母调整为橙色，其他文字设置为蓝色。 Www.Chinaz.com
最后对整个画面进行必要的裁减，让主题更加突出，调整好前景文字的位置。OK，做到这里这个错位的方格文字特效就宣告结束了。效果是不是还可以呢？希望大家喜欢。 Chinaz.com
北京网站制作
上一篇：北京网站建设Photoshop打造错位的方格文字特效
下一篇：网页设计用Javascript刷新框架子页面的七种方法
