手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop鼠绘 卡通文字动画
Photoshop鼠绘 卡通文字动画
摘要:先看一下最终效果:第一步:打开背景素材1和背景素材2,使用【图像-图像大小】命令,缩小图片至580×246像素,背景素材2放上面...

先看一下最终效果:

Photoshop鼠绘 卡通文字动画1

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

Photoshop鼠绘 卡通文字动画2

图片1

Photoshop鼠绘 卡通文字动画3

图片2

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

Photoshop鼠绘 卡通文字动画4

图片3

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

Photoshop鼠绘 卡通文字动画5

图片4

Photoshop鼠绘 卡通文字动画6

图片5

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

Photoshop鼠绘 卡通文字动画7

图片6

Photoshop鼠绘 卡通文字动画8

图片7

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

Photoshop鼠绘 卡通文字动画9

图片8

Photoshop鼠绘 卡通文字动画10

图片9

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

Photoshop鼠绘 卡通文字动画11

图片10

第七步:复制刚描边得到的图层,设置外发光效果,设置效果见[图片11],得到效果见[图片12];

Photoshop鼠绘 卡通文字动画12

图片11

Photoshop鼠绘 卡通文字动画13

图片12

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

Photoshop鼠绘 卡通文字动画14

图片13

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

Photoshop鼠绘 卡通文字动画15

图片14

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

Photoshop鼠绘 卡通文字动画16

图片15

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

Photoshop鼠绘 卡通文字动画17

图片16

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

Photoshop鼠绘 卡通文字动画18

图片17

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

Photoshop鼠绘 卡通文字动画19

图片18

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

Photoshop鼠绘 卡通文字动画20

图片19

Photoshop鼠绘 卡通文字动画1

图片20

【Photoshop鼠绘 卡通文字动画】相关文章:

Photoshop打造精美的玻璃项坠饰品

Photoshop精致鼠绘实例:逼真的鱼

Photoshop合成一幅美丽动人的画卷

Photoshop简单打造怀旧色调效果

Photoshop CS4最新窗口截图教程

Photoshop淘宝全屏海报制作全程解析

photoshop制作gif动画实例

用Photoshop打造形象滴墨效果

用Photoshop字体特效让照片文字更生动

Photoshop鼠绘实例之鲜美葡萄绘制教程

精品推荐
分类导航