1.4.2 Adobe Express中的动画和视频

在开始本练习之前,请从https://tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/Adobe_Express.zip下载所需的资产,并将其解压缩到桌面上。

Adobe Express

1.4.2.1创建视频

转到https://new.express.adobe.com/。 单击​ + ​图标以创建新的​ 映像

Adobe Express

转到​ 视频,然后选择​ 移动设备视频

Adobe Express

您应该会看到此内容。

Adobe Express

选择​ 背景颜色,然后选择​ 黑色

Adobe Express

接下来,您应该添加​ CitiSignal ​徽标。 转到​ 品牌 ​并选择白色CitiSignal徽标。 单击3个点​ ​并选择​ 放置

Adobe Express

将CitiSignal徽标居中于图像顶部。

Adobe Express

转到​ 文本,然后选择​ 添加您的文本

Adobe Express

输入文本Stay Connected并将文本框放置在如下图所示的类似位置。

Adobe Express

转到​ 文本,然后选择​ 添加您的文本。 输入文本Stay Ahead

Adobe Express

将文本框放置在如下图所示的类似位置。

选择文本为​ 保持连接 ​的第一个文本框。 转到​ 品牌,转到​ 字体。 单击第一个字体上的3个点​ ,然后单击​ 应用

Adobe Express

选择带有文本​ 提前显示 ​的第二个文本框。 转到​ 品牌,转到​ 字体。 单击第3种字体上的3个点​ ,然后单击​ 应用

Adobe Express

您应该会看到此内容。 转到​ 媒体 ​并选择​ 生成图像

Adobe Express

输入提示futuristic looking transparent cloud on a black background并单击​ 生成

Adobe Express

选择​ 横向(4:3)

Adobe Express

您应该会看到此内容。 选择一个变体。

Adobe Express

将生成的图像居中。 转到​ 媒体,然后单击​ 从设备上传

Adobe Express

导航到桌面上的文件夹​ Adobe_Express,其中包含您之前下载的资源。 选择文件​ CitiSignalPhoneLogo.png,然后单击​ 打开

Adobe Express

您应该会看到此内容。

Adobe Express

向下拖动图像,使其看起来与下图类似。

Adobe Express

将项目名称更改为--aepUserLdap-- - Mobile Video

Adobe Express

转到​ 动画,然后单击​ 滑动 ​动画。

Adobe Express

单击​ 播放 ​图标以测试您的动画。

Adobe Express

选择文本框​ 保持领先

Adobe Express

调整文本框​ 保持领先 ​的时间线滑块,使其在中途开始。

Adobe Express

选择​ CitiSignal ​徽标。

Adobe Express

打开​ 幻灯片 ​操作的详细信息设置,并将持续时间更改为2.5秒。

Adobe Express

接下来,单击​ 下载。 选择​ 文件格式 MP4 ​并将​ 视频分辨率 ​设置为​ 1080p。 单击​ 下载

Adobe Express

随后将生成您的视频文件,并将其下载到您的计算机。 您的第一个视频现已准备就绪。

Adobe Express

1.4.2.2添加到您的视频

关闭​ 时间轴 ​视图。

Adobe Express

单击3个点​ ​并选择​ 复制

Adobe Express

随后将生成一个新页面。 单击​ 编辑时间线 ​开始处理新页面。

Adobe Express

单击​ +添加场景

Adobe Express

然后,您应该会看到正在添加的新场景。

Adobe Express

导航到桌面上的文件夹​ Adobe_Express,其中包含您之前下载的资源。 选择文件​ AdobeStock_648887461_trimmed.mp4 ​并单击​ 打开

Adobe Express

然后,您的视频文件将被添加到新场景中。

Adobe Express

在这2个场景的中间单击,然后选择​ 添加过渡

Adobe Express

单击​ 跳至黑色

Adobe Express

将​ 持续时间 ​更改为2秒。 您可以随时单击​ 播放 ​按钮以测试您的过渡。

Adobe Express

转到​ 文本,然后单击​ 添加您的文本

Adobe Express

输入文本with lightning fast speed from CitiSignal。 通过单击​ 居中对齐 ​将文本居中对齐。

Adobe Express

将字体大小更改为​ 60

Adobe Express

1.4.2.3在Adobe Express中使用加载项

转到​ 加载项 ​并搜索加载项​ Social Previewer

Adobe Express

单击​ +添加 ​添加加载项。

Adobe Express

选择加载项​ 社交预览器 ​并单击​ Instagram帖子 ​预览选项。 您现在可以轻松预览您的帖子在最常见的社交媒体平台上的外观。

Adobe Express

1.4.2.4在Adobe Express中创建新模板

接下来,单击“共享”按钮,然后选择“创建模板”。

Adobe Express

使用名称--aepUserLdap-- - Mobile Video,选择品牌​ CitiSignal (Telco),然后单击​ 保存模板

Adobe Express

您的视频模板现已保存在品牌模板中。

Adobe Express

1.4.2.5在AEM Assets CS中保存您的视频

再次单击​ 共享,然后选择​ 保存到云。 选择​ AEM Assets

Adobe Express

选择​ 当前页面。 使用名称--aepUserLdap-- - Mobile Video,然后单击​ 选择文件夹

Adobe Express

选择文件夹​ --aepUserLdap-- - Frame.io PNG ​并单击​ 选择

Adobe Express

单击​ 上传1项资源

Adobe Express

转到https://experience.adobe.com/并单击​ Experience Manager Assets

Adobe Express

选择您的AEM Assets CS环境,应将其命名为--aepUserLdap-- - Citi Signal dev

Adobe Express

在​ Assets ​中,导航到文件夹​ --aepUserLdap-- - Frame.io PNG。 双击资产​ --aepUserLdap-- - Mobile Video ​以将其打开。

Adobe Express

您在Adobe Express中创建的视频现在可在Adobe Experience Manager Assets中使用。

Adobe Express

后续步骤

转到在Adobe Express中批量创建Assets

返回Adobe Express和Adobe Experience Cloud

返回所有模块

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d