PhotoshopCS3教程手机彩信中的动画Word格式.docx

PhotoshopCS3教程手机彩信中的动画Word格式.docx

《PhotoshopCS3教程手机彩信中的动画Word格式.docx》由会员分享，可在线阅读，更多相关《PhotoshopCS3教程手机彩信中的动画Word格式.docx（8页珍藏版）》请在冰豆网上搜索。

在扩散仿色下色斑有所淡化，但颗粒感较重，这是仿色自身的原理造成的。

有关仿色的概念在基础教程中已介绍过了，可点此观看相应内容。

需要注意的是，256色指的是针对整幅图像而言的。

如果整幅原图像就是如下图那样的大小，则256色与原图的区别就不是很大了。

这是因为将色彩减少到256色的时候，Photoshop会根据原有图像中的颜色进行编排，这个过程也称为索引，就是将相近的多种颜色归为一种。

如果原图中的色彩包含多个色相，那么256色平均分摊下来后，分给单个色相的数量就很少。

相反，如果原图中的色相基本一致或接近，则256色也可以很好地表达。

这就是为什么之前的256无仿色看起来色斑明显，而现在的色斑较不明显的原因。

因为前者的原图中包含了较多色相，有些颜色被分配给蓝色、红色等，分配给黄色相的色彩较少。

而后者的原图中基本只有黄色相，这样就不必为分配其他色相分配颜色了。

如下图是一张在皮亚琴擦拍摄的街景照片，我们取其不同的部位进行比较。

下方的若干方块是颜色表，其中的色块就表示所用到的256种颜色。

在颜色表中可以很容易的看出原图的色彩构成对色彩索引的影响。

左侧图中色相较多，那么256色中分配给天空的蓝色相数量较少，图像中的天空出现了明显的色斑。

而右侧图中基本只包含天空部分，所以256色中的大部分都分配给了蓝色相，使得图像中的天空表现较好。

使用【文件＞存储为Web和设备所用格式】〖CTRL＋SHIFT＋ALT＋S〗，将出现的保存储设置框。

这是我们最常用的输出功能，在以后将要学习的网页设计扩展教程中更是如此。

进入设置界面后要注意红色箭头处，必须在“优化”选项卡中看到的才是输出后的实际效果，也就是在浏览器或看图软件中的效果。

而“原稿”选项卡则是在Photoshop中的效果，不能作为参照的标准，这点要切记。

绿色箭头处是相应的设置区域，从中我们将图像格式设置为GIF，将颜色数设置为256，关闭仿色选项。

其设定与上图左侧的效果对应的。

注意蓝色箭头处的字节数指示，这是一个很重要的指标，无论何时我们都必须使这个数字尽可能地小，否则将无法有效使用图像或动画。

要令字节数小，就需要减少颜色数，颜色表中的色块数也会相应减少。

但显而易见的，太少的颜色会对图像质量造成明显的影响，很容易形成色斑。

开启仿色虽然可以淡化色斑，但同时也会增加字节数。

这就像架在字节数和质量之间的一座跷跷板，两者不能兼顾。

作为准备在网络上传输的图像而言，字节数往往更为重要，因为大部分访问者不会有耐心花上几分钟去等待一个网页的显示。

而网页除了图像之外，还有其他一些代码也需要占用字节数，所以，尽量减少字节数是一个基本原则。

当然这个原则与图像质量是冲突的，这就要求我们在构思和制作的过程中要有足够的技巧去平衡两者。

这些技巧包括：

一、不要在动画中使用过于丰富的色彩。

其原因已经说过了，较多的色彩会导致在索引后图像质量的下降，形成难看的色斑。

既然如此还不如使用较为单一的色彩，虽然可能不够华丽，但起码能避免色斑这种硬伤的出现。

二、如果一定需要丰富的色彩，则应保持丰富色彩部分的像素在动画中处于静止状态。

因为GIF动画的前后帧之间存在运算关系，位于静止状态的部分可以沿用到后续的帧，那些后续的帧中不必再存有这部分的图像。

这样就可以在保持整个动画具备丰富色彩的前提下有效地减少字节数。

相反，如果色彩较丰富的像素也在运动的话，则后续的帧中就必须再存有色彩丰富的像素，会大大增加动画的整体字节数。

如下两个动画的对比，第一个保持小球的外发光、投影等部分不动，只有高光部分在变化。

而第二个则是小球整体移动。

在同样帧率、同样时长、同是256无仿色的前提下，前者的字节数是9.29K，后者则是57.1K。

相差达6倍之多。

那么它们在网络上传送所耗费的时间也就相差6倍。

我们在构思动画的时候，要事先考虑好其用途，如果是要用于网页之中，那还要参考其在网页中的重要性，如果不是很重要，属于装饰性的，就尽量减少字节数。

这可从减少存储时的色彩数，以及良好的制作规划两个方面去实现。

如果遇到带有重要指示性的，一定需要色彩丰富或动感强烈的动画时，则应尽可能减少动画的尺寸。

