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

Photoshop
Photoshop绝妙手绘精美新年贺卡
《功夫之王》海报和剧照欣赏
PS+IR联合打造流光字动画
《功夫之王》人物角色海报曝光
怦然心动的绝色CG美女作品欣赏
2008年新潮的网页版式设计作品欣赏
假新闻照片制作的方法
Photoshop+Painter手绘贵妇插画
PS照片:美容前后的区别
欣赏:非常实用的button按钮
Photoshop CS3教程:为动画增添特殊效果
惊世骇俗的化装师
佳作欣赏:水泡也能游泳
Photoshop+友基PF8060绘女刺客插画
Photoshop+友基PF8060绘制场景
佳作欣赏:北京2008设计元素欣赏
Photoshop CS3+友基绘影2数位板绘图实例
手绘漫画表达对地震灾害遇难者的哀悼
祈福:插画师用画笔绘5.12地震主题插画
《圣火征途》奥运史诗大片欣赏

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


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

清明时节雨纷纷动画

最终效果:

清明时节雨纷纷动画



清明时节雨纷纷动画