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

Photoshop
Photoshop表现光线特效的秘密
通道混合器原理与计算
教你用Photoshop打造美女签名图片
Photoshop打造照片的一种迷幻效果
Photoshop制作矢量插画:秋天的树
用Photoshop打造特效文字:潜水字
超强磨皮大法--将斑点选出来
photoshop纯画笔制作人物头发
旧照换新颜 教你用PS修复老照片
Photoshop轻松打造一双秋水明眸
Photoshop滤镜巧妙绘制火流星
Photoshop中动物真实软毛的绘制过程
[PS技巧交流之十]如何对不理想照片进行综合调整?
[PS技巧之十一]通道并不神秘
[PS技巧交流十二]巧用图层蒙版换背景色彩
[PS技巧十三]利用不同图层素材进行创意合成
[PS技巧十四]创建富有个性的双色图
飞鸟动画效果的制作方法
巧用Photoshop蒙板和图层模式设计春之女神
PS魔术实例:绘制方形樱桃

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


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