WEB开发网
开发学院图形图像PhotoShop Photoshop逐帧动画基础教程:教你做QQ表情 阅读

Photoshop逐帧动画基础教程:教你做QQ表情

 2008-08-25 18:29:09 来源:WEB开发网   
核心提示:我们的目的是要让这些图层内容按一定顺序,时间依次显示出来,Photoshop逐帧动画基础教程:教你做QQ表情(2),所以我们要关闭在这一帧中多余显示的图层只显示最下面的那朵非洲菊 再新建一帧,(点兰框处)得到一个新帧,关掉红玫瑰图层的眼睛,打开黄玫瑰图层的眼睛 接下来当然是依葫芦画瓢罗 我们完成了为每一个图层建立一个新
我们的目的是要让这些图层内容按一定顺序,时间依次显示出来,所以我们要关闭在这一帧中多余显示的图层只显示最下面的那朵非洲菊

逐帧动画基础教程:教你做QQ表情
  再新建一帧,(点兰框处)得到一个新帧,但这一帧的内容与前一帧一模一样呀,这是因为我们能看到的图层还是那朵非洲菊

逐帧动画基础教程:教你做QQ表情

  我们只要关掉图层面板上的非洲菊图层前的眼睛,打开红玫瑰图层前的眼睛,这一帧的内容就不同了吧(*_*),由此可以看出,点开哪个图层的眼睛当前帧就会显示哪个图层的内容

逐帧动画基础教程:教你做QQ表情

  再新建一帧,关掉红玫瑰图层的眼睛,打开黄玫瑰图层的眼睛

逐帧动画基础教程:教你做QQ表情

  接下来当然是依葫芦画瓢罗

逐帧动画基础教程:教你做QQ表情
  我们完成了为每一个图层建立一个新帧后就可以点播放按键看效果了

逐帧动画基础教程:教你做QQ表情

  效果如图

逐帧动画基础教程:教你做QQ表情


  这些画面按一定顺序时间依次显示形成了最简单的动画

  效果OK了就可以保存了,执行文件/WEB所用格式/GIF格式.......进行保存,记得把循环设置为永远哦

逐帧动画基础教程:教你做QQ表情

  下面是我做的另一个动画.方法是一样的.只是为文字层加了点好看的样式

逐帧动画基础教程:教你做QQ表情

上一页  1 2 

Tags:Photoshop 动画 基础

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接