当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作2009年清明时节雨纷纷GIF动画

Photoshop
PHOTOSHOP渐变工具的巧用
Photoshop制作自然风化文字
Photoshop心经:给美女换裙子
初窥PhotoShop6.0
上网更精彩,网上图片全解析
用好Photoshop的手足兄弟 ImageReady
丝丝金发不是梦:巧用Photoshop的提取功能
揭开Photoshop7.0不能输入空格之谜
Photoshop7.0人像抠图实战
学做手机图片赚点钱
Photoshop 6经验技巧集锦
Photoshop中有效的几种“抠图”技法
Photoshop 7常见使用问题之专家会诊
用Photoshop滤镜 三分钟轻松搞定拼图
教你使用Photoshop 7.0的修复笔
巧用Photoshop 制作三星T408屏幕壁纸
Photoshop:篮网飘逸效果设计步步进
照片优化秘籍:PS让你的照片充满动感
实用小技巧:[PS]去除“红眼”
如何在Photoshop中轻松调整图像选区?

Photoshop制作2009年清明时节雨纷纷GIF动画


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

先看一下最终效果:

清明时节雨纷纷动画


清明时节雨纷纷动画

素材:(点击放大)

素材



素材



素材



素材



素材

第一步:新建一个550×403背景为透明的文件,打开背景素材(快捷键ctrl+o),调整大小放到图中的合适位置,可以用键盘上的左右箭头键轻移;合并可见图层,效果见[图片1];

清明时节雨纷纷动画



第二步:打开2009素材(快捷键ctrl+o),调整适当大小放到图中左上角的合适位置,效果见[图片2];

清明时节雨纷纷动画

第三步:打开心形素材(快捷键ctrl+o),调整适当大小放到图片中间的合适位置,效果见[图片3];

清明时节雨纷纷动画

第四步:使用竖排文字工具(快捷键T),前景色设置成黑色输入“清明”两个文字;文字设置效果见[图片4],设置投影效果,设置见[图片5],得到效果见[图片6];

清明时节雨纷纷动画



清明时节雨纷纷动画



清明时节雨纷纷动画

第五步:使用竖排文字工具(快捷键T),前景色设置成黑色输入“清明时节雨纷纷”七个文字;文字设置效果见[图片7],设置投影效果,设置见[图片5],得到效果见[图片8];

清明时节雨纷纷动画



清明时节雨纷纷动画



清明时节雨纷纷动画

第六步:使用竖排文字工具(快捷键T),前景色设置成黑色输入“路上行人欲断魂”七个文字;文字设置效果见[图片9],设置投影效果,设置见[图片5],得到效果见[图片10];

清明时节雨纷纷动画



清明时节雨纷纷动画



清明时节雨纷纷动画

第七步:使用同样设置再输入“借问上网何处去”“牧童遥指enet”,设置同样的投影效果,可以复制上面图层效果,再粘贴设置效果,右击图层即可显示拷贝与粘贴图层样式菜单,设置效果见[图片11],得到效果见[图片12];

清明时节雨纷纷动画


清明时节雨纷纷动画

第八步:打开牧童素材(快捷键ctrl+o),使用钢笔工具或蒙版工具总之是你喜欢的方式把牧童骑牛抠出来,调整适当大小放到图片左下角的合适位置,效果见[图片13];

清明时节雨纷纷动画



第九步:前期准备工作到现在就全部结束了,【窗口-动画】把动画面板调出来,新建五帧,一共六帧。第一帧隐藏所有文字图层、心形图层设置不透明度为30%,,效果见[图14];

清明时节雨纷纷动画

第十步:第二帧增加显示“清明”文字图层、心形图层设置不透明度为50%,,效果见[图15];

清明时节雨纷纷动画


第十一步:第三帧增加显示“清明时节雨纷纷”文字图层、心形图层设置不透明度为70%,,效果见[图16];

清明时节雨纷纷动画

第十二步:第四帧增加显示“路上行人欲断魂”文字图层、心形图层设置不透明度为90%,,效果见[图17];

清明时节雨纷纷动画



第十三步:第五帧增加显示“借问上网何处去”文字图层、心形图层设置不透明度为100%,,效果见[图18];

清明时节雨纷纷动画

第十四步:第六帧增加显示“牧童遥指ENET”文字图层、心形图层设置不透明度为100%,,效果见[图19];

清明时节雨纷纷动画



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

清明时节雨纷纷动画

最终效果:

清明时节雨纷纷动画



清明时节雨纷纷动画