Photoshop软件应用项目（一）

今天我们在 PS 软件上，制作一个简单的帧动画，方便以后和 Flash 动画效果，做对比，我们会多做几个案例，更加熟练的掌握 PS 帧动画原理，这样在接触 flash 动画时，就能够很明显的区分两个软件在动图领域的优缺点。

目录 认识 Photoshop 制作动图的工具 制作基本元素 杯盖与杯子 打开杯子特效图形 文案 液态波浪效果 制作动画效果 作品欣赏

一.认识 Photoshop 制作动图的工具

打开 Photoshop 界面，新建任意大小的纸张，最好是横向的，给他填充一个背景色，这里我就选择了比较浅一点的黄色，在窗口才拦下，打开时间轴，如果你的十天左右东西，可以在右上方三个横杠处，删除时间轴，如下图，新建帧动画，就会出现下面的面板

第一个白色方框中永远，代表，从第一张图片开始，一直播放到最后一张，并且立即以上一帧的时间，跳转到第一张图片，继续播放，无限循环下去，永远旁边的下拉箭头就是播放循环的次数，第二个白色方框中，正方形中间的加号，代表，新建帧，就是下一个播放的内容

每一帧下面都会有限定延长的时间，是调整动画快慢的重要因素，可以利用这一点，局部调整，部分动画的快慢效果。垃圾桶就是深处这一帧。

二.制作基本元素

1.杯盖与杯子

可以利用，工具面板下，钢笔工具进行绘制，绘制完后，回车会成为选区，但我们不需要成为选区，我们需要描边，这个时候你可以切换为画笔工具，调整一下画笔大小，觉得合适再转换为钢笔工具，右键描边路径，以画笔的形式描边，点击确定，当然，你在之前要设定好前景色，因为画笔就是在固定区域内填充前景色，一定要把画笔转化为硬边缘，杯子如果用虚化笔就不够实，高光也是同一个道理。

还有一点非常重要，我们做的是动画效果，肯定会对杯子做一定的更改，所以你要在两个图层上，分别画上杯盖和杯身，画完立刻将它们转化为智能对象。

这里我要介绍一下智能对象，记录的是原始信息，也就是你按一下转换为智能对象之前，图片的所有数据信息，你将图片缩小，图片会依旧清晰，但是如果你把图片放大，比点击智能对象之前的图片大，就会模糊，因为它记录的是之前的信息，不过，只要不放的太大，问题就不是很大，智能对象适合你把一个元素换完之后不想它的像素受到损坏，可以再换完之后转化为智能对象，画完之后没有转化智能对象，直接放大缩小就会损坏像素。

2.打开杯子特效图形

在杯子打开的时候，我们可以做一个特效，就是那种有东西冒出来的感觉，可以用空心圆空心几何型，做出来，当然你的这个，要么真的空心，要么和背景颜色一致，然后叫他们摆出一个造型，就可以转为智能对象了

如果你是用，钢笔工具形状绘制的话，可能中间会有白色，这个时候可以用第二种方法 ctrl，左键这个图层，形成这个图层所有元素的选区，新建一个图层，用画笔工具，调整硬边缘硬度为 100%，随意用什么颜色，只要能和边缘深绿色的圆圈轮廓区分开就行，按住 alt，鼠标右键拖动，调整画笔大小，下图红圈就是画笔的大小，随着你的拖动画笔大小会更改，当它完全贴合里面白色圆圈时，你就可以给他左键绘制一个同样大小的实心圆，将这五个圆圈都处理过后，在你相见图层上 ctrl，单击一下，形成这个图层所有元素的选区，有了里面的选区后，再次转化为下面有圈圈描边的图层，按 ctrl+X 剪切，剪切的就是这个图层中白色圆圈的形状。这个方法的原理是，用同样大小的颜色覆盖，你所需要，剪切的地方，利用单击图层形成选取这一特点，形成一个选区，再切换回原来的图层进行剪切，最后，删除用来辅助的那个图层。你也可以，在原来图层用橡皮擦工具，直接擦除，这样空心圆就绘制完成了，最后不要忘了转化为智能对象。

3.文案

我的选择取决于你自己嗯我们做的这个动画效果呢？是一个杯子打开倒出液体，貌似是倒进了一个字体的容器里将字体填充，我还可以选择 logo，因为视频可以作为 logo 的开场白，但最好不要全是英文，英文可以不用太多但字体的形式一定要粗，如果是汉字的话，太细的字体也起不到很好的效果，因为是容器，肯定要有容量没有容量的容器，看起来就没有视觉冲击感，当然，文案搞好之后，最好不要和背景颜色产生冲突协调就行，要是真的用红蓝对比，也不是不行就看协不协调了，文案设定好后，记得转为智能对象。

4.液态波浪效果

这个其实很好做，我先把原理讲一遍，我们可以用遮挡的关系把字体的一部分遮住使字体最上面顶部呈现波浪状并且波浪会抖动左右移动而且速度越来越快直至填满其实这个也可以加一些从底面升上来的气泡也是可行的，首先，用钢笔工具绘制一个底部，为波浪的形状保证波浪上方能够盖住整个字体的顶端，由于波浪的涂层水在杯子和液体的下面，所以波浪图层可以尽可能的大，之后就是将这个图层复制粘贴移动位置就可以了，在这里做一个就行，然后转为智能对象

三.制作动画效果

首先用一个组，把所有元素放在组里，第一张到第九张，是杯子逐渐放大的过程，将杯盖和杯身放在一个组里，重命名为一，缩小，然后再复制组，新建一个帧，关掉之前的眼睛，然后 ctrl+v 粘贴那个组，跟那个组上进行小部分更改每一次更改只会在每一帧动画上会有所体现保存在那一一帧上，切换到其他帧的动画，会重新关闭眼睛

动画的原理是，无数张图片快速的翻转达到图片和图片中某些元素的连锁反应，产生一个动画效果， 成人动画片而 PS 里的动画效果，就是通过不打开一个一个图层的眼睛，再一个一个关上一个一个图层的眼睛后，让那些图层和图层之间产生一定的连锁反应，让图层上的图片有所关联，所以我们会不断的复制前一个图层的东西进行粘贴，每一帧动画都是一个打开眼睛和关上眼睛的过程他只会开启那一个眼睛开启的眼睛会显示在你的画面上我们可以通过蒙版橡皮擦等一些工具重复进行同一个图像的重复修改，这里需要提醒各位一下如果被关闭的图层删掉了你下面的一帧动画也会有内容的缺失，根据我的一些经验，我认为有很多时间需要自己调，0.1 秒，我感觉还是太漫长了，如果想要你的画面连贯起来，最好是在 0.08 秒或 0.05 秒左右，所以这就会导致一个很小的微动作会让你花费大把的时间做十几张图，才能让这个动作连贯起来

文章重点就是拥抱梦想的液态效果那是通过一个遮罩不断移动产生的一个动态效果并且每张遮罩时间只有 0.05 秒当然也可以通过按住 alt 将鼠标移动到那个图层和被粘贴图层的中间鼠标就会变成一个拐弯的三角箭头和一个空白的正方形那就是将上面的形状剪切到下面的图层上这样你只会在下面图层的形状上看到这个涂层，但是我们这里不需要这么复杂因为要么白底，要么就是黄底，如果是其他彩色的底或者实体背景的话，就需要剪切。

四.作品欣赏

这是我刚刚做好的 GIF 动态效果图