半小时教会你做动画头像,标签：淘宝网店装修教程,淘宝网店装修,http://www.dxs56.com

很多朋友都想拥有与自己销售类目有关的动画头像，来展示自己的宝贝，但苦于不会制作，无奈的只好贴上静态的图片或找一些现成的ＧＩＦ，可现成的ＧＩＦ又不是很近人意，而静态图片又不够生动，所以我就萌生了教大家制作简单动画的想法。首先声明本人非专业人士，专业高手大侠们也不要笑话我啊。献丑从这里开始……哈哈
制作工具
　　Adobe Photoshop 6.0
　　Adobe ImageReady 3.0
相关图片
因为本人是做ＸＸ专卖的所以找了几张ＸＸ化妆品的图片（怕被认为是广告贴哈，所以ＸＸ代表了。嘿嘿）

 

以上是我事先准备好的图片，你可以准备好自己喜欢的图片，调整好图片让图片大小一致，以上图片尺寸为８３×８３像素。以下所有操作全都是菜单化操作，如果你会用快捷键那样能快很多。
处理图片
第一步：在Adobe Photoshop中新建一个１２０×１２０像素透明背景的新图（详见下图提示）

 

第二步：打开第一张图片全选、复制后，粘贴到新建的图中（详见下图提示）

 

第三步：将复制过来的第一张图用自由变换调整好位置后，复制５份，图层的名字改为01、02、03、04、05（详见下图提示）

 

第四步：将第二张图片和第三张图片，都按照前面所说的步骤放到这张新建的图中。注意在操作第二张图片时不要自由变换，这是为了让动画有不同方向的图片，使动画更富有动感。第三张图片完全按照上一步操作。
　　现在这张空图中有三组１５个图层，从第一层图片开始，我们设置０１图层的不透明度为３３％，效果为溶解。０２图层的不透明度为６６％，效果为溶解，０３图层的不透明度为１００％，效果为正常。０４图层的不透明度为６６％，效果为溶解。０５图层的不透明度为３３％，效果为溶解。按图层０１ －０５步骤，分别设置第二组５个图层和第三组５个图层。设置完后将每个图层的眼睛全部去掉（详见下图提示）

 

第五步：给图片添加品牌文字，并调整好你喜欢的颜色和字体，注意这次不要把眼睛点没（详见下图提示）

 

第六步：看来看去总觉的缺点什么……哦对左上角有个品牌文字，右下角就显得有些空，那好我们给右下角添加个落款或是促销语，输入文字“..路爱楠”，并调整好文字颜色、大小等，将这个文字层复制５份（别告诉我你不会复制图层，如果不会详细读前文），将第一层文字只留一个“.”，第二层留“..”，第三层留“..路”，第四层留“..路爱”，第五层“..路爱楠”，好！你太有才了全部做对。做完以上步骤后把５个文字层的眼睛取消掉。注意因为每组图层是５张，所以在这里要输入５个字符，过一会我们也要让它动起来（详见下图提示）

 

以上是处理图片的全部过程，用时２０分钟。下面我们还有１０分钟时间，抓紧时间啊，也到了另我们激动的时刻了。注意不要忘记ＣＴＲＬ＋Ｓ（保存），保存文件名为“动画头像.ＰＳＤ”。
制作动画
　　当然先要打开睡了20分钟大觉的Adobe ImageReady 3.0了，使用Ulead GIF Animator也可以，不过我不会用。闲话少说进入正文。在Adobe ImageReady打开“动画头像.ＰＳＤ”
　　设置第一帧：把０１图层和文字层“.”前面的眼睛点选（详见下图提示）

 

设置第二帧：点新建帧得到第二帧，然后先把０１图层和“.”前面的眼睛去掉。将０２图层和“..”前面的眼睛点选（详见下图提示）

 

第三帧—第十五帧设置：重复以上两帧设置过程，直至十五帧设置完成。需要注意的有３点，１、文字层只有一组5层，也就是说每个文字层都要被使用三次。２、每次新建帧后，在当前帧要把上帧图层遗留的眼睛去掉。３、无论哪帧都要显示品牌那图层，也就是眼睛始终显示。
　　以上全部设置完后，选中所有的帧设置延时，设置完后保存，完成全部制作（详见下图提示）

 

２９分５９秒……终于完成了，做动画用了半小时，写帖子整整占去了我两天的所有业余时间，辛苦呀，一定要回帖啊。效果图可以看我在论坛的头像，希望此贴能开拓你的思路，制作出更好更富有想象力的动画。