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

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

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


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