ps设计--文字特效教案（精选8篇）
电子信息工程学院印刷教研室 彭春辉
教学目的：
1、通过制作水晶字文字特效，让学生熟悉Photoshop文本操作相关内容，了解图层样式的参数设置及效果。
2、通过制作火焰字特效，加深学生对文字特效构成的认识，了解几种滤镜的作用和效果，进一步掌握图层混合模式相关操作。
3、通过学生自己练习，提高学生兴趣，增强学生的实践动手能力，开阔思路，发挥自主创新意识，为后面学习新的内容打好基础。
教学重点：文字特效的制作思路及制作过程
教学难点：图层样式的参数设置，滤镜的使用，图层混合模式相关操作。教学过程：
一、制作水晶字
水晶字是一种风格比较可爱的文字特效，主要应用了图层样式的相关操作，现将具体制作过程及制作思路介绍如下：
最终效果图
1、新建600×400像素的空白文档，使用渐变工具，选择径向渐变，颜色为：#e1e9c5和#88a816，从中心往外拉，绘制背景图。
2、选择文字工具，输入文字“水晶文字”，颜色设置为白色，使用较圆润的字体，我选择的是方正胖娃简体，输入完成后调整位置及大小。
3、选中文字图层，选择图层面板中的图层混合样式， 混合选项→高级混合→填充不透明度设置为0%
投影→结构→不透明度设置为80%，不选全局光，距离2，扩展17，大小6； 内阴影→结构→颜色设置为#acc25d，不透明度设置为70%，不选全局光，距离3，阻塞0，大小6；
外发光→结构→混合模式设置为叠加，不透明度设置为30%，颜色设置为白色； 斜面和浮雕→结构→大小8，阴影不选全局光，高度设置为70，光泽等高线选择，勾选消除锯齿，高光模式不透明度设置为100%，阴影模式设置为颜色加深，不透明度设置为15%；
等高线→图素→等高线模式→输出85%，范围28%；
颜色叠加→颜色→混合模式设置为滤色，颜色为白色，不透明度为10%； 可适当调整光泽，完善效果。
4、复制位置图层并移动位置，适当改变参数，创造其他的效果
内阴影→颜色设置为#a1b557（加深），距离8，大小15； 颜色叠加→混合模式设置为正常，颜色设置为#a1b557。水晶字的制作中最关键，效果最明显的是斜面和浮雕的设置，这一图层样式能增强图像的立体感，设置的高光部效果逼真，配合阴影及内阴影设置，视觉效果非常不错，被广泛应用于各种特效制作。
二、制作火焰字
火焰字是利用滤镜处理及图层混合模式制作的一种文字特效，火焰效果栩栩如生，具有很好的视觉效果。具体制作过程如下：
最终效果图
1、新建600×400像素，背景为黑色的空白文档作为背景图层。
2、选择文字工具，输入文字“火焰字”，颜色设置为白色，使用较活泼的字体，我选择的是方正舒体简体，输入完成后调整位置及大小。图层自动命名为“火焰字”。
3、栅格化文字，并复制一层，图层命名为“火焰字 副本”。对复制的图层旋转90°，并应用“滤镜—风格化—风”3次，风向从左向右。然后图层旋转—90°，移动图层使两个图层的文字重合。
4、将“火焰字 副本”再次进行复制，命名为“火焰字 副本2”，并对该图层设置高斯模糊，模糊半径为1.7像素。
5、复制背景层，拉到副本2下面，选择副本2图层执行向下合并，合并后的图层名为“背景 副本”。对合并后的图层执行滤镜—液化，先用大画笔画出大体走向，再用小画笔画出小苗，再调整色相/饱和度，勾选着色，设置色相为20，饱和度为100。混合模式设置为柔光。如图所示：
液化 色相与饱和度
6、复制“背景 副本”，图层名为“背景 副本2”。混合模式设置为叠加。
7、对“火焰字 副本”同样执行高斯模糊，这次半径大一点，设置为2.8像素，之后再复制背景图层放置到该图层下方，选择“火焰字 副本”图层执行向下合并，合并后图层命名为“背景 副本3”。对该图层同样执行滤镜—液化，绘制火苗。绘制完毕后再调整色相/饱和度，勾选着色，设置色相为35，饱和度为100。如图所示：
液化2 色相与饱和度2
8、把“火焰字”层拉到最上面，载入选区，用渐变工具设置前景色（#ffecb3）到背景色（#ff9900）的线性渐变。由上到下拉一下，放到合适位置，调整一下亮度/对比度。
9、最终的图层顺序（从上到下）及混合模式为：火焰字（正常），背景 副本2（叠加），背景 副本（柔光），背景 副本3（正常），背景（正常）。
方法/步骤
在开始之前，我们需要准备两张素材图片，旧金属和锅底素材图，大家可以在百度搜索下载，资源很多，选择喜欢的样式即可，风格不限。
打开Photoshop CS5，点击文件-新建，设置文档尺寸为1024*768像素，分辨率72 ，点击确定创建画布。
设置前景色为黑色，然后按Alt+Del键快速填充黑色背景。新建图层，选择左侧工具栏中的矩形选区工具，绘制一个矩形，然后填充颜色#a9a9a9。
点击工具栏中的文字工具T,在矩形中点击输入文字内容，颜色值为#595959 ，其它参数设置如图。
双击文字图层，打开图层样式设置，勾选【投影】选项，设置参数如下：混合模式-正片叠底；不透明度-100；角度120；距离5；大小18；颜色#000000.
勾选【斜面和浮雕】，设置参数为：内斜面、雕刻清晰、深度1000、方向-上、大小-2；角度90、高度5、高光模式-颜色减淡，值58、阴影模式-深色，值76.
勾选【颜色叠加】选项，设置混合模式为柔光，不透明度100，颜色值为#c4c4c4，
下面我们定义一个图案，需要用到之前准备的素材图了。点击文件-打开，选择旧长锈金属图素材，打开后点击菜单编辑-定义图案，命名为旧金属，点击确定按钮。
回到文字图层的图层样式设置窗口，勾选【图案叠加】，设置混合模式为柔光，图案选择刚才定义的旧金属，缩放50%，点击确定应用图层样式。
接下来，我们把矩形同样添加图层样式，具体参数设置可以按照上面文字效果来设置，下面是详细的设置图示。
选中文字图层，点击图层面板下方的蒙版按钮，添加图层蒙版。然后设置前景色为黑色，点击画笔工具，选择不同的笔尖类型，在文字上制造一些腐蚀效果。
为了效果更加逼真，再选择矩形图层，同样添加腐蚀效果。慢慢添加和调整笔尖的类型和大小，最后效果如图。
★ PS制作切割文字效果
★ PS制作烟雾文字效果
★ PS制作果酱文字效果
★ PS制作边角折叠文字效果
★ PS制作七彩电光文字效果
★ PS制作创意香水海报
★ PS制作铜板雕刻文字效果
★ PS简单制作质感倒影文字
★ 教你用PS制作电梯按钮
2.选择矩形选项工具，在选项栏的“样式”下拉列表中选择“固定大小”，宽度和高度各选择“100px”;
3.用鼠标在新建的图层上单击左键，创建出一正方形选区;
4.选择油漆桶工具，填充颜色(自定);
最终效果图
1.新建一图层;
2.选择矩形选项工具，在选项栏的“样式”下拉列表中选择“固定大小”，宽度和高度各选择“100px”;
3.用鼠标在新建的图层上单击左键，创建出一正方形选区;
4.选择油漆桶工具，填充颜色(自定);
5.用矩形选项工具在图层下方位置单击左键，创建出另一正方形选区;
6.再用油漆桶工具填充另一种颜色，点击右键取消选项;
7.用铅笔工具画出4个圆;
8.用魔棒工具选取相对的圆(单击一圆，按shift键再选取另一圆，
用PS打造非主流的拼图特效
，
);
按Del键清除，另外两圆也是如此;
9.得出效果如下，接着，设置定义图案：编辑-定义图案-确定;
10.现在打开你要添加效果的图片，新建-打开-选择你的图片，再按ctrl+shift+N-确定，新建一图层;
11.编辑-填充，选择图案;点击自定图案的小三角-选择刚才定义所做的图案-确定，效果如图：
12.添加图层样式-选择混和选项;
13.双击选择-斜面和浮雕，设置如图;
14.图象-调整-去色，效果如图;
15.图层调板中把混和模式-变暗;
16.编辑-调整-亮度/对比度，各调整为100。
原图
最终效果
1、打开原图素材，把背景图层复制一层，执行：滤镜 >模糊 >表面模糊，半径为20，阈值为10，效果如下图。
2、选择涂抹工具，细化脸部、毛发等纹理。
3、选择涂抹工具把嘴唇部分涂均匀，然后用模糊工具把整个嘴涂模糊一点。再用加深，减淡工具涂出质感，如下图。
4、按Ctrl + M 调整曲线，数值：103/155，简单把整体调白，效果如下图。
5、把背景图层复制一层，按Ctrl + Shift + U 去色，混合模式改为“正片叠底”，
把背景图层复制一层，按Ctrl + Shift + ] 置顶，去色后按Ctrl + I 反相，再执行：滤镜 >其它 >最小值，然后把图层混合模式改为“颜色减淡”，效果如下图。
6、合并所有图层，执行：滤镜 >杂色 >添加杂色，数值为1 - 1.5。确定后再执行：滤镜 >锐化 >USM锐化，数值:69/1.1/0。
7、把背景图层复制一层，执行：滤镜 >其它 >高反差保留，数值为10，确定后把图层混合模式改为“颜色加深”，再适当降低图层不透明度，效果如下图。
8、合并所有图层，执行：滤镜 >模糊 >特殊模糊，数值默认，确定后创建曲线调整图层，稍微调整一下整体对比度。
本教程制作过程虽然不多，不过作者把图片的古典水乡韵味表现的淋漓尽致。转水彩画针对不同的图片，用到的方法不完全相同，最重要的是把水彩的纹理表现出来。
原图
最终效果
1、打开原图素材，复制背景图，然后调ctrl+M或者在图像菜单>调整>亮度对比度。目的是使整个画面的绿色显得更加亮丽一些。
2、我们再复制一个图层，ctrl+shift+U去色，去完色我们使用滤镜中的艺术效果-干画笔，
3、先将这个图层的混合模式调为滤色，如果太亮可以调整透明度。我在这里适当的调整了一下透明度。
4、为了使效果更加逼真，在复制该图层然后把混合模式调为颜色，适当的调整明暗度。
5、给上面这个来个图层蒙板调整。效果如下：
原图
最终效果
1、首先将图像模式从RGB模式转化为LAB模式（打开图像，在菜单的编辑栏中找到图像->模式->选择LAB颜色项目），进入通道面板：
2、在LAB通道内调整颜色：选中B通道Control+A ，使用Control+C复制该通道，选中明度通道Control+V粘贴刚才复制的B通道，Control+D取消选区。这样的目的是加亮黄色，加暗蓝色，使得颜色得以强化，得到以下图像，
3、色彩调整：基本效果已经出来，下面我们对其他细致的方面进行调整：调整色相饱和度（黄色+10 绿色+27，洋红色-10），色彩平衡（中间调：绿色-8），或你可以随自己的喜好调整。
4、锐化图像：合并可见图层，在明度通道内锐化图像，再将图像模式从LAB模式转化回RGB模式：
5、最终效果：按住Control+J复制图层，更改混合模式为柔光，透明度50%。最后进入可选颜色面板（洋红：青色+24%，黑色+21%；绿色：青色+30 ，黑色+40，黄色-11，黄色：青色+6，黑色+5；中性色：青色+15）或按需调整，最终效果如下：
点击这里下载原文件
1）新建一图符h light，用黑白渐变工具画出一多边形为如图所示：
2）点击工具栏中文字工具，设置参数栏中的参数为：
设置完毕，在工作区的适当位置点击鼠标并输入文字：H，
3）按键盘上的Ctrl+B键，打散文字。调整其位置为如图所示：
4）新建一图符h，在工作区中的适当位置输入文字：H，并按键盘上的Ctrl+B键，打散文字，
5）切换到场景1，打开图符资料库，从中拉入图符：h light，适当调整其位置，在第8、32帧处各插入一关键帧，设置第1帧及第32帧中的图符的Alpha为0。
6）建立渐变路径为如图所示：
7）新建一图层：h，在第3帧处插入一关键帧，从图符资料库中拉入图符：h，适当调整其位置。
8）在第27帧处插入一关键帧，设置第3帧处的文字的Apha值为0，建立渐变路径为如图所示：
9）用同样的方法制作字母O、N、G、E、N的光线渐变特效。
超级漂亮的几款清新、常用的网页CSS布局配色实例
CSS制作斜角上有背景图片的Div层
Js实现的层展开、层折叠效果，默认时候层是折叠的
DIV始终固定在网页右下角位置的CSS实现方法
JavaScript未知高度元素的垂直居中的方法
渐变彩色的文字
指定文字逐条显示
滚动的标题栏
JS 4屏平滑滚动幻灯片特效
图片的无缝滚动(纵向、横向)
鼠标触及带边框的菜单
比较实用的CSS控制链接颜色效果
鼠标接触或者离开图片时，图片大小会相应变化
特殊的鼠标悬停提示
CSS Sprite制作的鼠标感应网站导航条
鼠标激活显示背景色的CSS特效代码
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，
网页特效(文字特效代码):使用li制作列表并隔行换色效果
【ps设计--文字特效教案】推荐阅读：
PS制作立体黄金文字效果06-28
PS制作漂亮奶牛文字效果07-20
PS制作水晶质感斑斓文字效果12-10
PS制作电影海报霓虹文字效果09-27
PS制作巧克力饼干文字效果11-27
办公楼建筑设计说明(文字)11-27
色彩图形与文字在平面设计中的运用论文06-21
ps平面设计课程教案09-18
计算机辅助设计ps教案10-09
