Photoshop时间轴简单制作gif动画效果

  发布时间:2015-02-10 11:03:33   作者:佚名   我要评论
这篇教程主要是向程序员之家的朋友介绍Photoshop时间轴简单制作gif动画效果方法,教程比较基础,很适合新手来学习,推荐到程序员之家,喜欢的朋友一起来学习吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

很多人都不知道Photoshop能制作动画,这功能很好用的,很简单。下面我教大家如何用ps制作动画——这是一个比较简单的例子,不过方法在这,后面复杂的也是这样做。希望能对大家有所帮助!

认真学即使初学Photoshop也很容易学会。

工具/原料

Photoshop

任意素材

方法/步骤

1、点击窗口,添加(时间轴)窗口,如下图。

Photoshop时间轴简单制作gif动画效果

2、首先,打开素材图。

Photoshop时间轴简单制作gif动画效果

3、点击右下角图层——右击——复制图层。

Photoshop时间轴简单制作gif动画效果

4、在第二个图层编辑修改图片。

如下图步骤:点灭第三个图层——选择第二个图层——选择白色——画笔工具——把眼睛涂掉

Photoshop时间轴简单制作gif动画效果

5、在左边点击(椭圆选框工具)在眼睛出抠一个圆,如图

Photoshop时间轴简单制作gif动画效果

6、选择黑色——如图选择油桶工具——点击眼睛填充黑色

Photoshop时间轴简单制作gif动画效果

7、填充完后:Ctrl+c,复杂——Ctrl+v,粘贴——Ctrl+t,自由变换。

移动眼睛到另一只眼睛上,如图。

 

Photoshop时间轴简单制作gif动画效果

8、点击任意工具——应用自由变换,如图。

Photoshop时间轴简单制作gif动画效果

9、选择右下角刚刚编辑的两个图层——合并图层。

Photoshop时间轴简单制作gif动画效果

10、如图所示,图层二编辑完成,同理,编辑图层三。

Photoshop时间轴简单制作gif动画效果

Photoshop时间轴简单制作gif动画效果

11、关键步骤到了——在地下时间轴处点击图片——设置时间轴间隔时间图为0.5s.

Photoshop时间轴简单制作gif动画效果

12、点击如图示——复制所选帧。

Photoshop时间轴简单制作gif动画效果

13、选择第二个帧,点灭最右边的眼睛把其他两个图层点灭,让图像显示第二个图层。

Photoshop时间轴简单制作gif动画效果

14、选择第三个帧,如此类推,点灭其他,留第一个图层显示。后面几个图层也一样,让每个帧眼睛显示不一样。

Photoshop时间轴简单制作gif动画效果

15、选择时间轴底下的播放键,播放,即可看到眼睛不停换的播放。

Photoshop时间轴简单制作gif动画效果

16、保存——保存web所用格式。

Photoshop时间轴简单制作gif动画效果

17、播放看看有没有错——现在gif——储存。

Photoshop时间轴简单制作gif动画效果

18、修改文件名,保存。

Photoshop时间轴简单制作gif动画效果

19、打开,看到制作完成的gif。

Photoshop时间轴简单制作gif动画效果

注意事项

最好边做边看教程,比较易懂。

ps cs4时间轴工具叫做“动画”

以上就是Photoshop时间轴简单制作gif动画效果方法,希望能对大家有所帮助!

相关文章

  • Photoshop时间轴之5个小技巧详细解析

    这篇教程是向程序员之家的朋友详细介绍Photoshop时间轴之5个小技巧,教程比较实用,对于学习者来说很值得大家学习,一起来看看吧
    2016-05-11
  • 用ps时间轴制作漂亮的动态图片

    这篇教程是向程序员之家的朋友介绍用ps时间轴制作漂亮的动态图片方法,教程比较基础,制作出来的效果非常不错,推荐到程序员之家,喜欢的朋友快快来学习吧
    2016-03-11
  • 在ps中如何使用时间轴制作动作?

    在ps中如何使用时间轴制作动作?很多朋友并不是很清楚,其实方法很简单的,下面小编就为大家详细介绍一下,一起来看看吧
    2016-02-22
  • Photoshop时间轴做出动态手写字效果

    动态效果其实非常简单,前期先扣好素材图以及做好文字,后边在时间轴上一步完成。Photoshop时间轴做出动态手写字效果教程
    2014-09-12
  • PS教你设计有范儿的个人作品时间轴网页

    PS教你设计有范儿的个人作品时间轴网页,制作出来很有范儿,喜欢的朋友可以一起来学习
    2014-01-27
  • PS时间轴制作GIF动画

    使用PS时间轴制作GIF动画,教程制作出来的动画效果还挺漂亮的,制作的难度也不大
    2013-10-11
  • PS CS6使用视频时间轴制作流光字教程

    本文为大家详细介绍下流光字的制作过程,主要使用到了文字工具、画笔工具、视频时间轴以及剪切蒙版等等,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-10
  • Photoshop CS3教程:时间轴制作动画

      通过前面的课程,我们已经学会了利用关键帧过渡,以及利用独立图层这两种制作动画的方式。它们可以用来制作一些简单的单物体动画,在很长一段时间内也是Photoshop唯一
    2008-10-05
  • Photoshop CS3教程:时间轴动画实例

    Photoshop CS3教程:时间轴制作动画   现在我们正式开始利用时间轴来制作动画,这与我们之前的帧式动画有很大不同,但相比之下时间轴方式来的更直观和简便,也是我们以
    2008-10-05
  • PS利用时间轴制作动画教程

    随着Photoshop版本的不断升级,其功能的优化和增加,都是一次次的惊喜,发展到CC版本,时间轴已可以对视频简易剪辑,所以时间轴制作简单的gif动画足已。来看看下文对时间轴
    2016-05-12

最新评论


http://www.vxiaotou.com