当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop鼠绘 卡通文字动画

Photoshop
文字滚屏动画[ImageReady]
Photoshop教程:结合KPT滤镜制作水晶贝壳
渐隐移位动画[ImageReady]
撕边效果制作方法
PS打造标本瓶
教你打造一枚酷酷的镖
简单制作毛笔字
CS2 布纹效果
打造自己的个性卡片
Photoshop教程:巧用路径描边绘制中国工笔画
PS制作像素坠子
Potoshop临摹工笔画
水晶枫叶
指南针
图片合成[蒙板全揭密]
怀旧照片处理方法
PS制作墨迹像框
photoshop中的虚线
点燃设计之火-PS鼠绘一只打火机
Photoshop鼠绘一支木质笔竿蘸水笔

Photoshop鼠绘 卡通文字动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 714 ::
收藏到网摘: n/a

先看一下最终效果:
Photoshop鼠绘 卡通文字动画

第一步:打开背景素材1和背景素材2,使用【图像-图像大小】命令,缩小图片至580×246像素,背景素材2放上面,效果设置见[图片1],使用套索工具(快捷键L)把背景素材1上面的大蝴蝶和小蝴蝶向左适当移动(移动时记得把背景设置成白色),整个图片效果见[图片2];
Photoshop鼠绘 卡通文字动画

图片1

Photoshop鼠绘 卡通文字动画

图片2

第二步:打开小姑娘素材,使用魔棒(快捷键W)等选取工具把小姑娘抠出来,放到图片左边适当位置,效果见[图片3];
Photoshop鼠绘 卡通文字动画

图片3

第三步:使用竖排文字工具(快捷键T),前景色设置成深黄色(颜色代码ffb02e),分四列输入“我言秋日胜春朝,自古逢秋悲寂寥, 晴空一鹤排云上, 便引诗情到碧宵。”四句诗词文字,文字设置效果见[图片4],文字再描一像素的黑边,得到效果见[图片5];
Photoshop鼠绘 卡通文字动画

图片4

Photoshop鼠绘 卡通文字动画

图片5

第四步:使用横排文字工具(快捷键T),前景色设置深红色,(颜色代码b84242),输入初字,文字设置效果见[图片6],得到效果见[图片7];
Photoshop鼠绘 卡通文字动画

图片6

Photoshop鼠绘 卡通文字动画

图片7

第五步:使用横排文字工具(快捷键T),前景色设置深黄色,(颜色代码ffb02e),输入秋字,文字设置效果见[图片8],得到效果见[图片9];
Photoshop鼠绘 卡通文字动画

图片8

Photoshop鼠绘 卡通文字动画

图片9

第六步:在图层面板,使用Ctrl+鼠标单击,选中初字图层,再使用Shift+Ctrl+鼠标单击,增加选中秋字图层,得到两个字的选区,创建新图层,设置前景色为白色,使用【编辑-描边】命令,描边效果见[图片10];
Photoshop鼠绘 卡通文字动画

图片10

第七步:复制刚描边得到的图层,设置外发光效果,设置效果见[图片11],得到效果见[图片12];
Photoshop鼠绘 卡通文字动画

图片11

Photoshop鼠绘 卡通文字动画

图片12



第八步:设置前景色为深黄色(颜色代码ffb02e),使用画笔工具(快捷键B),选用落叶笔刷,在图中适当位置点上落叶;得到效果见[图片13];
Photoshop鼠绘 卡通文字动画

图片13

第九步:前期准备工作到现在就全部结束了,【窗口-动画】把动画面板调出来,新建四帧,一共五帧。第一帧显示诗词的第一句,隐藏诗词的后三句文字图层、隐藏初秋的描边与外发光效果,效果见[图片14];
Photoshop鼠绘 卡通文字动画

图片14

第十步:第二帧显示诗词前两句,隐藏诗词的后两句文字图层,显示初秋的描边效果,隐藏初秋的外发光效果,使用移动工具(快捷键V)把落叶图层稍稍往下移动,效果见[图片15];
Photoshop鼠绘 卡通文字动画

图片15

第十一步:第三帧显示诗词前三句,隐藏诗词的后一句文字图层,显示初秋的描边效果及初秋的外发光效果,使用移动工具(快捷键V)再次把落叶图层稍稍往下移动,效果见[图片16];
Photoshop鼠绘 卡通文字动画

图片16

第十二步:第四帧显示全部诗词,显示初秋的描边效果隐藏初秋的外发光效果,使用移动工具(快捷键V)再次把落叶图层稍稍往下移动,效果见[图片17];
Photoshop鼠绘 卡通文字动画

图片17

第十三步:第五帧显示初秋的描边效果及初秋的外发光效果,使用移动工具(快捷键V)再次把落叶图层稍稍往下移动,效果见[图片18];
Photoshop鼠绘 卡通文字动画

图片18

第十四步:在动画面板上,设置前四帧延迟时间为0.5秒,第五帧延迟时间为1秒,设置效果见[图片19];点击【动画面板-插放动画】按钮,执行【文件-存储Web所用格式】,得到最终效果图[图片20];
Photoshop鼠绘 卡通文字动画

图片19
Photoshop鼠绘 卡通文字动画
图片20