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

Photoshop
PS入门教程:简单实现照片切换动画
photoshop入门教程:软软绿色草坪
photoshop绘制中国古典木质浮雕花纹屏障
Photoshop制作天空飘零花藤缠绕文字
Photoshop透明立体字的四种做法
Photoshop制作漂亮水感文字
Photoshop教程:制作个性的立体字
Photoshop实例教程:环形放射文字
Photoshop文字特效:俏皮的立体字
Photoshop非常简单方法制作铁锈字
Photoshop字体特效:毛茸茸的绿草字
Photoshop图层样式打造金属字
Photoshop文字特效:璀璨粉红色的文字
Photoshop文字特效:质感立体字
Photoshop制作层叠的立体彩色文字
Photoshop制作特殊的石质纹理字
Photoshop制作质感琥珀文字
Photoshop图层样式制作光亮平滑金属字
Photoshop文字实例教程:晶亮文字
Photoshop简单文字实例教程:发光字

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 953 ::
收藏到网摘: 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]所示;得到最终效果图;

清明时节雨纷纷动画

最终效果:

清明时节雨纷纷动画



清明时节雨纷纷动画