Photshop CS5原创教案的听课笔记（10）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

例 17：  用 Photoshop  Cs5  制作带字的一闪一闪的动画灯笼

 

1、启动 Photoshop  CS5  。打开“金老师-第10次课素材”文件夹里的图片“素材-灯笼.jpg"

 

 

 

 

 

2、双击“背景”图层                                                   

 

打开“新建图层”对话框：

 

 

按“确定”。则“背景”图层变成“图层０”：

 

 

 

 

3、在图层面板中，单击下面倒数第二个图标----“创建新图层”，新建一个空白图层----“图层１”：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4、在工具箱中，选择“油漆桶工具”，前景颜色选为黑色，把图层1 涂成黑色：

 

 

 

 

 

 

 

5、让黑色图层1作为底层。也就是说，交换“图层１”和“图层０”的位置：

 

 

 

 

 则图像变成如下这样：

 

 

 

 

 6、选择图层0，就是说，单击图层0，使它变成蓝色的横条。

 

 

图像还是那个样子：

 

 

 

 7、在工具箱中，选择“魔棒工具”：

 

 

 

 

 

 

 

 

在灯笼的空白处，点击以下。得到选区，也就是出现了蚂蚁线：

 

 

 

 

8、按 Delete  键，删除选区：

 

 

 

 

按  Ctrl + D，去掉蚂蚁线：

 

 

 

 

 

 

 

9、在图层面板中，复制“图层０”，得到“图层０副本”：

　　　方法１：右击“图层０”，弹出下拉菜单：

 

 

 

在下拉菜单中，选择“复制图层”：则得到“图层０副本”：

 

 

 

 按“确定”，图层面板中就多了一个“图层０副本”：

 

 

 

方法２：点击“图层０”，按住鼠标左键一直不放，把“图层０”影子拖向面板底部倒数第二个图标－－“创建新图层”：

 

 

 

这时，松开鼠标左键，也能生成“图层０副本”：

 

 

 

 

 10、“图像”菜单 → 调整→ 亮度/对比度 →调到最暗                              

 

 

 

 

 

 

 

 

 

11、隐藏“图层0副本”。也就是说，将“图层0副本”的眼睛去掉：

 

 

 

 

这时候灯笼图像变成如下这样：

 

 

 

 

 

 12、选择“图层０”。就是说，点击它，使它变成蓝色的横条：

 

 

 

这时候，灯笼图像还是原来那样：

 

 

 

13、在工具箱中，点击前景颜色图标，就是下图中的那个灰黑色的方块：

 

 

 

 

 

打开“拾色器（前景色）”。如下图所示：

 

 

选择黄色为前景色：

 

 

 

按“确定”，则前景颜色变成黄色：就是那个黄色的方块：

 

 

 

 

 

 

14、在工具箱中，选择“横排文字工具”：

 

 

在它的工具选项栏中，选择字体和文字大小等等：

 

 

 在灯笼上输入“恭贺新禧”四个大字：可以用移动工具调整文字的位置和间距：

 

 

 

 

 

 

 在横排文字工具的选项栏中，点击“设置文本颜色”的图标，在而后弹出的“拾色器”中选择黄色：

 

 

 

 

 

于是，“恭贺新禧”四个大字变成黄色：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 15、点击工具选项栏中的那个“王”字：创建文字变形→膨胀 →确定                                           → → → → → → → → → → → → 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 你看，“恭贺新禧”四个大字发生了弯曲。弯曲的程度你可以控制。

 

 

 

 

 

 

16、双击恭贺新禧那个图层，打开图层样式对话框→ 外发光→ 调整→ 确定                                             

 

得到如下几种灯笼的图像：
 

 

 

 

 

 

 

 

 

 

17、窗口→动画                                               → → → → → → → → → → → 

 

 

 

 打开“动画”面板如下：

 

 

看上图，当前是由“１０ｆ＂－－第１０帧开始。

 

移动滑块，使得由“０１ｆ＂－－第一帧开始，如下图所示：

 

 

 

在上图最底下一行的图标，自左至右是如下的功能：

选择第一帧、选择上一帧、播放、选择下一帧、启用音频播放、缩小、滑块、放大、切换洋葱头、删除关键帧、滑块。

 

 

Photoshop  CS5   有两个“动画”面板：

（1）动画（时间轴）：它是用来创建和编辑视频图像的；

（2）动画（帧）：它是用来制作网页动画的。

用屏幕右下角的图标------“转换为帧动画”和“转换为时间轴动画”来切换。

注意：我下面使用的动画面板是第二种，即：动画（帧）。

 

 

 

 

 

下面的这个动画面板就是动画（帧）面板：

 

 

 

