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

Photoshop
PS合成教程:创意的帅哥玩滑板海报
PS图片教程:梦幻的山水风景画
Photoshop教程:颓废风格美女手机照片
PS教程:音画设计中处理边框的技巧
Photoshop绘制绿色鲜花风格网站首页模板
Photoshop详细制作蓝色风格网站首页模板
PS调色教程:使美女婚纱照片色调清晰舒服
Photoshop鼠绘可爱的卡通小熊
PS模拟压力描边画笔问题
把PSD格式的WordPress模板切割成HTML页面教程
PS婚纱照片:梦幻的爱琴乐章特效
PS图片合成:炫彩都市时尚女孩
Photoshop CS4教程:制作古书红楼梦封面
NBA巨星阵容创意的的阿迪达斯广告设计
photoshop工具设计有趣的涂鸦效果海报
PS颜色替换工具把金黄色的枫叶改成绿色
PS绘画工具模拟国画效果的研究和理解
PS图片创意合成:超酷的子弹冲击特效
PS教程:Lab模式调整淡蓝色婚纱照片
PS美女照片教程:简化背景突出人物技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 276 ::
收藏到网摘: 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动画教程:打造美丽春天里飞舞的蝴蝶_软晨学习网