教程

Photoshop CS3 GIF动画导入与导出

字号+ 作者/录入:3d3d 来源:工业设计.中国 2010-01-15 [在线反馈] 我要评论

今天我们介绍Photoshop CS3制作平面动画的最后一讲:GIF动画相关的视频导入与导出操作技巧。

8cD大湾区工业设计网

所选的颜色变为透明。如下图所示。可将多个颜色转为透明。8cD大湾区工业设计网

 8cD大湾区工业设计网

8cD大湾区工业设计网

此外还有一种方法可有效减少字节数,就是采用抽丝线覆盖画面,由于覆盖的地方变为单一的颜色,实际上就等于消除了这一行中的像素差异。其原理等同于将图像的一半填充为全黑,只不过这里并不是连续填充,而是每隔1像素填充一行,使得画面整体仍具备可读性。这种方法其实就是被称为扫描线或抽丝线的效果,可利用图案填充来完成。隔行抽丝可令动画字节数减少近一半。8cD大湾区工业设计网
8cD大湾区工业设计网
需要注意的是,尽管半透明的抽丝线看上去效果不错,但这里的图案填充不能采用半透明,因为半透明并不能完全覆盖图像中原有的象素,达不到我们的目的。此外,黑色的抽丝线可能会使图像偏暗,白色的则会使图像偏亮,注意配合色彩调整图层中和一下亮度。也可以采用其他颜色的抽丝线达到另类的效果,还可将抽丝线的颜色转为透明。在转为透明之前,抽丝线的颜色应尽可能与画面的色彩有较大的反差,这样是为了避免其它地方的同种色彩也被一并转为透明,从而破坏画面。8cD大湾区工业设计网

8cD大湾区工业设计网

导入后的视频以独立图层的方式存在,可切换到时间轴方式进行附加制作,如添加上文字或其他图形等。在切换之前最好将所有的视频帧归为一个图层组,以避免占用动画调板的空间。如范例中就在左下方加了一个标志,以及增加了动态的文字效果。需要注意的是,用时间轴方式进行帧停留时间的调整是很困难的,因此在转为时间轴方式时,最好确认之前的工作都已完成。8cD大湾区工业设计网
8cD大湾区工业设计网
尝试将这个动画制作出来,之后参照对比范例文件。8cD大湾区工业设计网

8cD大湾区工业设计网

有些时候可能需要开启现有的GIF动画文件进行再加工,这时就会出现一个问题,那就是直接开启GIF动画文件后只能保留第一帧的画面,而其后的动画帧都被遗弃。如下图所示。这显然不能满足需求。8cD大湾区工业设计网

8cD大湾区工业设计网

其实Photoshop是可以开启现有的GIF动画的,只是屏蔽了这功能,我们可以通过【文件>导入>视频帧到图层】开启动画GIF,如下图所示,默认情况下只能开启视频格式MOV、AVI、MPG、MPEG,而并没有GIF。现在首先在红色箭头处确认路径正确,然后在绿色箭头处输入符号“*”,按一下“载入”按钮,将列出所有格式的文件,从中选择相应的GIF文件即可以独立图层方式导入动画GIF。或直接输入动画文件全名,如abc.gif、123.gif等。导入后的操作与之前一致。大家可利用这个方法开启以往的GIF动画试试看。  8cD大湾区工业设计网

点击放大此图片8cD大湾区工业设计网

此外,还可以通过【文件>打开为】〖CTRL+ALT+SHIFT+O〗,在“打开为”项目中选择QuickTime影片,这样就可以把GIF以影片方式开启,在图层调板中形成一个独立的视频图层,在时间轴中独立存在。如下图所示。这个方法是由经典论坛中名叫XYBLUEIDEA的朋友提出的,在此感谢他以及所有为教程完善而努力的朋友们。8cD大湾区工业设计网
8cD大湾区工业设计网
Photoshop的【文件>打开为】命令是将图像以某种特殊用途所需要的形式开启,然后保存为该特殊用途的格式,其实就是一个带转换功能的打开命令。大家在“打开为”项目中可以看到各种用途的文件格式。其中一些特殊格式的应用我们会在其他教程中介绍。需要注意的是,并不是所有的文件都可以支持所有的特殊格式。8cD大湾区工业设计网

 8cD大湾区工业设计网
