网页教学网
 当前位置: 网页教学网 >> 网页制作 >> 图象相关技术 >> 阅读:Photoshop打造错位的方格文字特效
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Photoshop打造错位的方格文字特效

http://www.webjx.com  更新日期:2007-05-24 17:33  出处:eNet硅谷动力  作者:ahwin 收藏本文

  很多Photoshop特效都是偶然间不经意就发现了,所以说创意也不会是刻意就能想得出来的,不经意间可以做出许多意想不到的效果,这就是创意。今天笔者带给大家的是使用Photoshop制作错位的方格文字特效,希望可以对新手一些帮助。

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

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

Photoshop打造错位的方格文字特效

关键词:
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为