首页 > 软件专区 > ps教程 >

怎样用Photoshop做动画

来源:互联网 2023-02-21 18:50:41 251
Ps也可以做动画!在网络上有很多“闪”图、“闪”头像等,它们是如何做出来的呢?很多人会说是用Firework,或者是GIF Maker等专业的工具,但是学习今天教你的“Ps动画法”,就不用安装那么多软件了,直接一个Ps就行了。

zYO办公区 - 实用经验教程分享!

这就是动画效果图啦!同时也可以制作闪动的头像,学了这个之后,就不用再去找别人帮忙了。

zYO办公区 - 实用经验教程分享!

备注:预览了几次,貌似动画效果图在发布经验的时候不能看到动态效果,如果发布后上面的图无动态效果也可以到我的空间去查看:

zYO办公区 - 实用经验教程分享!

http://hi.baidu.com/ddessky/album/item/3aaf7a93b0b8b03b54fb9620.html#IMG=3aaf7a93b0b8b03b54fb9620

zYO办公区 - 实用经验教程分享!

怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台(这个好像有点多余,但是实在想不出需要什么东西,简单吧?)。
  • Photoshop(我用的是Cs3版本);
  • 图片素材(最好是大小一样的,不一样的也行,要加一个步骤,待会会提到);

步骤/方法

  • 1首先,打开预先准备好的图片素材,打开。打开的方法有多种:直接文件-打开文件-找到路径-打开;也可以直接拉动图片到编辑框内。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 2选择移动工具,将图片拉入其中的一个图片框中(移入任何想要做为背景的框都行),移动后如图所示:

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 2该信息非法爬取自百度经验
  • 3对齐:选择其中一个层,然后在图片编辑框中自由移动,边缘自动定格达到对齐目的。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 4打开动画编辑框:选择“窗口”-动画选项前打上勾就会出现如图所示的动画编辑框。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 5复制当前帧(闪几次就复制几个帧):

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 6改变每一帧显示的画面,使用图层选择显示画面:

    zYO办公区 - 实用经验教程分享!

    先选择帧,再选择图层:有“眼睛”图样的为显示,当前显示以最上层有眼睛的图片,依次修改每一帧的显示层。

    zYO办公区 - 实用经验教程分享!

    注意:先单击选定帧,再选择图层显示层。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 7定时:就是每帧的显示时间设置:时间任意调,依个人喜好,但一般不要少于0.2,不然眼睛看不清那帧显示的东西。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 8调试:就是试播下效果:

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 9调试完毕,最后一步就是保存:文件-存储为Web使用格式-Save-选择保存路径-保存。

    zYO办公区 - 实用经验教程分享!

    注意:不能选择“存储”或“存储为”,这样保存的图是没有动态效果的,要选择“存储为Web使用格式”。

    zYO办公区 - 实用经验教程分享!

    以上就是Ps制作动画的全过程了,以上的过程是在图片素材是大小一样的前提下制作完成的,那图片规格不一的图片素材又如何制成动画呢?zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 10在以上教育程的第1步和第2步之间插入一个图片的裁剪过程即可:将大张的图拉到小张图的框图中,移动位置到需要裁剪的画面,然后选择裁剪工具在图框的对角拉动裁剪范围,Enter即可。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 11注意:裁剪大小时注意图片的实际大小,因为有些图在Ps中不是以100%比例显示的:将全部图片调整成100%后即可进行裁剪,调整方法很简单,直接点击这“--%”改成100%再回车就行了。

    zYO办公区 - 实用经验教程分享!

    怎样用Photoshop做动画?zYO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!zYO办公区 - 实用经验教程分享!


    标签: PHOTOSHOP

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码