Photoshop CS3教程:打造奥运福娃动画效果

来源:岁月联盟 编辑:zhuzhu 时间:2008-08-25
Photoshop CS3教程:打造奥运福娃动画效果内容简介:先看一下最终效果: 素材 一、新建一个400*250像素,背景为透明的文件(快捷键ctrl+N),设文件名为奥运中国[图1]; 二、用移动工具(快捷键V)拖动素材1到文件并调整相应位置,做图片背景[图2]; 三、用魔 先看一下最终效果:

Photoshop CS3教程:打造奥运福娃动画效果

  素材

Photoshop CS3教程:打造奥运福娃动画效果

Photoshop CS3教程:打造奥运福娃动画效果

  一、新建一个400*250像素,背景为透明的文件(快捷键ctrl+N),设文件名为奥运中国[图1];

Photoshop CS3教程:打造奥运福娃动画效果

  二、用移动工具(快捷键V)拖动素材1到文件并调整相应位置,做图片背景[图2];

Photoshop CS3教程:打造奥运福娃动画效果

  三、用魔棒工具设容差值15在素材2上选取黑色并删除,拉到图片相应位置并调整大小得到边框[图3];

Photoshop CS3教程:打造奥运福娃动画效果

  四、设前景色3f3737,使用画笔工具,选择翅膀笔刷,调整大小,在边框左面刷上笔刷,刷完再复制一个做镜象放到右面[图4];

Photoshop CS3教程:打造奥运福娃动画效果

  五、从素材3中抠出6个相应福娃,调整大小为可以放到相框之内即可。我选择了赛艇、举重、击剑、皮划艇、现代五项、及柔道六个项目的福娃[图5];

Photoshop CS3教程:打造奥运福娃动画效果

  六、在素材4上得到五环,并调整大小放到相应位置[图6];

Photoshop CS3教程:打造奥运福娃动画效果

  七、在素材3或素材4中抠出五福娃,调整大小放到五环中[图7];

Photoshop CS3教程:打造奥运福娃动画效果

  八、前景色设成3c984a输入文字奥,前景色设成e81e21输入文字运。这里我用的汉仪篆书繁字体[图8];

Photoshop CS3教程:打造奥运福娃动画效果

  九、前景色设成51abc9输入文字中,前景色设成1b1d1b输入文字国。这里我用的汉仪方隶字体[图9];

Photoshop CS3教程:打造奥运福娃动画效果

  十、把得到的四个文字图层用移动工具(快捷键V)放到相应位置[图10];

Photoshop CS3教程:打造奥运福娃动画效果

  十一、前景色为黑色输入☉●麻辣姐姐●☉(你做当然输入你的名字喽)[图11];尽量放到右下角不影响全局的地方[图112];

Photoshop CS3教程:打造奥运福娃动画效果

Photoshop CS3教程:打造奥运福娃动画效果

  十二、准备工作结束了,现在窗口菜单把动画面板调出来,点新建按钮,新建5帧[图12];

Photoshop CS3教程:打造奥运福娃动画效果

  十三、第一帧只显示赛艇福娃、边框、五环及背景[图13];

Photoshop CS3教程:打造奥运福娃动画效果

  十四、第二帧增加显示奥字,赛艇换成举重,增加一个福娃贝贝[图14];

Photoshop CS3教程:打造奥运福娃动画效果

  十五、第三帧增加显示运字,举重换成击剑,增加一个福娃迎迎[图15];

Photoshop CS3教程:打造奥运福娃动画效果

  十六、第四帧增加显示中字,击剑换成皮划艇,增加一个福娃晶晶[图16];

Photoshop CS3教程:打造奥运福娃动画效果

  十七、第五帧增加显示国字,皮划艇换成现代五项,增加一个福娃妮妮[图17];

Photoshop CS3教程:打造奥运福娃动画效果

  十八、第六帧现代五项换成柔道,及全部文字及五福娃图层[图18],所有帧显示时间均设成0.5秒[图182];

 

Photoshop CS3教程:打造奥运福娃动画效果

Photoshop CS3教程:打造奥运福娃动画效果

  十九、最后一步,文件菜单下存储为web所用格式快捷键Alt+ctrl+shift+s[图19];

Photoshop CS3教程:打造奥运福娃动画效果

  最终效果:

Photoshop CS3教程:打造奥运福娃动画效果