PhotoShop 在静态图上加上gif格式动态图片(附视频教程) - 微夏博客网 - 致力于网络优秀资源的分享、交流!
  • 首页
  • 软件
  • PhotoShop 在静态图上加上gif格式动态图片(附视频教程)

PhotoShop 在静态图上加上gif格式动态图片(附视频教程)

由 ℡若兮相言 于 2015-1-27 10:41 Tuesday 发表,已有4811人观看。


    别的先不多说,先来张效果图看看效果是什么!


    这是我们的两张素材,大家可以下载来自己操作试试看。

        




    首先,分别打开我们的两张素材!

    QQ截图20150126195238.png


    2、在阿狸这张素材,在右下角,可以看到 图层1到 图层11,一共11个图层,在这里,你可以 按住 CTRL ,然后单击其它的图层;也可以在最下面点一下,然后按住SHIFT键,点一下最上面的图层。总之,就是全选图层!全选之后,在 左下角,点击 链接图层 。链接图层后,在图层的右边,就会一个链子的标志。

    QQ截图20150126200419.png


    3、因为已经链接图层,所以直接用移动工具,把阿狸移到背景图片(也可以说是静态图片)上。

    QQ截图20150126201035.png


    4、移到背景图片后,这时就要打开时间轴面板了。在最上面的 窗口 ---> 时间轴 单击打开即可。

    QQ截图20150126201249.png


    5、选择时间轴后,在软件的最下方,就会出现 时间轴面板。选择 创建帧动画  如果默认不是这个的话,在后面有一个三角,单击,就可以看到,有个创建帧动画。

    QQ截图20150126201541.png


    6、创建一张 帧动画后,需要把时间调为 0.1秒。在帧下面,有个0秒,单击下,调为0.1秒。因为这个阿狸一共有11个图片,所以,我们就创建11帧动画!

    在如图的右下角,有个新建,然后一直创建到11帧为止。

    QQ截图20150126201817.png



    7、在这里,再回到第一帧动画,在右边的图层,让它只显示 图层1和背景图层。(就是可视性,只把图层1或背景层的小眼睛留着)同样的原理,第二帧,图层二和背景层可视,其它不可视;第三帧,图层三和背景层可视,其它不可视,,,,第十一帧,图层十和背景层可视,其它不可视。

    QQ截图20150126202148.png


    8、这样可以说就已经完成!下面的工作就是把它输出出来了!当然,在这里,你也可以看下效果怎么样。在时间轴的下面,有一个播放动画按扭,点击之后可以看下现在的效果怎么样。

    QQ截图20150126202753.png


    9、在上面就可以看到结果了,如果有什么不满意的可以直接在那里修改;如果结果都满意的话,就可以输出了!具体怎样输出,为了详细易懂,再给大家截几张图。 文件 ----> 存储为 Web 所用格式..       

     QQ截图20150126203459.png


    在这里会弹出一个对话框,来看下内容,在 预设里面,选择 GIF128 ,然后颜色面板再选择 256 ,预设面板就会自动为 自定义了。

    最后,在下方,有个 存储 ,存储就可以了!

    QQ截图20150126203659.png



    效果如图所示:



    附视频教程:

    360云盘下载:http://yunpan.cn/cKcD7YMZEQ94r  提取码 b4aa

    乐视云盘下载:http://cloud.letv.com/s/1ATcm5NMd



标签: 动态 静态 添加 PS




↓↓↓↓↓你可能在找下面的内容↓↓↓↓↓

特别申明:若无说明,文章均为原创,转载时请注明本文地址,谢谢合作!
本文链接:
评论:
香港云主机 2015-01-28 14:06 Google Chrome 40.0.2214.93 Windows 7
感觉博主对PhotoShop很熟额

℡若兮相言 2015-01-28 17:01
@香港云主机:偶尔玩一下,用到这个功能了,所以就发表上来,以后能用到

香港云主机 2015-01-28 17:03
@℡若兮相言:{微笑}多用用ps工具,提升下自己

发表评论: