1.4.3在Adobe Express中大量建立Assets
開始此練習前,請先從https://one-adobe-tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/Adobe_Express.zip下載必要的資產,然後在您的案頭上解壓縮。
1.4.3.1建立您的基本資產
移至https://new.express.adobe.com/。 按一下 + 圖示以建立新的 影像。
選取 像片,然後選擇 上傳媒體。
導覽至您的案頭,前往包含您先前下載之資產的資料夾 Adobe_Express。 選取檔案 banner.png 並按一下 開啟。
您應該會看到此訊息。 選取 編輯影像。
接著,移至 媒體 並選取 上傳影像。 導覽至您的案頭,前往包含您先前下載之資產的資料夾 Adobe_Express。 選取檔案 man.png 並按一下 開啟。
您應該會看到此訊息。
接下來,您應該新增 CitiSignal 標誌。 移至 品牌 並選取白色CitiSignal標誌。 按一下3個點 …,然後選取 置入。
調整CitiSignal標誌影像的位置,以反映以下影像中的相同位置。
移至 文字 並按一下 新增您的文字。
在新文字方塊中,新增文字Empowering Connections
。 將文字方塊拖曳至類似位置,如下圖所示。 接下來,移至 品牌,移至 字型。 按一下第3字型上的3個點 …,然後按一下 套用。
接著,將字型顏色變更為 白色。
再次移至 文字 並按一下 新增您的文字。
在新文字方塊中,輸入文字Your pathway to reliable communication
。 調整文字方塊的位置,使其位於上一個文字方塊下方,類似於下面的影像。
移至 品牌、字型,然後按一下第二個字型上的3個點 …。 然後,按一下 套用。
然後您應該擁有此專案。 接著,移至 元素、形狀,然後按一下圓角矩形形狀。
您的影像就會有新的圓角矩形形狀。 調整大小和位置,使其看起來像按鈕。 然後,將圓角矩形的顏色變更為 黑色。
再次移至 文字 並按一下 新增您的文字。
在新文字方塊中輸入文字Shop now
,並將文字方塊的位置變更為以按鈕為中心。 移至 品牌、字型,然後按一下第三個字型上的3個點 …。 然後,按一下 套用。
您應該會看到此訊息。
在Adobe Express中大量建立1.4.3.2
接著,按一下 大量建立。
您應該會看到此訊息。 按一下 瀏覽。
導覽至您的案頭,並移至資料夾 Adobe_Express 中的 Express Bulk Create 資料夾,其中包含您先前下載的資產。 選取檔案 CTA-options.csv 並按一下 開啟。
您應該會看到此訊息。 按一下 下一步。
按一下 連線元素。
選取包含文字 您通往可靠通訊的路徑 的文字方塊。 然後按一下「元素1」按鈕,並將其連結至CSV檔案中的欄位,在此案例中是欄位 Subhead。
接著,選取包含文字 立即購物 的文字方塊。
然後按一下「元素1」按鈕,並將其連結至CSV檔案中的欄位,在此案例中是欄位 CTA。
您應該會看到此訊息。 接著,按一下個人的影像。
按一下按鈕 元素1。
然後您會看到此快顯視窗。 按一下 瀏覽。
導覽至您的案頭,並移至資料夾 Adobe_Express 中的 Express Bulk Create 資料夾,其中包含您先前下載的資產。 選取6-7個影像檔案,然後按一下 開啟。
您將會看到此訊息。 將不同的影像拖放至資產的每個變數。 按一下 完成
然後您會看到產生的影像變化。 按一下 建立頁面。
您的變數現已準備就緒,您可以個別檢查每個變數以進行檢閱和驗證。
您現在已經完成此練習。