1.4.2 Adobe Express中的動畫和視訊

開始此練習前,請先從https://one-adobe-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

在Adobe Express中1.4.2.3使用附加元件

移至​ 附加元件 ​並搜尋附加元件​ 社交預覽器

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

選取您應命名為--aepUserLdap-- - Citi Signal dev的AEM Assets CS環境。

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