1.4.2 Adobe Express中的动画和视频
在开始本练习之前,请从https://one-adobe-tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/Adobe_Express.zip下载所需的资产,并将其解压缩到桌面上。
1.4.2.1创建视频
转到https://new.express.adobe.com/。 单击 + 图标以创建新的映像。
转到视频,然后选择移动设备视频。
您应该会看到此内容。
选择背景颜色,然后选择黑色。
接下来,您应该添加 CitiSignal 徽标。 转到 品牌 并选择白色CitiSignal徽标。 单击3个点 … 并选择放置。
将CitiSignal徽标居中于图像顶部。
转到文本,然后选择添加您的文本。
输入文本Stay Connected并将文本框放置在如下图所示的类似位置。
转到文本,然后选择添加您的文本。 输入文本Stay Ahead。
将文本框放置在如下图所示的类似位置。
选择文本为 保持连接 的第一个文本框。 转到品牌,转到字体。 单击第一个字体上的3个点…,然后单击应用。
选择带有文本 提前显示 的第二个文本框。 转到品牌,转到字体。 单击第3种字体上的3个点…,然后单击应用。
您应该会看到此内容。 转到 媒体 并选择生成图像。
输入提示futuristic looking transparent cloud on a black background并单击生成。
选择横向(4:3)。
您应该会看到此内容。 选择一个变体。
将生成的图像居中。 转到媒体,然后单击从设备上传。
导航到桌面上的文件夹Adobe_Express,其中包含您之前下载的资源。 选择文件CitiSignalPhoneLogo.png,然后单击打开。
您应该会看到此内容。
向下拖动图像,使其看起来与下图类似。
将项目名称更改为--aepUserLdap-- - Mobile Video。
转到动画,然后单击 滑动 动画。
单击 播放 图标以测试您的动画。
选择文本框保持领先。
调整文本框 保持领先 的时间线滑块,使其在中途开始。
选择 CitiSignal 徽标。
打开 幻灯片 操作的详细信息设置,并将持续时间更改为2.5秒。
接下来,单击下载。 选择文件格式 MP4并将 视频分辨率 设置为1080p。 单击下载。
随后将生成您的视频文件,并将其下载到您的计算机。 您的第一个视频现已准备就绪。
1.4.2.2添加到您的视频
关闭 时间轴 视图。
单击3个点 … 并选择复制。
随后将生成一个新页面。 单击 编辑时间线 开始处理新页面。
单击+添加场景。
然后,您应该会看到正在添加的新场景。
导航到桌面上的文件夹Adobe_Express,其中包含您之前下载的资源。 选择文件 AdobeStock_648887461_trimmed.mp4 并单击打开。
然后,您的视频文件将被添加到新场景中。
在这2个场景的中间单击,然后选择添加过渡。
单击跳至黑色。
将 持续时间 更改为2秒。 您可以随时单击 播放 按钮以测试您的过渡。
转到文本,然后单击添加您的文本。
输入文本with lightning fast speed from CitiSignal。 通过单击 居中对齐 将文本居中对齐。
将字体大小更改为60。
1.4.2.3在Adobe Express中使用加载项
转到 加载项 并搜索加载项Social Previewer。
单击 +添加 添加加载项。
选择加载项 社交预览器 并单击 Instagram帖子 预览选项。 您现在可以轻松预览您的帖子在最常见的社交媒体平台上的外观。
1.4.2.4在Adobe Express中创建新模板
接下来,单击“共享”按钮,然后选择“创建模板”。
使用名称--aepUserLdap-- - Mobile Video,选择品牌CitiSignal (Telco),然后单击保存模板。
您的视频模板现已保存在品牌模板中。
1.4.2.5在AEM Assets CS中保存您的视频
再次单击共享,然后选择保存到云。 选择AEM Assets。
选择当前页面。 使用名称--aepUserLdap-- - Mobile Video,然后单击选择文件夹。
选择文件夹 --aepUserLdap-- - Frame.io PNG 并单击选择。
单击上传1项资源。
转到https://experience.adobe.com/并单击Experience Manager Assets。
选择您的AEM Assets CS环境,应将其命名为--aepUserLdap-- - Citi Signal dev。
在 Assets 中,导航到文件夹--aepUserLdap-- - Frame.io PNG。 双击资产 --aepUserLdap-- - Mobile Video 以将其打开。
您在Adobe Express中创建的视频现在可在Adobe Experience Manager Assets中使用。