8cD大湾区工业设计网
8cD大湾区工业设计网

此时导入的GIF动画本身的内容不能再作修改,但由于其作为一个独立的图层形式,可以像普通图层那样通过图层样式添加效果,间接达到修改动画的目的,如下图所示。虽然这种修改仅局限于样式,但由于Photoshop图层样式功能的强大,除了动画情节无法修改以外,其余的任何视觉效果都可以达到。8cD大湾区工业设计网
不过,优化动画仍然是一个首要前提,如果我们将内发光的颜色选为与原有动画颜色差异明显的红色、绿色等,因为色彩资源有限,某些分配给原动画的色彩要分配给内发光样式。则这个动画的字节数会明显上升,或在同样的色彩数量前提下画质会明显下降。这个道理相信大家已经能理解了。8cD大湾区工业设计网

8cD大湾区工业设计网

对于一些必须以独立图层方式制作的动画来说,这种方法可以很方便地对其进行二次制作。如前面提到过的鸟类拍打翅膀的动画,通过这种方法就可以实现一边拍打翅膀一边移动的效果了。再如一个人物向前跑动,可先制作出跑步的动画,输出为GIF后再以视频图层载入,在扩大画布尺寸(注意不是图像尺寸)后,将视频图层的位置改变制作为动画,就达到了一边跑动一边前进的效果了。8cD大湾区工业设计网
这种导入方式实际上提供了组件化动画的可能性,如果物体需要同时具备多种运动属性的时候都可以考虑采取这种方法。这种思路也广泛应用于视频编辑领域,比如要制作两个场景边切换边缩放并旋转的效果时,理论上应该先将两个场景设置好同样的旋转速度,然后再逐渐降低第一个场景的不透明度达到目的。但在实际操作中,场景自身属性(如尺寸)的不同可能导致缩放程度及旋转角度的差异。此时可以先将场景的静态切换渲染为一段视频,然后导入这段视频,再对其制作缩放和旋转就可以了。8cD大湾区工业设计网
需要注意的是,介绍组件化知识是为了扩展大家的知识面,并不提倡大家在这里使用,毕竟我们目前所针对的只是GIF动画作品,不是视频作品。能够一次完成是最好的。如果非要不可,也要注意保留所有组件动画的原始文件,方便以后的修改。8cD大湾区工业设计网

在安装了QuickTime之后,除了具备导入功能以外,还可以使用导出功能将动画以视频方式输出,而不再局限于以往的GIF格式输出。GIF格式由于其自身特性限制,并不能完美记录我们在Photoshop中所能制作出来的所有动画效果。但视频格式就不同了,视频的编码方式不仅可以支持千万色(点此阅读基础教程中有关千万色的内容)及更高色彩数,同时在画面的播放流畅度上也较GIF有质的提高,最明显的体现就是画面尺寸及帧速率。在视频编码方式下,我们不必再受困于有限的图像尺寸,可以使用640×480、800×600或更大的尺寸。所使用的帧速率也可以提升至30fps、60fps或更高。8cD大湾区工业设计网
8cD大湾区工业设计网
【文件>导出>渲染视频】命令就可以输出视频格式,如下图所示。将导出视频的格式选择为AVI,然后点击红色箭头处的按钮进行设置。在视频设置中将绿色箭头处的压缩类型选择为“无”即可。这样就能输出一个能在Windows中通过WindowsMediaPlayer播放的视频了。如果将压缩类型选择为其他的如“DV-PAL”也可输出视频,但在画面尺寸、帧速率等方面与我们文档设定的会有不同。8cD大湾区工业设计网
8cD大湾区工业设计网
下面我们将其他的视频格式作一个简要介绍:3G是用于手机,可作为彩信发送(注意彩信容量限制);FLC是早期DOS系统下的256色动画格式;FLV是网络上流行的Flash视频;QuickTime、APPLE TV、iPod及iPhone都是苹果的视频格式,后两者为手持设备;MPEG-4就是所谓的MP4,也常用于手持设备。有关视频编码的详细内容不是现在需要学习的,将来有机会我们会在与视频有关的教程中予以介绍。说句题外话,我们所熟悉的MP3音频格式属于MPEG-1,全称为MPEG-1 Audio Layer3。8cD大湾区工业设计网

  文  /  互连网

转载请注明出处。

转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。

相关文章
网友点评