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

Photoshop
唯美三维字效果教程(内附外挂滤镜和唯美星空笔刷)
轻松将照片加入动态相框
PS打造水中倒影
Photoshop打造插画风格夕阳武士
谈Photoshop学习:用专业方式解决问题
PS打造折纸效果(原创教程)
[原创]PS另类抠图
(原创)“三步”美化你的图片
PS7.0 下雨的星期天(原创)
抽时间做了一把檀香扇,还请多多指教(原创)
Photoshop CS3亲密接触(1):体验界面进化之美
Photoshop CS3亲密接触(2):感受新Bridge
Photoshop CS3亲密接触(3):照片补血只需一步
叠加模式在调整图像中的应用(原创基础教程)
Photoshop CS3亲密接触(4):缔造完美曲线
Photoshop CS3亲密接触(5):怀旧赫本 黑白魅影
Photoshop CS3亲密接触(6):快速选取新定义 轻松DIY商品靓照
Photoshop CS3亲密接触(7):灵异鹦鹉 轻松克隆-新Clone Sauce
Photoshop CS3亲密接触(8):新混合模式 造奇酷波普效果
PS+IR制作闪闪的水晶字

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


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