1.4.2 Adobe Express中的动画和视频
在开始本练习之前,请从https://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中使用。