它已经自动把当前的图像放到第一帧的位置了。要想产生动画效果，必须有第二帧，第三帧，……等等一系列的帧。

怎样才能把其他的帧放到各自的位置去呢？请看第18步骤如下：

 

 

18、交替地使用下面的步骤（1）和（2）：

（1）点击动画面板最底下的那一行中倒数第二个图标，即“复制所选帧”的图标，就把第一帧的图像复制到第二帧的位置上。这时第二帧的图像同第一帧的图像相同。要想产生动画效果，就必须改变第二帧的图像。

 

 （2）为了使得灯笼一闪一闪的变化，就应该让第一帧发亮，第二帧发暗。这就用到本文第16步骤的方法使得灯笼不断地发生明暗交替的变化。具体方法就是

双击恭贺新禧那个图层，打开图层样式对话框→ 外发光→ 调整→ 确定   。   详细的方法请看第16步骤。                                         
 
得到变化之后的灯笼的图像，而这个新的图像就自动被放到第二帧的位置上。然后，反复交替地执行（1）和（2）的步骤。就陆续地把各个帧的图像放到各自的位置上。如下图所示：
 到这一步，我们就要大功告成了。
点击动画面板最底下一行的第三个图标，即三角形图标，它是播放图标。播放动画试一试：估计效果很好。

 

 

 

 

 

下面把使得灯笼发生明暗交替变化的做法，再具体讲一讲：怎样使得灯笼由名变暗呢？

 

 

 

 

 

 

 

 19、点开“图层0副本”前面的眼睛。如下图所示：

 

 

 

 到这里，请看第18步骤的讲解。把明暗交替的各个帧放到各自的位置上去。

 

 

 20、分别设置每帧延迟时间（根据自己的喜欢任意设定），如下图所示：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
 

 

 

 

 

 

21、播放动画看看效果。

22、以GIF的类型保存。文件 → 存储为 Web  和设备所用格式（D） ：          

请特别注意：存储动画不能用“存储为（A）”，一定要用下面有蓝色条的那一行的那个命令才行。  即

存储为Web和设备所用格式（D）。                                 

 

附注：Web=网页

 

 

 

 

打开下列对话框：

 

 

 

 

适当选择其中的选项。然后单击“存储”。

 

 

 

 

 

我的讲课分为两个部分：（1）打印稿中的内容；（2）补充的内容。下面我讲补充的内容：

 

例 18 ： 利用 Phtoshop  Cs5  的“动作”给一闪一闪的灯笼加上画框。

 

什么是动作？   在 Photoshop  CS5  中，“动作”就是记录一组操作命令的集合。因为时间有限，我们不讲创建动作，只讲使用动作。使用Phtoshop CS5  自带的默认的动作。

 

 

1、启动 Phtoshop CS5 。打开金老师第10 次课的素材-灯笼.jpg  ：

 

 

 

 2、窗口→动作：                                                 

 

 

 

 

打开“动作”面板：

 

 

 

将滑块向下拉一拉，看看有一些什么选项：

 

 

 

这些选项都属于默认动作。

 

 

3、左键单击“动作”面板右上角的图标  

     打开如下的菜单：

 

 

 

 4、点击上图菜单中的“画框”，打开如下对话框：

 

 

 

 

向下拉动滑块：

 

 

 

 

 5、左键单击“天然材质画框-50 像素”：

 

 

 

6、点击“播放选定的动作”按钮。打开如下对话框：

 

 

 

 

7、点击“继续”。则就给灯笼加上了画框：

 

 

 

 

 

 

 

 

下面我们给灯笼换上“木质画框”，让灯笼挂在暴风雪的天气里。这需要返回到以前的状态。

 

 

 

 

8、在“历史记录”面板中，点击“快照１”，恢复到以前的开始状态：

 

 

 

 

 

 

 

 

 

 

 9、左键单击“动作”面板右上角的图标  
     打开如下的菜单：

 

 

 10、单击“图像效果”，打开如下对话框：

 

 

11、单击“暴风雪”：

 

 

 

 

 

你看，灯笼上已经有暴风雪的效果。

 

 

 

 

 

 

 12、在上图的“动作”面板中，向上拖动滑块，选择“木质画框”

 

 

 

 

 

 

 

 13、点击“播放选定的动作”：

 

 

 

你看，我们给暴风雪中的灯笼加上了“木质画框”。下面我们改变画框的颜色。

 

 

 

 

 

 

 

 

 14、在“图层”面板中，选定“frame＂图层，即使它变成蓝色的横条。附注：英文frame=画框。

 

 

15、图像→调整 → 色相/饱和度                                                                  

 

 

 

 

 

 

16、在上图中，拖动三个滑块，调整色相、饱和度、明度：