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

Photoshop
22个优秀且高质量的Web界面设计PS教程
PS照片教程:D罩杯凸显的光效比基尼女孩
Photoshop制作金属质感边框纹理字特效
PS教程:质感肤色冷酷蓝色调美女照片
Photoshop教程:冷色调美女照片
Webjx推荐:30个PhotoShop笔刷下载网站
PS教程:华丽稳重较强视觉冲击力的画面
PS调色教程:浓绿森林背景照片调整
凡拓i405绘图板绘制唯美卡通美女插画
Photoshop绘制带水珠的化妆品小瓶子
Photoshop婚纱照片处理:唯美暗调婚片
Photoshop创建非常酷的折叠字体效果
Photoshop简单合成教程:美女添加纹身
PS背景橡皮擦抠图教程:美女飘逸长发
PS教程:婚纱照片调色经典爱情故事
Photoshop制作唯美艺术郁金香
Photoshop钢笔通道给美女抠图
Photoshop和光影魔术手数码暗房磨皮教程
Photoshop手绘教程:矢量风格的女歌手
两个4A广告公司制作的后期修图的案例

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


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

清明时节雨纷纷动画

最终效果:

清明时节雨纷纷动画



清明时节雨纷纷动画