因为小尺寸的图像中像素总量也少，用256色进行索引就不会显得那么局促。

这点大家可自己动手实验得知。

GIF还有一个重要特点就是支持背景透明，这使其可以与网页的背景很好的融合。

大家也可以在关闭背景图层的前提下输出透明背景的GIF。

不过GIF的背景透明只能是两种状态，要么全透明，要么全不透明，而不能是介于两者之间的半透明。

因此除非图像的边界是水平、垂直、45度斜线这三种情况，否则都会因为透明而形成明显的锯齿。

如下图所示是一组不同边界的图形在不同背景色下的表现。

从中不难看出两者的区别。

需要注意的是，边缘的锯齿的形成原理并不只是图像的问题，也有显示器物理局限的因素，相关知识在基础教程中提到过，可点此观看相应内容。

对于带有半透明像素（如投影样式）的图像而言，若要保存为透明背景，则需要开启透明度抖动项目，这样可以用微小的疏密不同的散点来模拟半透明。

如下图所示即是。

可看出在“无透明度仿色”下的GIF尽管也是背景透明，但在原先半透明的部分仍然保留有白色，这样只能适用于白色背景之上。

而后者可适用于任何背景之上。

如下右图所示。

需要注意的是，透明度仿色并不是一个完美的解决方案，甚至可以说是一个非常差的解决方案。

但出于GIF本身对于透明度的限制而言，也是一种解决之道。

在实际的制作中，如果确定要使用GIF格式，则应避免在图像的边界生成半透明像素。

换言之就是尽量避免使用透明度仿色。

还有一点要注意的是，如果输出的动画是透明背景的，则可能改变在非透明状态下各帧的运算关系，也可能导致动画的字节数有所增加。

现在我们来简要说说将动画用作手机彩信的用途。

中国移动目前最大允许100K的彩信，那动画最好控制在95K以下，要留一些空间给文字及短信自身的代码。

另外还需要注意的是动画的尺寸，不同型号的手机由于其屏幕分辨率不同，能够完美显示的动画尺寸也不相同。

所谓完美显示就是指手机屏幕分辨率与动画尺寸一致或更大。

如果动画尺寸超过了手机屏幕的分辨率，手机则会将其缩小显示。

但缩小后的动画质量会变得很差。

常见的屏幕尺寸有：

128×

128：

常见于早期以及时下一些低端型号的手机上。

是彩信动画的基本尺寸，网络上下载来的彩信动画以这个尺寸居多，因为它可以运行于几乎所有支持彩信的手机之上。

160：

虽然比之前的要多出一些像素，但主要用于显示一些信息，所以能够运行的动画尺寸大多也仍为128×

128。

176×

208、240×

320：

常见于Symbian及WindowsMobile等带开放式操作系统的手机，都可播放全屏动画。

也有普通手机采用此分辨率的，能否支持全屏播放则不一定。

480×

640：

常见于高端的手机型号，虽然理论上可以支持全屏播放同尺寸的动画，但由于GIF本身的限制，播放时的流畅度得不到保证。

在制作彩信动画的时候，应该以128×

128作为首要考虑的尺寸，因为其兼容性最好，且由于尺寸小，同样内容的动画字节数也比大尺寸的要小。

当然，如果确定了接收者的屏幕分辨率，也可以采用与之相当的尺寸制作。

动画的背景最好是白色的，这样就不会形成明显的边界感。

因为白色也是手机显示彩信时候的背景色，就如同网页背景一样。

当然有时也需要刻意营造边界感（如印章轮廓），大家可针对具体情况自行决定。

另外，因为绝大多数的手机不能更改彩信显示时候的背景，所以在彩信的动画中使用透明背景的意义不大。

在“存储为Web和设备所用格式”右下角有一个“DeviceCentral...”的按钮，按下后能在选定的手机设备上预览动画在手机上的效果。

如下图所示。

可在左侧的设备列表中选择，图中所选的是Nokia3110。

AdobeDeviceCentral其实是一个移动设备的资料库，可为面向移动设备制作的人员提供集中的环境。

除了普通的显示以外，还可以模拟手机屏幕背光关闭，以及户外屏幕逆光等条件下的显示情况。

不过这些功能目前对于我们目前而言意义不大。

另外要注意的一个问题就是动画的帧率，在电脑上基本都能流畅播放30fps的动画，但手机的处理器不比台式电脑，其资源有限。

动画的帧率应设置为2~5fps为佳，针对开放式操作系统的手机，由于其处理器性能较普通手机出色，可设置为10fps或更高。

同时影响手机播放效果的还有尺寸、总时长、字节数等因素。

做出来的动画最好是拿到手机中试播一下观察其流畅程度。

如果要输出多种不同尺寸的动画，则最好使用矢量格式进行制作，并且矢量格式也是最佳的保存原始图像的格式，符合我们一贯主张的“保留最大可编辑性”原则。