ps怎么设计一款banner图片的轮播动画?

  发布时间:2017-06-07 13:58:20   作者:tzyzxxdjzx   我要评论
ps怎么设计一款banner图片的轮播动画?ps中想要设计一个banner,该怎么设计图片的轮播的效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下

在浏览网页时,我们经常看到图片的轮播动画,那么如何利用ps制作这种效果呢?现在就把制作的步骤和截图分享出来,供大家参考使用,希望对你有所帮助和启发。

ps怎么设计一款banner图片的轮播动画?

1、首先启动Photoshop cs5,执行文件-新建命令,新建一个大小为2400*500,分辨率为72,背景颜色为白色的文档。

ps怎么设计一款banner图片的轮播动画?

2、执行文件-打开命令,打开事先准备好的素材图片,裁剪大小为600*500,选择工具箱里的移动工具选择一张拖拽到新建文档中去,设置左对齐。

ps怎么设计一款banner图片的轮播动画?

3、采用同样的方法依次将另外两张图片拖拽到文档中去,并将第一张图片再次拖拽进去,放置在最后面,依次调整他们的位置。

ps怎么设计一款banner图片的轮播动画?

4、选择图层面板中的所有图层,执行ctrl+e组合键进行合并图层操作,选择背景图层,按住ctrl键双击该图层,将其转换为普通图层0.

ps怎么设计一款banner图片的轮播动画?

5、选择工具箱里的裁剪工具,设置大小为600*500,在画布上拖拽后,设置菜单栏中裁剪区域为隐藏。

ps怎么设计一款banner图片的轮播动画?

6、执行窗口-时间轴命令,调出时间轴动画面板,新建一帧,选择工具箱里的移动工具,将图片向左移动,移动到最后一张为止。

ps怎么设计一款banner图片的轮播动画?

7、执行过渡命令,在弹出的过渡对话框中设置要添加的帧为17,其他参数保持不变,点击确定按钮。

ps怎么设计一款banner图片的轮播动画?

8、按住shift键选择时间轴里的所有帧,设置延迟时间为2s,这个时候可以点击时间轴中的播放进行查看效果。

ps怎么设计一款banner图片的轮播动画?

9、执行文件-存储为web和设备所用格式命令,在弹出的对话框中设置格式为gif,颜色为256,点击存储按钮,将文件生成gif动画格式

ps怎么设计一款banner图片的轮播动画?

10、执行文件-存储为命令,在弹出的对话框中输入名称,保存格式为平时的,保存在一个合适的位置上即可,以便以后修改使用。

ps怎么设计一款banner图片的轮播动画?

相关推荐:

PS怎么给文字制作过渡动画效果?

ps怎么制作循环跳动的音乐符动画?

PS怎么制作不断变色的文字动画效果?

相关文章

  • photoshop cs6制作发光的佛像普照gif动画教程

    本教程教脚本之家的各位ps学习者如何使用photoshop cs6制作发光的佛像普照gif动画的方法,教程难度不大,主要利用了时间轴和自由变换功能,适合新手入门学习
    2017-06-05
  • PS制作红星闪闪照中国gif动态图教程详解

    本教程教脚本之家的各位朋友使用PS制作红星闪闪照中国gif动态图的方法,教程非常详细,操作核心是要会做放射状光线图层,效果也非常棒,感兴趣的朋友一起试试吧
    2017-06-02
  • PS简单制作烟花绽放gif动画效果教程

    本教程教脚本之家的ps初学者使用PS简单制作烟花绽放gif动画效果的方法,作者制作动画非常巧妙,直接在智能对象中设置好动画后,把智能对象多复制了一些,按一定规律排列,
    2017-05-23
  • ps怎么制作矩形滚动变换成三角形的Gif动画?

    ps怎么制作矩形滚动变换成三角形的Gif动画?ps中想要制作一个几何图形不断变换的动图,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-05-16
  • ps怎么制作一个闪光抽丝的gif动图?

    ps怎么制作一个闪光抽丝的gif动图?ps中想要制作一个不断闪光的gif动画,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-04-20
  • 解锁新技能:PS制作融合效果gif动画

    这篇教程是向脚本之家的朋友分享PS制作融合效果gif动画方法,教程制作出来的效果非常可爱,方法很简单,主要向大家融合的技巧,希望能对大家有所帮助
    2017-04-14
  • PS简单制作一个漂亮的混合色带gif动画效果

    这篇教程是向脚本之家的朋友分享PS简单制作一个漂亮的混合色带gif动画效果方法,教程制作出来的效果非常漂亮,方法很简单,适合新手来学习,推荐到脚本之家,来看看吧
    2017-04-10
  • PS时间轴制作超酷炫的万花筒gif动画效果

    这篇教程是向脚本之家的朋友分享PS时间轴制作超酷炫的万花筒gif动画效果过程,教程制作出来的动画效果非常漂亮,而且方法并不是很难,值得大家学习,一起来看看怎么操作吧
    2017-04-10
  • ps怎么快速去除gif动图中的水印?

    ps怎么快速去除gif动图中的水印?下载了一个gif发现有水印,想要去除水印,该怎么办呢?下面我们就来看看ps轻松去除gif动图水印的教程,需要的朋友可以参考下
    2017-04-06
  • ps无法导入gif动态图片怎么办?

    ps无法导入gif动态图片怎么办?ps想要修改gif动图,但是在导入的时候发现没办法导入gif动图,该怎么办呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-03-27

最新评论