Photoshop平面设计基础（第二版）课件：设计网页 Banner.pptx

设计网页Banner;任务目标

1.能编辑视频时间轴。

2.能使用视频轨道。

3.能设置图形透明度和制作缩放动画。

4.能保存GIF格式动态图片。;任务描述

本任务主要利用视频时间轴面板和“图层”面板，并结合“自由变换”工具制作图所示网页Banner广告。要完成本任务，除了需要掌握视频编辑动画的方法，还要掌握透明度和缩放动画的制作方法。;一、视频时间轴面板

新建文档后，执行“窗口”“时间轴”命令，打开“时间轴”面板。单击创建模式右侧的图标，在弹出的下拉列表中选择“创建视频时间轴”选项，打开“视频时间轴”模式的“时间轴”面板。在“视频时间轴”模式的“时间轴”面板中，除“背景”图层外，其他每个图层都会作为一个“视频轨道”，可以对每个视频轨道进行调整、切分、设置动画等操作，如图所示。下面分别对主要部分做简要介绍。;5;1.播放控件：用于控制视频的播放。包括“转到第一帧”“转到上一帧”“播放”和“转到下一帧”图标。

2.“音频控制”图标：用于关闭或启用音频的播放。

3.“设置回放选项”图标：可以设置分辨率及是否循环播放。

4.“在播放头处拆分”图标：用于切分视频轨道。

5.“选择过渡效果并拖动以应用”图标：单击该图标，在弹出的下拉列表中设置持续时间，并从中选择所需的过渡效果，将过渡效果类型拖到剪辑的开头或结尾，即可为视频添加指定的过渡效果。拖动时间轴中过渡效果预览的边缘，可以精确设置入点和出点。;6.“当前时间指示器”图标：拖拽当前时间指示器可以浏览帧或更改当前时间或帧。

7.时间标尺：根据当前文档的持续时间和帧速率，水平测量持续时间或帧计数。

8.“向轨道添加媒体”图标：单击该图标，可以将要添加的视频或音频添加到轨道中。

9.“转换为帧动画”图标：单击该图标，可以将“视频时间轴”模式的“时间轴”面板切换为“帧动画”模式的“时间轴”面板。;10.“渲染视频”图标：单击该图标，可以选择文件保存位置，设置格式、预设、大小、范围等选项，设置好以后，单击渲染，就开始渲染视频。

11.“缩小时间轴”图标：单击该图标，可??缩小显示时间轴。

12.“控制时间轴显示比例”图标：拖动该图标向左可以缩小时间轴显示比例；拖动该图标向右可以放大时间轴显示比例。

13.“放大时间轴”图标：单击该图标，可以放大显示时间轴。

14.工作区域指示器：设置工作区域的开头与结尾，拖动该按钮到指定的时间位置可以预览或导出动画或视频的特定部分。;二、音轨

时间轴上单独的音轨可以进行编辑和调整。单击“音轨”图标，在弹出的下拉菜单可以选择“添加音频”“复制音频剪辑”“删除音频剪辑”“替换音频剪辑”“新建音轨”或“删除轨道”，如图所示。;三、添加视频素材

对已经打开的文件，如果要向其中添加视频文件，可以执行“图层”“视频图层”“从文件新建视频图层”命令，然后选择要添加的视频文件即可。;一、打开素材

按“Ctrl+O”快捷键，打开“素材/素材/任务二”目录下名为“网页Banner设计背景.PSD”的文件，如图所示。;二、置入图片

1.执行“文件”“置入嵌入对象”命令，将“素材/素材/任务二”目录下名为“天猫.JPG”的文件置入，在图层面板自动生成“天猫”图层，然后调整图片的大小和位置，效果如图所示。;2.将“素材/素材/任务二”目录下名为“星星.JPG”的文件置入，在“图层”面板自动生成“星星”图层，设置该图层的混合模式为“滤色”，并调整图片的大小和位置，效果如图所示。;三、设置颜色

在工具箱上单击“设置前景色”图标，打开“拾色器（前景色）”对话框，勾选左下角的“只有Web颜色”选项，把颜色控制条边上的滑块移到黄色边上，然后选取色表中右上角的黄色，如图所示。单击“确定”按钮完成设置。;四、输入文字

1.选择“横排文字工具”，在工具属性栏中设置字体类型为“微软雅黑”，文字的大小为“72点”，然后在图像窗口单击，输入文字“双11终极狂欢”，按Esc键退出输入，设置字体颜色为上一步的黄色；单击“图层”面板下方的“添加图层样式”图标，为文字添加“描边”效果，设置描边大小为“5像素”，颜色为“R102，G0，B153”，效果如图所示。;16;2.输入文字“每满300减40”，设置字体类型为“微软雅黑”，文字的大小为“105点”，垂直缩放为“120%”，如图所示；为文字添加“描边”效果，设置描边大小为“7像素”，颜色为“R102，G0，B153”，调整文字的位置。效果如图所示。;五、绘制矩形

1.新建“图层1”，选择“矩形选框工具”，在文字下方绘制矩形，并填充红色（R255，G0，B0），效果如图所示。;2.