当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU

Photoshop
作品欣赏:简约而不失美感纯线条作品
佳作欣赏:50张绝对惊艳的像素画设计
分享国外设计师设计极乐的LOGO商标设计
Photoshop教程:绘制蓝色风格水晶小房子
PS图片调色教程:清爽色调的海滩照片
Photoshop签名教程:古典风格的传世唯美
PS图片调色实例:欧美风格亮红色调的图片
Photoshop制作粘贴翘边阴影照片装饰效果
佳作欣赏:35个时尚风格透明效果LOGO作品
广告设计欣赏:绚丽的手机宣传广告设计作品
Photoshop教程:炫彩的花纹文字特效
Photoshop教程:绘制金属质感的铝锅
PS文字特效教程:水晶边框炫彩的立体文字
Photoshop图片调色教程:褪色的记忆
Photoshop调色教程:黄昏下感觉的图片
设计师Barry Downard设计作品欣赏
作品欣赏:汽车创意广告设计平面作品
Photoshop调色教程:漂亮的橙黄色调图片
Photoshop绘制绚丽的感觉非常舒服的光束壁纸
作品欣赏:漂亮的外形的包装设计作品

Photoshop逐帧动画基础教程:QQ表情 I LOVE YOU


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 244 ::
收藏到网摘: n/a

此教程针对新手,高手就不要看了哈

今天我们要学做的动画很简单,六个图层六个帧,(图层数不等于帧数,一个帧可以包含多个图层内容)先看效果

先打开三张花朵图片,分别抠图,然后全部拉到一个文档中.(用移动工具,按住左键,然后直接拖动到另一个图片文档中)

现在就有三个图层了,按Ctrl+T把他们的大小调整到差不多大

选择第一个图层,然后按住SHIFT键点最后一个图层,全选所有图层.在移动工具  属性栏里将它们对齐,(垂直,水平居中对齐)

然后新建文字层,输入文字I,字小了可以按CTRL+T显示变换控件,把字拉大

再分别新建LOVE层和YOU层,并再次全选所有图层,将它们对齐

打开窗口/动画

显示动画调板,已经有一帧了,这一帧包含了所有图层的内容.因为我们把所有图层的眼睛都打开了

点开第一帧右下角的小三角,选择一个时间

我们的目的是要让这些图层内容按一定顺序,时间依次显示出来,所以我们要关闭在这一帧中多余显示的图层只显示最下面的那朵非洲菊

再新建一帧,(点兰框处)得到一个新帧,但这一帧的内容与前一帧一模一样呀,这是因为我们能看到的图层还是那朵非洲菊

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

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

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

我们完成了为每一个图层建立一个新帧后就可以点播放按键看效果了

效果如图

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

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

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

为了方便大家练习,这里提供PNG格式的素材(右键点击图片——图片另存为,然后到PS中打开,否则将不会是透明背景)