photoshop CC制作gif动图

       最近在做一个项目,自定义一种控件,想要实现一个液体在管道中流动的效果,后来考虑加入GIF动态图来实现。
       GIF格式特点有一个是,在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。
       photoshop以往版本种有一个动画选项,可以直接制作帧动画,photoshop CC需要做简单转换,photoshop CC调出帧动画面板步骤如下:
一、调出Photoshop CC中文版时间轴(动画)面板:

   在Photoshop CC中文版菜单栏选择“窗口”-“时间轴”命令,即可打开“时间轴(动画)”面板,默认情况下在面板中显示的为“时间轴(动画)”面板,用于设置时间轴动画效果。单击面板左下方的“转换为帧动画”按钮 , 即可切换到“帧(动画)”面板中,用于设置帧动画,如图所示。


二、Photoshop CC中文版创建帧动画:

   帧动画是由一帧一帧的画面组合而成的动态影像,在Photoshop CC中文版中利用“帧动画”面板,可创建简单的帧动画效果,在面板中通过新建帧,创建出需要的帧数,选择每一帧后对图像进行编辑,改变图像效果,让每帧中内容不同。编辑后单击“播放动画”按钮,即可预览到动画效果。


 
三、Photoshop CC制作简单GIF动图:

  1. 制作需要切换的帧图片(这里将每一帧放在一个图层中);

  2. 调出帧动画面板,为简单起见,这里为每一个图层建立一帧(也可以添加多帧或者过度帧);详见一、二

  3. 编辑每一帧(在“图层”面板中显示的帧对应的图层,然后隐藏其余的图层);
  4. 使用控制按钮观察效果;播放过程中发现问题可以随时调整,设置每一帧的延迟时间;
  5.   
  6.  设置为一直循环播放

  7. 如果觉得两帧之间过渡比较生硬的话,可以通过“过渡”功能,在两帧内容间或直接添加设定的帧数,产生自然过渡的动画效果;方法是选择某帧后,单击“时间轴(帧动画)”面板底部的“过渡动画帧” 按钮,打开“过渡”对话框,在对话框中选择过渡方式、添加的帧数、图层和参数选项。
  8. 保存导出gif图片(Alt+Shift+Ctrl+S);

***************************************************最终完成效果图如下:



阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页