photoshop简单制作绚丽的gif动态图

  发布时间:2016-05-16 11:44:28   作者:时尚止步   我要评论
这篇教程是向脚本之家的朋友分享photoshop简单制作绚丽的gif动态图方法,教程制作出来的动态图非常漂亮,难度不是很大,值得大家学习,推荐过来,来看看吧

有些人看到网上一些动态图片很炫丽,有些是出自工作需要把产品图片做成动态的播放,我这里讲解下简单的gif图片制作原理。

步骤

打开PS软件,在菜单栏里的视窗栏里找到时间轴(PS.我的是cs6版本的,CS5以下的老版本视窗叫窗口,时间轴叫动画)

photoshop简单制作绚丽的gif动态图

新增一个文档,如现在网上开店的电脑描述页图片宽度为750以上,我建的是750*400

photoshop简单制作绚丽的gif动态图

点击档案,开启档案,把需要制作动态图的图片素材导入,按CTRL可以多选图片。

photoshop简单制作绚丽的gif动态图

如图,把导入的图片添加进750*400的文档,按CTRL+T缩放工具调整图片大小,把5张图片调整好之后删除背景图层。(背景图层不删除的话,做出来的gif图片会出现一瞬间背景颜色)

photoshop简单制作绚丽的gif动态图

点击时间轴版块上面的复制按钮,新增播放影格,我们有5张图片,需要5个影格。

photoshop简单制作绚丽的gif动态图

我们先选中第一个要播放的影格,再把右边2-5的图层前面的眼睛点击去掉,只保留第1个图层,意思是这个影格只播放第1图层。

photoshop简单制作绚丽的gif动态图

再选中第二个影格,选中右边的第二图层前面眼睛显示。

photoshop简单制作绚丽的gif动态图

以次类推,把3-5的影格和图层操作,操作好后好图。

photoshop简单制作绚丽的gif动态图

如图,点击每个影格下面的下拉三角形,可以选择每个图片的停顿时间,我选择1秒。点击下面的永远可以设置这个动态是循环播放还是只播放一次或自定义次数。

photoshop简单制作绚丽的gif动态图

点击菜单栏里的档案,选择保存为网页用,也就是web格式,快捷键为:ctrl+shift+Alt+S

photoshop简单制作绚丽的gif动态图

在打开的界面当中选择gif格式,再点击储存,保存为gif动态图片。

photoshop简单制作绚丽的gif动态图

这个就是保存的最终效果图了。

photoshop简单制作绚丽的gif动态图

注意事项

gif图片只支持256种颜色,保存之后像素会没原图JPG的好。

相关文章

  • Photoshop制作一个逼真精致的牛奶瓶子

    今天小编教大家使用Photoshop制作一个逼真精致的牛奶瓶子,教程不算复杂,喜欢的朋友可以一起来学习
    2016-05-18
  • ps教你无缝隙拼图合图教程

    很多朋友不会使用PS不留缝隙拼图,其实教程很简单,朋友们可以跟着小编为大家带来教程学习
    2016-05-18
  • PS利用滤镜制作简单光晕效果教程

    今天小编为大家带来PS利用滤镜制作简单光晕效果,教程比较基础,适合新手来学习,感兴趣的朋友到下文了解一下吧
    2016-05-17
  • PS结合Magic Morph制作一张趣味的动态图

    这篇教程是向脚本之家的朋友分享PS结合Magic Morph制作一张趣味的动态图方法,教程制作出来的效果非常不错,值得大家学习,推荐到脚本之家,一起来看看吧
    2016-05-17
  • ps给图标制作逼真的弥散阴影

    这篇教程是向脚本之家的朋友分享ps给图标制作逼真的弥散阴影方法,教程制作出来的阴影非常漂亮,难度不是很大,值得大家学习,推荐过来,来看看吧
    2016-05-17
  • PS制作双重曝光效果的海报

    这篇教程是向脚本之家的朋友分享PS制作双重曝光效果的海报方法,教程制作出来的海报效果非常漂亮,难度不是很大,值得大家学习,推荐到脚本之家,喜欢的朋友快快来学习吧
    2016-05-16
  • 用PS设计一张精美的海报

    这篇教程是向脚本之家的朋友分享用PS设计一张精美的海报方法,教程设计出来的海报非常漂亮,难度不是很大,来看看吧
    2016-05-16
  • 如何用PS制作GIF动画图 PS制作GIF动画图文教程

    ps的功能非常强大,不仅可以修改我们的照片以及一些设计,它还可以进行gif动画的设计和制作,那么如何用ps制作gif动画呢,这里脚本之家小编给大家一个简易的教程
    2016-05-16
  • PS利用滤镜绘制冰封的钢铁侠教程

    今天小编为大家带来了使用PS滤镜绘制超酷冰封钢铁侠特效,教程制作出来的效果非常赞。感兴趣的朋友到下文了解一下吧
    2016-05-13
  • PhotoShop制作一张卡通小女孩的GIF动态图片

    这篇教程是向脚本之家的朋友分享PhotoShop制作一张卡通小女孩的GIF动态图片方法,教程制作出来的图片效果非常漂亮,难度不是很大,值得大家学习,来看看吧
    2016-05-13

最新评论