当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop动画教程:打造美丽春天里飞舞的蝴蝶

Photoshop
Photoshop教程:运用滤镜几步打造漂亮草坪
Photoshop教程:极坐标滤镜打造黄金闪光十字架
Photoshop教程:杂色滤镜将MM打造成石雕效果
Photoshop基础教程:通过实例讲解曲线工具调色的应用
Photoshop鼠绘教程:设计绘制逼真可口的橙子全过程
Photoshop教程:合成创意打造奥运超越激情梦想海报
Photoshop基础教程:活用笔刷制作有个性的自然边缘
Photoshop教程:打造中秋月圆动画签名效果
Photoshop鼠绘教程:打造质感逼真玻璃酒杯
Photoshop教程:详细讲解质感表现基础手法
Photoshop基础教程:学习鼠绘应该掌握的工具和概念
Photoshop教程:照片转唯美插画效果
photoshop教程:逐帧动画基础实例:画笔写字
photoshop教程:合成加手绘制作食品广告实例
photoshop手绘教程:结合数位板绘制花间情侣漫画
photoshop手绘教程:结合数位板欧式华丽美男插画
photoshop鼠绘教程:绘制逼真的乒乓球拍
Photoshop教程:钢笔工具制作梦幻漂亮蓝色蜻蜓
photoshop鼠绘基础教程:运用笔刷绘制漫画人物头发
Photoshop教程:调出古铜金属色调美女

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶


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

先看一下最终效果: 

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

素材下载:

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

GIF素材:

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

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

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第二步:使用Adobe ImageReady CS打开小姑娘素材,另存为PSD格式,再到Adobe.Photoshop.CS3里打开,移动到图片适当位置,(这样操作是避免有白底),记得移动过来时把所有图层全部移动过来噢,效果见[图片2];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第三步:打开蓝蝴蝶素材(方法与小姑娘素材打开方法一样),放到图片中间的合适位置,效果见[图片3];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第四步:使用竖排文字工具(快捷键T),前景色设置成深绿色(颜色代码016606)输入“春天的”三个文字;文字设置效果见[图片4],得到效果见[图片5];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第五步:打开紫蝴蝶素材(方法与小姑娘素材打开方法一样),放到图片中间的合适位置,效果见[图片6];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第六步:使用竖排文字工具(快捷键T),前景色设置成紫色,可以在紫蝴蝶上吸引(颜色代码cf38dc)输入“蝴”字;文字设置效果见[图片7],得到效果见[图片8];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第七步:使用竖排文字工具(快捷键T),前景色设置成蓝色,可以在蓝蝴蝶上吸引(颜色代码0477c9)输入“蝶”字;文字设置效果见[图片9],得到效果见[图片10];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第八步:使用竖排文字工具(快捷键T),前景色设置成深绿色(颜色代码016606),输入文字“是姑娘迎风飘飞的彩裙”;文字设置效果见[图片11],得到效果见[图片12];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第九步:使用竖排文字工具(快捷键T),前景色设置成深绿色(颜色代码016606),输入文字“多情而迷离”;文字设置效果见[图片11],得到效果见[图片13];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十步:使用竖排文字工具(快捷键T),前景色设置成深绿色(颜色代码016606),输入文字“不要盘恒于我的心田”;文字设置效果见[图片11],得到效果见[图片14];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十一步:使用竖排文字工具(快捷键T),前景色设置成深绿色(颜色代码016606),分别输入文字“不要栖息在我的肩头、要知道我是这世上匆忙的过客、在下一个冬季来临之前、一个人继续朝春天的方向走去”;文字设置效果见[图片11],得到效果见[图片15];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十二步:打开紫蝴蝶素材(快捷键ctrl+o),复制两层,使用【编辑-自由变换】命令,调整蝴蝶大小,选择三层黑蝴蝶,旋转适当角度。得到效果见[图片16];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十三步:为图片文字部分不显得单调,在背景图层上面新建一个图层,前景色设置为05b332使用花朵笔刷,笔刷调整一下大小,我调整成200,在图片适当位置画上笔刷,设置不透明度为10%,得到效果见[图片17];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十四步:前期准备工作到现在就全部结束了,【窗口-动画】把动画面板调出来,新建二十帧,一共二十一帧。第一帧隐藏所有文字图层、蝴蝶图层,显示小姑娘的最下面一层,效果见[图18];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十五步:第二帧增加显示“春天的”文字图层、黑蝴蝶与蓝蝴蝶的一层,小姑娘变换一层,效果见[图19];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十六步:第三帧增加显示紫蝴蝶图层、蝴字图层,黑蝴蝶、蓝蝴蝶与小姑娘变换一层,效果见[图20]

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十七步:第四帧增加显示蝶字图层,紫蝴蝶、黑蝴蝶、蓝蝴蝶与小姑娘均变换一层,效果见[图21];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十八步:第五帧增加显示一列文字图层,紫蝴蝶、黑蝴蝶、蓝蝴蝶与小姑娘均变换一层,效果见[图22];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

第十九步:以后各帧均增加显示一列文字图层,紫蝴蝶、黑蝴蝶、蓝蝴蝶与小姑娘均变换一层,直到所有文字图层全部显示,效果见[图23];

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网

最终效果:

Photoshop动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网