当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 海报广告 > 探索频道广告

探索频道广告

  • 2021-12-02
  • 来源/作者: tlvi.net    / 腾龙视觉    
  • 5 次浏览

这幅探索频道广告是为了宣传探索频道的开播而制作的。该广告巧妙的利用切换几张太空景色图像的动画,将主题紧紧扣住了该频道的特点。而在制作形势上,则表现为由一幅照片图像经旋转后,快速切换为另一幅照片图像的动画效果,增加了画面的趣味性。如图3-2所示,为本实例的完成效果。

3-2  本实例完成效果

技术提示

本实例动画效果的制作,是将一幅照片图像创建为第1帧动画,然后将照片的旋转效果,创建为第2帧动画,接着再将另一幅照片图像创建为第3帧动画,再创建照片的旋转效果为第4帧动画……依此类推,制作出四幅照片之间旋转切换的动画效果。其中照片的旋转效果是通过“径向模糊”命令来实现的。径向模糊是模拟缩放或旋转的相机所产生的模糊,产生一种柔化的模糊。如图3-3所示,为本实例的制作流程。

3-3  本实例制作流程

制作步骤

1)启动Photoshop,执行“文件”→“新建”命令,参照图3-4所示设置“新建”对话框,创建一个名为“探索频道广告”新文档。

3-4  设置“新建”对话框

2)在“图层”调板中,双击“背景”图层,打开“新建图层”对话框,如图3-5

所示设置对话框,将“背景”图层转换为普通图层。

3-5  转换图层

3)执行“图层”→“图层样式”→“图案叠加”命令,打开“图层样式”对话框,然后对其进行设置,为图像添加图案叠加效果,如图3-6所示。

3-6  设置“图案叠加”参数

4)在“图层”调板中新建“图层 1,设置前景色为白色,选择工具箱中的“圆角矩形”工具,参照图3-7所示设置选项栏,然后在视图内绘制圆角矩形图像。

3-7  绘制圆角矩形图像

提示:选择“圆角矩形”工具,在其工具选项栏中的“半径”选项中输入数值,值越大,矩形的四个角越圆。

5)设置前景色为黑色,再次使用“圆角矩形”工具,在视图中绘制一个较小的黑色圆角矩形图像,如图3-8所示。

3-8  绘制黑色图像

6)单击“图层”调板底部的“添加图层样式”按钮,在弹出的菜单中执行“投影”命令,打开“图层样式”对话框,参照图3-9所示设置对话框,为图像添加图层样式效果。

3-9  设置图层样式

7)将“图层 1复制两次,创建出“图层 1 副本”和“图层 1 副本 2图层,执行“编辑”→“自由变换”命令,分别对创建的两个副本图像的角度进行调整,如图3-100所示。

3-10  复制并调整图像

8)执行“文件”→“打开”命令,打开本书附带光盘\Chapter-14\“图片.psd”文件,接着将该文档中的四个素材图片拷贝到“探索频道广告”文档中的相应位置,如图3-11所示。

提示:在“图片.psd”文档中,将四个素材图片所在的图层全部选中,使用“移动”工具将其拖移到“探索频道广告”文档中相应位置。

3-11  添加素材图片

9)在“图层”调板中将“图层 2以上的图层暂时隐藏,然后对“图层 2和“图层 1 副本 2图层进行复制,创建“图层 2 副本”和“图层 1 副本 3图层,将创建的两个新图层同时选中,按下<Ctrl+E>键,将两个图层合并为一个图层,如图3-12所示。

3-12  复制并合并图层

10)执行“滤镜”→“模糊”→“径向模糊”命令,参照图3-13所示设置对话框,为图像添加模糊效果。

3-13  设置“径向模糊”对话框

11)下面在视图相应位置添加相关的文字信息,完成静态画面的编辑,如图3-14所示。

3-14  添加文字信息

提示:在这里为了便于观察,暂将相应的图层隐藏。

12)执行“窗口”→“动画”命令,打开“动画”调板,在“图层”调板中,调整图层的显示或隐藏,对动画的第1帧画面进行编辑,如图3-15所示。

3-15  设置动画的第1

13)单击“动画”调板底部的“复制选中的帧”按钮,创建第2帧动画,根据第2帧动画所要显示的图像内容,在“图层”调板中调整图层的显示或隐藏,编辑出动画的第2帧画面,如图3-16所示。

3-16  设置动画的第2

14)参照前面创建动画帧、编辑动画帧的方法,再制作出其他几幅画面之间过渡的动画效果,创建出动画的第3~8帧,其中第468帧与第2帧动画设置相同,如图3-17所示。

3-17  设置动画的第3-8

15)在“动画”调板中,按下<Ctrl>键的同时单击第1357动画帧,将这些帧同时选中,然后单击任意一帧缩览图下方的空白处,在弹出的菜单中执行“1.0”命令,将这些动画帧的延迟时间设置为1秒,如图3-18所示。

3-18  设置延迟时间

技巧:当第1帧为当前选择状态时,按下<Shift>键的同时单击第7帧,则将第1帧至第7帧全部选中;按下<Ctrl>键单击第7帧,则只选择第1帧和第7

>帧。

16)使用同样方法将第2468帧的延迟时间设置为0.2秒。

17)至此,完成整个实例的制作。接着执行“文件”→“存储为Web所用格式”命令,将文档存储为GIF格式,如图3-19所示。如果读者在制作的过程中遇到什么问题,可打开本书附带光盘\Chapter-14\“探索频道广告.gif”文件进行查看。

3-19  存储文档