第8章视频的设计与制作《Photoshop CC网店美工视觉设计实战》同步教学（工信版）（课件）

视频的设计与制作 Photoshop CC网店美工视觉设计实战（全彩微课版） 第8章 目录 Contents 视频制作基础 主图和详情页视频的设计与制作 8.2 8.1 视频上传 8.3 实战演练 —— 制作并上传主图视频 8.4 8.1.1 视频的基本术语 3 视频的基本术语在相机设置和视频剪辑软件中经常见到。 帧 帧速率 时间码 MP4格式 帧速率指每秒钟刷新的图片的帧数，单位为每秒传输帧数（Frames Per Second，fps）。 MP4格式（MPEG-4）是一种标准的数字多媒体容器格式，主要以存储数字音频及数字视频为主，也可以存储字幕和静止图像。 时间码是相机在记录图像信号时，针对每一幅图像记录的时间编码。 帧相当于电影胶片上的每一格镜头，一帧就是一幅静止的画面，连续的多帧就能形成动态效果。 8.1.2 视频制作要求 4 主图视频主要是以视频的形式补充主图对商品的展示，通常显示在商品页面的第一张主图之前，如下图所示。 1. 主图视频要求 主图视频时长 主图视频尺寸 主图视频大小 主图视频格式 主图视频内容 8.1.2 视频制作要求 5 详情页视频主要以视频的形式补充详情页对商品的展示内容，通常显示在详情页图片中间，如下图所示。 2. 详情页视频要求 详情页视频大小 详情页视频尺寸 详情页视频时长 8.1.3 认识剪映视频剪辑软件 6 剪映是由抖音短视频官方推出，带有全面的剪辑功能，支持多种变速、滤镜、转场效果，提供丰富的曲库资源，全面的视频剪辑工具。 剪映有移动端应用程序（Application，App）和个人计算机（Personal Computer，PC）端应用软件两种形式。移动端剪映App支持直接在手机上剪辑制作拍摄的短视频并将其发布，十分适合视频剪辑新手。PC端剪映具有更加专业、强大、丰富的功能，还能识别语音生成字幕。右图所示为PC端剪映页面。 8.1.4 视频制作流程 7 剪辑视频是视频制作的第一步，也是最为关键的一步，主要是对视频素材进行以下4个方面的操作。 1. 剪辑视频 素材编辑主要是指通过裁剪、贴图、标记等操作编辑视频。 素材编辑与分割 制作完视频主体部分后，适当添加字幕可以让消费者理解其主旨。 添加字幕 文使视频效果更加精彩纷呈、丰富多彩。 添加转场与滤镜特效 添加字幕后，还可根据需要为视频添加背景音乐或旁白等。 添加配乐 01 03 02 04 8.1.4 视频制作流程 8 剪辑视频完成后，网店美工还需要保存和导出视频，以防视频丢失或损坏。其具体操作为：单击剪映视频剪辑软件操作界面右上角的“导出” 按钮，在打开的页面中选择视频导出的基本设置，完成后单击“导出” 按钮，如下图所示，稍等片刻即可完成导出操作。 2. 保存导出 8.1.4 视频制作流程 9 3. 上传分享 完成导出操作后，若需要将视频上传或分享到其他平台中，需要先导出视频（见保存敢出视频图），再通过其他平台进行视频的上传与分享（见左图）。 目录 Contents 视频制作基础 主图和详情页视频的设计与制作 8.2 8.1 视频上传 8.3 实战演练 —— 制作并上传主图视频 8.4 8.2.1 设计与制作主图视频 11 某水果网店需要为水蜜桃制作主图视频，方便消费者查看水蜜桃信息，如水蜜桃的采摘场景、清洗、破开场景等效果。网店美工在制作主图视频时，可先分割拍摄的视频，删除多余视频片段，并添加滤镜和转场，增加美观度，具体操作如下。 单击“打开”按钮 添加视频 分割视频1 1 2 3 8.2.1 设计与制作主图视频 12 分割视频2 删除视频 修改视频 4 5 6 8.2.1 设计与制作主图视频 13 删除其他视频 设置视频时长1 设置视频时长2 7 8 9 8.2.1 设计与制作主图视频 14 添加转场1 设置转场时长 添加转场2 10 11 12 8.2.1 设计与制作主图视频 15 选择封面 设置导出名称和位置 导出视频和封面 13 14 15 8.2.2 设计与制作详情页视频 16 某网店拍摄了一则电动牙刷的视频准备用于详情页中，但拍摄的电动牙刷详情页视频存在多余部分，需要先分割并删除多余部分，并针对场景添加文字和关闭原声后再重新添加音频，具体操作如下。 添加视频 分割视频1 删除视频片段1 1 2 3 8.2.2 设计与制作详情页视频 17 设置视频时长 添加其他视频 分割视频2 4 5 6 8.2.2 设计与制作详情页视频 18 添加音频 删除视频片段2 关闭原声 9 7 8 8.2.2 设计与制作详情页视频 19 输入文本1 设置缩放 10 11 12 选择字体样式 8.2.2 设计与制作详情页视频 20 调整文字位置 输入文本2 15 13 14 调整文字在时间轴中