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

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逐帧动画基础教程:QQ表情 I LOVE YOU


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

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

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

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

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

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

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

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

打开窗口/动画

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

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

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

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

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

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

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

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

效果如图

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

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

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

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