• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网站设计活用Dreamweaver MX数据导入功能
网站制作网页设计配色应用实例剖析——黑色系
网站制作关于Dreamweaver乱码问题的解决方案
北京网站建设HTML语言剖析(二)HTML标记一览
网站建设注重用户体验 让读者爱上你的网站
北京网页设计谈谈网页的个性化设计
北京网页设计Javascript实现的自动验证函数
北京网站制作平面广告设计技巧
北京网站建设适合做网站优化的CMS系统推荐
企通互联javascript技术讲座-程序构成


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 北京网站制作北京网站建设Photoshop打造错位的方格文字特效

北京网站制作北京网站建设Photoshop打造错位的方格文字特效


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

北京网站建设 网站建设

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

Www^Chinaz^com

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

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

Www~Chinaz~com

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

站长.站

Photoshop打造错位的方格文字特效 中国站长.站

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

Chinaz.com

Photoshop打造错位的方格文字特效 中国.站长站

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

Www^Chinaz^com

Photoshop打造错位的方格文字特效 企通互联中.国.站长站 网页设计

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

站 www.qitongnet.com.长站

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

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

Photoshop打造错位的方格文字特效 Www@Chinaz@com

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

Chinaz

Photoshop打造错位的方格文字特效 中国站.长站

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

Chinaz@com

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

[中国站长站]

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

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

站.长 网站制作.站

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

Www^Chinaz^com

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

Chinaz@com

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

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

站.长站

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

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

Chinaz@com

网页设计
企通互联 北京网站建设
字体:【大】【中】【小】

上一篇:网页设计B2B行业网站设计注意要点

下一篇:网站设计Photoshop打造错位的方格文字特效

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates